Home | History | Annotate | Download | only in paper-dialog 
      1 
      2 
      3     Polymer('paper-dialog', {
      4 
      5       /**
      6        * Set opened to true to show the dialog and to false to hide it.
      7        * A dialog may be made intially opened by setting its opened attribute.
      8 
      9        * @attribute opened
     10        * @type boolean
     11        * @default false
     12        */
     13       opened: false,
     14 
     15       /**
     16        * If true, the dialog has a backdrop darkening the rest of the screen.
     17        * The backdrop element is attached to the document body and may be styled
     18        * with the class `core-overlay-backdrop`. When opened the `core-opened`
     19        * class is applied.
     20        *
     21        * @attribute backdrop
     22        * @type boolean
     23        * @default false
     24        */
     25       backdrop: false,
     26 
     27       /**
     28        * If true, the dialog is guaranteed to display above page content.
     29        *
     30        * @attribute layered
     31        * @type boolean
     32        * @default false
     33       */
     34       layered: false,
     35 
     36       /**
     37        * By default a dialog will close automatically if the user
     38        * taps outside it or presses the escape key. Disable this
     39        * behavior by setting the `autoCloseDisabled` property to true.
     40        * @attribute autoCloseDisabled
     41        * @type boolean
     42        * @default false
     43        */
     44       autoCloseDisabled: false,
     45 
     46       /**
     47        * This property specifies a selector matching elements that should
     48        * close the dialog on tap.
     49        *
     50        * @attribute closeSelector
     51        * @type string
     52        * @default ""
     53        */
     54       closeSelector: '[dismissive],[affirmative]',
     55 
     56       /**
     57        * @attribute heading
     58        * @type string
     59        * @default ''
     60        */
     61       heading: '',
     62 
     63       /**
     64        * Set this property to the id of a <core-transition> element to specify
     65        * the transition to use when opening/closing this dialog.
     66        *
     67        * @attribute transition
     68        * @type string
     69        * @default ''
     70        */
     71       transition: '',
     72 
     73       /**
     74        * Toggle the dialog's opened state.
     75        * @method toggle
     76        */
     77       toggle: function() {
     78         this.$.overlay.toggle();
     79       },
     80 
     81       headingChanged: function() {
     82         this.setAttribute('aria-label', this.heading);
     83       }
     84 
     85     });
     86 
     87