Index: bower_components/paper-dialog/paper-dialog.html |
diff --git a/bower_components/paper-dialog/paper-dialog.html b/bower_components/paper-dialog/paper-dialog.html |
deleted file mode 100644 |
index 9624be8452adaeed44fa99b1ebb62db7cb9f343c..0000000000000000000000000000000000000000 |
--- a/bower_components/paper-dialog/paper-dialog.html |
+++ /dev/null |
@@ -1,176 +0,0 @@ |
-<!-- |
-Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
-Code distributed by Google as part of the polymer project is also |
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
---> |
- |
-<!-- |
-Provides a dialog overlay. |
- |
-Child elements that include a `dismissive` attribute are positioned in the lower left corner of the dialog. Elements that use the `affirmative` attribute are positioned in the lower right corner. |
- |
-Child elements that include the `dismissive` or `affirmative` attribute will automatically toggle the dialog when clicked. |
- |
-One child element should have the `autofocus` attribute so that the Enter key will automatically take action. This is |
-especially important for screen reader environments. |
- |
-Example: |
- |
- <paper-dialog heading="Title for dialog"> |
- <p>Lorem ipsum ....</p> |
- <p>Id qui scripta ...</p> |
- <paper-button label="More Info..." dismissive></paper-button> |
- <paper-button label="Decline" affirmative></paper-button> |
- <paper-button label="Accept" affirmative autofocus></paper-button> |
- </paper-dialog> |
- |
-#### Transitions |
- |
-`<paper-dialog>` can be used with `<paper-transition>` to transition the overlay open and close. |
- |
-To use a transition, import `paper-dialog-transition.html` alongside paper-dialog: |
- |
- <link rel="import" href="paper-dialog/paper-dialog-transition.html"> |
- |
-Then set the `transition` attribute: |
- |
- <paper-dialog heading="Title for dialog" transition="paper-dialog-transition-center"> |
- |
- <paper-dialog heading="Title for dialog" transition="paper-dialog-transition-bottom"> |
- |
-@group Paper Elements |
-@element paper-dialog |
-@homepage github.io |
---> |
-<!-- |
-Fired when the dialog's `opened` property changes. |
- |
-@event core-overlay-open |
-@param {Object} detail |
-@param {Object} detail.opened the opened state |
---> |
-<link href="../polymer/polymer.html" rel="import"> |
-<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 backdrop layered closeSelector" role="dialog"> |
- |
- <template> |
- |
- <link href="paper-dialog.css" rel="stylesheet"> |
- |
- <div id="shadow"> |
- <paper-shadow z="3" hasPosition></paper-shadow> |
- </div> |
- |
- <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> |
- |
- <div id="actions" layout horizontal> |
- <content select="[dismissive]"></content> |
- <div flex auto></div> |
- <content select="[affirmative]"></content> |
- </div> |
- |
- <div id="main" flex auto> |
- <h1>{{heading}}</h1> |
- <content></content> |
- </div> |
- |
- </div> |
- |
- </template> |
- |
- <script> |
- |
- Polymer('paper-dialog', { |
- |
- /** |
- * Set opened to true to show the dialog and to false to hide it. |
- * A dialog may be made intially opened by setting its opened attribute. |
- |
- * @attribute opened |
- * @type boolean |
- * @default false |
- */ |
- 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 |
- * behavior by setting the `autoCloseDisabled` property to true. |
- * @attribute autoCloseDisabled |
- * @type boolean |
- * @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 |
- * @default '' |
- */ |
- heading: '', |
- |
- /** |
- * Set this property to the id of a `core-transition` element to specify |
- * the transition to use when opening/closing this dialog. |
- * |
- * @attribute transition |
- * @type string |
- * @default '' |
- */ |
- transition: '', |
- |
- /** |
- * Toggle the dialog's opened state. |
- * @method toggle |
- */ |
- toggle: function() { |
- this.$.overlay.toggle(); |
- }, |
- |
- headingChanged: function() { |
- this.setAttribute('aria-label', this.heading); |
- } |
- |
- }); |
- |
- </script> |
- |
-</polymer-element> |