1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update polymer components

This commit is contained in:
Luke Pulverenti 2015-09-04 00:33:31 -04:00
parent 478617f766
commit c7fa2299da
31 changed files with 813 additions and 1954 deletions

View file

@ -29,14 +29,14 @@
"web-component-tester": "*", "web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"homepage": "https://github.com/polymerelements/iron-a11y-keys-behavior", "homepage": "https://github.com/PolymerElements/iron-a11y-keys-behavior",
"_release": "1.0.5", "_release": "1.0.5",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.5",
"commit": "cf833eab5c55a26c5aa92e56d3fcb079120ce66a" "commit": "cf833eab5c55a26c5aa92e56d3fcb079120ce66a"
}, },
"_source": "git://github.com/polymerelements/iron-a11y-keys-behavior.git", "_source": "git://github.com/PolymerElements/iron-a11y-keys-behavior.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "polymerelements/iron-a11y-keys-behavior" "_originalSource": "PolymerElements/iron-a11y-keys-behavior"
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "iron-autogrow-textarea", "name": "iron-autogrow-textarea",
"version": "1.0.4", "version": "1.0.5",
"description": "A textarea element that automatically grows with input", "description": "A textarea element that automatically grows with input",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -37,11 +37,11 @@
"paper-styles": "PolymerElements/paper-styles#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"_release": "1.0.4", "_release": "1.0.5",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.4", "tag": "v1.0.5",
"commit": "0501594add2228c34b39b9fa898d177f7f8e1adb" "commit": "2f354b99a4fda5d601629b0119d0a6c9dd77d336"
}, },
"_source": "git://github.com/PolymerElements/iron-autogrow-textarea.git", "_source": "git://github.com/PolymerElements/iron-autogrow-textarea.git",
"_target": "^1.0.0", "_target": "^1.0.0",

View file

@ -1,6 +1,6 @@
{ {
"name": "iron-autogrow-textarea", "name": "iron-autogrow-textarea",
"version": "1.0.4", "version": "1.0.5",
"description": "A textarea element that automatically grows with input", "description": "A textarea element that automatically grows with input",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"

View file

@ -242,17 +242,6 @@ this element's `bind-value` instead for imperative updates.
return valid; return valid;
}, },
_update: function() {
this.$.mirror.innerHTML = this._valueForMirror();
var textarea = this.textarea;
// If the value of the textarea was updated imperatively, then we
// need to manually update bindValue as well.
if (textarea && this.bindValue != textarea.value) {
this.bindValue = textarea.value;
}
},
_bindValueChanged: function() { _bindValueChanged: function() {
var textarea = this.textarea; var textarea = this.textarea;
if (!textarea) { if (!textarea) {
@ -260,14 +249,13 @@ this element's `bind-value` instead for imperative updates.
} }
textarea.value = this.bindValue; textarea.value = this.bindValue;
this._update(); this.$.mirror.innerHTML = this._valueForMirror();
// manually notify because we don't want to notify until after setting value // manually notify because we don't want to notify until after setting value
this.fire('bind-value-changed', {value: this.bindValue}); this.fire('bind-value-changed', {value: this.bindValue});
}, },
_onInput: function(event) { _onInput: function(event) {
this.bindValue = event.path ? event.path[0].value : event.target.value; this.bindValue = event.path ? event.path[0].value : event.target.value;
this._update();
}, },
_constrain: function(tokens) { _constrain: function(tokens) {

View file

@ -27,14 +27,14 @@
"web-component-tester": "*", "web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"homepage": "https://github.com/polymerelements/iron-behaviors", "homepage": "https://github.com/PolymerElements/iron-behaviors",
"_release": "1.0.8", "_release": "1.0.8",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.8", "tag": "v1.0.8",
"commit": "663ad706b43989f4961d945b8116cf4db346532f" "commit": "663ad706b43989f4961d945b8116cf4db346532f"
}, },
"_source": "git://github.com/polymerelements/iron-behaviors.git", "_source": "git://github.com/PolymerElements/iron-behaviors.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "polymerelements/iron-behaviors" "_originalSource": "PolymerElements/iron-behaviors"
} }

View file

@ -23,14 +23,14 @@
"paper-styles": "polymerelements/paper-styles#^1.0.0", "paper-styles": "polymerelements/paper-styles#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"homepage": "https://github.com/polymerelements/iron-flex-layout", "homepage": "https://github.com/PolymerElements/iron-flex-layout",
"_release": "1.0.3", "_release": "1.0.3",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.3", "tag": "v1.0.3",
"commit": "e6c2cfec18354973ac03e70dcd8afcc3c72d09b9" "commit": "e6c2cfec18354973ac03e70dcd8afcc3c72d09b9"
}, },
"_source": "git://github.com/polymerelements/iron-flex-layout.git", "_source": "git://github.com/PolymerElements/iron-flex-layout.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "polymerelements/iron-flex-layout" "_originalSource": "PolymerElements/iron-flex-layout"
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-button", "name": "paper-button",
"version": "1.0.3", "version": "1.0.4",
"description": "Material design button", "description": "Material design button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -21,26 +21,26 @@
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"homepage": "https://github.com/PolymerElements/paper-button", "homepage": "https://github.com/PolymerElements/paper-button",
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.1.0",
"paper-ripple": "polymerelements/paper-ripple#^1.0.0", "paper-ripple": "polymerelements/paper-ripple#^1.0.0",
"paper-material": "polymerelements/paper-material#^1.0.0", "paper-material": "polymerelements/paper-material#^1.0.0",
"paper-behaviors": "polymerelements/paper-behaviors#^1.0.0", "paper-behaviors": "polymerelements/paper-behaviors#^1.0.0"
"polymer": "Polymer/polymer#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"iron-component-page": "polymerelements/iron-component-page#^1.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "*",
"test-fixture": "polymerelements/test-fixture#^1.0.0", "test-fixture": "polymerelements/test-fixture#^1.0.0",
"iron-component-page": "polymerelements/iron-component-page#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0", "iron-icon": "polymerelements/iron-icon#^1.0.0",
"iron-icons": "polymerelements/iron-icons#^1.0.0", "iron-icons": "polymerelements/iron-icons#^1.0.0",
"iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
"paper-styles": "polymerelements/paper-styles#^1.0.0", "paper-styles": "polymerelements/paper-styles#^1.0.0"
"web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"_release": "1.0.3", "_release": "1.0.4",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.3", "tag": "v1.0.4",
"commit": "f50a40fa1bf3ab20aaad413769452ed69b14ef66" "commit": "402fffc8bad25ea7c3135f2e5997ad00765a2d61"
}, },
"_source": "git://github.com/PolymerElements/paper-button.git", "_source": "git://github.com/PolymerElements/paper-button.git",
"_target": "~1.0.1", "_target": "~1.0.1",

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-button", "name": "paper-button",
"version": "1.0.3", "version": "1.0.4",
"description": "Material design button", "description": "Material design button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -21,19 +21,19 @@
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"homepage": "https://github.com/PolymerElements/paper-button", "homepage": "https://github.com/PolymerElements/paper-button",
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.1.0",
"paper-ripple": "polymerelements/paper-ripple#^1.0.0", "paper-ripple": "polymerelements/paper-ripple#^1.0.0",
"paper-material": "polymerelements/paper-material#^1.0.0", "paper-material": "polymerelements/paper-material#^1.0.0",
"paper-behaviors": "polymerelements/paper-behaviors#^1.0.0", "paper-behaviors": "polymerelements/paper-behaviors#^1.0.0"
"polymer": "Polymer/polymer#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"iron-component-page": "polymerelements/iron-component-page#^1.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "*",
"test-fixture": "polymerelements/test-fixture#^1.0.0", "test-fixture": "polymerelements/test-fixture#^1.0.0",
"iron-component-page": "polymerelements/iron-component-page#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0", "iron-icon": "polymerelements/iron-icon#^1.0.0",
"iron-icons": "polymerelements/iron-icons#^1.0.0", "iron-icons": "polymerelements/iron-icons#^1.0.0",
"iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0",
"paper-styles": "polymerelements/paper-styles#^1.0.0", "paper-styles": "polymerelements/paper-styles#^1.0.0"
"web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
} }
} }

View file

@ -72,9 +72,9 @@ Custom property | Description | Default
--> -->
<dom-module id="paper-button"> <dom-module id="paper-button">
<template>
<style> <style>
:host { :host {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -85,7 +85,7 @@ Custom property | Description | Default
text-align: center; text-align: center;
font: inherit; font: inherit;
text-transform: uppercase; text-transform: uppercase;
outline: none; outline-width: 0;
border-radius: 3px; border-radius: 3px;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -127,8 +127,6 @@ Custom property | Description | Default
} }
</style> </style>
<template>
<paper-ripple></paper-ripple> <paper-ripple></paper-ripple>
<paper-material class$="[[_computeContentClass(receivedFocusFromKeyboard)]]" elevation="[[_elevation]]" animated> <paper-material class$="[[_computeContentClass(receivedFocusFromKeyboard)]]" elevation="[[_elevation]]" animated>
@ -136,13 +134,10 @@ Custom property | Description | Default
</paper-material> </paper-material>
</template> </template>
</dom-module> </dom-module>
<script> <script>
Polymer({ Polymer({
is: 'paper-button', is: 'paper-button',
behaviors: [ behaviors: [
@ -150,7 +145,6 @@ Custom property | Description | Default
], ],
properties: { properties: {
/** /**
* If true, the button should be styled with a shadow. * If true, the button should be styled with a shadow.
*/ */
@ -178,5 +172,4 @@ Custom property | Description | Default
return className; return className;
} }
}); });
</script> </script>

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-checkbox", "name": "paper-checkbox",
"version": "1.0.9", "version": "1.0.10",
"description": "A material design checkbox", "description": "A material design checkbox",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -35,11 +35,11 @@
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0" "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
}, },
"_release": "1.0.9", "_release": "1.0.10",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.9", "tag": "v1.0.10",
"commit": "e0568e5ad76dc8a4f73968e5cbe5270cba548f9e" "commit": "ce4a8e8663892e95fccc0142055db214fa292d6d"
}, },
"_source": "git://github.com/PolymerElements/paper-checkbox.git", "_source": "git://github.com/PolymerElements/paper-checkbox.git",
"_target": "~1.0.5", "_target": "~1.0.5",

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-checkbox", "name": "paper-checkbox",
"version": "1.0.9", "version": "1.0.10",
"description": "A material design checkbox", "description": "A material design checkbox",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"

View file

@ -205,7 +205,7 @@ Custom property | Description | Default
</div> </div>
</div> </div>
<div id="checkboxLabel" aria-hidden="true"><content></content></div> <div id="checkboxLabel"><content></content></div>
</template> </template>
<script> <script>

View file

@ -134,6 +134,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
var c = fixture('AriaLabel'); var c = fixture('AriaLabel');
assert.isTrue(c.getAttribute('aria-label') == "Batman"); assert.isTrue(c.getAttribute('aria-label') == "Batman");
}); });
a11ySuite('NoLabel');
a11ySuite('WithLabel');
a11ySuite('AriaLabel');
}); });
</script> </script>
</body> </body>

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-fab", "name": "paper-fab",
"version": "1.0.3", "version": "1.0.4",
"description": "A material design floating action button", "description": "A material design floating action button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -36,11 +36,11 @@
"web-component-tester": "*", "web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"_release": "1.0.3", "_release": "1.0.4",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.3", "tag": "v1.0.4",
"commit": "0371767ba859a842ffd07dfbdf574206c1d7294f" "commit": "7eddddad90a5ca962209fa7241435459ebb9b6b7"
}, },
"_source": "git://github.com/PolymerElements/paper-fab.git", "_source": "git://github.com/PolymerElements/paper-fab.git",
"_target": "~1.0.2", "_target": "~1.0.2",

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-fab", "name": "paper-fab",
"version": "1.0.3", "version": "1.0.4",
"description": "A material design floating action button", "description": "A material design floating action button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"

View file

@ -65,6 +65,7 @@ Custom property | Description | Default
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
@ -159,7 +160,8 @@ Custom property | Description | Default
*/ */
mini: { mini: {
type: Boolean, type: Boolean,
value: false value: false,
reflectToAttribute: true
} }
}, },

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-input", "name": "paper-input",
"version": "1.0.12", "version": "1.0.13",
"description": "Material design text fields", "description": "Material design text fields",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -27,7 +27,7 @@
"homepage": "https://github.com/PolymerElements/paper-input", "homepage": "https://github.com/PolymerElements/paper-input",
"ignore": [], "ignore": [],
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.0.0", "polymer": "Polymer/polymer#^1.1.0",
"iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^1.0.0", "iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^1.0.0",
"iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
"iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0", "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
@ -35,20 +35,20 @@
"paper-styles": "PolymerElements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "*",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0", "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0", "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0" "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0"
}, },
"_release": "1.0.12", "_release": "1.0.13",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.12", "tag": "v1.0.13",
"commit": "bcfc2998c1e83d0c2ad7206e84717ae98145c45a" "commit": "3f3d09f47b77e33ea4a0c531a1b95567563528a0"
}, },
"_source": "git://github.com/polymerelements/paper-input.git", "_source": "git://github.com/polymerelements/paper-input.git",
"_target": "^1.0.9", "_target": "^1.0.9",

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-input", "name": "paper-input",
"version": "1.0.12", "version": "1.0.13",
"description": "Material design text fields", "description": "Material design text fields",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -27,7 +27,7 @@
"homepage": "https://github.com/PolymerElements/paper-input", "homepage": "https://github.com/PolymerElements/paper-input",
"ignore": [], "ignore": [],
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.0.0", "polymer": "Polymer/polymer#^1.1.0",
"iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^1.0.0", "iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^1.0.0",
"iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
"iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0", "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
@ -35,13 +35,13 @@
"paper-styles": "PolymerElements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"web-component-tester": "*",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0", "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0", "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0" "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0"
} }
} }

View file

@ -92,7 +92,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<paper-textarea label="textarea with maxlength" char-counter maxlength="10"></paper-textarea> <paper-textarea label="textarea with maxlength" char-counter maxlength="10"></paper-textarea>
<paper-textarea label="text area with rows and max-rows" rows="3" max-rows="4"><paper-textarea> <paper-textarea label="text area with rows and max-rows" rows="3" max-rows="4"></paper-textarea>
</div> </div>
<h4>Prefixes and Suffixes</h4> <h4>Prefixes and Suffixes</h4>

View file

@ -12,9 +12,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<link rel="import" href="ssn-validator.html"> <link rel="import" href="ssn-validator.html">
<dom-module id="ssn-input"> <dom-module id="ssn-input">
<template>
<style> <style>
:host { :host {
display: inline-block; display: inline-block;
} }
@ -27,11 +27,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
width: auto; width: auto;
text-align: center; text-align: center;
} }
</style> </style>
<template>
<ssn-validator></ssn-validator> <ssn-validator></ssn-validator>
<input is="iron-input" maxlength="3" bind-value="{{_ssn1}}" size="3" aria-label="First 3 digits of social security number"> <input is="iron-input" maxlength="3" bind-value="{{_ssn1}}" size="3" aria-label="First 3 digits of social security number">
@ -41,14 +38,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<input is="iron-input" maxlength="4" bind-value="{{_ssn3}}" size="4" aria-label="Last 4 digits of social security number"> <input is="iron-input" maxlength="4" bind-value="{{_ssn3}}" size="4" aria-label="Last 4 digits of social security number">
</template> </template>
</dom-module> </dom-module>
<script> <script>
(function() {
Polymer({ Polymer({
is: 'ssn-input', is: 'ssn-input',
behaviors: [ behaviors: [
@ -56,7 +49,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
], ],
properties: { properties: {
value: { value: {
notify: true, notify: true,
type: String type: String
@ -78,7 +70,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
type: String, type: String,
value: 'ssn-validator' value: 'ssn-validator'
} }
}, },
observers: [ observers: [
@ -88,7 +79,5 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
_computeValue: function(ssn1, ssn2, ssn3) { _computeValue: function(ssn1, ssn2, ssn3) {
this.value = ssn1.trim() + '-' + ssn2.trim() + '-' + ssn3.trim(); this.value = ssn1.trim() + '-' + ssn2.trim() + '-' + ssn3.trim();
} }
});
})
})();
</script> </script>

View file

@ -12,9 +12,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<link rel="import" href="../../iron-validator-behavior/iron-validator-behavior.html"> <link rel="import" href="../../iron-validator-behavior/iron-validator-behavior.html">
<script> <script>
Polymer({ Polymer({
is: 'ssn-validator', is: 'ssn-validator',
behaviors: [ behaviors: [
@ -25,7 +23,5 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
// this regex validates incomplete ssn's (by design) // this regex validates incomplete ssn's (by design)
return !value || value.match(/^[0-9]{0,3}-[0-9]{0,2}-[0-9]{0,4}$/); return !value || value.match(/^[0-9]{0,3}-[0-9]{0,2}-[0-9]{0,4}$/);
} }
}); });
</script> </script>

View file

@ -57,7 +57,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
*/ */
invalid: { invalid: {
type: Boolean, type: Boolean,
value: false value: false,
notify: true
}, },
/** /**

View file

@ -30,9 +30,9 @@ Custom property | Description | Default
`--paper-input-char-counter` | Mixin applied to the element | `{}` `--paper-input-char-counter` | Mixin applied to the element | `{}`
--> -->
<dom-module id="paper-input-char-counter"> <dom-module id="paper-input-char-counter">
<template>
<style> <style>
:host { :host {
display: inline-block; display: inline-block;
float: right; float: right;
@ -40,23 +40,15 @@ Custom property | Description | Default
@apply(--paper-font-caption); @apply(--paper-font-caption);
@apply(--paper-input-char-counter); @apply(--paper-input-char-counter);
} }
</style> </style>
<template>
<span>[[_charCounterStr]]</span> <span>[[_charCounterStr]]</span>
</template> </template>
</dom-module> </dom-module>
<script> <script>
(function() {
Polymer({ Polymer({
is: 'paper-input-char-counter', is: 'paper-input-char-counter',
behaviors: [ behaviors: [
@ -64,12 +56,10 @@ Custom property | Description | Default
], ],
properties: { properties: {
_charCounterStr: { _charCounterStr: {
type: String, type: String,
value: '0' value: '0'
} }
}, },
update: function(state) { update: function(state) {
@ -87,9 +77,5 @@ Custom property | Description | Default
} }
this._charCounterStr = str; this._charCounterStr = str;
} }
}); });
})();
</script> </script>

View file

@ -89,9 +89,9 @@ This element is `display:block` by default, but you can set the `inline` attribu
`display:inline-block`. `display:inline-block`.
--> -->
<dom-module id="paper-input-container"> <dom-module id="paper-input-container">
<template>
<style> <style>
:host { :host {
display: block; display: block;
padding: 8px 0; padding: 8px 0;
@ -262,11 +262,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
.add-on-content.is-highlighted ::content * { .add-on-content.is-highlighted ::content * {
color: var(--paper-input-container-focus-color, --default-primary-color); color: var(--paper-input-container-focus-color, --default-primary-color);
} }
</style> </style>
<template>
<template is="dom-if" if="[[!noLabelFloat]]"> <template is="dom-if" if="[[!noLabelFloat]]">
<div class="floated-label-placeholder">&nbsp;</div> <div class="floated-label-placeholder">&nbsp;</div>
</template> </template>
@ -289,18 +286,13 @@ This element is `display:block` by default, but you can set the `inline` attribu
</div> </div>
</template> </template>
</dom-module> </dom-module>
<script> <script>
(function() {
Polymer({ Polymer({
is: 'paper-input-container', is: 'paper-input-container',
properties: { properties: {
/** /**
* Set to true to disable the floating label. The label disappears when the input value is * Set to true to disable the floating label. The label disappears when the input value is
* not null. * not null.
@ -398,7 +390,6 @@ This element is `display:block` by default, but you can set the `inline` attribu
return this._onValueChanged.bind(this); return this._onValueChanged.bind(this);
} }
} }
}, },
listeners: { listeners: {
@ -577,8 +568,5 @@ This element is `display:block` by default, but you can set the `inline` attribu
} }
return cls; return cls;
} }
}); });
})();
</script> </script>

View file

@ -31,9 +31,9 @@ Custom property | Description | Default
`--paper-input-error` | Mixin applied to the error | `{}` `--paper-input-error` | Mixin applied to the error | `{}`
--> -->
<dom-module id="paper-input-error"> <dom-module id="paper-input-error">
<template>
<style> <style>
:host { :host {
display: inline-block; display: inline-block;
visibility: hidden; visibility: hidden;
@ -48,23 +48,15 @@ Custom property | Description | Default
:host([invalid]) { :host([invalid]) {
visibility: visible; visibility: visible;
}; };
</style> </style>
<template>
<content></content> <content></content>
</template> </template>
</dom-module> </dom-module>
<script> <script>
(function() {
Polymer({ Polymer({
is: 'paper-input-error', is: 'paper-input-error',
behaviors: [ behaviors: [
@ -72,7 +64,6 @@ Custom property | Description | Default
], ],
properties: { properties: {
/** /**
* True if the error is showing. * True if the error is showing.
*/ */
@ -81,15 +72,10 @@ Custom property | Description | Default
reflectToAttribute: true, reflectToAttribute: true,
type: Boolean type: Boolean
} }
}, },
update: function(state) { update: function(state) {
this._setInvalid(state.invalid); this._setInvalid(state.invalid);
} }
});
})
})();
</script> </script>

View file

@ -49,9 +49,9 @@ style this element.
--> -->
<dom-module id="paper-input"> <dom-module id="paper-input">
<template>
<style> <style>
:host { :host {
display: block; display: block;
} }
@ -71,11 +71,8 @@ style this element.
input:-ms-input-placeholder { input:-ms-input-placeholder {
color: var(--paper-input-container-color, --secondary-text-color); color: var(--paper-input-container-color, --secondary-text-color);
} }
</style> </style>
<template>
<paper-input-container no-label-float="[[noLabelFloat]]" always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]"> <paper-input-container no-label-float="[[noLabelFloat]]" always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]" auto-validate$="[[autoValidate]]" disabled$="[[disabled]]" invalid="[[invalid]]">
<content select="[prefix]"></content> <content select="[prefix]"></content>
@ -123,15 +120,10 @@ style this element.
</paper-input-container> </paper-input-container>
</template> </template>
</dom-module> </dom-module>
<script> <script>
(function() {
Polymer({ Polymer({
is: 'paper-input', is: 'paper-input',
behaviors: [ behaviors: [
@ -139,9 +131,5 @@ style this element.
Polymer.PaperInputBehavior, Polymer.PaperInputBehavior,
Polymer.IronControlState Polymer.IronControlState
] ]
});
})
})();
</script> </script>

View file

@ -68,15 +68,10 @@ style this element.
</paper-input-container> </paper-input-container>
</template> </template>
</dom-module> </dom-module>
<script> <script>
(function() {
Polymer({ Polymer({
is: 'paper-textarea', is: 'paper-textarea',
behaviors: [ behaviors: [
@ -84,7 +79,6 @@ style this element.
], ],
properties: { properties: {
_ariaLabelledBy: { _ariaLabelledBy: {
observer: '_ariaLabelledByChanged', observer: '_ariaLabelledByChanged',
type: String type: String
@ -118,8 +112,7 @@ style this element.
maxRows: { maxRows: {
type: Number, type: Number,
value: 0 value: 0
}, }
}, },
_ariaLabelledByChanged: function(ariaLabelledBy) { _ariaLabelledByChanged: function(ariaLabelledBy) {
@ -129,9 +122,5 @@ style this element.
_ariaDescribedByChanged: function(ariaDescribedBy) { _ariaDescribedByChanged: function(ariaDescribedBy) {
this.$.input.textarea.setAttribute('aria-describedby', ariaDescribedBy); this.$.input.textarea.setAttribute('aria-describedby', ariaDescribedBy);
} }
}); });
})();
</script> </script>

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-ripple", "name": "paper-ripple",
"version": "1.0.1", "version": "1.0.2",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "Adds a material design ripple to any container", "description": "Adds a material design ripple to any container",
"private": true, "private": true,
@ -12,9 +12,13 @@
"polymer", "polymer",
"ripple" "ripple"
], ],
"repository": {
"type": "git",
"url": "git://github.com/PolymerElements/paper-ripple.git"
},
"main": "paper-ripple.html", "main": "paper-ripple.html",
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.0.0", "polymer": "Polymer/polymer#^1.1.0",
"iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0" "iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0"
}, },
"devDependencies": { "devDependencies": {
@ -26,14 +30,14 @@
"web-component-tester": "*", "web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"homepage": "https://github.com/PolymerElements/paper-ripple", "homepage": "https://github.com/polymerelements/paper-ripple",
"_release": "1.0.1", "_release": "1.0.2",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.1", "tag": "v1.0.2",
"commit": "af19d904802437c305390bb03415c11661de3d0a" "commit": "b546dbe6ad0b1f58cac80caec3136cf3232e12fc"
}, },
"_source": "git://github.com/PolymerElements/paper-ripple.git", "_source": "git://github.com/polymerelements/paper-ripple.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "PolymerElements/paper-ripple" "_originalSource": "polymerelements/paper-ripple"
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-ripple", "name": "paper-ripple",
"version": "1.0.1", "version": "1.0.2",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"description": "Adds a material design ripple to any container", "description": "Adds a material design ripple to any container",
"private": true, "private": true,
@ -12,9 +12,13 @@
"polymer", "polymer",
"ripple" "ripple"
], ],
"repository": {
"type": "git",
"url": "git://github.com/PolymerElements/paper-ripple.git"
},
"main": "paper-ripple.html", "main": "paper-ripple.html",
"dependencies": { "dependencies": {
"polymer": "Polymer/polymer#^1.0.0", "polymer": "Polymer/polymer#^1.1.0",
"iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0" "iron-a11y-keys-behavior": "polymerelements/iron-a11y-keys-behavior#^1.0.0"
}, },
"devDependencies": { "devDependencies": {

View file

@ -77,6 +77,7 @@ Apply `circle` class to make the rippling effect within a circle.
@param {Object} detail.node The animated node @param {Object} detail.node The animated node
--> -->
<template>
<style> <style>
:host { :host {
display: block; display: block;
@ -140,9 +141,8 @@ Apply `circle` class to make the rippling effect within a circle.
:host(.circle) .wave-container { :host(.circle) .wave-container {
overflow: hidden; overflow: hidden;
} }
</style> </style>
<template>
<div id="background"></div> <div id="background"></div>
<div id="waves"></div> <div id="waves"></div>
</template> </template>
@ -150,20 +150,6 @@ Apply `circle` class to make the rippling effect within a circle.
<script> <script>
(function() { (function() {
var Utility = { var Utility = {
cssColorWithAlpha: function(cssColor, alpha) {
var parts = cssColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
if (typeof alpha == 'undefined') {
alpha = 1;
}
if (!parts) {
return 'rgba(255, 255, 255, ' + alpha + ')';
}
return 'rgba(' + parts[1] + ', ' + parts[2] + ', ' + parts[3] + ', ' + alpha + ')';
},
distance: function(x1, y1, x2, y2) { distance: function(x1, y1, x2, y2) {
var xDelta = (x1 - x2); var xDelta = (x1 - x2);
var yDelta = (y1 - y2); var yDelta = (y1 - y2);
@ -171,13 +157,8 @@ Apply `circle` class to make the rippling effect within a circle.
return Math.sqrt(xDelta * xDelta + yDelta * yDelta); return Math.sqrt(xDelta * xDelta + yDelta * yDelta);
}, },
now: (function() { now: window.performance && window.performance.now ?
if (window.performance && window.performance.now) { window.performance.now.bind(window.performance) : Date.now
return window.performance.now.bind(window.performance);
}
return Date.now;
})()
}; };
/** /**

File diff suppressed because it is too large Load diff