← Back to branch summary

~didrocks/+junk/face-detection-15.04

« back to all changes in this revision

Viewing changes to facedetection/www/bower_components/iron-behaviors/iron-control-state.html

  • Committer: Didier Roche
  • Date: 2016-05-10 23:09:11 UTC
  • Revision ID: didier.roche@canonical.com-20160510230911-c7xr490zrj3yrzxd
New version

Show diffs side-by-side

added added

removed removed

Lines of Context:
facedetection/www/bower_components/iron-behaviors/iron-control-state.html
 
1
<!--
 
2
@license
 
3
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 
4
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 
5
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 
6
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 
7
Code distributed by Google as part of the polymer project is also
 
8
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 
9
-->
 
10
 
 
11
<link rel="import" href="../polymer/polymer.html">
 
12
 
 
13
<script>
 
14
 
 
15
  /**
 
16
   * @demo demo/index.html
 
17
   * @polymerBehavior
 
18
   */
 
19
  Polymer.IronControlState = {
 
20
 
 
21
    properties: {
 
22
 
 
23
      /**
 
24
       * If true, the element currently has focus.
 
25
       */
 
26
      focused: {
 
27
        type: Boolean,
 
28
        value: false,
 
29
        notify: true,
 
30
        readOnly: true,
 
31
        reflectToAttribute: true
 
32
      },
 
33
 
 
34
      /**
 
35
       * If true, the user cannot interact with this element.
 
36
       */
 
37
      disabled: {
 
38
        type: Boolean,
 
39
        value: false,
 
40
        notify: true,
 
41
        observer: '_disabledChanged',
 
42
        reflectToAttribute: true
 
43
      },
 
44
 
 
45
      _oldTabIndex: {
 
46
        type: Number
 
47
      },
 
48
 
 
49
      _boundFocusBlurHandler: {
 
50
        type: Function,
 
51
        value: function() {
 
52
          return this._focusBlurHandler.bind(this);
 
53
        }
 
54
      }
 
55
 
 
56
    },
 
57
 
 
58
    observers: [
 
59
      '_changedControlState(focused, disabled)'
 
60
    ],
 
61
 
 
62
    ready: function() {
 
63
      this.addEventListener('focus', this._boundFocusBlurHandler, true);
 
64
      this.addEventListener('blur', this._boundFocusBlurHandler, true);
 
65
    },
 
66
 
 
67
    _focusBlurHandler: function(event) {
 
68
      // NOTE(cdata):  if we are in ShadowDOM land, `event.target` will
 
69
      // eventually become `this` due to retargeting; if we are not in
 
70
      // ShadowDOM land, `event.target` will eventually become `this` due
 
71
      // to the second conditional which fires a synthetic event (that is also
 
72
      // handled). In either case, we can disregard `event.path`.
 
73
 
 
74
      if (event.target === this) {
 
75
        this._setFocused(event.type === 'focus');
 
76
      } else if (!this.shadowRoot && !this.isLightDescendant(event.target)) {
 
77
        this.fire(event.type, {sourceEvent: event}, {
 
78
          node: this,
 
79
          bubbles: event.bubbles,
 
80
          cancelable: event.cancelable
 
81
        });
 
82
      }
 
83
    },
 
84
 
 
85
    _disabledChanged: function(disabled, old) {
 
86
      this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
 
87
      this.style.pointerEvents = disabled ? 'none' : '';
 
88
      if (disabled) {
 
89
        this._oldTabIndex = this.tabIndex;
 
90
        this.focused = false;
 
91
        this.tabIndex = -1;
 
92
        this.blur();
 
93
      } else if (this._oldTabIndex !== undefined) {
 
94
        this.tabIndex = this._oldTabIndex;
 
95
      }
 
96
    },
 
97
 
 
98
    _changedControlState: function() {
 
99
      // _controlStateChanged is abstract, follow-on behaviors may implement it
 
100
      if (this._controlStateChanged) {
 
101
        this._controlStateChanged();
 
102
      }
 
103
    }
 
104
 
 
105
  };
 
106
 
 
107
</script>