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

update components

This commit is contained in:
Luke Pulverenti 2015-08-07 10:21:29 -04:00
parent ffb0fd30b6
commit d131f21626
27 changed files with 180 additions and 115 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "iron-flex-layout", "name": "iron-flex-layout",
"version": "1.0.2", "version": "1.0.3",
"description": "Provide flexbox-based layouts", "description": "Provide flexbox-based layouts",
"keywords": [ "keywords": [
"web-components", "web-components",
@ -24,11 +24,11 @@
"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.2", "_release": "1.0.3",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.2", "tag": "v1.0.3",
"commit": "50bcecf40ab23caa7c2cd90030555e00c5ba7154" "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",

View file

@ -1,6 +1,6 @@
{ {
"name": "iron-flex-layout", "name": "iron-flex-layout",
"version": "1.0.2", "version": "1.0.3",
"description": "Provide flexbox-based layouts", "description": "Provide flexbox-based layouts",
"keywords": [ "keywords": [
"web-components", "web-components",

View file

@ -10,8 +10,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../polymer/polymer.html">
<style is="custom-style"> <style>
/* IE 10 support for HTML5 hidden attr */
[hidden] {
display: none !important;
}
</style>
<style is="custom-style">
:root { :root {
--layout: { --layout: {
@ -277,32 +283,29 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* fixed position */ /* fixed position */
--layout-fixed-bottom:,
--layout-fixed-left:,
--layout-fixed-right:,
--layout-fixed-top: { --layout-fixed-top: {
position: fixed; position: fixed;
};
--layout-fixed-top: {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
}; };
--layout-fixed-right: { --layout-fixed-right: {
position: fixed;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
}; };
--layout-fixed-bottom: { --layout-fixed-bottom: {
position: fixed;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
}; };
--layout-fixed-left: { --layout-fixed-left: {
position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;

View file

@ -1,10 +1,14 @@
{ {
"name": "iron-form-element-behavior", "name": "iron-form-element-behavior",
"version": "1.0.3", "version": "1.0.4",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"private": true, "private": true,
"main": "iron-form-element-behavior.html", "main": [
"authors": "The Polymer Authors", "iron-form-element-behavior.html"
],
"authors": [
"The Polymer Authors"
],
"description": "Enables a custom element to be included in an iron-form", "description": "Enables a custom element to be included in an iron-form",
"keywords": [ "keywords": [
"web-components", "web-components",
@ -26,11 +30,11 @@
"paper-styles": "PolymerElements/paper-styles#^1.0.0" "paper-styles": "PolymerElements/paper-styles#^1.0.0"
}, },
"homepage": "https://github.com/PolymerElements/iron-form-element-behavior", "homepage": "https://github.com/PolymerElements/iron-form-element-behavior",
"_release": "1.0.3", "_release": "1.0.4",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.3", "tag": "v1.0.4",
"commit": "a55bc86f6f4fcba1d1c08d6bfaa26ba145ce3112" "commit": "d5b296d63fa65cc3870c50801e37ffc08fe2d5e3"
}, },
"_source": "git://github.com/PolymerElements/iron-form-element-behavior.git", "_source": "git://github.com/PolymerElements/iron-form-element-behavior.git",
"_target": "^1.0.0", "_target": "^1.0.0",

View file

@ -1,10 +1,14 @@
{ {
"name": "iron-form-element-behavior", "name": "iron-form-element-behavior",
"version": "1.0.3", "version": "1.0.4",
"license": "http://polymer.github.io/LICENSE.txt", "license": "http://polymer.github.io/LICENSE.txt",
"private": true, "private": true,
"main": "iron-form-element-behavior.html", "main": [
"authors": "The Polymer Authors", "iron-form-element-behavior.html"
],
"authors": [
"The Polymer Authors"
],
"description": "Enables a custom element to be included in an iron-form", "description": "Enables a custom element to be included in an iron-form",
"keywords": [ "keywords": [
"web-components", "web-components",

View file

@ -10,16 +10,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<link rel="import" href="../polymer/polymer.html"> <link rel="import" href="../polymer/polymer.html">
<!--
Enables a custom element to be included in an `iron-form`.
-->
<script> <script>
/** /**
Polymer.IronFormElementBehavior enables a custom element to be included
in an `iron-form`.
@demo demo/index.html @demo demo/index.html
@polymerBehavior @polymerBehavior
*/ */
Polymer.IronFormElementBehavior = { Polymer.IronFormElementBehavior = {
@ -51,6 +48,19 @@ Enables a custom element to be included in an `iron-form`.
type: String type: String
}, },
/**
* Set to true to mark the input as required. If used in a form, a
* custom element that uses this behavior should also use
* Polymer.IronValidatableBehavior and define a custom validation method.
* Otherwise, a `required` element will always be considered valid.
* It's also strongly recomended to provide a visual style for the element
* when it's value is invalid.
*/
required: {
type: Boolean,
value: false
},
/** /**
* The form that the element is registered to. * The form that the element is registered to.
*/ */

View file

@ -42,7 +42,7 @@
"tag": "v1.0.3", "tag": "v1.0.3",
"commit": "90b54de14264c19693601b9fc16af6b68a9d48e4" "commit": "90b54de14264c19693601b9fc16af6b68a9d48e4"
}, },
"_source": "git://github.com/PolymerElements/paper-behaviors.git", "_source": "git://github.com/polymerelements/paper-behaviors.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "PolymerElements/paper-behaviors" "_originalSource": "polymerelements/paper-behaviors"
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-checkbox", "name": "paper-checkbox",
"version": "1.0.5", "version": "1.0.6",
"description": "A material design checkbox", "description": "A material design checkbox",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -34,14 +34,13 @@
"paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
"polymer": "Polymer/polymer#^1.0.0" "polymer": "Polymer/polymer#^1.0.0"
}, },
"_release": "1.0.5", "_release": "1.0.6",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.6",
"commit": "af864401daab761d2fb7e6eadddb3cd659be8f85" "commit": "764d2f12406ac85aa5e66f280163cb3795c16e20"
}, },
"_source": "git://github.com/PolymerElements/paper-checkbox.git", "_source": "git://github.com/PolymerElements/paper-checkbox.git",
"_target": "~1.0.5", "_target": "~1.0.5",
"_originalSource": "PolymerElements/paper-checkbox", "_originalSource": "PolymerElements/paper-checkbox"
"_direct": true
} }

View file

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

View file

@ -1,4 +1,5 @@
/* /**
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. Copyright (c) 2015 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 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 authors may be found at http://polymer.github.io/AUTHORS.txt

View file

@ -109,11 +109,14 @@ Custom property | Description | Default
} }
}, },
ready: function() { attached: function() {
if (Polymer.dom(this).textContent == '') { var trimmedText = Polymer.dom(this).textContent.trim();
if (trimmedText === '') {
this.$.checkboxLabel.hidden = true; this.$.checkboxLabel.hidden = true;
} else { }
this.setAttribute('aria-label', Polymer.dom(this).textContent); // Don't stomp over a user-set aria-label.
if (trimmedText !== '' && !this.getAttribute('aria-label')) {
this.setAttribute('aria-label', trimmedText);
} }
this._isReady = true; this._isReady = true;
}, },

View file

@ -36,6 +36,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template> </template>
</test-fixture> </test-fixture>
<test-fixture id="AriaLabel">
<template>
<paper-checkbox id="check3" aria-label="Batman">Robin</paper-checkbox>
</template>
</test-fixture>
<script> <script>
suite('defaults', function() { suite('defaults', function() {
var c1; var c1;
@ -93,6 +99,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('checkbox with a label sets an aria label', function() { test('checkbox with a label sets an aria label', function() {
assert.isTrue(c2.getAttribute('aria-label') == "Batman"); assert.isTrue(c2.getAttribute('aria-label') == "Batman");
}); });
test('checkbox respects the user set aria-label', function() {
var c = fixture('AriaLabel');
assert.isTrue(c.getAttribute('aria-label') == "Batman");
});
}); });
</script> </script>
</body> </body>

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-radio-button", "name": "paper-radio-button",
"version": "1.0.5", "version": "1.0.6",
"description": "A material design radio button", "description": "A material design radio button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -32,14 +32,13 @@
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"_release": "1.0.5", "_release": "1.0.6",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.6",
"commit": "05cd3c675d1e807362d2e72c83d3ae34c5d120a9" "commit": "85e8553c117d9ad10e7faa8d94f815455a675bd3"
}, },
"_source": "git://github.com/PolymerElements/paper-radio-button.git", "_source": "git://github.com/PolymerElements/paper-radio-button.git",
"_target": "~1.0.5", "_target": "~1.0.5",
"_originalSource": "PolymerElements/paper-radio-button", "_originalSource": "PolymerElements/paper-radio-button"
"_direct": true
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-radio-button", "name": "paper-radio-button",
"version": "1.0.5", "version": "1.0.6",
"description": "A material design radio button", "description": "A material design radio button",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"

View file

@ -42,6 +42,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host #offRadio { :host #offRadio {
position: absolute; position: absolute;
box-sizing: content-box;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 12px; width: 12px;
@ -55,6 +56,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host #onRadio { :host #onRadio {
position: absolute; position: absolute;
box-sizing: content-box;
top: 4px; top: 4px;
left: 4px; left: 4px;
width: 8px; width: 8px;

View file

@ -109,11 +109,14 @@ Custom property | Description | Default
} }
}, },
ready: function() { attached: function() {
if (Polymer.dom(this).textContent == '') { var trimmedText = Polymer.dom(this).textContent.trim();
if (trimmedText === '') {
this.$.radioLabel.hidden = true; this.$.radioLabel.hidden = true;
} else { }
this.setAttribute('aria-label', Polymer.dom(this).textContent); // Don't stomp over a user-set aria-label.
if (trimmedText !== '' && !this.getAttribute('aria-label')) {
this.setAttribute('aria-label', trimmedText);
} }
this._isReady = true; this._isReady = true;
}, },

View file

@ -36,6 +36,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template> </template>
</test-fixture> </test-fixture>
<test-fixture id="AriaLabel">
<template>
<paper-radio-button aria-label="Batman">Robin</paper-radio-button>
</template>
</test-fixture>
<script> <script>
suite('defaults', function() { suite('defaults', function() {
var r1; var r1;
@ -95,6 +101,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
test('button with a label sets an aria label', function() { test('button with a label sets an aria label', function() {
assert.isTrue(r2.getAttribute('aria-label') == "Batman"); assert.isTrue(r2.getAttribute('aria-label') == "Batman");
}); });
test('button respects the user set aria-label', function() {
var c = fixture('AriaLabel');
assert.isTrue(c.getAttribute('aria-label') == "Batman");
});
}); });
</script> </script>
</body> </body>

View file

@ -26,14 +26,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.1",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.1", "tag": "v1.0.1",
"commit": "af19d904802437c305390bb03415c11661de3d0a" "commit": "af19d904802437c305390bb03415c11661de3d0a"
}, },
"_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

@ -586,9 +586,8 @@ Apply `circle` class to make the rippling effect within a circle.
}, },
get shouldKeepAnimating () { get shouldKeepAnimating () {
var ripples = this.ripples || []; for (var index = 0; index < this.ripples.length; ++index) {
for (var index = 0; index < ripples.length; ++index) { if (!this.ripples[index].isAnimationComplete) {
if (!ripples[index].isAnimationComplete) {
return true; return true;
} }
} }
@ -626,11 +625,9 @@ Apply `circle` class to make the rippling effect within a circle.
return; return;
} }
if (this.ripples) {
this.ripples.forEach(function(ripple) { this.ripples.forEach(function(ripple) {
ripple.upAction(event); ripple.upAction(event);
}); });
}
this.animate(); this.animate();
}, },
@ -646,10 +643,7 @@ Apply `circle` class to make the rippling effect within a circle.
Polymer.dom(this.$.waves).appendChild(ripple.waveContainer); Polymer.dom(this.$.waves).appendChild(ripple.waveContainer);
this.$.background.style.backgroundColor = ripple.color; this.$.background.style.backgroundColor = ripple.color;
if (this.ripples) {
this.ripples.push(ripple); this.ripples.push(ripple);
}
this._setAnimating(true); this._setAnimating(true);
@ -678,9 +672,8 @@ Apply `circle` class to make the rippling effect within a circle.
this._animating = true; this._animating = true;
var ripples = this.ripples || []; for (index = 0; index < this.ripples.length; ++index) {
for (index = 0; index < ripples.length; ++index) { ripple = this.ripples[index];
ripple = ripples[index];
ripple.draw(); ripple.draw();
@ -691,7 +684,7 @@ Apply `circle` class to make the rippling effect within a circle.
} }
} }
if (!this.shouldKeepAnimating && ripples.length === 0) { if (!this.shouldKeepAnimating && this.ripples.length === 0) {
this.onAnimationComplete(); this.onAnimationComplete();
} else { } else {
window.requestAnimationFrame(this._boundAnimate); window.requestAnimationFrame(this._boundAnimate);

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-toggle-button", "name": "paper-toggle-button",
"version": "1.0.5", "version": "1.0.6",
"description": "A material design toggle button control", "description": "A material design toggle button control",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"
@ -33,14 +33,13 @@
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"_release": "1.0.5", "_release": "1.0.6",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.5", "tag": "v1.0.6",
"commit": "9891ee6a4af756b198290c14137498f78d97593d" "commit": "e0bc6b17079da9487c62aaadeb46e3a199a7a112"
}, },
"_source": "git://github.com/PolymerElements/paper-toggle-button.git", "_source": "git://github.com/PolymerElements/paper-toggle-button.git",
"_target": "~1.0.5", "_target": "~1.0.5",
"_originalSource": "PolymerElements/paper-toggle-button", "_originalSource": "PolymerElements/paper-toggle-button"
"_direct": true
} }

View file

@ -1,6 +1,6 @@
{ {
"name": "paper-toggle-button", "name": "paper-toggle-button",
"version": "1.0.5", "version": "1.0.6",
"description": "A material design toggle button control", "description": "A material design toggle button control",
"authors": [ "authors": [
"The Polymer Authors" "The Polymer Authors"

View file

@ -22,18 +22,22 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host .toggle-bar { :host .toggle-bar {
background-color: var(--paper-toggle-button-unchecked-bar-color, #000000); background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
@apply(--paper-toggle-button-unchecked-bar);
} }
:host .toggle-button { :host .toggle-button {
background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50); background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50);
@apply(--paper-toggle-button-unchecked-button);
} }
:host([checked]) .toggle-bar { :host([checked]) .toggle-bar {
background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500); background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500);
@apply(--paper-toggle-button-checked-bar);
} }
:host([checked]) .toggle-button { :host([checked]) .toggle-button {
background-color: var(--paper-toggle-button-checked-button-color, --google-green-500); background-color: var(--paper-toggle-button-checked-button-color, --google-green-500);
@apply(--paper-toggle-button-checked-button);
} }
:host .toggle-ink { :host .toggle-ink {

View file

@ -34,6 +34,10 @@ Custom property | Description | Default
`--paper-toggle-button-checked-bar-color` | Slider button color when the input is checked | `--google-green-500` `--paper-toggle-button-checked-bar-color` | Slider button color when the input is checked | `--google-green-500`
`--paper-toggle-button-checked-button-color` | Button color when the input is checked | `--google-green-500` `--paper-toggle-button-checked-button-color` | Button color when the input is checked | `--google-green-500`
`--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--google-green-500` `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--google-green-500`
`--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the input is not checked | `{}`
`--paper-toggle-button-unchecked-button` | Mixin applied to the slider button when the input is not checked | `{}`
`--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input is checked | `{}`
`--paper-toggle-button-checked-button` | Mixin applied to the slider button when the input is checked | `{}`
@group Paper Elements @group Paper Elements
@element paper-toggle-button @element paper-toggle-button

View file

@ -4,7 +4,7 @@
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="liveTvSuggestedPage" data-role="page" class="page libraryPage liveTvPage backdropPage globalBackdropPage pageWithAbsoluteTabs" data-contextname="${HeaderLiveTv}" data-backdroptype="series,movie" data-require="scripts/livetvsuggested,paperbuttonstyle,livetvcss,scripts/livetvchannels,scripts/livetvseriestimers,scripts/livetvtimers,scripts/livetvrecordings,scripts/registrationservices,scripts/livetvcomponents,scripts/livetvguide"> <div id="liveTvSuggestedPage" data-role="page" class="page libraryPage liveTvPage pageWithAbsoluteTabs" data-contextname="${HeaderLiveTv}" data-backdroptype="series,movie" data-require="scripts/livetvsuggested,paperbuttonstyle,livetvcss,scripts/livetvchannels,scripts/livetvseriestimers,scripts/livetvtimers,scripts/livetvrecordings,scripts/registrationservices,scripts/livetvcomponents,scripts/livetvguide">
<div class="libraryViewNav libraryViewNavWithMinHeight"> <div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs style="display:none;min-width:660px;margin:auto;"> <paper-tabs style="display:none;min-width:660px;margin:auto;">

View file

@ -195,7 +195,7 @@
status = Globalize.translate('StatusSuccess'); status = Globalize.translate('StatusSuccess');
} }
if (enhance && enhance) { if (enhance) {
if (item.StatusMessage) { if (item.StatusMessage) {
@ -293,7 +293,7 @@
updatePageSizeSetting: false updatePageSizeSetting: false
}); });
page.querySelector('.listTopPaging').innerHTML = pagingHtml; $(page)[0].querySelector('.listTopPaging').innerHTML = pagingHtml;
if (result.TotalRecordCount > query.Limit && result.TotalRecordCount > 50) { if (result.TotalRecordCount > query.Limit && result.TotalRecordCount > 50) {
$('.listBottomPaging', page).html(pagingHtml).trigger('create'); $('.listBottomPaging', page).html(pagingHtml).trigger('create');

View file

@ -264,8 +264,11 @@
* Stops the running receiver application associated with the session. * Stops the running receiver application associated with the session.
*/ */
CastPlayer.prototype.stopApp = function () { CastPlayer.prototype.stopApp = function () {
if (this.session) {
this.session.stop(this.onStopAppSuccess.bind(this, 'Session stopped'), this.session.stop(this.onStopAppSuccess.bind(this, 'Session stopped'),
this.errorHandler); this.errorHandler);
}
}; };

View file

@ -7435,8 +7435,14 @@ this.fire('dom-change');
} }
</style> </style>
<style is="custom-style"> <style>
/* IE 10 support for HTML5 hidden attr */
[hidden] {
display: none !important;
}
</style>
<style is="custom-style">
:root { :root {
--layout: { --layout: {
@ -7702,32 +7708,29 @@ this.fire('dom-change');
/* fixed position */ /* fixed position */
--layout-fixed-bottom:,
--layout-fixed-left:,
--layout-fixed-right:,
--layout-fixed-top: { --layout-fixed-top: {
position: fixed; position: fixed;
};
--layout-fixed-top: {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
}; };
--layout-fixed-right: { --layout-fixed-right: {
position: fixed;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
}; };
--layout-fixed-bottom: { --layout-fixed-bottom: {
position: fixed;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
}; };
--layout-fixed-left: { --layout-fixed-left: {
position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -11898,14 +11901,13 @@ is separate from validation, and `allowed-pattern` does not affect how the input
*/ */
</script> </script>
<script> <script>
/** /**
Polymer.IronFormElementBehavior enables a custom element to be included
in an `iron-form`.
@demo demo/index.html @demo demo/index.html
@polymerBehavior @polymerBehavior
*/ */
Polymer.IronFormElementBehavior = { Polymer.IronFormElementBehavior = {
@ -11937,6 +11939,19 @@ is separate from validation, and `allowed-pattern` does not affect how the input
type: String type: String
}, },
/**
* Set to true to mark the input as required. If used in a form, a
* custom element that uses this behavior should also use
* Polymer.IronValidatableBehavior and define a custom validation method.
* Otherwise, a `required` element will always be considered valid.
* It's also strongly recomended to provide a visual style for the element
* when it's value is invalid.
*/
required: {
type: Boolean,
value: false
},
/** /**
* The form that the element is registered to. * The form that the element is registered to.
*/ */
@ -12978,9 +12993,8 @@ is separate from validation, and `allowed-pattern` does not affect how the input
}, },
get shouldKeepAnimating () { get shouldKeepAnimating () {
var ripples = this.ripples || []; for (var index = 0; index < this.ripples.length; ++index) {
for (var index = 0; index < ripples.length; ++index) { if (!this.ripples[index].isAnimationComplete) {
if (!ripples[index].isAnimationComplete) {
return true; return true;
} }
} }
@ -13018,11 +13032,9 @@ is separate from validation, and `allowed-pattern` does not affect how the input
return; return;
} }
if (this.ripples) {
this.ripples.forEach(function(ripple) { this.ripples.forEach(function(ripple) {
ripple.upAction(event); ripple.upAction(event);
}); });
}
this.animate(); this.animate();
}, },
@ -13038,10 +13050,7 @@ is separate from validation, and `allowed-pattern` does not affect how the input
Polymer.dom(this.$.waves).appendChild(ripple.waveContainer); Polymer.dom(this.$.waves).appendChild(ripple.waveContainer);
this.$.background.style.backgroundColor = ripple.color; this.$.background.style.backgroundColor = ripple.color;
if (this.ripples) {
this.ripples.push(ripple); this.ripples.push(ripple);
}
this._setAnimating(true); this._setAnimating(true);
@ -13070,9 +13079,8 @@ is separate from validation, and `allowed-pattern` does not affect how the input
this._animating = true; this._animating = true;
var ripples = this.ripples || []; for (index = 0; index < this.ripples.length; ++index) {
for (index = 0; index < ripples.length; ++index) { ripple = this.ripples[index];
ripple = ripples[index];
ripple.draw(); ripple.draw();
@ -13083,7 +13091,7 @@ is separate from validation, and `allowed-pattern` does not affect how the input
} }
} }
if (!this.shouldKeepAnimating && ripples.length === 0) { if (!this.shouldKeepAnimating && this.ripples.length === 0) {
this.onAnimationComplete(); this.onAnimationComplete();
} else { } else {
window.requestAnimationFrame(this._boundAnimate); window.requestAnimationFrame(this._boundAnimate);
@ -17930,7 +17938,8 @@ paper-ripple {
</script> </script>
<dom-module id="paper-checkbox" assetpath="bower_components/paper-checkbox/"> <dom-module id="paper-checkbox" assetpath="bower_components/paper-checkbox/">
<style> <style>
/* /**
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. Copyright (c) 2015 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 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 authors may be found at http://polymer.github.io/AUTHORS.txt
@ -18146,11 +18155,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
} }
}, },
ready: function() { attached: function() {
if (Polymer.dom(this).textContent == '') { var trimmedText = Polymer.dom(this).textContent.trim();
if (trimmedText === '') {
this.$.checkboxLabel.hidden = true; this.$.checkboxLabel.hidden = true;
} else { }
this.setAttribute('aria-label', Polymer.dom(this).textContent); // Don't stomp over a user-set aria-label.
if (trimmedText !== '' && !this.getAttribute('aria-label')) {
this.setAttribute('aria-label', trimmedText);
} }
this._isReady = true; this._isReady = true;
}, },