| Index: third_party/polymer/v1_0/components/paper-dialog-scrollable/paper-dialog-scrollable.html
|
| diff --git a/third_party/polymer/v1_0/components/paper-dialog-scrollable/paper-dialog-scrollable.html b/third_party/polymer/v1_0/components/paper-dialog-scrollable/paper-dialog-scrollable.html
|
| deleted file mode 100644
|
| index 981748994f9922e7ff0640bb379f2dcd710652ee..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/v1_0/components/paper-dialog-scrollable/paper-dialog-scrollable.html
|
| +++ /dev/null
|
| @@ -1,150 +0,0 @@
|
| -<!--
|
| -@license
|
| -Copyright (c) 2015 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
|
| --->
|
| -
|
| -<link rel="import" href="../polymer/polymer.html">
|
| -<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
|
| -<link rel="import" href="../paper-styles/paper-styles.html">
|
| -
|
| -<!--
|
| -`paper-dialog-scrollable` implements a scrolling area used in a Material Design dialog. It shows
|
| -a divider at the top and/or bottom indicating more content, depending on scroll position. Use this
|
| -together with elements implementing `Polymer.PaperDialogBehavior`.
|
| -
|
| - <paper-dialog-impl>
|
| - <h2>Header</h2>
|
| - <paper-dialog-scrollable>
|
| - Lorem ipsum...
|
| - </paper-dialog-scrollable>
|
| - <div class="buttons">
|
| - <paper-button>OK</paper-button>
|
| - </div>
|
| - </paper-dialog-impl>
|
| -
|
| -It shows a top divider after scrolling if it is not the first child in its parent container,
|
| -indicating there is more content above. It shows a bottom divider if it is scrollable and it is not
|
| -the last child in its parent container, indicating there is more content below. The bottom divider
|
| -is hidden if it is scrolled to the bottom.
|
| -
|
| -@group Paper Elements
|
| -@element paper-dialog-scrollable
|
| -@demo demo/index.html
|
| -@hero hero.svg
|
| --->
|
| -
|
| -<dom-module id="paper-dialog-scrollable">
|
| -
|
| - <style>
|
| -
|
| - :host {
|
| - display: block;
|
| - position: relative;
|
| - }
|
| -
|
| - :host(.is-scrolled:not(:first-child))::before {
|
| - content: '';
|
| - position: absolute;
|
| - top: 0;
|
| - left: 0;
|
| - right: 0;
|
| - height: 1px;
|
| - background: var(--divider-color);
|
| - }
|
| -
|
| - :host(.can-scroll:not(.scrolled-to-bottom):not(:last-child))::after {
|
| - content: '';
|
| - position: absolute;
|
| - bottom: 0;
|
| - left: 0;
|
| - right: 0;
|
| - height: 1px;
|
| - background: var(--divider-color);
|
| - }
|
| -
|
| - .scrollable {
|
| - padding: 0 24px;
|
| -
|
| - @apply(--layout-scroll);
|
| -
|
| - @apply(--paper-dialog-scrollable);
|
| - }
|
| - </style>
|
| -
|
| - <template>
|
| - <div id="scrollable" class="scrollable">
|
| - <content></content>
|
| - </div>
|
| - </template>
|
| -
|
| -</dom-module>
|
| -
|
| -<script>
|
| -
|
| -(function() {
|
| -
|
| - Polymer({
|
| -
|
| - is: 'paper-dialog-scrollable',
|
| -
|
| - properties: {
|
| -
|
| - /**
|
| - * The dialog element that implements `Polymer.PaperDialogBehavior` containing this element.
|
| - */
|
| - dialogElement: {
|
| - type: Object,
|
| - value: function() {
|
| - return this.parentNode;
|
| - }
|
| - }
|
| -
|
| - },
|
| -
|
| - listeners: {
|
| - 'scrollable.scroll': '_onScroll',
|
| - 'iron-resize': '_onIronResize'
|
| - },
|
| -
|
| - /**
|
| - * Returns the scrolling element.
|
| - */
|
| - get scrollTarget() {
|
| - return this.$.scrollable;
|
| - },
|
| -
|
| - attached: function() {
|
| - this.classList.add('no-padding');
|
| - // Set itself to the overlay sizing target
|
| - this.dialogElement.sizingTarget = this.scrollTarget;
|
| - // If the host is sized, fit the scrollable area to the container. Otherwise let it be
|
| - // its natural size.
|
| - requestAnimationFrame(function() {
|
| - if (this.offsetHeight > 0) {
|
| - this.$.scrollable.classList.add('fit');
|
| - }
|
| - this._scroll();
|
| - }.bind(this));
|
| - },
|
| -
|
| - _scroll: function() {
|
| - this.toggleClass('is-scrolled', this.scrollTarget.scrollTop > 0);
|
| - this.toggleClass('can-scroll', this.scrollTarget.offsetHeight < this.scrollTarget.scrollHeight);
|
| - this.toggleClass('scrolled-to-bottom',
|
| - this.scrollTarget.scrollTop + this.scrollTarget.offsetHeight >= this.scrollTarget.scrollHeight);
|
| - },
|
| -
|
| - _onScroll: function() {
|
| - this._scroll();
|
| - }
|
| -
|
| - })
|
| -
|
| -})();
|
| -
|
| -</script>
|
|
|