update components
This commit is contained in:
parent
8dbdfe3be1
commit
058d86a988
29 changed files with 239 additions and 314 deletions
|
@ -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",
|
||||
|
|
|
@ -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>';
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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 '';
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -58,8 +58,3 @@
|
|||
padding: .25em .5em;
|
||||
border-radius: .25em;
|
||||
}
|
||||
|
||||
.layout-tv .mediaInfoProgramAttribute {
|
||||
font-size: 90%;
|
||||
padding: .1em .5em;
|
||||
}
|
||||
|
|
|
@ -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;">
|
||||
|
|
|
@ -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}" />
|
||||
|
|
|
@ -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">';
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">';
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 + "')";
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">';
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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';
|
||||
}
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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() {
|
||||
|
|
|
@ -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"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue