| Index: polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html
|
| diff --git a/polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html b/polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..20296c5d855ae5b4b053cab78edc88ad8c5b63d3
|
| --- /dev/null
|
| +++ b/polymer_0.5.0/bower_components/paper-shadow/paper-shadow.html
|
| @@ -0,0 +1,86 @@
|
| +<!--
|
| +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
|
| +-->
|
| +
|
| +<!--
|
| +
|
| +`paper-shadow` is a container that renders two shadows on top of each other to
|
| +create the effect of a lifted piece of paper.
|
| +
|
| +Example:
|
| +
|
| + <paper-shadow z="1">
|
| + ... card content ...
|
| + </paper-shadow>
|
| +
|
| +@group Paper Elements
|
| +@class paper-shadow
|
| +-->
|
| +
|
| +<link href="../polymer/polymer.html" rel="import">
|
| +
|
| +<link href="paper-shadow.css" rel="stylesheet" shim-shadowdom>
|
| +
|
| +<polymer-element name="paper-shadow">
|
| +
|
| +<template>
|
| +
|
| + <div id="shadow-bottom" fit animated?="[[animated]]" class="paper-shadow-bottom-z-[[z]]"></div>
|
| + <div id="shadow-top" fit animated?="[[animated]]" class="paper-shadow-top-z-[[z]]"></div>
|
| +
|
| + <content></content>
|
| +
|
| +</template>
|
| +
|
| +<script>
|
| + Polymer({
|
| +
|
| + publish: {
|
| +
|
| + /**
|
| + * The z-depth of this shadow, from 0-5. Setting this property
|
| + * after element creation has no effect. Use `setZ()` instead.
|
| + *
|
| + * @attribute z
|
| + * @type number
|
| + * @default 1
|
| + */
|
| + z: 1,
|
| +
|
| + /**
|
| + * Set this to true to animate the shadow when setting a new
|
| + * `z` value.
|
| + *
|
| + * @attribute animated
|
| + * @type boolean
|
| + * @default false
|
| + */
|
| + animated: false
|
| +
|
| + },
|
| +
|
| + /**
|
| + * Set the z-depth of the shadow. This should be used after element
|
| + * creation instead of setting the z property directly.
|
| + *
|
| + * @method setZ
|
| + * @param {Number} newZ
|
| + */
|
| + setZ: function(newZ) {
|
| + if (this.z !== newZ) {
|
| + this.$['shadow-bottom'].classList.remove('paper-shadow-bottom-z-' + this.z);
|
| + this.$['shadow-bottom'].classList.add('paper-shadow-bottom-z-' + newZ);
|
| + this.$['shadow-top'].classList.remove('paper-shadow-top-z-' + this.z);
|
| + this.$['shadow-top'].classList.add('paper-shadow-top-z-' + newZ);
|
| + this.z = newZ;
|
| + }
|
| + }
|
| +
|
| + });
|
| +</script>
|
| +</polymer-element>
|
|
|