Index: bower_components/core-icon/core-icon.html |
diff --git a/bower_components/core-icon/core-icon.html b/bower_components/core-icon/core-icon.html |
deleted file mode 100644 |
index c889d580fee57164348cec67ec8eecd5686b5965..0000000000000000000000000000000000000000 |
--- a/bower_components/core-icon/core-icon.html |
+++ /dev/null |
@@ -1,203 +0,0 @@ |
-<!-- |
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
-Code distributed by Google as part of the polymer project is also |
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
---> |
-<!-- |
- |
-The `core-icon` element displays an icon. By default an icon renders as a 24px square. |
- |
-Example using src: |
- |
- <core-icon src="star.png"></core-icon> |
- |
-Example setting size to 32px x 32px: |
- |
- <core-icon class="big" src="big_star.png"></core-icon> |
- |
- <style> |
- .big { |
- height: 32px; |
- width: 32px; |
- } |
- </style> |
- |
-The core elements include several sets of icons. |
-To use the default set of icons, import `core-icons.html` and use the `icon` attribute to specify an icon: |
- |
- <!-- import default iconset and core-icon --> |
- <link rel="import" href="/components/core-icons/core-icons.html"> |
- |
- <core-icon icon="menu"></core-icon> |
- |
-To use a different built-in set of icons, import `core-icons/<iconset>-icons.html`, and |
-specify the icon as `<iconset>:<icon>`. For example: |
- |
- <!-- import communication iconset and core-icon --> |
- <link rel="import" href="/components/core-icons/communication-icons.html"> |
- |
- <core-icon icon="communication:email"></core-icon> |
- |
-You can also create custom icon sets of bitmap or SVG icons. |
- |
-Example of using an icon named `cherry` from a custom iconset with the ID `fruit`: |
- |
- <core-icon icon="fruit:cherry"></core-icon> |
- |
-See [core-iconset](#core-iconset) and [core-iconset-svg](#core-iconset-svg) for more information about |
-how to create a custom iconset. |
- |
-See [core-icons](http://www.polymer-project.org/components/core-icons/demo.html) for the default set of icons. |
- |
-@group Polymer Core Elements |
-@element core-icon |
-@homepage polymer.github.io |
---> |
-<link rel="import" href="../core-iconset/core-iconset.html"> |
- |
-<link rel="stylesheet" href="core-icon.css" shim-shadowdom> |
- |
-<polymer-element name="core-icon" attributes="src icon alt"> |
-<script> |
-(function() { |
- |
- // mono-state |
- var meta; |
- |
- Polymer('core-icon', { |
- |
- /** |
- * The URL of an image for the icon. If the src property is specified, |
- * the icon property should not be. |
- * |
- * @attribute src |
- * @type string |
- * @default '' |
- */ |
- src: '', |
- |
- /** |
- * Specifies the icon name or index in the set of icons available in |
- * the icon's icon set. If the icon property is specified, |
- * the src property should not be. |
- * |
- * @attribute icon |
- * @type string |
- * @default '' |
- */ |
- icon: '', |
- |
- /** |
- * Alternative text content for accessibility support. |
- * If alt is present and not empty, it will set the element's role to img and add an aria-label whose content matches alt. |
- * If alt is present and is an empty string, '', it will hide the element from the accessibility layer |
- * If alt is not present, it will set the element's role to img and the element will fallback to using the icon attribute for its aria-label. |
- * |
- * @attribute alt |
- * @type string |
- * @default '' |
- */ |
- alt: null, |
- |
- observe: { |
- 'icon': 'updateIcon', |
- 'alt': 'updateAlt' |
- }, |
- |
- defaultIconset: 'icons', |
- |
- ready: function() { |
- if (!meta) { |
- meta = document.createElement('core-iconset'); |
- } |
- |
- // Allow user-provided `aria-label` in preference to any other text alternative. |
- if (this.hasAttribute('aria-label')) { |
- // Set `role` if it has not been overridden. |
- if (!this.hasAttribute('role')) { |
- this.setAttribute('role', 'img'); |
- } |
- return; |
- } |
- this.updateAlt(); |
- }, |
- |
- srcChanged: function() { |
- var icon = this._icon || document.createElement('div'); |
- icon.textContent = ''; |
- icon.setAttribute('fit', ''); |
- icon.style.backgroundImage = 'url(' + this.src + ')'; |
- icon.style.backgroundPosition = 'center'; |
- icon.style.backgroundSize = '100%'; |
- if (!icon.parentNode) { |
- this.appendChild(icon); |
- } |
- this._icon = icon; |
- }, |
- |
- getIconset: function(name) { |
- return meta.byId(name || this.defaultIconset); |
- }, |
- |
- updateIcon: function(oldVal, newVal) { |
- if (!this.icon) { |
- this.updateAlt(); |
- return; |
- } |
- var parts = String(this.icon).split(':'); |
- var icon = parts.pop(); |
- if (icon) { |
- var set = this.getIconset(parts.pop()); |
- if (set) { |
- this._icon = set.applyIcon(this, icon); |
- if (this._icon) { |
- this._icon.setAttribute('fit', ''); |
- } |
- } |
- } |
- // Check to see if we're using the old icon's name for our a11y fallback |
- if (oldVal) { |
- if (oldVal.split(':').pop() == this.getAttribute('aria-label')) { |
- this.updateAlt(); |
- } |
- } |
- }, |
- |
- updateAlt: function() { |
- // Respect the user's decision to remove this element from |
- // the a11y tree |
- if (this.getAttribute('aria-hidden')) { |
- return; |
- } |
- |
- // Remove element from a11y tree if `alt` is empty, otherwise |
- // use `alt` as `aria-label`. |
- if (this.alt === '') { |
- this.setAttribute('aria-hidden', 'true'); |
- if (this.hasAttribute('role')) { |
- this.removeAttribute('role'); |
- } |
- if (this.hasAttribute('aria-label')) { |
- this.removeAttribute('aria-label'); |
- } |
- } else { |
- this.setAttribute('aria-label', this.alt || |
- this.icon.split(':').pop()); |
- if (!this.hasAttribute('role')) { |
- this.setAttribute('role', 'img'); |
- } |
- if (this.hasAttribute('aria-hidden')) { |
- this.removeAttribute('aria-hidden'); |
- } |
- } |
- } |
- |
- }); |
- |
-})(); |
-</script> |
- |
-</polymer-element> |