third_party/polymer/v1_0/components/paper-behaviors/paper-button-behavior.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 <link rel="import" href="../iron-behaviors/iron-button-state.html">
  13
  14 <script>
  15
  16   /** @polymerBehavior */
  17   Polymer.PaperButtonBehaviorImpl = {
  18
  19     properties: {
  20
  21       _elevation: {
  22         type: Number
  23       }
  24
  25     },
  26
  27     observers: [
  28       '_calculateElevation(focused, disabled, active, pressed, receivedFocusFromKeyboard)'
  29     ],
  30
  31     hostAttributes: {
  32       role: 'button',
  33       tabindex: '0'
  34     },
  35
  36     _calculateElevation: function() {
  37       var e = 1;
  38       if (this.disabled) {
  39         e = 0;
  40       } else if (this.active || this.pressed) {
  41         e = 4;
  42       } else if (this.receivedFocusFromKeyboard) {
  43         e = 3;
  44       }
  45       this._elevation = e;
  46     }
  47   };
  48
  49   /** @polymerBehavior */
  50   Polymer.PaperButtonBehavior = [
  51     Polymer.IronButtonState,
  52     Polymer.IronControlState,
  53     Polymer.PaperButtonBehaviorImpl
  54   ];
  55
  56 </script>