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

update polymer

This commit is contained in:
Luke Pulverenti 2015-09-30 00:10:14 -04:00
parent 22a5e48860
commit 61d616c330
44 changed files with 447 additions and 156 deletions

View file

@ -1,6 +1,6 @@
{
"name": "paper-input",
"version": "1.0.14",
"version": "1.0.15",
"description": "Material design text fields",
"authors": [
"The Polymer Authors"
@ -44,11 +44,11 @@
"iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0"
},
"_release": "1.0.14",
"_release": "1.0.15",
"_resolution": {
"type": "version",
"tag": "v1.0.14",
"commit": "120a0610aca5c86194977e30f696b09716f93bbc"
"tag": "v1.0.15",
"commit": "34d19454e0ea13b1a809add8c87fba128fbc9940"
},
"_source": "git://github.com/polymerelements/paper-input.git",
"_target": "^1.0.9",

View file

@ -1,6 +1,6 @@
{
"name": "paper-input",
"version": "1.0.14",
"version": "1.0.15",
"description": "Material design text fields",
"authors": [
"The Polymer Authors"

View file

@ -59,6 +59,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<div class="vertical-section">
<paper-input label="label"></paper-input>
<paper-input label="search" type="search" placeholder="type='search' should use placeholders instead of labels" autosave="test" results="5"></paper-input>
<paper-input label="password" type="password"></paper-input>
<paper-input no-label-float label="label (no-label-float)"></paper-input>

View file

@ -279,6 +279,20 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
value: 'off'
},
/**
* Bind this to the `<input is="iron-input">`'s `autosave` property, used with type=search.
*/
autosave: {
type: String
},
/**
* Bind this to the `<input is="iron-input">`'s `results` property, , used with type=search.
*/
results: {
type: Number
},
_ariaDescribedBy: {
type: String,
value: ''

View file

@ -192,8 +192,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
.input-content.label-is-floating ::content label,
.input-content.label-is-floating ::content .paper-input-label {
-webkit-transform: translate3d(0, -75%, 0) scale(0.75);
transform: translate3d(0, -75%, 0) scale(0.75);
-webkit-transform: translateY(-75%) scale(0.75);
transform: translateY(-75%) scale(0.75);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.25s;
@ -231,6 +231,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
background: transparent;
border: none;
color: var(--paper-input-container-input-color, --primary-text-color);
-webkit-appearance: none;
@apply(--paper-font-subhead);
@apply(--paper-input-container-input);
@ -328,7 +329,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
/**
* True if the input is invalid. This property is set automatically when the input value
* changes if auto-validating, or when the `iron-input-valid` event is heard from a child.
* changes if auto-validating, or when the `iron-input-validate` event is heard from a child.
*/
invalid: {
observer: '_invalidChanged',
@ -531,9 +532,9 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
// The label might have a horizontal offset if a prefix element exists
// which needs to be undone when displayed as a floating label.
if (this.$.prefix && label && label.offsetParent &&
Polymer.dom(this.$.prefix).getDistributedNodes().length > 0) {
label.style.left = -label.offsetParent.offsetLeft + 'px';
if (Polymer.dom(this.$.prefix).getDistributedNodes().length > 0 &&
label && label.offsetParent) {
label.style.left = -label.offsetParent.offsetLeft + 'px';
}
} else {
// When the label is not floating, it should overlap the input element.

View file

@ -37,12 +37,12 @@ Custom property | Description | Default
:host {
display: inline-block;
visibility: hidden;
float: left;
color: var(--paper-input-container-invalid-color, --google-red-500);
@apply(--paper-font-caption);
@apply(--paper-input-error);
position: absolute;
}
:host([invalid]) {
@ -51,7 +51,7 @@ Custom property | Description | Default
</style>
<content></content>
</template>
</dom-module>

View file

@ -35,6 +35,14 @@ for `suffix`).
<paper-icon-button suffix icon="clear"></paper-icon-button>
</paper-input>
A `paper-input` can use the native `type=search` features. However, since
we can't control the native styling of the input, it's recommended to use
a placeholder text, or `always-float-label`, as to not overlap the native search icon.
<paper-input label="search!" type="search"
placeholder="search for cats" autosave="test" results="5">
</paper-input>
See `Polymer.PaperInputBehavior` for more API docs.
### Styling
@ -106,7 +114,9 @@ style this element.
size$="[[size]]"
autocapitalize$="[[autocapitalize]]"
autocorrect$="[[autocorrect]]"
on-change="_onChange">
on-change="_onChange"
autosave$="[[autosave]]",
results$="[[results]]">
<content select="[suffix]"></content>