| Index: third_party/polymer/components-chromium/core-drawer-panel/core-drawer-panel-extracted.js
|
| diff --git a/third_party/polymer/components-chromium/core-drawer-panel/core-drawer-panel-extracted.js b/third_party/polymer/components-chromium/core-drawer-panel/core-drawer-panel-extracted.js
|
| deleted file mode 100644
|
| index ddb52468485e0a8317dff8d049bdf39cb9d80705..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/components-chromium/core-drawer-panel/core-drawer-panel-extracted.js
|
| +++ /dev/null
|
| @@ -1,304 +0,0 @@
|
| -
|
| -
|
| - Polymer('core-drawer-panel', {
|
| -
|
| - /**
|
| - * Fired when the narrow layout changes.
|
| - *
|
| - * @event core-responsive-change
|
| - * @param {Object} detail
|
| - * @param {boolean} detail.narrow true if the panel is in narrow layout.
|
| - */
|
| -
|
| - /**
|
| - * Fired when the selected panel changes.
|
| - *
|
| - * Listening for this event is an alternative to observing changes in the `selected` attribute.
|
| - * This event is fired both when a panel is selected and deselected.
|
| - * The `isSelected` detail property contains the selection state.
|
| - *
|
| - * @event core-select
|
| - * @param {Object} detail
|
| - * @param {boolean} detail.isSelected true for selection and false for deselection
|
| - * @param {Object} detail.item the panel that the event refers to
|
| - */
|
| -
|
| - publish: {
|
| -
|
| - /**
|
| - * Width of the drawer panel.
|
| - *
|
| - * @attribute drawerWidth
|
| - * @type string
|
| - * @default '256px'
|
| - */
|
| - drawerWidth: '256px',
|
| -
|
| - /**
|
| - * Max-width when the panel changes to narrow layout.
|
| - *
|
| - * @attribute responsiveWidth
|
| - * @type string
|
| - * @default '640px'
|
| - */
|
| - responsiveWidth: '640px',
|
| -
|
| - /**
|
| - * The panel that is being selected. `drawer` for the drawer panel and
|
| - * `main` for the main panel.
|
| - *
|
| - * @attribute selected
|
| - * @type string
|
| - * @default null
|
| - */
|
| - selected: {value: null, reflect: true},
|
| -
|
| - /**
|
| - * The panel to be selected when `core-drawer-panel` changes to narrow
|
| - * layout.
|
| - *
|
| - * @attribute defaultSelected
|
| - * @type string
|
| - * @default 'main'
|
| - */
|
| - defaultSelected: 'main',
|
| -
|
| - /**
|
| - * Returns true if the panel is in narrow layout. This is useful if you
|
| - * need to show/hide elements based on the layout.
|
| - *
|
| - * @attribute narrow
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - narrow: {value: false, reflect: true},
|
| -
|
| - /**
|
| - * If true, position the drawer to the right.
|
| - *
|
| - * @attribute rightDrawer
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - rightDrawer: false,
|
| -
|
| - /**
|
| - * If true, swipe to open/close the drawer is disabled.
|
| - *
|
| - * @attribute disableSwipe
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - disableSwipe: false,
|
| -
|
| - /**
|
| - * If true, ignore `responsiveWidth` setting and force the narrow layout.
|
| - *
|
| - * @attribute forceNarrow
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - forceNarrow: false
|
| - },
|
| -
|
| - eventDelegates: {
|
| - trackstart: 'trackStart',
|
| - trackx: 'trackx',
|
| - trackend: 'trackEnd',
|
| - down: 'downHandler',
|
| - up: 'upHandler',
|
| - tap: 'tapHandler'
|
| - },
|
| -
|
| - // Whether the transition is enabled.
|
| - transition: false,
|
| -
|
| - // How many pixels on the side of the screen are sensitive to edge swipes and peek.
|
| - edgeSwipeSensitivity: 15,
|
| -
|
| - // Whether the drawer is peeking out from the edge.
|
| - peeking: false,
|
| -
|
| - // Whether the user is dragging the drawer interactively.
|
| - dragging: false,
|
| -
|
| - // Whether the browser has support for the transform CSS property.
|
| - hasTransform: true,
|
| -
|
| - // Whether the browser has support for the will-change CSS property.
|
| - hasWillChange: true,
|
| -
|
| - // The attribute on elements that should toggle the drawer on tap, also
|
| - // elements will automatically be hidden in wide layout.
|
| - toggleAttribute: 'core-drawer-toggle',
|
| -
|
| - created: function() {
|
| - this.hasTransform = 'transform' in this.style;
|
| - this.hasWillChange = 'willChange' in this.style;
|
| - },
|
| -
|
| - domReady: function() {
|
| - // to avoid transition at the beginning e.g. page loads
|
| - // NOTE: domReady is already raf delayed and delaying another frame
|
| - // ensures a layout has occurred.
|
| - this.async(function() {
|
| - this.transition = true;
|
| - });
|
| - },
|
| -
|
| - /**
|
| - * Toggles the panel open and closed.
|
| - *
|
| - * @method togglePanel
|
| - */
|
| - togglePanel: function() {
|
| - this.selected = this.isMainSelected() ? 'drawer' : 'main';
|
| - },
|
| -
|
| - /**
|
| - * Opens the drawer.
|
| - *
|
| - * @method openDrawer
|
| - */
|
| - openDrawer: function() {
|
| - this.selected = 'drawer';
|
| - },
|
| -
|
| - /**
|
| - * Closes the drawer.
|
| - *
|
| - * @method closeDrawer
|
| - */
|
| - closeDrawer: function() {
|
| - this.selected = 'main';
|
| - },
|
| -
|
| - queryMatchesChanged: function() {
|
| - this.narrow = this.queryMatches || this.forceNarrow;
|
| - if (this.narrow) {
|
| - this.selected = this.defaultSelected;
|
| - }
|
| - this.setAttribute('touch-action', this.swipeAllowed() ? 'pan-y' : '');
|
| - this.fire('core-responsive-change', {narrow: this.narrow});
|
| - },
|
| -
|
| - forceNarrowChanged: function() {
|
| - this.queryMatchesChanged();
|
| - },
|
| -
|
| - swipeAllowed: function() {
|
| - return this.narrow && !this.disableSwipe;
|
| - },
|
| -
|
| - isMainSelected: function() {
|
| - return this.selected === 'main';
|
| - },
|
| -
|
| - startEdgePeek: function() {
|
| - this.width = this.$.drawer.offsetWidth;
|
| - this.moveDrawer(this.translateXForDeltaX(this.rightDrawer ?
|
| - -this.edgeSwipeSensitivity : this.edgeSwipeSensitivity));
|
| - this.peeking = true;
|
| - },
|
| -
|
| - stopEdgePeak: function() {
|
| - if (this.peeking) {
|
| - this.peeking = false;
|
| - this.moveDrawer(null);
|
| - }
|
| - },
|
| -
|
| - downHandler: function(e) {
|
| - if (!this.dragging && this.isMainSelected() && this.isEdgeTouch(e)) {
|
| - this.startEdgePeek();
|
| - }
|
| - },
|
| -
|
| - upHandler: function(e) {
|
| - this.stopEdgePeak();
|
| - },
|
| -
|
| - tapHandler: function(e) {
|
| - if (e.target && this.toggleAttribute &&
|
| - e.target.hasAttribute(this.toggleAttribute)) {
|
| - this.togglePanel();
|
| - }
|
| - },
|
| -
|
| - isEdgeTouch: function(e) {
|
| - return this.swipeAllowed() && (this.rightDrawer ?
|
| - e.pageX >= this.offsetWidth - this.edgeSwipeSensitivity :
|
| - e.pageX <= this.edgeSwipeSensitivity);
|
| - },
|
| -
|
| - trackStart : function(e) {
|
| - if (this.swipeAllowed()) {
|
| - this.dragging = true;
|
| -
|
| - if (this.isMainSelected()) {
|
| - this.dragging = this.peeking || this.isEdgeTouch(e);
|
| - }
|
| -
|
| - if (this.dragging) {
|
| - this.width = this.$.drawer.offsetWidth;
|
| - this.transition = false;
|
| - e.preventTap();
|
| - }
|
| - }
|
| - },
|
| -
|
| - translateXForDeltaX: function(deltaX) {
|
| - var isMain = this.isMainSelected();
|
| - if (this.rightDrawer) {
|
| - return Math.max(0, isMain ? this.width + deltaX : deltaX);
|
| - } else {
|
| - return Math.min(0, isMain ? deltaX - this.width : deltaX);
|
| - }
|
| - },
|
| -
|
| - trackx : function(e) {
|
| - if (this.dragging) {
|
| - if (this.peeking) {
|
| - if (Math.abs(e.dx) <= this.edgeSwipeSensitivity) {
|
| - return; // Ignore trackx until we move past the edge peek.
|
| - }
|
| - this.peeking = false;
|
| - }
|
| - this.moveDrawer(this.translateXForDeltaX(e.dx));
|
| - }
|
| - },
|
| -
|
| - trackEnd : function(e) {
|
| - if (this.dragging) {
|
| - this.dragging = false;
|
| - this.transition = true;
|
| - this.moveDrawer(null);
|
| -
|
| - if (this.rightDrawer) {
|
| - this.selected = e.xDirection > 0 ? 'main' : 'drawer';
|
| - } else {
|
| - this.selected = e.xDirection > 0 ? 'drawer' : 'main';
|
| - }
|
| - }
|
| - },
|
| -
|
| - transformForTranslateX: function(translateX) {
|
| - if (translateX === null) {
|
| - return '';
|
| - }
|
| - return this.hasWillChange ? 'translateX(' + translateX + 'px)' :
|
| - 'translate3d(' + translateX + 'px, 0, 0)';
|
| - },
|
| -
|
| - moveDrawer: function(translateX) {
|
| - var s = this.$.drawer.style;
|
| -
|
| - if (this.hasTransform) {
|
| - s.transform = this.transformForTranslateX(translateX);
|
| - } else {
|
| - s.webkitTransform = this.transformForTranslateX(translateX);
|
| - }
|
| - }
|
| -
|
| - });
|
| -
|
|
|