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

update polymer components

This commit is contained in:
Luke Pulverenti 2015-12-09 11:59:23 -05:00
parent 95d4c9bd78
commit c3765bb90e
23 changed files with 150 additions and 152 deletions

View file

@ -29,14 +29,14 @@
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
"ignore": [],
"homepage": "https://github.com/PolymerElements/iron-behaviors",
"homepage": "https://github.com/polymerelements/iron-behaviors",
"_release": "1.0.12",
"_resolution": {
"type": "version",
"tag": "v1.0.12",
"commit": "657f526a2382a659cdf4e13be87ecc89261588a3"
},
"_source": "git://github.com/PolymerElements/iron-behaviors.git",
"_source": "git://github.com/polymerelements/iron-behaviors.git",
"_target": "^1.0.0",
"_originalSource": "PolymerElements/iron-behaviors"
"_originalSource": "polymerelements/iron-behaviors"
}

View file

@ -1,6 +1,6 @@
{
"name": "paper-input",
"version": "1.1.2",
"version": "1.1.3",
"description": "Material design text fields",
"authors": [
"The Polymer Authors"
@ -37,19 +37,20 @@
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "Polymer/web-component-tester#^3.3.0",
"web-component-tester": "Polymer/web-component-tester#^3.4.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
"_release": "1.1.2",
"_release": "1.1.3",
"_resolution": {
"type": "version",
"tag": "v1.1.2",
"commit": "6c6ba4b5e3e4b18ee387d2b922e00e3edfe0e347"
"tag": "v1.1.3",
"commit": "f070288446f9e78fbe16b032ddb429a8e8015ee7"
},
"_source": "git://github.com/polymerelements/paper-input.git",
"_target": "^1.0.9",

View file

@ -1,6 +1,6 @@
{
"name": "paper-input",
"version": "1.1.2",
"version": "1.1.3",
"description": "Material design text fields",
"authors": [
"The Polymer Authors"
@ -37,12 +37,13 @@
},
"devDependencies": {
"iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
"iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
"iron-icon": "PolymerElements/iron-icon#^1.0.0",
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
"test-fixture": "PolymerElements/test-fixture#^1.0.0",
"web-component-tester": "Polymer/web-component-tester#^3.3.0",
"web-component-tester": "Polymer/web-component-tester#^3.4.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}
}

View file

@ -10,7 +10,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
@ -19,27 +18,46 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../paper-input.html">
<link rel="import" href="../paper-input-container.html">
<link rel="import" href="../paper-input-error.html">
<link rel="import" href="../paper-input-char-counter.html">
<link rel="import" href="../paper-textarea.html">
<link rel="import" href="../../iron-input/iron-input.html">
<link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
<link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
<link rel="import" href="../../iron-icon/iron-icon.html">
<link rel="import" href="../../iron-icons/iron-icons.html">
<link rel="import" href="../../iron-input/iron-input.html">
<link rel="import" href="../../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../../paper-styles/color.html">
<link rel="import" href="../paper-input-container.html">
<link rel="import" href="../paper-input-error.html">
<link rel="import" href="../paper-input.html">
<link rel="import" href="../paper-textarea.html">
<link rel="import" href="ssn-input.html">
<link rel="stylesheet" href="../../paper-styles/color.html">
<link rel="import" href="../../paper-styles/demo-pages.html">
<style is="custom-style">
body {
padding: 40px;
<style is="custom-style" include="demo-pages-shared-styles">
paper-input {
display: block;
}
paper-input.short {
width: 200px;
demo-snippet.horizontal {
--demo-snippet-demo: {
@apply(--layout-horizontal);
@apply(--layout-justified);
@apply(--layout-wrap);
}
}
demo-snippet.horizontal paper-input {
display: inline-block;
}
button {
width: 70px;
}
#inputForValidation {
display: inline-block;
width: calc(100% - 75px);
}
.vertical-section-container {
max-width: 600px;
}
paper-icon-button {
@ -49,82 +67,81 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
height: 23px;
padding: 0px 4px;
}
</style>
iron-icon {
padding-right: 5px;
}
</style>
</head>
<body unresolved>
<div class="vertical-section-container centered">
<h3>Inputs can have different types, and be disabled</h3>
<demo-snippet>
<template>
<paper-input label="text input"></paper-input>
<paper-textarea label="autoresizing textarea input"></paper-textarea>
<paper-input label="password input" type="password"></paper-input>
<paper-input label="disabled input" disabled></paper-input>
</template>
</demo-snippet>
<div class="vertical center-justified layout">
<h4>Text input</h4>
<h3>Inputs can have character counters</h3>
<demo-snippet>
<template>
<paper-input label="simple character counter" char-counter></paper-input>
<paper-input label="input with at most 10 characters" char-counter maxlength="10"></paper-input>
</template>
</demo-snippet>
<div class="vertical-section">
<paper-input label="label"></paper-input>
<h3>The label can have different floating states</h3>
<demo-snippet>
<template>
<paper-input label="this label floats after typing"></paper-input>
<paper-input label="this label is always floating" always-float-label></paper-input>
<paper-input label="this label never floats" no-label-float></paper-input>
<paper-input label="this label is always floating" always-float-label placeholder="placeholder text"></paper-input>
</template>
</demo-snippet>
<paper-input label="password" type="password"></paper-input>
<paper-input no-label-float label="label (no-label-float)"></paper-input>
<paper-input label="disabled" disabled></paper-input>
</div>
<h4>Text area</h4>
<div class="vertical-section">
<paper-textarea label="textarea label"></paper-textarea>
</div>
<h4>Validation</h4>
<div class="vertical-section">
<paper-input label="input validates on blur (required, auto-validate)" required auto-validate error-message="needs some text!"></paper-input>
<paper-input label="only type letters (auto-validate)" auto-validate pattern="[a-zA-Z]*" error-message="letters only!"></paper-input>
<paper-input id="inputForValidation" required label="only type letters (no auto validate)" pattern="[a-zA-Z]*" error-message="letters only, required input!"></paper-input>
<br>
<h3>Inputs can validate automatically or on demand, and can have custom error messages</h3>
<demo-snippet>
<template>
<paper-input label="this input requires some text" required auto-validate error-message="needs some text!"></paper-input>
<paper-input label="this input requires letters only" auto-validate pattern="[a-zA-Z]*" error-message="letters only!"></paper-input>
<paper-input label="this input will only let you type letters" auto-validate allowed-pattern="[a-zA-Z]"></paper-input>
<paper-input id="inputForValidation" required label="this input is manually validated" pattern="[a-zA-Z]*" error-message="letters only!"></paper-input>
<button onclick="validate()">Validate!</button>
</div>
</template>
</demo-snippet>
<h4>Character counter</h4>
<div class="vertical-section">
<paper-input label="label" char-counter></paper-input>
<paper-input label="at most 10 letters" char-counter auto-validate pattern="[a-zA-Z]*" maxlength="10" error-message="letters only!"></paper-input>
<paper-textarea label="textarea" char-counter></paper-textarea>
<paper-textarea label="textarea with maxlength" maxlength="10" char-counter></paper-textarea>
<paper-textarea label="text area with rows and max-rows" rows="3" max-rows="4"></paper-textarea>
</div>
<h4>Prefixes and Suffixes</h4>
<div class="vertical-section">
<h3>Inputs can have prefixes and suffixes</h3>
<demo-snippet class="horizontal">
<template>
<paper-input class="short" label="total" type="number">
<div prefix>$</div>
</paper-input>
<paper-input class="short" label="username">
<paper-input class="short" label="username" id="inputWithButton">
<iron-icon icon="mail" prefix></iron-icon>
<div suffix>@email.com</div>
</paper-input>
<paper-input class="short" label="icons and buttons" id="inputWithButton">
<iron-icon icon="search" prefix></iron-icon>
<paper-icon-button suffix onclick="clearInput()"
icon="clear" alt="clear" title="clear">
</paper-icon-button>
</paper-input>
</div>
</template>
</demo-snippet>
<h4>Complex inputs</h4>
<div class="vertical-section">
<template is="dom-bind">
<h3>Inputs can have custom logic</h3>
<demo-snippet>
<template>
<paper-input-container always-float-label auto-validate attr-for-value="value">
<label>Social Security Number</label>
<ssn-input class="paper-input-input"></ssn-input>
<paper-input-error>SSN invalid!</paper-input-error>
</paper-input-container>
</template>
</demo-snippet>
</div>
</div>
<script>
function validate() {
document.getElementById('inputForValidation').validate();

View file

@ -7,12 +7,12 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-behaviors/iron-control-state.html">
<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
<link rel="import" href="../iron-behaviors/iron-control-state.html">
<script>
/**
* Use `Polymer.PaperInputBehavior` to implement inputs with `<paper-input-container>`. This
* behavior is implemented by `<paper-input>`. It exposes a number of properties from
@ -24,7 +24,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
* @polymerBehavior Polymer.PaperInputBehavior
*/
Polymer.PaperInputBehaviorImpl = {
properties: {
/**
* Fired when the input changes due to user interaction.
@ -408,6 +407,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
this._shiftTabPressed = false;
}, 1);
},
/**
* If `autoValidate` is true, then validates the element.
*/
@ -488,7 +488,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
});
}
}
};
/** @polymerBehavior */
@ -497,5 +496,4 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
Polymer.IronA11yKeysBehavior,
Polymer.PaperInputBehaviorImpl
];
</script>

View file

@ -29,9 +29,9 @@ Custom property | Description | Default
----------------|-------------|----------
`--paper-input-char-counter` | Mixin applied to the element | `{}`
-->
<dom-module id="paper-input-char-counter">
<template>
<style>
:host {
display: inline-block;
@ -47,7 +47,6 @@ Custom property | Description | Default
</style>
<span>[[_charCounterStr]]</span>
</template>
</dom-module>

View file

@ -9,10 +9,10 @@ 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="../paper-styles/color.html">
<link rel="import" href="../paper-styles/typography.html">
<link rel="import" href="../paper-styles/default-theme.html">
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../paper-styles/color.html">
<link rel="import" href="../paper-styles/default-theme.html">
<link rel="import" href="../paper-styles/typography.html">
<!--
`<paper-input-container>` is a container for a `<label>`, an `<input is="iron-input">` or
@ -81,6 +81,7 @@ Custom property | Description | Default
`--paper-input-container-disabled` | Mixin applied to the container when it's disabled | `{}`
`--paper-input-container-label` | Mixin applied to the label | `{}`
`--paper-input-container-label-focus` | Mixin applied to the label when the input is focused | `{}`
`--paper-input-container-label-floating` | Mixin applied to the label when floating | `{}`
`--paper-input-container-input` | Mixin applied to the input | `{}`
`--paper-input-container-underline` | Mixin applied to the underline | `{}`
`--paper-input-container-underline-focus` | Mixin applied to the underline when the input is focused | `{}`
@ -91,9 +92,9 @@ Custom property | Description | Default
This element is `display:block` by default, but you can set the `inline` attribute to make it
`display:inline-block`.
-->
<dom-module id="paper-input-container">
<template>
<style>
:host {
display: block;
@ -122,16 +123,15 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
.focused-line {
height: 2px;
@apply(--layout-fit);
background: var(--paper-input-container-focus-color, --default-primary-color);
height: 2px;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
background: var(--paper-input-container-focus-color, --default-primary-color);
@apply(--paper-input-container-underline-focus);
}
@ -146,7 +146,6 @@ This element is `display:block` by default, but you can set the `inline` attribu
.underline.is-invalid .focused-line {
background: var(--paper-input-container-invalid-color, --google-red-500);
-webkit-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.25s;
@ -156,8 +155,9 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
.unfocused-line {
height: 1px;
@apply(--layout-fit);
height: 1px;
background: var(--paper-input-container-color, --secondary-text-color);
@apply(--paper-input-container-underline);
@ -177,9 +177,10 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
.input-content {
position: relative;
@apply(--layout-horizontal);
@apply(--layout-center);
position: relative;
}
.input-content ::content label,
@ -202,7 +203,6 @@ This element is `display:block` by default, but you can set the `inline` attribu
transform: translateY(-75%) scale(0.75);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-transform-origin: left top;
transform-origin: left top;
@ -211,6 +211,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
width: 133%;
@apply(--paper-transition-easing);
@apply(--paper-input-container-label-floating);
}
:host-context([dir="rtl"]) .input-content.label-is-floating ::content label,
@ -301,6 +302,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
<div class="label-and-input-container" id="labelAndInputContainer">
<content select=":not([add-on]):not([prefix]):not([suffix])"></content>
</div>
<content select="[suffix]"></content>
</div>
@ -312,7 +314,6 @@ This element is `display:block` by default, but you can set the `inline` attribu
<div class$="[[_computeAddOnContentClass(focused,invalid)]]">
<content id="addOnContent" select="[add-on]"></content>
</div>
</template>
</dom-module>

View file

@ -31,9 +31,9 @@ Custom property | Description | Default
`--paper-input-container-invalid-color` | The foreground color of the error | `--google-red-500`
`--paper-input-error` | Mixin applied to the error | `{}`
-->
<dom-module id="paper-input-error">
<template>
<style>
:host {
display: inline-block;
@ -54,7 +54,6 @@ Custom property | Description | Default
</style>
<content></content>
</template>
</dom-module>

View file

@ -7,6 +7,7 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
<link rel="import" href="../iron-input/iron-input.html">
@ -67,7 +68,6 @@ style this element.
<dom-module id="paper-input">
<template>
<style>
:host {
display: block;
@ -141,7 +141,6 @@ style this element.
</template>
</paper-input-container>
</template>
</dom-module>

View file

@ -7,6 +7,7 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-autogrow-textarea/iron-autogrow-textarea.html">
<link rel="import" href="paper-input-behavior.html">
@ -68,7 +69,6 @@ style this element.
</template>
</paper-input-container>
</template>
</dom-module>

View file

@ -19,11 +19,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<script src="../../iron-test-helpers/test-helpers.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../../iron-input/iron-input.html">
<link rel="import" href="../paper-input-container.html">
<link rel="import" href="../paper-input-char-counter.html">

View file

@ -19,11 +19,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<script src="../../iron-test-helpers/mock-interactions.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../../iron-input/iron-input.html">
<link rel="import" href="../paper-input-container.html">
<link rel="import" href="letters-only.html">

View file

@ -17,11 +17,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../../iron-input/iron-input.html">
<link rel="import" href="../paper-input-container.html">
<link rel="import" href="../paper-input-error.html">

View file

@ -19,12 +19,9 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<script src="../../iron-test-helpers/test-helpers.js"></script>
<script src="../../iron-test-helpers/mock-interactions.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../paper-input.html">
<link rel="import" href="letters-only.html">
@ -271,7 +268,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
});
});
});
});
</script>

View file

@ -19,14 +19,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<script src="../../webcomponentsjs/webcomponents-lite.js"></script>
<script src="../../web-component-tester/browser.js"></script>
<script src="../../test-fixture/test-fixture-mocha.js"></script>
<script src="../../iron-test-helpers/test-helpers.js"></script>
<script src="../../iron-test-helpers/mock-interactions.js"></script>
<link rel="import" href="../../test-fixture/test-fixture.html">
<link rel="import" href="../paper-textarea.html">
</head>
<body>
@ -38,7 +34,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<test-fixture id="has-tabindex">
<template>
<paper-textarea tabindex="0"></paper-input>
<paper-textarea tabindex="0"></paper-textarea>
</template>
</test-fixture>

View file

@ -32,14 +32,14 @@
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
},
"ignore": [],
"homepage": "https://github.com/PolymerElements/paper-ripple",
"homepage": "https://github.com/polymerelements/paper-ripple",
"_release": "1.0.5",
"_resolution": {
"type": "version",
"tag": "v1.0.5",
"commit": "d72e7a9a8ab518b901ed18dde492df3b87a93be5"
},
"_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

@ -24,14 +24,14 @@
"web-component-tester": "*"
},
"private": true,
"homepage": "https://github.com/Polymer/polymer",
"homepage": "https://github.com/polymer/polymer",
"_release": "1.2.3",
"_resolution": {
"type": "version",
"tag": "v1.2.3",
"commit": "aa535d1675342007cbf64dc9c66497cf74cbc616"
},
"_source": "git://github.com/Polymer/polymer.git",
"_source": "git://github.com/polymer/polymer.git",
"_target": "^1.0.0",
"_originalSource": "Polymer/polymer"
"_originalSource": "polymer/polymer"
}

View file

@ -489,9 +489,9 @@
tabContent.querySelector('.tvGuide').classList.remove('mobileGuide');
Events.on(tabContent.querySelector('.timeslotHeaders'), 'scroll', function () {
tabContent.querySelector('.timeslotHeaders').addEventListener('scroll', function (e) {
onTimeslotHeadersScroll(tabContent, this);
onTimeslotHeadersScroll(tabContent, e.target);
});
}

View file

@ -371,7 +371,7 @@
var hls = new Hls();
hls.loadSource(val);
hls.attachVideo(elem);
hls.attachMedia(elem);
hls.on(Hls.Events.MANIFEST_PARSED, function () {
elem.play();
});

View file

@ -300,11 +300,11 @@
});
}
items.push({
name: Globalize.translate('ButtonOpen'),
id: 'open',
ironIcon: 'folder-open'
});
//items.push({
// name: Globalize.translate('ButtonOpen'),
// id: 'open',
// ironIcon: 'folder-open'
//});
if (options.showPlayOptions !== false) {

View file

@ -577,7 +577,7 @@
closeMainDrawer();
// On mobile devices don't navigate until after the closing animation has completed or it may stutter
var delay = browserInfo.mobile ? 350 : 100;
var delay = browserInfo.mobile ? 350 : 150;
setTimeout(function () {
if (action) {
@ -602,7 +602,7 @@
closeMainDrawer();
// On mobile devices don't navigate until after the closing animation has completed or it may stutter
var delay = browserInfo.mobile ? 350 : 100;
var delay = browserInfo.mobile ? 350 : 150;
setTimeout(function () {
Dashboard.logout();

View file

@ -1286,7 +1286,6 @@ var Dashboard = {
}, notification.timeout);
}
}
WebNotifications.show(notification);
}
});
},

File diff suppressed because one or more lines are too long