mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update image encoding
This commit is contained in:
Luke Pulverenti
parent
6d016e0db9
commit
0320ad7256
20 changed files with 205 additions and 68 deletions
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-a11y-keys-behavior",
|
||||
"version": "1.0.7",
|
||||
"version": "1.0.8",
|
||||
"description": "A behavior that enables keybindings for greater a11y.",
|
||||
"keywords": [
|
||||
"web-components",
|
||||
|
|
@ -29,14 +29,14 @@
|
|||
"web-component-tester": "*",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"homepage": "https://github.com/PolymerElements/iron-a11y-keys-behavior",
|
||||
"_release": "1.0.7",
|
||||
"homepage": "https://github.com/polymerelements/iron-a11y-keys-behavior",
|
||||
"_release": "1.0.8",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.7",
|
||||
"commit": "4dfdd8cca76eabe12245e86deb9d5da3cd717460"
|
||||
"tag": "v1.0.8",
|
||||
"commit": "df29a9edcff3b4693707f1e3eebce5a1dc46e946"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/iron-a11y-keys-behavior.git",
|
||||
"_source": "git://github.com/polymerelements/iron-a11y-keys-behavior.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "PolymerElements/iron-a11y-keys-behavior"
|
||||
"_originalSource": "polymerelements/iron-a11y-keys-behavior"
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-a11y-keys-behavior",
|
||||
"version": "1.0.7",
|
||||
"version": "1.0.8",
|
||||
"description": "A behavior that enables keybindings for greater a11y.",
|
||||
"keywords": [
|
||||
"web-components",
|
||||
|
|
|
|||
|
|
@ -424,10 +424,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
_triggerKeyHandler: function(keyCombo, handlerName, keyboardEvent) {
|
||||
var detail = Object.create(keyCombo);
|
||||
detail.keyboardEvent = keyboardEvent;
|
||||
|
||||
this[handlerName].call(this, new CustomEvent(keyCombo.event, {
|
||||
detail: detail
|
||||
}));
|
||||
var event = new CustomEvent(keyCombo.event, {
|
||||
detail: detail,
|
||||
cancelable: true
|
||||
});
|
||||
this[handlerName].call(this, event);
|
||||
if (event.defaultPrevented) {
|
||||
keyboardEvent.preventDefault();
|
||||
}
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -70,6 +70,9 @@ suite('Polymer.IronA11yKeysBehavior', function() {
|
|||
_keyHandler: function(event) {
|
||||
this.keyCount++;
|
||||
this.lastEvent = event;
|
||||
},
|
||||
_preventDefaultHandler: function(event) {
|
||||
event.preventDefault();
|
||||
}
|
||||
}];
|
||||
|
||||
|
|
@ -124,7 +127,8 @@ suite('Polymer.IronA11yKeysBehavior', function() {
|
|||
],
|
||||
|
||||
keyBindings: {
|
||||
'space': '_keyHandler'
|
||||
'space': '_keyHandler',
|
||||
'enter': '_preventDefaultHandler'
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -273,6 +277,21 @@ suite('Polymer.IronA11yKeysBehavior', function() {
|
|||
});
|
||||
});
|
||||
|
||||
suite('prevent default behavior of event', function() {
|
||||
setup(function() {
|
||||
keys = fixture('BehaviorKeys');
|
||||
});
|
||||
test('defaultPrevented is correctly set', function() {
|
||||
var keySpy = sinon.spy();
|
||||
|
||||
document.addEventListener('keydown', keySpy);
|
||||
|
||||
MockInteractions.pressEnter(keys);
|
||||
|
||||
expect(keySpy.getCall(0).args[0].defaultPrevented).to.be.equal(true);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-autogrow-textarea",
|
||||
"version": "1.0.7",
|
||||
"version": "1.0.8",
|
||||
"description": "A textarea element that automatically grows with input",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
@ -37,11 +37,11 @@
|
|||
"paper-styles": "PolymerElements/paper-styles#^1.0.0",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"_release": "1.0.7",
|
||||
"_release": "1.0.8",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.7",
|
||||
"commit": "f31131a9c45af7845780f94ec7e69816929ac6cc"
|
||||
"tag": "v1.0.8",
|
||||
"commit": "ea7fb14d8038ccbedc6e85b9c4842b68c659a503"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/iron-autogrow-textarea.git",
|
||||
"_target": "^1.0.0",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-autogrow-textarea",
|
||||
"version": "1.0.7",
|
||||
"version": "1.0.8",
|
||||
"description": "A textarea element that automatically grows with input",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ 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="../iron-behaviors/iron-control-state.html">
|
||||
<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
|
||||
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
|
||||
<link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html">
|
||||
<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
|
||||
|
||||
|
|
@ -55,6 +55,10 @@ Custom property | Description | Default
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.fit {
|
||||
@apply(--layout-fit);
|
||||
}
|
||||
|
||||
textarea {
|
||||
position: relative;
|
||||
outline: none;
|
||||
|
|
@ -68,6 +72,7 @@ Custom property | Description | Default
|
|||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
line-height: inherit;
|
||||
text-align: inherit;
|
||||
@apply(--iron-autogrow-textarea);
|
||||
}
|
||||
|
||||
|
|
@ -78,7 +83,8 @@ Custom property | Description | Default
|
|||
</style>
|
||||
<template>
|
||||
<!-- the mirror sizes the input/textarea so it grows with typing -->
|
||||
<div id="mirror" class="mirror-text" aria-hidden="true"> </div>
|
||||
<!-- use   instead of to allow this element to be used in XHTML -->
|
||||
<div id="mirror" class="mirror-text" aria-hidden="true"> </div>
|
||||
|
||||
<!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->
|
||||
<div class="textarea-container fit">
|
||||
|
|
@ -112,6 +118,8 @@ Custom property | Description | Default
|
|||
|
||||
/**
|
||||
* Use this property instead of `value` for two-way data binding.
|
||||
*
|
||||
* @type {string|number|undefined|null}
|
||||
*/
|
||||
bindValue: {
|
||||
observer: '_bindValueChanged',
|
||||
|
|
@ -315,7 +323,8 @@ Custom property | Description | Default
|
|||
while (this.rows > 0 && _tokens.length < this.rows) {
|
||||
_tokens.push('');
|
||||
}
|
||||
return _tokens.join('<br>') + ' ';
|
||||
// Use   instead of to allow this element to be used in XHTML.
|
||||
return _tokens.join('<br/>') + ' ';
|
||||
},
|
||||
|
||||
_valueForMirror: function() {
|
||||
|
|
|
|||
|
|
@ -25,14 +25,14 @@
|
|||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
|
||||
"iron-component-page": "polymerelements/iron-component-page#^1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/PolymerElements/iron-flex-layout",
|
||||
"homepage": "https://github.com/polymerelements/iron-flex-layout",
|
||||
"_release": "1.0.4",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.4",
|
||||
"commit": "dcfc54b0d358269bf0c72180b4ab090fc4931ecd"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/iron-flex-layout.git",
|
||||
"_source": "git://github.com/polymerelements/iron-flex-layout.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "PolymerElements/iron-flex-layout"
|
||||
"_originalSource": "polymerelements/iron-flex-layout"
|
||||
}
|
||||
|
|
@ -1,12 +1,13 @@
|
|||
{
|
||||
"name": "paper-behaviors",
|
||||
"version": "1.0.7",
|
||||
"version": "1.0.9",
|
||||
"description": "Common behaviors across the paper elements",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
],
|
||||
"main": [
|
||||
"paper-button-behavior.html",
|
||||
"paper-checked-element-behavior.html",
|
||||
"paper-inky-focus-behavior.html"
|
||||
],
|
||||
"keywords": [
|
||||
|
|
@ -37,11 +38,11 @@
|
|||
"web-component-tester": "*",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"_release": "1.0.7",
|
||||
"_release": "1.0.9",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.7",
|
||||
"commit": "7a674a3635fcb6db4842d16d3fd768ab07d638a8"
|
||||
"tag": "v1.0.9",
|
||||
"commit": "d9c0398cbaf3881bef3533b5b2b6127fc4d0960c"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/paper-behaviors.git",
|
||||
"_target": "^1.0.0",
|
||||
|
|
|
|||
|
|
@ -1,12 +1,13 @@
|
|||
{
|
||||
"name": "paper-behaviors",
|
||||
"version": "1.0.7",
|
||||
"version": "1.0.9",
|
||||
"description": "Common behaviors across the paper elements",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
],
|
||||
"main": [
|
||||
"paper-button-behavior.html",
|
||||
"paper-checked-element-behavior.html",
|
||||
"paper-inky-focus-behavior.html"
|
||||
],
|
||||
"keywords": [
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
/**
|
||||
* `Polymer.PaperInkyFocusBehavior` implements a ripple when the element has keyboard focus.
|
||||
*
|
||||
* @polymerBehavior Polymer.PaperInkyFocusBehaviorImpl
|
||||
* @polymerBehavior Polymer.PaperInkyFocusBehavior
|
||||
*/
|
||||
Polymer.PaperInkyFocusBehaviorImpl = {
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "paper-input",
|
||||
"version": "1.0.16",
|
||||
"version": "1.0.18",
|
||||
"description": "Material design text fields",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
"homepage": "https://github.com/PolymerElements/paper-input",
|
||||
"ignore": [],
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#^1.1.0",
|
||||
"polymer": "Polymer/polymer#^1.2.0",
|
||||
"iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^1.0.0",
|
||||
"iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
|
||||
"iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
|
||||
|
|
@ -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.16",
|
||||
"_release": "1.0.18",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.16",
|
||||
"commit": "98a5b3a01ecfcdd85d9dccf6d3d708813fe1dfec"
|
||||
"tag": "v1.0.18",
|
||||
"commit": "8bb2b1972158d3a28ca3a350003b8ca78c147b53"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/paper-input.git",
|
||||
"_target": "^1.0.9",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "paper-input",
|
||||
"version": "1.0.16",
|
||||
"version": "1.0.18",
|
||||
"description": "Material design text fields",
|
||||
"authors": [
|
||||
"The Polymer Authors"
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
"homepage": "https://github.com/PolymerElements/paper-input",
|
||||
"ignore": [],
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#^1.1.0",
|
||||
"polymer": "Polymer/polymer#^1.2.0",
|
||||
"iron-autogrow-textarea": "PolymerElements/iron-autogrow-textarea#^1.0.0",
|
||||
"iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
|
||||
"iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0",
|
||||
|
|
|
|||
|
|
@ -40,6 +40,10 @@ Custom property | Description | Default
|
|||
@apply(--paper-font-caption);
|
||||
@apply(--paper-input-char-counter);
|
||||
}
|
||||
|
||||
:host-context([dir="rtl"]) {
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<span>[[_charCounterStr]]</span>
|
||||
|
|
|
|||
|
|
@ -195,11 +195,12 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
.input-content.label-is-floating ::content .paper-input-label {
|
||||
-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;
|
||||
transition: transform 0.25s;
|
||||
|
||||
-webkit-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
|
||||
/* Since we scale to 75/100 of the size, we actually have 100/75 of the
|
||||
original space now available */
|
||||
width: 133%;
|
||||
|
|
@ -207,6 +208,16 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
@apply(--paper-transition-easing);
|
||||
}
|
||||
|
||||
:host-context([dir="rtl"]) .input-content.label-is-floating ::content label,
|
||||
:host-context([dir="rtl"]) .input-content.label-is-floating ::content .paper-input-label {
|
||||
/* TODO(noms): Figure out why leaving the width at 133% before the animation
|
||||
* actually makes
|
||||
* it wider on the right side, not left side, as you would expect in RTL */
|
||||
width: 100%;
|
||||
-webkit-transform-origin: right top;
|
||||
transform-origin: right top;
|
||||
}
|
||||
|
||||
.input-content.label-is-highlighted ::content label,
|
||||
.input-content.label-is-highlighted ::content .paper-input-label {
|
||||
color: var(--paper-input-container-focus-color, --default-primary-color);
|
||||
|
|
@ -237,6 +248,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
border: none;
|
||||
color: var(--paper-input-container-input-color, --primary-text-color);
|
||||
-webkit-appearance: none;
|
||||
text-align: inherit;
|
||||
|
||||
@apply(--paper-font-subhead);
|
||||
@apply(--paper-input-container-input);
|
||||
|
|
@ -261,6 +273,10 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
resize: none;
|
||||
}
|
||||
|
||||
.add-on-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add-on-content.is-invalid ::content * {
|
||||
color: var(--paper-input-container-invalid-color, --google-red-500);
|
||||
}
|
||||
|
|
@ -276,7 +292,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
|
||||
<div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]">
|
||||
<content select="[prefix]" id="prefix"></content>
|
||||
<div class="label-and-input-container">
|
||||
|
||||
<div class="label-and-input-container" id="labelAndInputContainer">
|
||||
<content select=":not([add-on]):not([prefix]):not([suffix])"></content>
|
||||
</div>
|
||||
<content select="[suffix]"></content>
|
||||
|
|
@ -439,6 +456,21 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
} else {
|
||||
this._handleValue(this._inputElement);
|
||||
}
|
||||
|
||||
this._numberOfPrefixNodes = 0;
|
||||
this._prefixObserver = Polymer.dom(this.$.prefix).observeNodes(
|
||||
function(mutations) {
|
||||
// Keep track whether there's at least one prefix node, since it
|
||||
// affects laying out the floating label.
|
||||
this._numberOfPrefixNodes += mutations.addedNodes.length -
|
||||
mutations.removedNodes.length;
|
||||
}.bind(this));
|
||||
},
|
||||
|
||||
detached: function() {
|
||||
if (this._prefixObserver) {
|
||||
Polymer.dom(this.$.prefix).unobserveNodes(this._prefixObserver);
|
||||
}
|
||||
},
|
||||
|
||||
_onAddonAttached: function(event) {
|
||||
|
|
@ -535,16 +567,15 @@ This element is `display:block` by default, but you can set the `inline` attribu
|
|||
} else if (focused) {
|
||||
cls += " label-is-highlighted";
|
||||
}
|
||||
// The label might have a horizontal offset if a prefix element exists
|
||||
// If a prefix element exists, the label has a horizontal offset
|
||||
// which needs to be undone when displayed as a floating label.
|
||||
if (Polymer.dom(this.$.prefix).getDistributedNodes().length > 0 &&
|
||||
label && label.offsetParent) {
|
||||
label.style.left = -label.offsetParent.offsetLeft + 'px';
|
||||
if (this._numberOfPrefixNodes > 0) {
|
||||
this.$.labelAndInputContainer.style.position = 'static';
|
||||
}
|
||||
} else {
|
||||
// When the label is not floating, it should overlap the input element.
|
||||
if (label) {
|
||||
label.style.left = 0;
|
||||
this.$.labelAndInputContainer.style.position = 'relative';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -43,6 +43,8 @@ Custom property | Description | Default
|
|||
@apply(--paper-font-caption);
|
||||
@apply(--paper-input-error);
|
||||
position: absolute;
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
:host([invalid]) {
|
||||
|
|
|
|||
|
|
@ -31,14 +31,14 @@
|
|||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
|
||||
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/polymerelements/paper-ripple",
|
||||
"homepage": "https://github.com/PolymerElements/paper-ripple",
|
||||
"_release": "1.0.4",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.4",
|
||||
"commit": "5f5893ca7bd6a8413d2f777c092a1a179b6bd45e"
|
||||
},
|
||||
"_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"
|
||||
}
|
||||
22
dashboard-ui/cordova/iap.js
vendored
22
dashboard-ui/cordova/iap.js
vendored
|
|
@ -73,7 +73,6 @@
|
|||
application: "com.emby.mobile",
|
||||
product: productId,
|
||||
type: "Subscription",
|
||||
feature: "MBSClubMonthly",
|
||||
storeToken: receipt,
|
||||
amt: price
|
||||
};
|
||||
|
|
@ -81,6 +80,7 @@
|
|||
if (enteredEmail) {
|
||||
postData.email = enteredEmail;
|
||||
postData.storeId = enteredEmail;
|
||||
postData.feature = "MBSClubMonthly";
|
||||
}
|
||||
|
||||
ApiClient.ajax({
|
||||
|
|
@ -98,7 +98,22 @@
|
|||
}).fail(function (e) {
|
||||
|
||||
alert('validate fail');
|
||||
callback(false, product);
|
||||
|
||||
if (e.status == 402) {
|
||||
callback(false, {
|
||||
code: store.PURCHASE_EXPIRED,
|
||||
error: {
|
||||
message: "Subscription Expired"
|
||||
}
|
||||
});
|
||||
} else {
|
||||
callback(false, {
|
||||
code: store.CONNECTION_FAILED,
|
||||
error: {
|
||||
message: "Connection Failure"
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -124,6 +139,7 @@
|
|||
|
||||
if (requiresVerification) {
|
||||
store.when(id).verified(function (p) {
|
||||
alert('verified');
|
||||
updateProductInfo(p);
|
||||
p.finish();
|
||||
});
|
||||
|
|
@ -136,7 +152,7 @@
|
|||
if (product.loaded && product.valid && product.state == store.APPROVED) {
|
||||
Logger.log('finishing previously created transaction');
|
||||
if (requiresVerification) {
|
||||
product.verify();
|
||||
//product.verify();
|
||||
} else {
|
||||
product.finish();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@
|
|||
currentLayout: view,
|
||||
viewIcon: 'filter-list',
|
||||
sortButton: true,
|
||||
layouts: 'Poster,PosterCard'
|
||||
layouts: 'Poster,PosterCard,Thumb'
|
||||
});
|
||||
|
||||
page.querySelector('.listTopPaging').innerHTML = pagingHtml;
|
||||
|
|
|
|||
|
|
@ -7379,10 +7379,14 @@ this.fire('dom-change');
|
|||
_triggerKeyHandler: function(keyCombo, handlerName, keyboardEvent) {
|
||||
var detail = Object.create(keyCombo);
|
||||
detail.keyboardEvent = keyboardEvent;
|
||||
|
||||
this[handlerName].call(this, new CustomEvent(keyCombo.event, {
|
||||
detail: detail
|
||||
}));
|
||||
var event = new CustomEvent(keyCombo.event, {
|
||||
detail: detail,
|
||||
cancelable: true
|
||||
});
|
||||
this[handlerName].call(this, event);
|
||||
if (event.defaultPrevented) {
|
||||
keyboardEvent.preventDefault();
|
||||
}
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
|
@ -11833,7 +11837,7 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
|
|||
/**
|
||||
* `Polymer.PaperInkyFocusBehavior` implements a ripple when the element has keyboard focus.
|
||||
*
|
||||
* @polymerBehavior Polymer.PaperInkyFocusBehaviorImpl
|
||||
* @polymerBehavior Polymer.PaperInkyFocusBehavior
|
||||
*/
|
||||
Polymer.PaperInkyFocusBehaviorImpl = {
|
||||
|
||||
|
|
@ -17790,11 +17794,12 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
.input-content.label-is-floating ::content .paper-input-label {
|
||||
-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;
|
||||
transition: transform 0.25s;
|
||||
|
||||
-webkit-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
|
||||
/* Since we scale to 75/100 of the size, we actually have 100/75 of the
|
||||
original space now available */
|
||||
width: 133%;
|
||||
|
|
@ -17802,6 +17807,16 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
@apply(--paper-transition-easing);
|
||||
}
|
||||
|
||||
:host-context([dir="rtl"]) .input-content.label-is-floating ::content label,
|
||||
:host-context([dir="rtl"]) .input-content.label-is-floating ::content .paper-input-label {
|
||||
/* TODO(noms): Figure out why leaving the width at 133% before the animation
|
||||
* actually makes
|
||||
* it wider on the right side, not left side, as you would expect in RTL */
|
||||
width: 100%;
|
||||
-webkit-transform-origin: right top;
|
||||
transform-origin: right top;
|
||||
}
|
||||
|
||||
.input-content.label-is-highlighted ::content label,
|
||||
.input-content.label-is-highlighted ::content .paper-input-label {
|
||||
color: var(--paper-input-container-focus-color, --default-primary-color);
|
||||
|
|
@ -17832,6 +17847,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
border: none;
|
||||
color: var(--paper-input-container-input-color, --primary-text-color);
|
||||
-webkit-appearance: none;
|
||||
text-align: inherit;
|
||||
|
||||
@apply(--paper-font-subhead);
|
||||
@apply(--paper-input-container-input);
|
||||
|
|
@ -17856,6 +17872,10 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
resize: none;
|
||||
}
|
||||
|
||||
.add-on-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add-on-content.is-invalid ::content * {
|
||||
color: var(--paper-input-container-invalid-color, --google-red-500);
|
||||
}
|
||||
|
|
@ -17871,7 +17891,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
|
||||
<div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]">
|
||||
<content select="[prefix]" id="prefix"></content>
|
||||
<div class="label-and-input-container">
|
||||
|
||||
<div class="label-and-input-container" id="labelAndInputContainer">
|
||||
<content select=":not([add-on]):not([prefix]):not([suffix])"></content>
|
||||
</div>
|
||||
<content select="[suffix]"></content>
|
||||
|
|
@ -18034,6 +18055,21 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
} else {
|
||||
this._handleValue(this._inputElement);
|
||||
}
|
||||
|
||||
this._numberOfPrefixNodes = 0;
|
||||
this._prefixObserver = Polymer.dom(this.$.prefix).observeNodes(
|
||||
function(mutations) {
|
||||
// Keep track whether there's at least one prefix node, since it
|
||||
// affects laying out the floating label.
|
||||
this._numberOfPrefixNodes += mutations.addedNodes.length -
|
||||
mutations.removedNodes.length;
|
||||
}.bind(this));
|
||||
},
|
||||
|
||||
detached: function() {
|
||||
if (this._prefixObserver) {
|
||||
Polymer.dom(this.$.prefix).unobserveNodes(this._prefixObserver);
|
||||
}
|
||||
},
|
||||
|
||||
_onAddonAttached: function(event) {
|
||||
|
|
@ -18130,16 +18166,15 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
} else if (focused) {
|
||||
cls += " label-is-highlighted";
|
||||
}
|
||||
// The label might have a horizontal offset if a prefix element exists
|
||||
// If a prefix element exists, the label has a horizontal offset
|
||||
// which needs to be undone when displayed as a floating label.
|
||||
if (Polymer.dom(this.$.prefix).getDistributedNodes().length > 0 &&
|
||||
label && label.offsetParent) {
|
||||
label.style.left = -label.offsetParent.offsetLeft + 'px';
|
||||
if (this._numberOfPrefixNodes > 0) {
|
||||
this.$.labelAndInputContainer.style.position = 'static';
|
||||
}
|
||||
} else {
|
||||
// When the label is not floating, it should overlap the input element.
|
||||
if (label) {
|
||||
label.style.left = 0;
|
||||
this.$.labelAndInputContainer.style.position = 'relative';
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
|
@ -18184,6 +18219,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
@apply(--paper-font-caption);
|
||||
@apply(--paper-input-error);
|
||||
position: absolute;
|
||||
left:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
:host([invalid]) {
|
||||
|
|
@ -18231,6 +18268,10 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
@apply(--paper-font-caption);
|
||||
@apply(--paper-input-char-counter);
|
||||
}
|
||||
|
||||
:host-context([dir="rtl"]) {
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
|
||||
<span>[[_charCounterStr]]</span>
|
||||
|
|
@ -19089,6 +19130,10 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.fit {
|
||||
@apply(--layout-fit);
|
||||
}
|
||||
|
||||
textarea {
|
||||
position: relative;
|
||||
outline: none;
|
||||
|
|
@ -19102,6 +19147,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
line-height: inherit;
|
||||
text-align: inherit;
|
||||
@apply(--iron-autogrow-textarea);
|
||||
}
|
||||
|
||||
|
|
@ -19112,6 +19158,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
</style>
|
||||
<template>
|
||||
|
||||
|
||||
<div id="mirror" class="mirror-text" aria-hidden="true"> </div>
|
||||
|
||||
|
||||
|
|
@ -19137,6 +19184,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
|
||||
/**
|
||||
* Use this property instead of `value` for two-way data binding.
|
||||
*
|
||||
* @type {string|number|undefined|null}
|
||||
*/
|
||||
bindValue: {
|
||||
observer: '_bindValueChanged',
|
||||
|
|
@ -19340,7 +19389,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
|||
while (this.rows > 0 && _tokens.length < this.rows) {
|
||||
_tokens.push('');
|
||||
}
|
||||
return _tokens.join('<br>') + ' ';
|
||||
// Use   instead of to allow this element to be used in XHTML.
|
||||
return _tokens.join('<br/>') + ' ';
|
||||
},
|
||||
|
||||
_valueForMirror: function() {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue