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",
"version": "1.0.2",
"version": "1.0.3",
"description": "Provide flexbox-based layouts",
"keywords": [
"web-components",
@ -24,11 +24,11 @@
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
"homepage": "https://github.com/PolymerElements/iron-flex-layout",
"_release": "1.0.2",
"_release": "1.0.3",
"_resolution": {
"type": "version",
"tag": "v1.0.2",
"commit": "50bcecf40ab23caa7c2cd90030555e00c5ba7154"
"tag": "v1.0.3",
"commit": "e6c2cfec18354973ac03e70dcd8afcc3c72d09b9"
},
"_source": "git://github.com/PolymerElements/iron-flex-layout.git",
"_target": "^1.0.0",

View File

@ -1,6 +1,6 @@
{
"name": "iron-flex-layout",
"version": "1.0.2",
"version": "1.0.3",
"description": "Provide flexbox-based layouts",
"keywords": [
"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">
<style is="custom-style">
<style>
/* IE 10 support for HTML5 hidden attr */
[hidden] {
display: none !important;
}
</style>
<style is="custom-style">
:root {
--layout: {
@ -277,32 +283,29 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* fixed position */
--layout-fixed-bottom:,
--layout-fixed-left:,
--layout-fixed-right:,
--layout-fixed-top: {
position: fixed;
};
--layout-fixed-top: {
top: 0;
left: 0;
right: 0;
};
--layout-fixed-right: {
position: fixed;
top: 0;
right: 0;
bottom: 0;
};
--layout-fixed-bottom: {
position: fixed;
right: 0;
bottom: 0;
left: 0;
};
--layout-fixed-left: {
position: fixed;
top: 0;
bottom: 0;
left: 0;

View File

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

View File

@ -1,10 +1,14 @@
{
"name": "iron-form-element-behavior",
"version": "1.0.3",
"version": "1.0.4",
"license": "http://polymer.github.io/LICENSE.txt",
"private": true,
"main": "iron-form-element-behavior.html",
"authors": "The Polymer Authors",
"main": [
"iron-form-element-behavior.html"
],
"authors": [
"The Polymer Authors"
],
"description": "Enables a custom element to be included in an iron-form",
"keywords": [
"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">
<!--
Enables a custom element to be included in an `iron-form`.
-->
<script>
/**
Polymer.IronFormElementBehavior enables a custom element to be included
in an `iron-form`.
@demo demo/index.html
@polymerBehavior
*/
Polymer.IronFormElementBehavior = {
@ -51,6 +48,19 @@ Enables a custom element to be included in an `iron-form`.
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.
*/

View File

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

View File

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

View File

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

View File

@ -1,4 +1,5 @@
/*
/**
@license
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
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() {
if (Polymer.dom(this).textContent == '') {
attached: function() {
var trimmedText = Polymer.dom(this).textContent.trim();
if (trimmedText === '') {
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;
},

View File

@ -36,6 +36,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template>
</test-fixture>
<test-fixture id="AriaLabel">
<template>
<paper-checkbox id="check3" aria-label="Batman">Robin</paper-checkbox>
</template>
</test-fixture>
<script>
suite('defaults', function() {
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() {
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>
</body>

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "paper-radio-button",
"version": "1.0.5",
"version": "1.0.6",
"description": "A material design radio button",
"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 {
position: absolute;
box-sizing: content-box;
top: 0px;
left: 0px;
width: 12px;
@ -55,6 +56,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host #onRadio {
position: absolute;
box-sizing: content-box;
top: 4px;
left: 4px;
width: 8px;

View File

@ -109,11 +109,14 @@ Custom property | Description | Default
}
},
ready: function() {
if (Polymer.dom(this).textContent == '') {
attached: function() {
var trimmedText = Polymer.dom(this).textContent.trim();
if (trimmedText === '') {
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;
},

View File

@ -36,6 +36,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template>
</test-fixture>
<test-fixture id="AriaLabel">
<template>
<paper-radio-button aria-label="Batman">Robin</paper-radio-button>
</template>
</test-fixture>
<script>
suite('defaults', function() {
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() {
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>
</body>

View File

@ -26,14 +26,14 @@
"web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
"homepage": "https://github.com/PolymerElements/paper-ripple",
"homepage": "https://github.com/polymerelements/paper-ripple",
"_release": "1.0.1",
"_resolution": {
"type": "version",
"tag": "v1.0.1",
"commit": "af19d904802437c305390bb03415c11661de3d0a"
},
"_source": "git://github.com/PolymerElements/paper-ripple.git",
"_source": "git://github.com/polymerelements/paper-ripple.git",
"_target": "^1.0.0",
"_originalSource": "PolymerElements/paper-ripple"
"_originalSource": "polymerelements/paper-ripple"
}

View File

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

View File

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

View File

@ -1,6 +1,6 @@
{
"name": "paper-toggle-button",
"version": "1.0.5",
"version": "1.0.6",
"description": "A material design toggle button control",
"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 {
background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
@apply(--paper-toggle-button-unchecked-bar);
}
:host .toggle-button {
background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50);
@apply(--paper-toggle-button-unchecked-button);
}
:host([checked]) .toggle-bar {
background-color: var(--paper-toggle-button-checked-bar-color, --google-green-500);
@apply(--paper-toggle-button-checked-bar);
}
:host([checked]) .toggle-button {
background-color: var(--paper-toggle-button-checked-button-color, --google-green-500);
@apply(--paper-toggle-button-checked-button);
}
: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-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-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
@element paper-toggle-button

View File

@ -4,7 +4,7 @@
<title>Emby</title>
</head>
<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">
<paper-tabs style="display:none;min-width:660px;margin:auto;">

View File

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

View File

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

View File

@ -7435,8 +7435,14 @@ this.fire('dom-change');
}
</style>
<style is="custom-style">
<style>
/* IE 10 support for HTML5 hidden attr */
[hidden] {
display: none !important;
}
</style>
<style is="custom-style">
:root {
--layout: {
@ -7702,32 +7708,29 @@ this.fire('dom-change');
/* fixed position */
--layout-fixed-bottom:,
--layout-fixed-left:,
--layout-fixed-right:,
--layout-fixed-top: {
position: fixed;
};
--layout-fixed-top: {
top: 0;
left: 0;
right: 0;
};
--layout-fixed-right: {
position: fixed;
top: 0;
right: 0;
bottom: 0;
};
--layout-fixed-bottom: {
position: fixed;
right: 0;
bottom: 0;
left: 0;
};
--layout-fixed-left: {
position: fixed;
top: 0;
bottom: 0;
left: 0;
@ -11898,14 +11901,13 @@ is separate from validation, and `allowed-pattern` does not affect how the input
*/
</script>
<script>
/**
Polymer.IronFormElementBehavior enables a custom element to be included
in an `iron-form`.
@demo demo/index.html
@polymerBehavior
*/
Polymer.IronFormElementBehavior = {
@ -11937,6 +11939,19 @@ is separate from validation, and `allowed-pattern` does not affect how the input
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.
*/
@ -12977,10 +12992,9 @@ is separate from validation, and `allowed-pattern` does not affect how the input
}
},
get shouldKeepAnimating() {
var ripples = this.ripples || [];
for (var index = 0; index < ripples.length; ++index) {
if (!ripples[index].isAnimationComplete) {
get shouldKeepAnimating () {
for (var index = 0; index < this.ripples.length; ++index) {
if (!this.ripples[index].isAnimationComplete) {
return true;
}
}
@ -13018,11 +13032,9 @@ is separate from validation, and `allowed-pattern` does not affect how the input
return;
}
if (this.ripples) {
this.ripples.forEach(function (ripple) {
ripple.upAction(event);
});
}
this.ripples.forEach(function(ripple) {
ripple.upAction(event);
});
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);
this.$.background.style.backgroundColor = ripple.color;
if (this.ripples) {
this.ripples.push(ripple);
}
this.ripples.push(ripple);
this._setAnimating(true);
@ -13070,9 +13079,8 @@ is separate from validation, and `allowed-pattern` does not affect how the input
this._animating = true;
var ripples = this.ripples || [];
for (index = 0; index < ripples.length; ++index) {
ripple = ripples[index];
for (index = 0; index < this.ripples.length; ++index) {
ripple = this.ripples[index];
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();
} else {
window.requestAnimationFrame(this._boundAnimate);
@ -17930,7 +17938,8 @@ paper-ripple {
</script>
<dom-module id="paper-checkbox" assetpath="bower_components/paper-checkbox/">
<style>
/*
/**
@license
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
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() {
if (Polymer.dom(this).textContent == '') {
attached: function() {
var trimmedText = Polymer.dom(this).textContent.trim();
if (trimmedText === '') {
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;
},