update components

This commit is contained in:
Luke Pulverenti 2016-08-04 19:48:54 -04:00
parent 8dbdfe3be1
commit 058d86a988
29 changed files with 239 additions and 314 deletions

View file

@ -14,12 +14,12 @@
},
"devDependencies": {},
"ignore": [],
"version": "1.4.150",
"_release": "1.4.150",
"version": "1.4.153",
"_release": "1.4.153",
"_resolution": {
"type": "version",
"tag": "1.4.150",
"commit": "78b1cb86088034fda6e6caabb33394e5d4ecc0a3"
"tag": "1.4.153",
"commit": "a603e98c1b5628c284ef7ae6ad5d7274251fe16b"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.1",

View file

@ -138,7 +138,7 @@
var html = '';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner centeredContent">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form class="newCollectionForm" style="margin:auto;">';
html += '<div>';

View file

@ -7,13 +7,13 @@
width: 100%;
margin: 0;
padding: 0;
padding-left: 36px;
padding-left: 2.6em;
align-items: center;
height: 32px;
height: 2.3em;
}
.checkboxFieldDescription {
padding-left: 36px;
padding-left: 2.6em;
}
.checkboxContainer {
@ -45,8 +45,8 @@
left: 0;
display: inline-block;
box-sizing: border-box;
width: 24px;
height: 24px;
width: 1.83em;
height: 1.83em;
margin: 0;
cursor: pointer;
overflow: hidden;
@ -66,10 +66,10 @@
.mdl-checkbox__focus-helper {
position: absolute;
top: -12px;
left: -12px;
width: 48px;
height: 48px;
top: -0.915em;
left: -0.915em;
width: 3.66em;
height: 3.66em;
display: inline-block;
box-sizing: border-box;
margin: 3px 0 0 0;
@ -116,24 +116,3 @@
display: flex;
margin: .5em 0;
}
.layout-tv .mdl-checkbox {
height: 4.6vh;
padding-left: 6vh;
}
.layout-tv .checkboxFieldDescription {
padding-left: 6vh;
}
.layout-tv .checkboxOutline {
width: 4.6vh;
height: 4.6vh;
}
.layout-tv .mdl-checkbox__focus-helper {
top: -3.7vh;
left: -3.7vh;
width: 12vh;
height: 12vh;
}

View file

@ -9,7 +9,7 @@ _:-ms-input-placeholder, :root .mdl-slider {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 2px;
height: .15em;
background: transparent;
-webkit-user-select: none;
-moz-user-select: none;
@ -30,10 +30,6 @@ _:-ms-input-placeholder, :root .mdl-slider {
/**************************** Disabled ****************************/
}
.layout-tv .mdl-slider {
height: .56vh;
}
.mdl-slider::-moz-focus-outer {
border: 0;
}
@ -58,15 +54,11 @@ _:-ms-input-placeholder, :root .mdl-slider {
.mdl-slider::-ms-track {
background: none;
color: transparent;
height: 2px;
height: .15em;
width: 100%;
border: none;
}
.layout-tv .mdl-slider::-ms-track {
height: .56vh;
}
.mdl-slider::-ms-fill-lower {
padding: 0;
background: linear-gradient(to right, transparent, transparent 16px, #52B54B 16px, #52B54B 0);
@ -79,8 +71,8 @@ _:-ms-input-placeholder, :root .mdl-slider {
.mdl-slider::-webkit-slider-thumb {
-webkit-appearance: none;
width: 16px;
height: 16px;
width: 1em;
height: 1em;
box-sizing: border-box;
border-radius: 50%;
background: #52B54B;
@ -90,17 +82,10 @@ _:-ms-input-placeholder, :root .mdl-slider {
transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.layout-tv .mdl-slider::-webkit-slider-thumb {
width: 12px;
height: 12px;
position: relative;
top: 1px;
}
.mdl-slider::-moz-range-thumb {
-moz-appearance: none;
width: 16px;
height: 16px;
width: 1em;
height: 1em;
box-sizing: border-box;
border-radius: 50%;
background-image: none;
@ -108,11 +93,6 @@ _:-ms-input-placeholder, :root .mdl-slider {
border: none;
}
.layout-tv .mdl-slider::-moz-range-thumb {
width: 2vh;
height: 2vh;
}
.mdl-slider:active::-webkit-slider-thumb {
background-image: none;
background: #52B54B;
@ -198,7 +178,7 @@ _:-ms-input-placeholder, :root .mdl-slider {
.mdl-slider__background-flex {
background: transparent;
position: absolute;
height: 2px;
height: .15em;
width: 100%;
top: 50%;
left: 0;
@ -212,10 +192,6 @@ _:-ms-input-placeholder, :root .mdl-slider {
transform: translate(0, -1px);
}
.layout-tv .mdl-slider__background-flex {
height: .56vh;
}
.mdl-slider__background-lower {
background: #52B54B;
-webkit-flex: 0;

View file

@ -4,7 +4,7 @@
}
.formDialog .dialogHeader {
padding: .35em .5em;
padding: .7em .5em;
display: flex;
align-items: center;
background-color: #101010;
@ -15,43 +15,20 @@
margin-left: .75em;
}
.formDialog .centeredContent {
margin: 0 auto;
}
.formDialog .dialogContent {
flex-grow: 1;
}
.formDialog .dialogContentInner {
padding-bottom: 10vh;
.dialogContentInner {
padding-top: .5em;
padding-bottom: 30vh;
}
.formDialog .dialogContentInner {
padding-bottom: 20vh;
.dialog-content-centered {
margin: 0 auto;
max-width: 53em;
}
.layout-tv .formDialog .dialogContentInner {
padding-bottom: 40vh;
}
.formDialog .centeredContent {
max-width: 740px;
}
.formDialog .dialogContentTitle {
.dialogContentTitle {
margin-top: 1em;
}
@media all and (min-width: 1000px) {
.layout-tv .formDialog .centeredContent {
max-width: 70vw;
}
}
.layout-tv .formDialog .dialogHeader {
padding-top: 1.5em;
padding-bottom: 1.5em;
}

View file

@ -1,7 +1,7 @@
.itemProgressBar {
background: rgba(0,0,0,.5);
position: relative;
height: .75vh;
height: .4em;
}
.itemProgressBarForeground {
@ -20,6 +20,8 @@
align-items: center;
justify-content: center;
font-weight: 500;
width: 2em;
height: 2em;
}
.timerIndicator {
@ -30,6 +32,12 @@
margin-left: .25em;
}
.indicatorIcon {
width: auto;
height: auto;
font-size: 1.6em;
}
.countIndicator {
background: rgba(82,181,75,1);
border-radius: 500px;
@ -53,15 +61,9 @@
color: #fff;
}
.countIndicator, .playedIndicator {
width: 28px;
height: 28px;
}
.syncIndicator {
color: #fff;
border-radius: 500px;
padding: 3px;
}
.emptySyncIndicator {
@ -69,37 +71,15 @@
color: #333;
}
.indicatorIcon {
width: 22px;
height: 22px;
font-size: 22px;
}
.fullSyncIndicator {
color: #673AB7;
padding: 0;
border: 4px solid #673AB7;
background: #fff;
width: auto;
height: auto;
}
.fullSyncIndicatorIcon {
margin: -3px;
font-size: 26px;
height: 26px;
width: 26px;
}
.layout-tv .countIndicator, .layout-tv .playedIndicator {
width: 3.8vh;
height: 3.8vh;
}
.layout-tv .countIndicator {
font-size: 80%;
}
.layout-tv .playedIndicatorIcon {
width: 2.6vh;
height: 2.6vh;
font-size: 2.6vh;
}

View file

@ -91,10 +91,10 @@ define(['css!./indicators.css', 'material-icons'], function () {
function getTimerIndicator(item) {
if (item.SeriesTimerId) {
return '<i class="md-icon timerIndicator indicator">fiber_smart_record</i>';
return '<i class="md-icon timerIndicator indicatorIcon">fiber_smart_record</i>';
}
if (item.TimerId) {
return '<i class="md-icon timerIndicator indicator">fiber_manual_record</i>';
return '<i class="md-icon timerIndicator indicatorIcon">fiber_manual_record</i>';
}
return '';

View file

@ -88,7 +88,7 @@
page.querySelector('.popupIdentifyForm').classList.add('hide');
identificationSearchResults.classList.remove('hide');
page.querySelector('.identifyOptionsForm').classList.add('hide');
page.querySelector('.dialogContentInner').classList.remove('centeredContent');
page.querySelector('.dialogContentInner').classList.remove('dialog-content-centered');
var html = '';
var i, length;
@ -142,7 +142,7 @@
page.querySelector('.identificationSearchResults').classList.add('hide');
identifyOptionsForm.classList.remove('hide');
page.querySelector('#chkIdentifyReplaceImages').checked = true;
page.querySelector('.dialogContentInner').classList.add('centeredContent');
page.querySelector('.dialogContentInner').classList.add('dialog-content-centered');
currentSearchResult = identifyResult;

View file

@ -6,7 +6,7 @@
</div>
<div class="dialogContent smoothScrollY">
<div class="dialogContentInner centeredContent">
<div class="dialogContentInner dialog-content-centered">
<form class="popupIdentifyForm" style="margin:auto;">
<p>${HeaderIdentifyItemHelp}</p>

View file

@ -58,8 +58,3 @@
padding: .25em .5em;
border-radius: .25em;
}
.layout-tv .mediaInfoProgramAttribute {
font-size: 90%;
padding: .1em .5em;
}

View file

@ -16,7 +16,7 @@
<div class="dialogContent smoothScrollY" style="padding-top:2em;">
<form class="editItemMetadataForm editMetadataForm dialogContentInner centeredContent">
<form class="editItemMetadataForm editMetadataForm dialogContentInner dialog-content-centered">
<div class="metadataFormFields">
<div style="padding: 0 0 10px;">

View file

@ -6,7 +6,7 @@
</div>
<div class="dialogContent smoothScrollY" style="padding-top:2em;">
<form class="popupEditPersonForm dialogContentInner centeredContent">
<form class="popupEditPersonForm dialogContentInner dialog-content-centered">
<div class="inputContainer">
<input type="text" is="emby-input" class="txtPersonName" required="required" label="${LabelName}" />

View file

@ -138,7 +138,7 @@
var html = '';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner centeredContent">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form style="margin:auto;">';
html += '<div class="fldSelectPlaylist">';

View file

@ -5,7 +5,7 @@
</div>
</div>
<div class="dialogContent smoothScrollY">
<form class="dialogContentInner centeredContent">
<form class="dialogContentInner dialog-content-centered">
<h1 class="itemName dialogContentTitle"></h1>
<p class="itemEpisodeName"></p>

View file

@ -12,7 +12,7 @@
</div>
<div class="dialogContent smoothScrollY">
<div class="dialogContentInner centeredContent">
<div class="dialogContentInner dialog-content-centered">
<h1 class="itemName dialogContentTitle"></h1>
<p class="itemEpisodeName"></p>
<p class="itemMiscInfoPrimary" style="display: flex; align-items: center; flex-wrap: wrap;"></p>

View file

@ -18,7 +18,7 @@
var html = '';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner centeredContent">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<form style="margin:auto;">';
html += '<div class="fldSelectPlaylist selectContainer">';

View file

@ -161,10 +161,6 @@ define(['browser', 'layoutManager', 'scrollStyles'], function (browser, layoutMa
// no scrolling supported
options.enableNativeScroll = false;
}
else if (browser.edge && !browser.xboxOne) {
// no scrolling supported
options.enableNativeScroll = false;
}
else if (isSmoothScrollSupported && browser.firefox) {
// native smooth scroll
options.enableNativeScroll = true;
@ -174,8 +170,15 @@ define(['browser', 'layoutManager', 'scrollStyles'], function (browser, layoutMa
// transform is the only way to guarantee animation
options.enableNativeScroll = false;
}
else if (layoutManager.mobile ||
layoutManager.desktop ||
else if (layoutManager.mobile) {
options.enableNativeScroll = true;
}
else if (browser.edge && !browser.xboxOne) {
// no scrolling supported
options.enableNativeScroll = false;
}
else if (layoutManager.desktop ||
!browser.animate) {
options.enableNativeScroll = true;

View file

@ -71,7 +71,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
var tabIndex = canFocus ? '' : ' tabindex="-1"';
autoFocus = autoFocus ? ' autofocus' : '';
return '<button is="paper-icon-button-light" class="autoSize ' + cssClass + '"' + tabIndex + autoFocus + '><i class="md-icon">' + icon + '</i></button>';
return '<button is="paper-icon-button-light" class="autoSize ' + cssClass + '"' + tabIndex + autoFocus + '><i class="md-icon slideshowButtonIcon">' + icon + '</i></button>';
}
return function (options) {
@ -246,7 +246,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
var html = '';
html += '<div class="swiper-slide" data-original="' + item.originalImage + '" data-itemid="' + item.Id + '" data-serverid="' + item.ServerId + '">';
html += '<img data-src="' + item.imageUrl + '" class="swiper-lazy">';
html += '<img data-src="' + item.imageUrl + '" class="swiper-lazy swiper-slide-img">';
if (item.title || item.subtitle) {
html += '<div class="slideText">';
html += '<div class="slideTextInner">';
@ -547,7 +547,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
newCardImageContainer.className = cardImageContainer.className;
if (options.cover) {
newCardImageContainer.classList.add('cover');
newCardImageContainer.classList.add('slideshowImage-cover');
}
newCardImageContainer.style.backgroundImage = "url('" + imgUrl + "')";

View file

@ -16,7 +16,7 @@
line-height: normal;
}
.slideshowImage.cover {
.slideshowImage-cover {
background-size: cover;
}
@ -31,7 +31,7 @@
text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.swiper-slide img {
.swiper-slide-img {
width: auto;
height: auto;
max-width: 100%;
@ -45,30 +45,16 @@
top: 50%;
}
.slideshowDialog .slideshowButton i {
width: 4.5vh;
height: 4.5vh;
font-size: 4.5vh;
.slideshowButtonIcon {
width: auto!important;
height: auto!important;
font-size: 3.1em!important;
color: #fff;
opacity: .7;
min-width: 40px;
min-height: 40px;
}
.layout-tv .slideshowDialog .slideshowButton i {
width: 6.3vh;
height: 6.3vh;
font-size: 6.3vh;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi) {
.slideshowDialog [is=paper-icon-button-light] i {
width: 10.3vmin;
height: 10.3vmin;
font-size: 10.3vmin;
}
}
.btnSlideshowPrevious {
left: .5vh;
top: 45vh;
@ -152,14 +138,3 @@
.slideSubtitle {
color: #ccc;
}
.swiper-slide paper-spinner {
width: 10vh;
height: 10vh;
position: absolute;
left: 50%;
top: 50%;
margin-left: -5vh;
margin-top: -5vh;
z-index: 1003;
}

View file

@ -3,7 +3,7 @@
<div class="dialogHeaderTitle">${Subtitles}</div>
</div>
<div class="dialogContent smoothScrollY">
<div class="dialogContentInner centeredContent">
<div class="dialogContentInner dialog-content-centered">
<div class="subtitleList" style="margin-bottom:2em;"></div>
<h1>${SearchForSubtitles}</h1>

View file

@ -121,7 +121,7 @@ define(['dialogHelper', 'voiceReceiver', 'voiceProcessor', 'globalize', 'emby-bu
html += '<div>';
html += '<div class="dialogContent smoothScrollY" style="padding-top:2em;">';
html += '<div class="dialogContentInner centeredContent">';
html += '<div class="dialogContentInner dialog-content-centered">';
html += '<div class="voiceHelpContent">';
html += '<div class="defaultVoiceHelp">';

View file

@ -1,6 +1,6 @@
{
"name": "iron-demo-helpers",
"version": "1.2.3",
"version": "1.2.4",
"description": "Utility classes to make building demo pages easier",
"authors": [
"The Polymer Authors"
@ -23,7 +23,7 @@
"homepage": "https://github.com/PolymerElements/iron-demo-helpers",
"ignore": [],
"dependencies": {
"polymer": "Polymer/polymer#^1.1.0",
"polymer": "Polymer/polymer#^1.5.0",
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
@ -41,11 +41,11 @@
"paper-styles": "PolymerElements/paper-styles#^1.1.0",
"paper-checkbox": "PolymerElements/paper-checkbox#^1.0.0"
},
"_release": "1.2.3",
"_release": "1.2.4",
"_resolution": {
"type": "version",
"tag": "v1.2.3",
"commit": "8d2c2e6f49b3c414f2998e14330727e5195f2f3b"
"tag": "v1.2.4",
"commit": "98e06f4c526146e9e7231138d91f8c65ffb25cd6"
},
"_source": "git://github.com/polymerelements/iron-demo-helpers.git",
"_target": "^1.0.0",

View file

@ -1,27 +1,23 @@
language: node_js
sudo: false
sudo: required
before_script:
- npm install -g bower polylint web-component-tester
- bower install
- polylint
node_js: stable
addons:
firefox: latest
firefox: '46.0'
apt:
sources:
- google-chrome
- ubuntu-toolchain-r-test
packages:
- google-chrome-stable
- g++-4.8
sauce_connect: true
script:
- xvfb-run wct
- "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi"
SAUCE_USERNAME=polymer-ci:
secure: MdclMoQBh7FSa11Mfw1Q7Gx5dYmsfHp5w3tSj5i798eMsrDrHIbmJwnYAIEHch4wpIteQL4dynfzWyfpU3S1WSCTR7vNsbzz8XlmT+t+Bk474XOsKQ/I+z1Fd3NMSNR73H/rJxH3nEJfDSR6TFKfoT/SAO0/yPE1taSvvYJV3dRD6A+ZrftgDzaDB3YukiE+OU4Hsk0Fy8JnF3Lb5iAl9jkd8G5i0IfYpcXJwlPq3C9krs7i/QhVCa/PI2TQNubihGnQc9oSVYxU4BV2oJ7JvEgPYLc21jL07c71Mr7Nl7ZCxnGqPYHxtwFMalBaenHg+CdnReOyh3CjbPhK/c0avX9Xgnpsex2pt3gXo98sZ0TBCfsEm/eKPpzxktAs2XwQXV3Xct1t8Oop4tbwUqgobXOSR3GM/YY8+FONr7D4NENtMiarujvywfhUK4dwc5sSY44uEocEUoYfcNEO3YAu0TyGhtjlTkhRscW6W10ASnLHQ3Vkg1/OOwBiQC1OSZHudffc11yY6rQGlD7K48n2TIu8yI8m2AyEXWxTF6XINCC80+rSNJEibiih1McGbwqACv71S6fBhCNdS2UXfO8MWDe6Lg7TgFXfLqkLRuNz+YR/Jpp9Kx5JgdDLbDvddSaOZII5WUcP+CjAwe+dOHXxuiIao18Y1AUs1K49zShukN8=
- if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then wct -s 'default'; fi
env:
global:
- secure: ZdORgF+qeVeCULluFHTdv3rWkff5UZQB2R/XY4WlDX6VMNoa4ox+Bv9jEwC9dFISX3YGZP+jxA3EAm3vNUdnRfi0WgecISGpagRippqk6pj3sz1thsllVBZgxRo6x63BGog74zxE0Okv01p1gMF1xEmO7cKlkDl4Axo8H1CLU3zOaG3W8tuY9TMgghq9cJAi8ybsojh26LKWaD8UnOfyb406fjEtHMammJ0+mnCnqUFF4suEj0G3Pujld8DZsZG0A/xKCLfykPsIdEnsP823aCIJX99XE0clCd/FTlNTHRhgdcAFwc3jqOrRFwXkGG8aW0W+ciKFESwmS5cAZZ6an+4LsDoOLBlmReACNq85HAu45ID+xfIKuG4gROMwRdOeIH1Zh9SZ0szcnYO8/JsuxyoXHeaiQnHc0ZZ/bzO3AV5p1APflDi5V2/q4OdXRZ7K7CQNO7b3GQk1vvXWG+553BJLbyWv/D04NpvQbdQqI2Zt/SDTdb7zRQVDnk6rZuODe8LU4QtF7EaO5+KHWjOvEsEsstPS8NFelw6Iqv8sAMO7dErAjWFuDXCCyTGSN7PVLcOhVy2gnpAspX1OZ/rubsDjqe3tN3BHURlRoEq3wXs93ZHcakIIor8aVs1hLd1XeX46hGGoK215SiKoCJWN8Bs/0174hE2pDNuVG5Hm/VQ=
- secure: INTBdOGAsbGQ1aokMF/OX8SxTDlUH6VKcrdcOuVbu3aAllmMgOznRtOm8IbHa+c9Dn25nMEY7Nl9DvxA9EfkKbyKFCcwwYgzAtrs4U/9qmckw8yJikDyF06wwClxeXBDZr9qxHUarX770McBMfq+zOly6ls3v0TTrERO3MoV4dBJ+sj0Oj0TCjjt7hiaFq4xdSMpuGLoOdElL8zh+bgRj98R8uzOTYW4hdf80FZqO5gXOWMRDkZCI1Y4EDsAQSZQ9jDScT5qd4qYhujuFmAd1+a4EmRE+WF8Uvo2bwnm4/Fz8EEBYNzNQGftyTazXZqplhKlu1auTmOKxWadEWP2oD28FFFgnSyp/p9IzRi8DjKg7btumiL2bZOK5RFOP4OiN8+Fje7Hi9sA7utEunH8zqRYwZZehxQG3s/Ixi7wiOs9IoKxyjRpZTGMrb8tuCjsgtNTSsGbQ9Si3l/7q6zXd9ctC5F0HAhOANPUxqLt67NLxUDjp6mOcsdtEnB7hEGcC6g3NTGZnE6icTGi2f7SokK1dsxxoW8Z+FGWG+AT3FKTFJJlfoAx3Y/cSa/gI6/jyqheANbviD3qllrwvTCEjUPjMs0UoiLxEIb57aiY8cB1LplDnHQhZarXrOe1jcgOxs9H+YFaeSX6zL+WswLPwBvTgsvXuP018XBwBRpYbN8=
- CXX=g++-4.8
- secure: i2lTz7D+1ZUYIqZoBtTaXXEUChnfihtpMDr7N6JBlCLBrj90GodBGYkJOJbn1GakBYRwpCvjsXI0DAhfSUQ+yEtLURnVW2KyuCFrAJ6/4h2QSPDJriJ+iG3/nexoDO3bxV010jms6b9/Fl8eeDWkVc2tjmOpBsa8T5+blot4xPVU3aKlB+gcXcLaYZFc6dBeXEBfSqK0bJ4601fRrX01ec25ljjZdgFnol405fThJlnr6GcFtQWNmtiMu0hqTk/AUFp3yL7IVFb0MfjrEBNZ47EL3BiYb4x1W4lDgCpooSoEYib5GDHw0N0NOaFcSoHqgQrDq1OxPH9qxEKkgFkGMhLa7dJ6Tt3GnJK1K+MS4yt//oAsMbPjwVCW4fZahzlIanQLhdFh7/UBRgnRlJ+lUzpcnVGIe2YNdL8wtMsJXApiOVFFEhKJ81dHwetvPmVz8SqF6B/uD9UuW04J34oxMrmV3g32x27rMpzSJQaU4h0jV0aYQcWLYhqDFSUWKXYTFdTBrnjKbuFxPa9VMs/kEmY8ckz3rcYet3eMlxRuL06qUr5Y0TC/kL7zM02L78YdRLqIeIDFPdqraVS7Kv8AoFBaYIm5MQ9dpsZomRP1h0DXXgcubnflLZCxawDn4dYfgZ27r1M0AXyZwiPP6+Lcel5DTyc8vwv7NO4QzIoaBvs=
- secure: ODJASItc4zdTFFUAMyq2yfNszcjelFGYb8T4gwJyZe/Q5jWFfv3imBbZ/8UBVjaHh8pPANtb8iKBT70k1jl63uIeAlzNyCvE2ppqrfc2cuf9DL964i7ZY9kfC1cYni7UqdDnRgCir1mV2/Q0p3aGGw0/eksJtEjzVc4wPYN9+RjKljgRZzKq+Jbw8jM7NAS7BtRjTGPPTw+iDXvgabgQr7Sf7+bXECOXt9HqjLMxBdbR+DyvERZGpbj7Ish6CFKWOoULtnRPC+E9Subd1DQl0CEntPBlPWchxNoGxWPK2JURrNbup8dkwVDW433cm4ubuMnQpiQ0ityyzWF2fMPLOHPv6DLZl5RQPSz20oj9D9DOMV0nQTDegBTDazgGDpWei0Q3HH6EUj1nLdZag8EHWcbPzmIqseZ6cWP/C5Yps7BypEX5cWwJnKTe1BPXP/4Okeq/yZBIR+j5OdBo8q+G33qJBhMzLWdS2Pr3EYEujaCxU3VeZzFCCmdpZ7hwd68zWhJdILYWo4VCvkos61gwsUP3fizoBmFSW8copuRJbsFJ7Iq0gmM34pQsNKlOwgyN+uLHHEJ93ugFfmxpXdgbLO4Jo0NypITLO9bLICvMaSrpdG1kGwoIFH96XeWGZpYWN/9mtN9xct5hp6acPF4eeb2rwwSGH1rrFVqivnMLIN0=
dist: trusty

View file

@ -1,4 +1,3 @@
<!--
This file is autogenerated based on
https://github.com/PolymerElements/ContributionGuide/blob/master/CONTRIBUTING.md
@ -11,6 +10,7 @@ specific element:
jsbin=https://jsbin.com/cagaye/edit?html,output
-->
# Polymer Elements
## Guide for Contributors

View file

@ -1,6 +1,6 @@
{
"name": "iron-demo-helpers",
"version": "1.2.3",
"version": "1.2.4",
"description": "Utility classes to make building demo pages easier",
"authors": [
"The Polymer Authors"
@ -23,7 +23,7 @@
"homepage": "https://github.com/PolymerElements/iron-demo-helpers",
"ignore": [],
"dependencies": {
"polymer": "Polymer/polymer#^1.1.0",
"polymer": "Polymer/polymer#^1.5.0",
"iron-icons": "PolymerElements/iron-icons#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
"paper-styles": "PolymerElements/paper-styles#^1.0.0",

View file

@ -144,7 +144,9 @@ Custom property | Description | Default
this._markdown = '```\n' + snippet + '\n' + '```';
// Stamp the template.
if (!template.is) {
Polymer.dom(this).appendChild(document.importNode(template.content, true));
}
},
_copyToClipboard: function() {
@ -160,7 +162,7 @@ Custom property | Description | Default
this.$.copyButton.icon = 'done';
} catch (err) {
// Copy command is not available
console.error(err);
Polymer.Base._error(err);
this.$.copyButton.icon = 'error';
}

View file

@ -75,6 +75,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<paper-checkbox checked class="red">Checkbox</paper-checkbox>
</template>
</demo-snippet>
<h4>Demo of an element with bindings</h4>
<demo-snippet class="centered-demo small-text">
<template is="dom-bind">
<paper-checkbox checked="[[active]]">One-Way Binding</paper-checkbox>
<paper-checkbox checked="{{active}}">Two-Way Binding</paper-checkbox>
</template>
</demo-snippet>
</div>
</body>
</html>

View file

@ -55,6 +55,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template>
</demo-snippet>
<demo-snippet id="typeExtensionDemo">
<template is="dom-bind">
<paper-checkbox checked="{{checked}}"></paper-checkbox>
<input value="[[checked]]">
</template>
</demo-snippet>
<script>
suite('display', function() {
var emptyHeight;
@ -108,6 +115,33 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
expect(markdownElement.markdown).to.be.equal(
'```\n\n<paper-checkbox disabled></paper-checkbox>\n\n```');
});
test('elements are only rendered once when using a custom type-extension', function() {
var element = document.getElementById('typeExtensionDemo');
// Render the distributed children.
Polymer.dom.flush();
var inputs = element.querySelectorAll('input');
expect(inputs.length).to.be.equal(1);
});
test('can support databinding between elements', function(done) {
var element = document.getElementById('typeExtensionDemo');
var input = Polymer.dom(element).querySelector('input');
var checkbox = Polymer.dom(element).querySelector('paper-checkbox')
// Render the distributed children.
Polymer.dom.flush();
checkbox.set('checked', true);
flush(function() {
expect(checkbox.checked).to.be.equal(true);
expect(input.value).to.be.equal('true');
done();
});
});
});
suite('parsing', function() {

View file

@ -32,14 +32,14 @@
"iron-component-page": "polymerElements/iron-component-page#^1.1.6"
},
"private": true,
"homepage": "https://github.com/Polymer/polymer",
"homepage": "https://github.com/polymer/polymer",
"_release": "1.6.1",
"_resolution": {
"type": "version",
"tag": "v1.6.1",
"commit": "1f197d9d7874b1e5808b2a5c26f34446a7d912fc"
},
"_source": "git://github.com/Polymer/polymer.git",
"_source": "git://github.com/polymer/polymer.git",
"_target": "^1.1.0",
"_originalSource": "Polymer/polymer"
"_originalSource": "polymer/polymer"
}