Merge pull request #10 from RamCohen/patch-1

Update paper-dialog.html

paper-dialog.html

@@ -41,7 +41,7 @@
 <link href="../core-overlay/core-overlay.html" rel="import">
 <link href="../paper-shadow/paper-shadow.html" rel="import">
 
-<polymer-element name="paper-dialog" attributes="opened heading transition autoCloseDisabled">
+<polymer-element name="paper-dialog" attributes="opened heading transition autoCloseDisabled backdrop layered closeSelector">
 
   <template>
 
@@ -51,7 +51,7 @@
       <paper-shadow z="3" hasPosition></paper-shadow>
     </div>
 
-    <core-overlay id="overlay" opened?="{{opened}}" autoCloseDisabled?="{{autoCloseDisabled}}" target="{{}}" sizingTarget="{{$.container}}" closeSelector="[dismissive],[affirmative]" transition="{{transition}}" margin="20"></core-overlay>
+    <core-overlay id="overlay" opened?="{{opened}}" autoCloseDisabled?="{{autoCloseDisabled}}" backdrop?="{{backdrop}}" layered?="{{layered}}" target="{{}}" sizingTarget="{{$.container}}" closeSelector="{{closeSelector}}" transition="{{transition}}" margin="20"></core-overlay>
 
     <div id="container" layout vertical>
 
@@ -84,6 +84,27 @@ <h1>{{heading}}</h1>
        */
       opened: false,
 
+      /**
+       * If true, the dialog has a backdrop darkening the rest of the screen.
+       * The backdrop element is attached to the document body and may be styled
+       * with the class `core-overlay-backdrop`. When opened the `core-opened`
+       * class is applied.
+       *
+       * @attribute backdrop
+       * @type boolean
+       * @default false
+       */    
+      backdrop: false,
+
+      /**
+       * If true, the dialog is guaranteed to display above page content.
+       *
+       * @attribute layered
+       * @type boolean
+       * @default false
+      */
+      layered: false,
+
       /**
        * By default a dialog will close automatically if the user
        * taps outside it or presses the escape key. Disable this
@@ -93,7 +114,17 @@ <h1>{{heading}}</h1>
        * @default false
        */
       autoCloseDisabled: false,
-
+
+      /**
+       * This property specifies a selector matching elements that should
+       * close the dialog on tap.
+       *
+       * @attribute closeSelector
+       * @type string
+       * @default ""
+       */
+      closeSelector: '[dismissive],[affirmative]',
+
       /**
        * @attribute heading
        * @type string