Index: bower_components/paper-shadow/paper-shadow.html |
diff --git a/bower_components/paper-shadow/paper-shadow.html b/bower_components/paper-shadow/paper-shadow.html |
deleted file mode 100644 |
index 8c3b4616fd97d4ece83292f12500dbceeb69e420..0000000000000000000000000000000000000000 |
--- a/bower_components/paper-shadow/paper-shadow.html |
+++ /dev/null |
@@ -1,219 +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 `paper-shadow` element is a helper to add shadows to elements. |
-Paper shadows are composed of two shadows on top of each other. We |
-mimic this effect by using two elements on top of each other, each with a |
-different drop shadow. You can apply the shadow to an element by assigning |
-it as the target. If you do not specify a target, the shadow is applied to |
-the `paper-shadow` element's parent element or shadow host element if its |
-parent is a shadow root. Alternatively, you can use the CSS classes included |
-by this element directly. |
- |
-Example: |
- |
- <div id="myCard" class="card"></div> |
- <paper-shadow id="myShadow" z="1"></div> |
- |
- // Assign a target explicitly |
- myShadow.target = document.getElementById('myCard'); |
- |
- // Auto-assign the target. |
- <div class="card"> |
- <paper-shadow z="1"></paper-shadow> |
- </div> |
- |
- // Use the classes directly |
- <div class="card paper-shadow-top paper-shadow-top-z-1"> |
- <div class="card-inner paper-shadow-bottom paper-shadow-bottom-z-1"></div> |
- </div> |
- |
-If you assign a target to a `paper-shadow` element, it creates two nodes and inserts |
-them as the first children of the target, or the first children of the target's shadow |
-root if there is one. This implies: |
- |
- 1. If the primary node that drops the shadow has styling that affects its shape, |
- the same styling must be applied to elements with class `paper-shadow`. |
- `border-radius` is a very common property and is inherited automatically. |
- |
- 2. The target's overflow property will be set to `overflow: visible` because the |
- shadow is rendered beyond the bounds of its container. Position the shadow as a |
- separate layer and use a different child element for clipping if needed. |
- |
-@group Paper Elements |
-@class paper-shadow |
---> |
- |
-<link href="../polymer/polymer.html" rel="import"> |
- |
-<polymer-element name="paper-shadow"> |
- |
- <template> |
- |
- <link no-shim href="paper-shadow.css" rel="stylesheet"> |
- |
- </template> |
- |
- <script> |
- Polymer('paper-shadow', { |
- |
- publish: { |
- /** |
- * If set, the shadow is applied to this node. |
- * |
- * @attribute target |
- * @type Element |
- * @default null |
- */ |
- target: {value: null, reflect: true}, |
- |
- /** |
- * The z-depth of this shadow, from 0-5. |
- * |
- * @attribute z |
- * @type number |
- * @default 1 |
- */ |
- z: {value: 1, reflect: true}, |
- |
- /** |
- * If true, the shadow animates between z-depth changes. |
- * |
- * @attribute animated |
- * @type boolean |
- * @default false |
- */ |
- animated: {value: false, reflect: true}, |
- |
- /** |
- * Workaround: getComputedStyle is wrong sometimes so `paper-shadow` |
- * may overwrite the `position` CSS property. Set this property to |
- * true to prevent this. |
- * |
- * @attribute hasPosition |
- * @type boolean |
- * @default false |
- */ |
- hasPosition: false |
- }, |
- |
- // NOTE: include template so that styles are loaded, but remove |
- // so that we can decide dynamically what part to include |
- registerCallback: function(polymerElement) { |
- var template = polymerElement.querySelector('template'); |
- this._style = template.content.querySelector('style'); |
- this._style.removeAttribute('no-shim'); |
- }, |
- |
- fetchTemplate: function() { |
- return null; |
- }, |
- |
- attached: function() { |
- // If no target is bound at attach, default the target to the parent |
- // element or shadow host. |
- if (!this.target) { |
- if (!this.parentElement && this.parentNode.host) { |
- this.target = this.parentNode.host; |
- } else if (this.parentElement && (window.ShadowDOMPolyfill ? this.parentElement !== wrap(document.body) : this.parentElement !== document.body)) { |
- this.target = this.parentElement; |
- } |
- } |
- }, |
- |
- targetChanged: function(old) { |
- if (old) { |
- this.removeShadow(old); |
- } |
- if (this.target) { |
- this.addShadow(this.target); |
- } |
- }, |
- |
- zChanged: function(old) { |
- if (this.target && this.target._paperShadow) { |
- var shadow = this.target._paperShadow; |
- ['top', 'bottom'].forEach(function(s) { |
- shadow[s].classList.remove('paper-shadow-' + s + '-z-' + old); |
- shadow[s].classList.add('paper-shadow-' + s + '-z-' + this.z); |
- }.bind(this)); |
- } |
- }, |
- |
- animatedChanged: function() { |
- if (this.target && this.target._paperShadow) { |
- var shadow = this.target._paperShadow; |
- ['top', 'bottom'].forEach(function(s) { |
- if (this.animated) { |
- shadow[s].classList.add('paper-shadow-animated'); |
- } else { |
- shadow[s].classList.remove('paper-shadow-animated'); |
- } |
- }.bind(this)); |
- } |
- }, |
- |
- addShadow: function(node) { |
- if (node._paperShadow) { |
- return; |
- } |
- |
- if (!node._hasShadowStyle) { |
- if (!node.shadowRoot) { |
- node.createShadowRoot().innerHTML = '<content></content>'; |
- } |
- this.installScopeStyle(this._style, 'shadow', node.shadowRoot); |
- node._hasShadowStyle = true; |
- } |
- |
- var computed = getComputedStyle(node); |
- if (!this.hasPosition && computed.position === 'static') { |
- node.style.position = 'relative'; |
- } |
- node.style.overflow = 'visible'; |
- |
- // Both the top and bottom shadows are children of the target, so |
- // it does not affect the classes and CSS properties of the target. |
- ['top', 'bottom'].forEach(function(s) { |
- var inner = (node._paperShadow && node._paperShadow[s]) || document.createElement('div'); |
- inner.classList.add('paper-shadow'); |
- inner.classList.add('paper-shadow-' + s + '-z-' + this.z); |
- if (this.animated) { |
- inner.classList.add('paper-shadow-animated'); |
- } |
- |
- if (node.shadowRoot) { |
- node.shadowRoot.insertBefore(inner, node.shadowRoot.firstChild); |
- } else { |
- node.insertBefore(inner, node.firstChild); |
- } |
- |
- node._paperShadow = node._paperShadow || {}; |
- node._paperShadow[s] = inner; |
- }.bind(this)); |
- |
- }, |
- |
- removeShadow: function(node) { |
- if (!node._paperShadow) { |
- return; |
- } |
- |
- ['top', 'bottom'].forEach(function(s) { |
- node._paperShadow[s].remove(); |
- }); |
- node._paperShadow = null; |
- |
- node.style.position = null; |
- } |
- |
- }); |
- </script> |
-</polymer-element> |