Index: polymer_1.0.4/bower_components/iron-behaviors/iron-control-state.html |
diff --git a/polymer_1.0.4/bower_components/iron-behaviors/iron-control-state.html b/polymer_1.0.4/bower_components/iron-behaviors/iron-control-state.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..33e42ea1091e58d85ec58f8fb6608467796faf52 |
--- /dev/null |
+++ b/polymer_1.0.4/bower_components/iron-behaviors/iron-control-state.html |
@@ -0,0 +1,108 @@ |
+<!-- |
+@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"> |
+ |
+<script> |
+ |
+ /** |
+ * @demo demo/index.html |
+ * @polymerBehavior |
+ */ |
+ Polymer.IronControlState = { |
+ |
+ properties: { |
+ |
+ /** |
+ * If true, the element currently has focus. |
+ */ |
+ focused: { |
+ type: Boolean, |
+ value: false, |
+ notify: true, |
+ readOnly: true, |
+ reflectToAttribute: true |
+ }, |
+ |
+ /** |
+ * If true, the user cannot interact with this element. |
+ */ |
+ disabled: { |
+ type: Boolean, |
+ value: false, |
+ notify: true, |
+ observer: '_disabledChanged', |
+ reflectToAttribute: true |
+ }, |
+ |
+ _oldTabIndex: { |
+ type: Number |
+ }, |
+ |
+ _boundFocusBlurHandler: { |
+ type: Function, |
+ value: function() { |
+ return this._focusBlurHandler.bind(this); |
+ } |
+ } |
+ |
+ }, |
+ |
+ observers: [ |
+ '_changedControlState(focused, disabled)' |
+ ], |
+ |
+ ready: function() { |
+ // TODO(sjmiles): ensure read-only property is valued so the compound |
+ // observer will fire |
+ if (this.focused === undefined) { |
+ this._setFocused(false); |
+ } |
+ this.addEventListener('focus', this._boundFocusBlurHandler, true); |
+ this.addEventListener('blur', this._boundFocusBlurHandler, true); |
+ }, |
+ |
+ _focusBlurHandler: function(event) { |
+ var target = event.path ? event.path[0] : event.target; |
+ if (target === this) { |
+ var focused = event.type === 'focus'; |
+ this._setFocused(focused); |
+ } else if (!this.shadowRoot) { |
+ event.stopPropagation(); |
+ this.fire(event.type, {sourceEvent: event}, { |
+ node: this, |
+ bubbles: event.bubbles, |
+ cancelable: event.cancelable |
+ }); |
+ } |
+ }, |
+ |
+ _disabledChanged: function(disabled, old) { |
+ this.setAttribute('aria-disabled', disabled ? 'true' : 'false'); |
+ this.style.pointerEvents = disabled ? 'none' : ''; |
+ if (disabled) { |
+ this._oldTabIndex = this.tabIndex; |
+ this.focused = false; |
+ this.tabIndex = -1; |
+ } else if (this._oldTabIndex !== undefined) { |
+ this.tabIndex = this._oldTabIndex; |
+ } |
+ }, |
+ |
+ _changedControlState: function() { |
+ // _controlStateChanged is abstract, follow-on behaviors may implement it |
+ if (this._controlStateChanged) { |
+ this._controlStateChanged(); |
+ } |
+ } |
+ |
+ }; |
+ |
+</script> |