ui/webui/resources/cr_elements/v0_8/cr_expand_button/cr_expand_button.js

   1 // Copyright 2015 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * @fileoverview
   7  * 'cr-expand-button' is a chrome-specific wrapper around paper-icon-button that
   8  * toggles between an opened (expanded) and closed state.
   9  *
  10  * Example:
  11  *
  12  *    <cr-expand-button expanded="{{sectionIsExpanded}}"></cr-expand-button>
  13  *
  14  * @group Chrome Elements
  15  * @element cr-expand-button
  16  */
  17 Polymer({
  18   is: 'cr-expand-button',
  19
  20   properties: {
  21     /**
  22      * If true, the button is in the expanded state and will show the
  23      * 'expand-less' icon. If false, the button shows the 'expand-more' icon.
  24      */
  25     expanded: {
  26       type: Boolean,
  27       value: false,
  28       notify: true
  29     },
  30
  31     /**
  32      * If true, the button will be disabled and greyed out.
  33      */
  34     disabled: {
  35       type: Boolean,
  36       value: false,
  37       reflectToAttribute: true
  38     },
  39   },
  40
  41   iconName_: function(expanded) {
  42     return expanded ? 'expand-less' : 'expand-more';
  43   }
  44 });