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