Chromium Code Reviews| Index: pkg/polymer/lib/src/declaration.dart |
| diff --git a/pkg/polymer/lib/src/declaration.dart b/pkg/polymer/lib/src/declaration.dart |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..4c66c3d4c880a9f9de9f99ab866e4ef87f5912ea |
| --- /dev/null |
| +++ b/pkg/polymer/lib/src/declaration.dart |
| @@ -0,0 +1,713 @@ |
| +// Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| +// for details. All rights reserved. Use of this source code is governed by a |
| +// BSD-style license that can be found in the LICENSE file. |
| + |
| +part of polymer; |
| + |
| +/** |
| + * **Deprecated**: use [Polymer.register] instead. |
| + * |
| + * Registers a [PolymerElement]. This is similar to [registerCustomElement] |
| + * but it is designed to work with the `<element>` element and adds additional |
| + * features. |
| + */ |
| +@deprecated |
| +void registerPolymerElement(String localName, PolymerElement create()) { |
| + Polymer._registerClassMirror(localName, reflect(create()).type); |
| +} |
| + |
| +/** |
| + * **Warning**: this class is experiental and subject to change. |
| + * |
| + * The implementation for the `polymer-element` element. |
| + * |
| + * Normally you do not need to use this class directly, see [PolymerElement]. |
| + */ |
| +class PolymerDeclaration extends CustomElement { |
| + // Fully ported from revision: |
| + // https://github.com/Polymer/polymer/blob/4dc481c11505991a7c43228d3797d28f21267779 |
| + // |
| + // src/declaration/attributes.js |
| + // src/declaration/events.js |
| + // src/declaration/polymer-element.js |
| + // src/declaration/properties.js |
| + // src/declaration/prototype.js (note: most code not needed in Dart) |
| + // src/declaration/styles.js |
| + // |
| + // Not yet ported: |
| + // src/declaration/path.js - blocked on HTMLImports.getDocumentUrl |
| + |
| + // TODO(jmesserly): these should be Type not ClassMirror. But we can't get |
| + // from ClassMirror to Type yet in dart2js, so we use ClassMirror for now. |
| + // See https://code.google.com/p/dart/issues/detail?id=12607 |
| + ClassMirror _type; |
| + ClassMirror get type => _type; |
| + |
| + // TODO(jmesserly): this is a cache, because it's tricky in Dart to get from |
| + // ClassMirror -> Supertype. |
| + ClassMirror _supertype; |
| + ClassMirror get supertype => _supertype; |
| + |
| + // TODO(jmesserly): this is also a cache, since we can't store .element on |
| + // each level of the __proto__ like JS does. |
| + PolymerDeclaration _super; |
| + PolymerDeclaration get superDeclaration => _super; |
| + |
| + String _name; |
| + String get name => _name; |
| + |
| + /** |
| + * Map of publish properties. Can be a [VariableMirror] or a [MethodMirror] |
| + * representing a getter. If it is a getter, there will also be a setter. |
| + */ |
| + Map<String, DeclarationMirror> _publish; |
| + |
| + /** The names of published properties for this polymer-element. */ |
| + Iterable<String> get publishedProperties => |
| + _publish != null ? _publish.keys : const []; |
| + |
| + /** Same as [_publish] but with lower case names. */ |
| + Map<String, DeclarationMirror> _publishLC; |
| + |
| + Map<String, Symbol> _observe; |
| + |
| + Map<Symbol, Object> _instanceAttributes; |
| + |
| + List<Element> _sheets; |
| + List<Element> get sheets => _sheets; |
| + |
| + List<Element> _styles; |
| + List<Element> get styles => _styles; |
| + |
| + DocumentFragment get templateContent { |
| + final template = query('template'); |
| + return template != null ? template.content : null; |
| + } |
| + |
| + /** Maps event names and their associated method in the element class. */ |
| + final Map<String, String> _eventDelegates = {}; |
| + |
| + /** Expected events per element node. */ |
| + // TODO(sigmund): investigate whether we need more than 1 set of local events |
| + // per element (why does the js implementation stores 1 per template node?) |
| + Expando<Set<String>> _templateDelegates; |
| + |
| + void created() { |
| + super.created(); |
| + |
| + // fetch the element name |
| + _name = attributes['name']; |
| + // install element definition, if ready |
| + registerWhenReady(); |
| + } |
| + |
| + void registerWhenReady() { |
| + // if we have no prototype, wait |
| + if (waitingForType(name)) { |
| + return; |
| + } |
| + // fetch our extendee name |
| + var extendee = attributes['extends']; |
| + if (waitingForExtendee(extendee)) { |
| + //console.warn(name + ': waitingForExtendee:' + extendee); |
| + return; |
| + } |
| + // TODO(sjmiles): HTMLImports polyfill awareness: |
| + // elements in the main document are likely to parse |
| + // in advance of elements in imports because the |
| + // polyfill parser is simulated |
| + // therefore, wait for imports loaded before |
| + // finalizing elements in the main document |
| + // TODO(jmesserly): Polymer.dart waits for HTMLImportsLoaded, so I've |
| + // removed "whenImportsLoaded" for now. Restore the workaround if needed. |
| + _register(extendee); |
| + } |
| + |
| + void _register(extendee) { |
| + //console.group('registering', name); |
| + register(name, extendee); |
| + //console.groupEnd(); |
| + // subclasses may now register themselves |
| + _notifySuper(name); |
| + } |
| + |
| + bool waitingForType(String name) { |
| + if (_getRegisteredType(name) != null) return false; |
| + |
| + // then wait for a prototype |
| + _waitType[name] = this; |
| + // if explicitly marked as 'noscript' |
| + if (attributes.containsKey('noscript')) { |
| + // TODO(sorvell): CustomElements polyfill awareness: |
| + // noscript elements should upgrade in logical order |
| + // script injection ensures this under native custom elements; |
| + // under imports + ce polyfills, scripts run before upgrades. |
| + // dependencies should be ready at upgrade time so register |
| + // prototype at this time. |
| + // TODO(jmesserly): I'm not sure how to port this; since script |
| + // injection doesn't work for Dart, we'll just call Polymer.register |
| + // here and hope for the best. |
| + Polymer.register(name); |
| + } |
| + return true; |
| + } |
| + |
| + bool waitingForExtendee(String extendee) { |
| + // if extending a custom element... |
| + if (extendee != null && extendee.indexOf('-') >= 0) { |
| + // wait for the extendee to be _registered first |
| + if (!_isRegistered(extendee)) { |
| + _waitSuper.putIfAbsent(extendee, () => []).add(this); |
| + return true; |
| + } |
| + } |
| + return false; |
| + } |
| + |
| + void register(String name, String extendee) { |
| + // build prototype combining extendee, Polymer base, and named api |
| + buildType(name, extendee); |
| + |
| + // back reference declaration element |
| + // TODO(sjmiles): replace `element` with `elementElement` or `declaration` |
| + _declarations[_type] = this; |
| + |
| + // more declarative features |
| + desugar(); |
| + |
| + // TODO(sorvell): install a helper method this.resolvePath to aid in |
| + // setting resource paths. e.g. |
| + // this.$.image.src = this.resolvePath('images/foo.png') |
| + // Potentially remove when spec bug is addressed. |
| + // https://www.w3.org/Bugs/Public/show_bug.cgi?id=21407 |
| + // TODO(jmesserly): resolvePath not ported, see first comment in this class. |
| + |
| + // under ShadowDOMPolyfill, transforms to approximate missing CSS features |
| + _shimShadowDomStyling(templateContent, name); |
| + |
| + // register our custom element |
| + registerType(name); |
| + |
| + // NOTE: skip in Dart because we don't have mutable global scope. |
| + // reference constructor in a global named by 'constructor' attribute |
| + // publishConstructor(); |
| + } |
| + |
| + /** |
| + * Gets the Dart type registered for this name, and sets up declarative |
| + * features. Fills in the [type] and [supertype] fields. |
| + * |
| + * *Note*: unlike the JavaScript version, we do not have to metaprogram the |
| + * prototype, which simplifies this method. |
| + */ |
| + void buildType(String name, String extendee) { |
| + // get our custom type |
| + _type = _getRegisteredType(name); |
| + |
| + // get basal prototype |
| + _supertype = _getRegisteredType(extendee); |
| + if (supertype != null) _super = _getDeclaration(supertype); |
| + |
| + // transcribe `attributes` declarations onto own prototype's `publish` |
| + publishAttributes(type, _super); |
| + |
| + publishProperties(type); |
| + |
| + inferObservers(type); |
| + |
| + // Skip the rest in Dart: |
| + // chain various meta-data objects to inherited versions |
| + // chain custom api to inherited |
| + // build side-chained lists to optimize iterations |
| + // inherit publishing meta-data |
| + //this.inheritAttributesObjects(prototype); |
| + //this.inheritDelegates(prototype); |
| + // x-platform fixups |
| + } |
| + |
| + /** Implement various declarative features. */ |
| + void desugar() { |
| + // compile list of attributes to copy to instances |
| + accumulateInstanceAttributes(); |
| + // parse on-* delegates declared on `this` element |
| + parseHostEvents(); |
| + // parse on-* delegates declared in templates |
| + parseLocalEvents(); |
| + // install external stylesheets as if they are inline |
| + installSheets(); |
| + // TODO(jmesserly): this feels unnatrual in Dart. Since we have convenient |
| + // lazy static initialization, can we get by without it? |
| + var registered = type.methods[const Symbol('registerCallback')]; |
|
blois
2013/09/27 21:40:52
Out of curiosity, what do they use this for?
|
| + if (registered != null && registered.isStatic && |
| + registered.isRegularMethod) { |
| + type.invoke(const Symbol('registerCallback'), [this]); |
| + } |
| + |
| + } |
| + |
| + void registerType(String name) { |
| + // TODO(jmesserly): document.register |
| + registerCustomElement(name, () => |
| + type.newInstance(const Symbol(''), const []).reflectee); |
| + } |
| + |
| + void publishAttributes(ClassMirror type, PolymerDeclaration superDecl) { |
| + // get properties to publish |
| + if (superDecl != null && superDecl._publish != null) { |
| + _publish = new Map.from(superDecl._publish); |
| + } |
| + _publish = _getProperties(type, _publish, (x) => x is PublishedProperty); |
| + |
| + // merge names from 'attributes' attribute |
| + var attrs = attributes['attributes']; |
| + if (attrs != null) { |
| + // names='a b c' or names='a,b,c' |
| + // record each name for publishing |
| + for (var attr in attrs.split(attrs.contains(',') ? ',' : ' ')) { |
| + // remove excess ws |
| + attr = attr.trim(); |
| + |
| + // do not override explicit entries |
| + if (_publish != null && _publish.containsKey(attr)) continue; |
| + |
| + var property = new Symbol(attr); |
| + var mirror = type.variables[property]; |
| + if (mirror == null) { |
| + mirror = type.getters[property]; |
| + if (mirror != null && !_hasSetter(type, mirror)) mirror = null; |
| + } |
| + if (mirror == null) { |
| + window.console.warn('property for attribute $attr of polymer-element ' |
| + 'name=$name not found.'); |
| + continue; |
| + } |
| + if (_publish == null) _publish = {}; |
| + _publish[attr] = mirror; |
| + } |
| + } |
| + |
| + // NOTE: the following is not possible in Dart; fields must be declared. |
| + // install 'attributes' as properties on the prototype, |
| + // but don't override |
| + } |
| + |
| + void accumulateInstanceAttributes() { |
| + // inherit instance attributes |
| + _instanceAttributes = new Map<Symbol, Object>(); |
| + if (_super != null) _instanceAttributes.addAll(_super._instanceAttributes); |
| + |
| + // merge attributes from element |
| + attributes.forEach((name, value) { |
| + if (isInstanceAttribute(name)) { |
| + _instanceAttributes[new Symbol(name)] = value; |
| + } |
| + }); |
| + } |
| + |
| + static bool isInstanceAttribute(name) { |
| + // do not clone these attributes onto instances |
| + final blackList = const { |
| + 'name': 1, 'extends': 1, 'constructor': 1, 'noscript': 1, |
| + 'attributes': 1}; |
| + |
| + return !blackList.containsKey(name) && !name.startsWith('on-'); |
| + } |
| + |
| + /** Extracts events from the element tag attributes. */ |
| + void parseHostEvents() { |
| + addAttributeDelegates(_eventDelegates); |
| + } |
| + |
| + void addAttributeDelegates(Map<String, String> delegates) { |
| + attributes.forEach((name, value) { |
| + if (_hasEventPrefix(name)) { |
| + delegates[_removeEventPrefix(name)] = value; |
| + } |
| + }); |
| + } |
| + |
| + /** Extracts events under the element's <template>. */ |
| + void parseLocalEvents() { |
| + for (var t in queryAll('template')) { |
| + final events = new Set<String>(); |
| + // acquire delegates from entire subtree at t |
| + accumulateTemplatedEvents(t, events); |
| + if (events.isNotEmpty) { |
| + // store delegate information directly on template |
| + if (_templateDelegates == null) { |
| + _templateDelegates = new Expando<Set<String>>(); |
| + } |
| + _templateDelegates[t] = events; |
| + } |
| + } |
| + } |
| + |
| + void accumulateTemplatedEvents(Element node, Set<String> events) { |
| + if (node.localName == 'template' && node.content != null) { |
| + accumulateChildEvents(node.content, events); |
| + } |
| + } |
| + |
| + void accumulateChildEvents(node, Set<String> events) { |
| + assert(node is Element || node is DocumentFragment); |
| + for (var n in node.children) { |
| + accumulateEvents(n, events); |
| + } |
| + } |
| + |
| + void accumulateEvents(Element node, Set<String> events) { |
| + accumulateAttributeEvents(node, events); |
| + accumulateChildEvents(node, events); |
| + accumulateTemplatedEvents(node, events); |
| + } |
| + |
| + void accumulateAttributeEvents(Element node, Set<String> events) { |
| + for (var name in node.attributes.keys) { |
| + if (_hasEventPrefix(name)) { |
| + accumulateEvent(_removeEventPrefix(name), events); |
| + } |
| + } |
| + } |
| + |
| + void accumulateEvent(String name, Set<String> events) { |
| + var translated = _eventTranslations[name]; |
| + events.add(translated != null ? translated : name); |
| + } |
| + |
| + String urlToPath(String url) { |
| + if (url == null) return ''; |
| + return (url.split('/')..removeLast()..add('')).join('/'); |
| + } |
| + |
| + /** |
| + * Install external stylesheets loaded in <element> elements into the |
| + * element's template. |
| + */ |
| + void installSheets() { |
| + cacheSheets(); |
| + cacheStyles(); |
| + installLocalSheets(); |
| + installGlobalStyles(); |
| + } |
| + |
| + void cacheSheets() { |
| + _sheets = findNodes(_SHEET_SELECTOR); |
| + for (var s in sheets) s.remove(); |
| + } |
| + |
| + void cacheStyles() { |
| + _styles = findNodes('$_STYLE_SELECTOR[$_SCOPE_ATTR]'); |
| + for (var s in styles) s.remove(); |
| + } |
| + |
| + /** |
| + * Takes external stylesheets loaded in an `<element>` element and moves |
| + * their content into a style element inside the `<element>`'s template. |
| + * The sheet is then removed from the `<element>`. This is done only so |
| + * that if the element is loaded in the main document, the sheet does |
| + * not become active. |
| + * Note, ignores sheets with the attribute 'polymer-scope'. |
| + */ |
| + void installLocalSheets() { |
| + var sheets = this.sheets.where( |
| + (s) => !s.attributes.containsKey(_SCOPE_ATTR)); |
| + var content = this.templateContent; |
| + if (content != null) { |
| + var cssText = new StringBuffer(); |
| + for (var sheet in sheets) { |
| + cssText..write(_cssTextFromSheet(sheet))..write('\n'); |
| + } |
| + if (cssText.length > 0) { |
| + content.insertBefore( |
| + new StyleElement()..text = '$cssText', |
| + content.firstChild); |
| + } |
| + } |
| + } |
| + |
| + List<Element> findNodes(String selector, [bool matcher(Element e)]) { |
| + var nodes = this.queryAll(selector).toList(); |
| + var content = this.templateContent; |
| + if (content != null) { |
| + nodes = nodes..addAll(content.queryAll(selector)); |
| + } |
| + if (matcher != null) return nodes.where(matcher).toList(); |
| + return nodes; |
| + } |
| + |
| + /** |
| + * Promotes external stylesheets and style elements with the attribute |
| + * polymer-scope='global' into global scope. |
| + * This is particularly useful for defining @keyframe rules which |
| + * currently do not function in scoped or shadow style elements. |
| + * (See wkb.ug/72462) |
| + */ |
| + // TODO(sorvell): remove when wkb.ug/72462 is addressed. |
| + void installGlobalStyles() { |
| + var style = styleForScope(_STYLE_GLOBAL_SCOPE); |
| + _applyStyleToScope(style, document.head); |
| + } |
| + |
| + String cssTextForScope(String scopeDescriptor) { |
| + var cssText = new StringBuffer(); |
| + // handle stylesheets |
| + var selector = '[$_SCOPE_ATTR=$scopeDescriptor]'; |
| + matcher(s) => s.matches(selector); |
| + |
| + for (var sheet in sheets.where(matcher)) { |
| + cssText..write(_cssTextFromSheet(sheet))..write('\n\n'); |
| + } |
| + // handle cached style elements |
| + for (var style in styles.where(matcher)) { |
| + cssText..write(style.textContent)..write('\n\n'); |
| + } |
| + return cssText.toString(); |
| + } |
| + |
| + StyleElement styleForScope(String scopeDescriptor) { |
| + var cssText = cssTextForScope(scopeDescriptor); |
| + return cssTextToScopeStyle(cssText, scopeDescriptor); |
| + } |
| + |
| + StyleElement cssTextToScopeStyle(String cssText, String scopeDescriptor) { |
| + if (cssText == '') return null; |
| + |
| + return new StyleElement() |
| + ..text = cssText |
| + ..attributes[_STYLE_SCOPE_ATTRIBUTE] = '$name-$scopeDescriptor'; |
| + } |
| + |
| + /** |
| + * fetch a list of all observable properties names in our inheritance chain |
| + * above Polymer. |
| + */ |
| + // TODO(sjmiles): perf: reflection is slow, relatively speaking |
| + // If an element may take 6us to create, getCustomPropertyNames might |
| + // cost 1.6us more. |
| + void inferObservers(ClassMirror type) { |
| + for (var method in type.methods.values) { |
| + if (method.isStatic || !method.isRegularMethod) continue; |
| + |
| + String name = MirrorSystem.getName(method.simpleName); |
| + if (name.endsWith('Changed')) { |
| + if (_observe == null) _observe = {}; |
| + name = name.substring(0, name.length - 7); |
| + _observe[name] = method.simpleName; |
| + } |
| + } |
| + } |
| + |
| + void publishProperties(ClassMirror type) { |
| + // Dart note: _publish was already populated by publishAttributes |
| + if (_publish != null) _publishLC = _lowerCaseMap(_publish); |
| + } |
| + |
| + Map<String, dynamic> _lowerCaseMap(Map<String, dynamic> properties) { |
| + final map = new Map<String, dynamic>(); |
| + properties.forEach((name, value) { |
| + map[name.toLowerCase()] = value; |
| + }); |
| + return map; |
| + } |
| +} |
| + |
| +/// maps tag names to prototypes |
| +final Map _typesByName = new Map<String, ClassMirror>(); |
| + |
| +ClassMirror _getRegisteredType(String name) => _typesByName[name]; |
| + |
| +/// elements waiting for prototype, by name |
| +final Map _waitType = new Map<String, PolymerDeclaration>(); |
| + |
| +void _notifyType(String name) { |
| + var waiting = _waitType.remove(name); |
| + if (waiting != null) waiting.registerWhenReady(); |
| +} |
| + |
| +/// elements waiting for super, by name |
| +final Map _waitSuper = new Map<String, List<PolymerDeclaration>>(); |
| + |
| +void _notifySuper(String name) { |
| + _registered.add(name); |
| + var waiting = _waitSuper.remove(name); |
| + if (waiting != null) { |
| + for (var w in waiting) { |
| + w.registerWhenReady(); |
| + } |
| + } |
| +} |
| + |
| +/// track document.register'ed tag names |
| +final Set _registered = new Set<String>(); |
| + |
| +bool _isRegistered(name) => _registered.contains(name); |
| + |
| +final Map _declarations = new Map<ClassMirror, PolymerDeclaration>(); |
| + |
| +PolymerDeclaration _getDeclaration(ClassMirror type) => _declarations[type]; |
| + |
| +final _objectType = reflectClass(Object); |
| + |
| +Map _getProperties(ClassMirror type, Map props, bool matches(metadata)) { |
| + for (var field in type.variables.values) { |
| + if (field.isFinal || field.isStatic || field.isPrivate) continue; |
| + |
| + for (var meta in field.metadata) { |
| + if (matches(meta.reflectee)) { |
| + if (props == null) props = {}; |
| + props[MirrorSystem.getName(field.simpleName)] = field; |
| + break; |
| + } |
| + } |
| + } |
| + |
| + for (var getter in type.getters.values) { |
| + if (getter.isStatic || getter.isPrivate) continue; |
| + |
| + for (var meta in getter.metadata) { |
| + if (matches(meta.reflectee)) { |
| + if (_hasSetter(type, getter)) { |
| + if (props == null) props = {}; |
| + props[MirrorSystem.getName(getter.simpleName)] = getter; |
| + } |
| + break; |
| + } |
| + } |
| + } |
| + |
| + return props; |
| +} |
| + |
| +bool _hasSetter(ClassMirror type, MethodMirror getter) { |
| + var setterName = new Symbol('${MirrorSystem.getName(getter.simpleName)}='); |
| + return type.setters.containsKey(setterName); |
| +} |
| + |
| +bool _inDartHtml(ClassMirror type) => |
| + type.owner.simpleName == const Symbol('dart.dom.html'); |
| + |
| + |
| +/** Attribute prefix used for declarative event handlers. */ |
| +const _EVENT_PREFIX = 'on-'; |
| + |
| +/** Whether an attribute declares an event. */ |
| +bool _hasEventPrefix(String attr) => attr.startsWith(_EVENT_PREFIX); |
| + |
| +String _removeEventPrefix(String name) => name.substring(_EVENT_PREFIX.length); |
| + |
| +/** |
| + * Using Polymer's platform/src/ShadowCSS.js passing the style tag's content. |
| + */ |
| +void _shimShadowDomStyling(DocumentFragment template, String localName) { |
| + if (js.context == null) return; |
| + |
| + var platform = js.context['Platform']; |
| + if (platform == null) return; |
| + |
| + var style = template.query('style'); |
| + if (style == null) return; |
| + |
| + var shadowCss = platform['ShadowCSS']; |
| + if (shadowCss == null) return; |
| + |
| + // TODO(terry): Remove calls to shimShadowDOMStyling2 and replace with |
| + // shimShadowDOMStyling when we support unwrapping dart:html |
| + // Element to a JS DOM node. |
| + var shimShadowDOMStyling2 = shadowCss['shimShadowDOMStyling2']; |
| + if (shimShadowDOMStyling2 == null) return; |
| + |
| + var scopedCSS = shimShadowDOMStyling2.apply(shadowCss, |
| + [style.text, localName]); |
| + |
| + // TODO(terry): Remove when shimShadowDOMStyling is called we don't need to |
| + // replace original CSS with scoped CSS shimShadowDOMStyling |
| + // does that. |
| + style.text = scopedCSS; |
| +} |
| + |
| +const _STYLE_SELECTOR = 'style'; |
| +const _SHEET_SELECTOR = '[rel=stylesheet]'; |
| +const _STYLE_GLOBAL_SCOPE = 'global'; |
| +const _SCOPE_ATTR = 'polymer-scope'; |
| +const _STYLE_SCOPE_ATTRIBUTE = 'element'; |
| + |
| +void _applyStyleToScope(StyleElement style, Node scope) { |
| + if (style == null) return; |
| + |
| + // TODO(sorvell): necessary for IE |
| + // see https://connect.microsoft.com/IE/feedback/details/790212/ |
| + // cloning-a-style-element-and-adding-to-document-produces |
| + // -unexpected-result#details |
| + // var clone = style.cloneNode(true); |
| + var clone = new StyleElement()..text = style.text; |
| + |
| + var attr = style.attributes[_STYLE_SCOPE_ATTRIBUTE]; |
| + if (attr != null) { |
| + clone.attributes[_STYLE_SCOPE_ATTRIBUTE] = attr; |
| + } |
| + |
| + scope.append(clone); |
| +} |
| + |
| +String _cssTextFromSheet(Element sheet) { |
| + if (sheet == null || js.context == null) return ''; |
| + |
| + // TODO(jmesserly): this is a hacky way to communcate with HTMLImports... |
| + |
| + // Remove rel=stylesheet, href to keep this inert. |
| + var href = sheet.attributes.remove('href'); |
| + var rel = sheet.attributes.remove('rel'); |
| + document.body.append(sheet); |
| + String resource; |
| + try { |
| + resource = js.context['document']['body']['lastChild']['__resource']; |
| + } finally { |
| + sheet.remove(); |
| + if (href != null) sheet.attributes['href'] = href; |
| + if (rel != null) sheet.attributes['rel'] = rel; |
| + } |
| + return resource != null ? resource : ''; |
| +} |
| + |
| +const _OBSERVE_SUFFIX = 'Changed'; |
| + |
| +// TODO(jmesserly): is this list complete? |
| +final _eventTranslations = const { |
| + // TODO(jmesserly): these three Polymer.js translations won't work in Dart, |
| + // because we strip the webkit prefix (below). Reconcile. |
| + 'webkitanimationstart': 'webkitAnimationStart', |
| + 'webkitanimationend': 'webkitAnimationEnd', |
| + 'webkittransitionend': 'webkitTransitionEnd', |
| + |
| + 'domfocusout': 'DOMFocusOut', |
| + 'domfocusin': 'DOMFocusIn', |
| + |
| + // TODO(jmesserly): Dart specific renames. Reconcile with Polymer.js |
| + 'animationend': 'webkitAnimationEnd', |
| + 'animationiteration': 'webkitAnimationIteration', |
| + 'animationstart': 'webkitAnimationStart', |
| + 'doubleclick': 'dblclick', |
| + 'fullscreenchange': 'webkitfullscreenchange', |
| + 'fullscreenerror': 'webkitfullscreenerror', |
| + 'keyadded': 'webkitkeyadded', |
| + 'keyerror': 'webkitkeyerror', |
| + 'keymessage': 'webkitkeymessage', |
| + 'needkey': 'webkitneedkey', |
| + 'speechchange': 'webkitSpeechChange', |
| +}; |
| + |
| +final _reverseEventTranslations = () { |
| + final map = new Map<String, String>(); |
| + _eventTranslations.forEach((onName, eventType) { |
| + map[eventType] = onName; |
| + }); |
| + return map; |
| +}(); |
| + |
| +// Dart note: we need this function because we have additional renames JS does |
| +// not have. The JS renames are simply case differences, whereas we have ones |
| +// like doubleclick -> dblclick and stripping the webkit prefix. |
| +String _eventNameFromType(String eventType) { |
| + final result = _reverseEventTranslations[eventType]; |
| + return result != null ? result : eventType; |
| +} |