mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-18 11:28:23 -07:00
121 lines
3.5 KiB
HTML
121 lines
3.5 KiB
HTML
<!--
|
|
@license
|
|
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
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-validatable-behavior/iron-validatable-behavior.html">
|
|
<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html">
|
|
|
|
<script>
|
|
|
|
/**
|
|
* Use `Polymer.IronCheckedElementBehavior` to implement a custom element
|
|
* that has a `checked` property, which can be used for validation if the
|
|
* element is also `required`. Element instances implementing this behavior
|
|
* will also be registered for use in an `iron-form` element.
|
|
*
|
|
* @demo demo/index.html
|
|
* @polymerBehavior Polymer.IronCheckedElementBehavior
|
|
*/
|
|
Polymer.IronCheckedElementBehaviorImpl = {
|
|
|
|
properties: {
|
|
/**
|
|
* Fired when the checked state changes.
|
|
*
|
|
* @event iron-change
|
|
*/
|
|
|
|
/**
|
|
* Gets or sets the state, `true` is checked and `false` is unchecked.
|
|
*/
|
|
checked: {
|
|
type: Boolean,
|
|
value: false,
|
|
reflectToAttribute: true,
|
|
notify: true,
|
|
observer: '_checkedChanged'
|
|
},
|
|
|
|
/**
|
|
* If true, the button toggles the active state with each tap or press
|
|
* of the spacebar.
|
|
*/
|
|
toggles: {
|
|
type: Boolean,
|
|
value: true,
|
|
reflectToAttribute: true
|
|
},
|
|
|
|
/* Overriden from Polymer.IronFormElementBehavior */
|
|
value: {
|
|
type: String,
|
|
value: 'on',
|
|
observer: '_valueChanged'
|
|
}
|
|
},
|
|
|
|
observers: [
|
|
'_requiredChanged(required)'
|
|
],
|
|
|
|
created: function() {
|
|
// Used by `iron-form` to handle the case that an element with this behavior
|
|
// doesn't have a role of 'checkbox' or 'radio', but should still only be
|
|
// included when the form is serialized if `this.checked === true`.
|
|
this._hasIronCheckedElementBehavior = true;
|
|
},
|
|
|
|
/**
|
|
* Returns false if the element is required and not checked, and true otherwise.
|
|
* @param {*=} _value Ignored.
|
|
* @return {boolean} true if `required` is false or if `checked` is true.
|
|
*/
|
|
_getValidity: function(_value) {
|
|
return this.disabled || !this.required || this.checked;
|
|
},
|
|
|
|
/**
|
|
* Update the aria-required label when `required` is changed.
|
|
*/
|
|
_requiredChanged: function() {
|
|
if (this.required) {
|
|
this.setAttribute('aria-required', 'true');
|
|
} else {
|
|
this.removeAttribute('aria-required');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Fire `iron-changed` when the checked state changes.
|
|
*/
|
|
_checkedChanged: function() {
|
|
this.active = this.checked;
|
|
this.fire('iron-change');
|
|
},
|
|
|
|
/**
|
|
* Reset value to 'on' if it is set to `undefined`.
|
|
*/
|
|
_valueChanged: function() {
|
|
if (this.value === undefined || this.value === null) {
|
|
this.value = 'on';
|
|
}
|
|
}
|
|
};
|
|
|
|
/** @polymerBehavior Polymer.IronCheckedElementBehavior */
|
|
Polymer.IronCheckedElementBehavior = [
|
|
Polymer.IronFormElementBehavior,
|
|
Polymer.IronValidatableBehavior,
|
|
Polymer.IronCheckedElementBehaviorImpl
|
|
];
|
|
|
|
</script>
|