Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@material/toolbar
Advanced tools
@material/toolbar - npm Package Compare versions
Comparing version 0.44.1 to 1.0.0-0
@@ -23,26 +23,24 @@ /** | ||
| */ | ||
| export const cssClasses = { | ||
| FIXED: 'mdc-toolbar--fixed', | ||
| FIXED_LASTROW: 'mdc-toolbar--fixed-lastrow-only', | ||
| FIXED_AT_LAST_ROW: 'mdc-toolbar--fixed-at-last-row', | ||
| TOOLBAR_ROW_FLEXIBLE: 'mdc-toolbar--flexible', | ||
| FLEXIBLE_DEFAULT_BEHAVIOR: 'mdc-toolbar--flexible-default-behavior', | ||
| FLEXIBLE_MAX: 'mdc-toolbar--flexible-space-maximized', | ||
| FLEXIBLE_MIN: 'mdc-toolbar--flexible-space-minimized', | ||
| export var cssClasses = { | ||
| FIXED: 'mdc-toolbar--fixed', | ||
| FIXED_AT_LAST_ROW: 'mdc-toolbar--fixed-at-last-row', | ||
| FIXED_LASTROW: 'mdc-toolbar--fixed-lastrow-only', | ||
| FLEXIBLE_DEFAULT_BEHAVIOR: 'mdc-toolbar--flexible-default-behavior', | ||
| FLEXIBLE_MAX: 'mdc-toolbar--flexible-space-maximized', | ||
| FLEXIBLE_MIN: 'mdc-toolbar--flexible-space-minimized', | ||
| TOOLBAR_ROW_FLEXIBLE: 'mdc-toolbar--flexible', | ||
| }; | ||
| export const strings = { | ||
| TITLE_SELECTOR: '.mdc-toolbar__title', | ||
| ICON_SELECTOR: '.mdc-toolbar__icon', | ||
| FIRST_ROW_SELECTOR: '.mdc-toolbar__row:first-child', | ||
| CHANGE_EVENT: 'MDCToolbar:change', | ||
| export var strings = { | ||
| CHANGE_EVENT: 'MDCToolbar:change', | ||
| FIRST_ROW_SELECTOR: '.mdc-toolbar__row:first-child', | ||
| ICON_SELECTOR: '.mdc-toolbar__icon', | ||
| TITLE_SELECTOR: '.mdc-toolbar__title', | ||
| }; | ||
| export const numbers = { | ||
| MAX_TITLE_SIZE: 2.125, | ||
| MIN_TITLE_SIZE: 1.25, | ||
| TOOLBAR_ROW_HEIGHT: 64, | ||
| TOOLBAR_ROW_MOBILE_HEIGHT: 56, | ||
| TOOLBAR_MOBILE_BREAKPOINT: 600, | ||
| export var numbers = { | ||
| MAX_TITLE_SIZE: 2.125, | ||
| MIN_TITLE_SIZE: 1.25, | ||
| TOOLBAR_MOBILE_BREAKPOINT: 600, | ||
| TOOLBAR_ROW_HEIGHT: 64, | ||
| TOOLBAR_ROW_MOBILE_HEIGHT: 56, | ||
| }; | ||
| //# sourceMappingURL=constants.js.map |
@@ -6,4 +6,48 @@ /*! | ||
| */ | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.toolbar=t():(e.mdc=e.mdc||{},e.mdc.toolbar=t())}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=167)}({0:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i(this,e),this.adapter_=t}return a(e,null,[{key:"cssClasses",get:function(){return{}}},{key:"strings",get:function(){return{}}},{key:"numbers",get:function(){return{}}},{key:"defaultAdapter",get:function(){return{}}}]),a(e,[{key:"init",value:function(){}},{key:"destroy",value:function(){}}]),e}();t.a=r},1:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;i(this,e),this.root_=t;for(var a=arguments.length,r=Array(a>2?a-2:0),o=2;o<a;o++)r[o-2]=arguments[o];this.initialize.apply(this,r),this.foundation_=void 0===n?this.getDefaultFoundation():n,this.foundation_.init(),this.initialSyncWithDOM()}return r(e,null,[{key:"attachTo",value:function(t){return new e(t,new a.a)}}]),r(e,[{key:"initialize",value:function(){}},{key:"getDefaultFoundation",value:function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class")}},{key:"initialSyncWithDOM",value:function(){}},{key:"destroy",value:function(){this.foundation_.destroy()}},{key:"listen",value:function(e,t){this.root_.addEventListener(e,t)}},{key:"unlisten",value:function(e,t){this.root_.removeEventListener(e,t)}},{key:"emit",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=void 0;"function"==typeof CustomEvent?i=new CustomEvent(e,{detail:t,bubbles:n}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(e,n,!1,t)),this.root_.dispatchEvent(i)}}]),e}();t.a=o},167:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"MDCToolbar",function(){return d});var o=n(1),s=n(4),u=n(168);n.d(t,"MDCToolbarFoundation",function(){return u.a});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),c=function e(t,n,i){null===t&&(t=Function.prototype);var a=Object.getOwnPropertyDescriptor(t,n);if(void 0===a){var r=Object.getPrototypeOf(t);return null===r?void 0:e(r,n,i)}if("value"in a)return a.value;var o=a.get;if(void 0!==o)return o.call(i)},d=function(e){function t(){return i(this,t),a(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return r(t,e),l(t,[{key:"initialize",value:function(){this.ripples_=[].map.call(this.root_.querySelectorAll(u.a.strings.ICON_SELECTOR),function(e){var t=s.MDCRipple.attachTo(e);return t.unbounded=!0,t})}},{key:"destroy",value:function(){this.ripples_.forEach(function(e){e.destroy()}),c(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"destroy",this).call(this)}},{key:"getDefaultFoundation",value:function(){var e=this;return new u.a({hasClass:function(t){return e.root_.classList.contains(t)},addClass:function(t){return e.root_.classList.add(t)},removeClass:function(t){return e.root_.classList.remove(t)},registerScrollHandler:function(e){return window.addEventListener("scroll",e)},deregisterScrollHandler:function(e){return window.removeEventListener("scroll",e)},registerResizeHandler:function(e){return window.addEventListener("resize",e)},deregisterResizeHandler:function(e){return window.removeEventListener("resize",e)},getViewportWidth:function(){return window.innerWidth},getViewportScrollY:function(){return window.pageYOffset},getOffsetHeight:function(){return e.root_.offsetHeight},getFirstRowElementOffsetHeight:function(){return e.firstRowElement_.offsetHeight},notifyChange:function(t){return e.emit(u.a.strings.CHANGE_EVENT,t)},setStyle:function(t,n){return e.root_.style.setProperty(t,n)},setStyleForTitleElement:function(t,n){return e.titleElement_.style.setProperty(t,n)},setStyleForFlexibleRowElement:function(t,n){return e.firstRowElement_.style.setProperty(t,n)},setStyleForFixedAdjustElement:function(t,n){e.fixedAdjustElement&&e.fixedAdjustElement.style.setProperty(t,n)}})}},{key:"firstRowElement_",get:function(){return this.root_.querySelector(u.a.strings.FIRST_ROW_SELECTOR)}},{key:"titleElement_",get:function(){return this.root_.querySelector(u.a.strings.TITLE_SELECTOR)}},{key:"fixedAdjustElement",set:function(e){this.fixedAdjustElement_=e,this.foundation_.updateAdjustElementStyles()},get:function(){return this.fixedAdjustElement_}}],[{key:"attachTo",value:function(e){return new t(e)}}]),t}(o.a)},168:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=n(0),s=n(169),u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),c=function(e){function t(e){i(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,u(t.defaultAdapter,e)));return n.resizeHandler_=function(){return n.checkRowHeight_()},n.scrollHandler_=function(){return n.updateToolbarStyles_()},n.checkRowHeightFrame_=0,n.scrollFrame_=0,n.executedLastChange_=!1,n.calculations_={toolbarRowHeight:0,toolbarRatio:0,flexibleExpansionRatio:0,maxTranslateYRatio:0,scrollThresholdRatio:0,toolbarHeight:0,flexibleExpansionHeight:0,maxTranslateYDistance:0,scrollThreshold:0},n.fixed_=!1,n.fixedLastrow_=!1,n.hasFlexibleRow_=!1,n.useFlexDefaultBehavior_=!1,n}return r(t,e),l(t,null,[{key:"cssClasses",get:function(){return s.a}},{key:"strings",get:function(){return s.c}},{key:"numbers",get:function(){return s.b}},{key:"defaultAdapter",get:function(){return{hasClass:function(){return!1},addClass:function(){},removeClass:function(){},registerScrollHandler:function(){},deregisterScrollHandler:function(){},registerResizeHandler:function(){},deregisterResizeHandler:function(){},getViewportWidth:function(){return 0},getViewportScrollY:function(){return 0},getOffsetHeight:function(){return 0},getFirstRowElementOffsetHeight:function(){return 0},notifyChange:function(){},setStyle:function(){},setStyleForTitleElement:function(){},setStyleForFlexibleRowElement:function(){},setStyleForFixedAdjustElement:function(){}}}}]),l(t,[{key:"init",value:function(){this.fixed_=this.adapter_.hasClass(t.cssClasses.FIXED),this.fixedLastrow_=this.adapter_.hasClass(t.cssClasses.FIXED_LASTROW)&this.fixed_,this.hasFlexibleRow_=this.adapter_.hasClass(t.cssClasses.TOOLBAR_ROW_FLEXIBLE),this.hasFlexibleRow_&&(this.useFlexDefaultBehavior_=this.adapter_.hasClass(t.cssClasses.FLEXIBLE_DEFAULT_BEHAVIOR)),this.initKeyRatio_(),this.setKeyHeights_(),this.adapter_.registerResizeHandler(this.resizeHandler_),this.adapter_.registerScrollHandler(this.scrollHandler_)}},{key:"destroy",value:function(){this.adapter_.deregisterResizeHandler(this.resizeHandler_),this.adapter_.deregisterScrollHandler(this.scrollHandler_)}},{key:"updateAdjustElementStyles",value:function(){this.fixed_&&this.adapter_.setStyleForFixedAdjustElement("margin-top",this.calculations_.toolbarHeight+"px")}},{key:"getFlexibleExpansionRatio_",value:function(e){return Math.max(0,1-e/(this.calculations_.flexibleExpansionHeight+1e-4))}},{key:"checkRowHeight_",value:function(){var e=this;cancelAnimationFrame(this.checkRowHeightFrame_),this.checkRowHeightFrame_=requestAnimationFrame(function(){return e.setKeyHeights_()})}},{key:"setKeyHeights_",value:function(){var e=this.getRowHeight_();e!==this.calculations_.toolbarRowHeight&&(this.calculations_.toolbarRowHeight=e,this.calculations_.toolbarHeight=this.calculations_.toolbarRatio*this.calculations_.toolbarRowHeight,this.calculations_.flexibleExpansionHeight=this.calculations_.flexibleExpansionRatio*this.calculations_.toolbarRowHeight,this.calculations_.maxTranslateYDistance=this.calculations_.maxTranslateYRatio*this.calculations_.toolbarRowHeight,this.calculations_.scrollThreshold=this.calculations_.scrollThresholdRatio*this.calculations_.toolbarRowHeight,this.updateAdjustElementStyles(),this.updateToolbarStyles_())}},{key:"updateToolbarStyles_",value:function(){var e=this;cancelAnimationFrame(this.scrollFrame_),this.scrollFrame_=requestAnimationFrame(function(){var t=e.adapter_.getViewportScrollY(),n=e.scrolledOutOfThreshold_(t);if(!n||!e.executedLastChange_){var i=e.getFlexibleExpansionRatio_(t);e.updateToolbarFlexibleState_(i),e.fixedLastrow_&&e.updateToolbarFixedState_(t),e.hasFlexibleRow_&&e.updateFlexibleRowElementStyles_(i),e.executedLastChange_=n,e.adapter_.notifyChange({flexibleExpansionRatio:i})}})}},{key:"scrolledOutOfThreshold_",value:function(e){return e>this.calculations_.scrollThreshold}},{key:"initKeyRatio_",value:function(){var e=this.getRowHeight_(),t=this.adapter_.getFirstRowElementOffsetHeight()/e;this.calculations_.toolbarRatio=this.adapter_.getOffsetHeight()/e,this.calculations_.flexibleExpansionRatio=t-1,this.calculations_.maxTranslateYRatio=this.fixedLastrow_?this.calculations_.toolbarRatio-t:0,this.calculations_.scrollThresholdRatio=(this.fixedLastrow_?this.calculations_.toolbarRatio:t)-1}},{key:"getRowHeight_",value:function(){var e=t.numbers.TOOLBAR_MOBILE_BREAKPOINT;return this.adapter_.getViewportWidth()<e?t.numbers.TOOLBAR_ROW_MOBILE_HEIGHT:t.numbers.TOOLBAR_ROW_HEIGHT}},{key:"updateToolbarFlexibleState_",value:function(e){this.adapter_.removeClass(t.cssClasses.FLEXIBLE_MAX),this.adapter_.removeClass(t.cssClasses.FLEXIBLE_MIN),1===e?this.adapter_.addClass(t.cssClasses.FLEXIBLE_MAX):0===e&&this.adapter_.addClass(t.cssClasses.FLEXIBLE_MIN)}},{key:"updateToolbarFixedState_",value:function(e){var n=Math.max(0,Math.min(e-this.calculations_.flexibleExpansionHeight,this.calculations_.maxTranslateYDistance));this.adapter_.setStyle("transform","translateY("+-n+"px)"),n===this.calculations_.maxTranslateYDistance?this.adapter_.addClass(t.cssClasses.FIXED_AT_LAST_ROW):this.adapter_.removeClass(t.cssClasses.FIXED_AT_LAST_ROW)}},{key:"updateFlexibleRowElementStyles_",value:function(e){if(this.fixed_){var t=this.calculations_.flexibleExpansionHeight*e;this.adapter_.setStyleForFlexibleRowElement("height",t+this.calculations_.toolbarRowHeight+"px")}this.useFlexDefaultBehavior_&&this.updateElementStylesDefaultBehavior_(e)}},{key:"updateElementStylesDefaultBehavior_",value:function(e){var n=t.numbers.MAX_TITLE_SIZE,i=t.numbers.MIN_TITLE_SIZE,a=(n-i)*e+i;this.adapter_.setStyleForTitleElement("font-size",a+"rem")}}]),t}(o.a);t.a=c},169:function(e,t,n){"use strict";n.d(t,"a",function(){return i}),n.d(t,"c",function(){return a}),n.d(t,"b",function(){return r});/** | ||
| !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.toolbar=e():(t.mdc=t.mdc||{},t.mdc.toolbar=e())}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=202)}({0:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2016 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=function(){function t(t){void 0===t&&(t={}),this.adapter_=t}return Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:!0,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:!0,configurable:!0}),t.prototype.init=function(){},t.prototype.destroy=function(){},t}();e.MDCFoundation=r,e.default=r},1:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2016 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(2),o=n(0),i=function(){function t(t,e){for(var n=[],o=2;o<arguments.length;o++)n[o-2]=arguments[o];this.root_=t,this.initialize.apply(this,r.__spread(n)),this.foundation_=void 0===e?this.getDefaultFoundation():e,this.foundation_.init(),this.initialSyncWithDOM()}return t.attachTo=function(e){return new t(e,new o.MDCFoundation({}))},t.prototype.initialize=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e]},t.prototype.getDefaultFoundation=function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class")},t.prototype.initialSyncWithDOM=function(){},t.prototype.destroy=function(){this.foundation_.destroy()},t.prototype.listen=function(t,e){this.root_.addEventListener(t,e)},t.prototype.unlisten=function(t,e){this.root_.removeEventListener(t,e)},t.prototype.emit=function(t,e,n){void 0===n&&(n=!1);var r;"function"==typeof CustomEvent?r=new CustomEvent(t,{bubbles:n,detail:e}):(r=document.createEvent("CustomEvent"),r.initCustomEvent(t,n,!1,e)),this.root_.dispatchEvent(r)},t}();e.MDCComponent=i,e.default=i},129:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2017 Google Inc. | ||
@@ -29,4 +73,142 @@ * | ||
| */ | ||
| var i={FIXED:"mdc-toolbar--fixed",FIXED_LASTROW:"mdc-toolbar--fixed-lastrow-only",FIXED_AT_LAST_ROW:"mdc-toolbar--fixed-at-last-row",TOOLBAR_ROW_FLEXIBLE:"mdc-toolbar--flexible",FLEXIBLE_DEFAULT_BEHAVIOR:"mdc-toolbar--flexible-default-behavior",FLEXIBLE_MAX:"mdc-toolbar--flexible-space-maximized",FLEXIBLE_MIN:"mdc-toolbar--flexible-space-minimized"},a={TITLE_SELECTOR:".mdc-toolbar__title",ICON_SELECTOR:".mdc-toolbar__icon",FIRST_ROW_SELECTOR:".mdc-toolbar__row:first-child",CHANGE_EVENT:"MDCToolbar:change"},r={MAX_TITLE_SIZE:2.125,MIN_TITLE_SIZE:1.25,TOOLBAR_ROW_HEIGHT:64,TOOLBAR_ROW_MOBILE_HEIGHT:56,TOOLBAR_MOBILE_BREAKPOINT:600}},2:function(e,t,n){"use strict";function i(e){var t=e.document,n=t.createElement("div");n.className="mdc-ripple-surface--test-edge-var-bug",t.body.appendChild(n);var i=e.getComputedStyle(n),a=null!==i&&"solid"===i.borderTopStyle;return n.remove(),a}function a(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=u;if("boolean"==typeof u&&!t)return n;if(e.CSS&&"function"==typeof e.CSS.supports){var a=e.CSS.supports("--css-vars","yes"),r=e.CSS.supports("(--css-vars: yes)")&&e.CSS.supports("color","#00000000");return n=!(!a&&!r||i(e)),t||(u=n),n}}function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(void 0===l||t){var n=!1;try{e.document.addEventListener("test",null,{get passive(){return n=!0}})}catch(e){}l=n}return!!l&&{passive:!0}}function o(e){for(var t=["matches","webkitMatchesSelector","msMatchesSelector"],n="matches",i=0;i<t.length;i++){var a=t[i];if(a in e){n=a;break}}return n}function s(e,t,n){var i=t.x,a=t.y,r=i+n.left,o=a+n.top,s=void 0,u=void 0;return"touchstart"===e.type?(e=e,s=e.changedTouches[0].pageX-r,u=e.changedTouches[0].pageY-o):(e=e,s=e.pageX-r,u=e.pageY-o),{x:s,y:u}}Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"supportsCssVariables",function(){return a}),n.d(t,"applyPassive",function(){return r}),n.d(t,"getMatchesProperty",function(){return o}),n.d(t,"getNormalizedEventCoords",function(){return s});/** | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(85),o=n(0),i=n(204),a=function(t){function e(n){var o=t.call(this,r.__assign({},e.defaultAdapter,n))||this;return o.checkRowHeightFrame_=0,o.scrollFrame_=0,o.executedLastChange_=!1,o.isFixed_=!1,o.isFixedLastRow_=!1,o.hasFlexibleFirstRow_=!1,o.useFlexDefaultBehavior_=!1,o.calculations_={flexibleExpansionHeight:0,flexibleExpansionRatio:0,maxTranslateYDistance:0,maxTranslateYRatio:0,scrollThreshold:0,scrollThresholdRatio:0,toolbarHeight:0,toolbarRatio:0,toolbarRowHeight:0},o}return r.__extends(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return i.cssClasses},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return i.strings},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return i.numbers},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return!1},addClass:function(){},removeClass:function(){},registerScrollHandler:function(){},deregisterScrollHandler:function(){},registerResizeHandler:function(){},deregisterResizeHandler:function(){},getViewportWidth:function(){return 0},getViewportScrollY:function(){return 0},getOffsetHeight:function(){return 0},getFirstRowElementOffsetHeight:function(){return 0},notifyChange:function(){},setStyle:function(){},setStyleForTitleElement:function(){},setStyleForFlexibleRowElement:function(){},setStyleForFixedAdjustElement:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this;this.isFixed_=this.adapter_.hasClass(i.cssClasses.FIXED),this.isFixedLastRow_=this.adapter_.hasClass(i.cssClasses.FIXED_LASTROW)&&this.isFixed_,this.hasFlexibleFirstRow_=this.adapter_.hasClass(i.cssClasses.TOOLBAR_ROW_FLEXIBLE),this.hasFlexibleFirstRow_&&(this.useFlexDefaultBehavior_=this.adapter_.hasClass(i.cssClasses.FLEXIBLE_DEFAULT_BEHAVIOR)),this.resizeHandler_=function(){return t.checkRowHeight_()},this.scrollHandler_=function(){return t.updateToolbarStyles_()},this.adapter_.registerResizeHandler(this.resizeHandler_),this.adapter_.registerScrollHandler(this.scrollHandler_),this.initKeyRatio_(),this.setKeyHeights_()},e.prototype.destroy=function(){this.adapter_.deregisterResizeHandler(this.resizeHandler_),this.adapter_.deregisterScrollHandler(this.scrollHandler_)},e.prototype.updateAdjustElementStyles=function(){this.isFixed_&&this.adapter_.setStyleForFixedAdjustElement("margin-top",this.calculations_.toolbarHeight+"px")},e.prototype.getFlexibleExpansionRatio_=function(t){return Math.max(0,1-t/(this.calculations_.flexibleExpansionHeight+1e-4))},e.prototype.checkRowHeight_=function(){var t=this;cancelAnimationFrame(this.checkRowHeightFrame_),this.checkRowHeightFrame_=requestAnimationFrame(function(){return t.setKeyHeights_()})},e.prototype.setKeyHeights_=function(){var t=this.getRowHeight_();t!==this.calculations_.toolbarRowHeight&&(this.calculations_.toolbarRowHeight=t,this.calculations_.toolbarHeight=this.calculations_.toolbarRatio*this.calculations_.toolbarRowHeight,this.calculations_.flexibleExpansionHeight=this.calculations_.flexibleExpansionRatio*this.calculations_.toolbarRowHeight,this.calculations_.maxTranslateYDistance=this.calculations_.maxTranslateYRatio*this.calculations_.toolbarRowHeight,this.calculations_.scrollThreshold=this.calculations_.scrollThresholdRatio*this.calculations_.toolbarRowHeight,this.updateAdjustElementStyles(),this.updateToolbarStyles_())},e.prototype.updateToolbarStyles_=function(){var t=this;cancelAnimationFrame(this.scrollFrame_),this.scrollFrame_=requestAnimationFrame(function(){var e=t.adapter_.getViewportScrollY(),n=t.scrolledOutOfThreshold_(e);if(!n||!t.executedLastChange_){var r=t.getFlexibleExpansionRatio_(e);t.updateToolbarFlexibleState_(r),t.isFixedLastRow_&&t.updateToolbarFixedState_(e),t.hasFlexibleFirstRow_&&t.updateFlexibleRowElementStyles_(r),t.executedLastChange_=n,t.adapter_.notifyChange({flexibleExpansionRatio:r})}})},e.prototype.scrolledOutOfThreshold_=function(t){return t>this.calculations_.scrollThreshold},e.prototype.initKeyRatio_=function(){var t=this.getRowHeight_(),e=this.adapter_.getFirstRowElementOffsetHeight()/t;this.calculations_.toolbarRatio=this.adapter_.getOffsetHeight()/t,this.calculations_.flexibleExpansionRatio=e-1,this.calculations_.maxTranslateYRatio=this.isFixedLastRow_?this.calculations_.toolbarRatio-e:0,this.calculations_.scrollThresholdRatio=(this.isFixedLastRow_?this.calculations_.toolbarRatio:e)-1},e.prototype.getRowHeight_=function(){var t=i.numbers.TOOLBAR_MOBILE_BREAKPOINT;return this.adapter_.getViewportWidth()<t?i.numbers.TOOLBAR_ROW_MOBILE_HEIGHT:i.numbers.TOOLBAR_ROW_HEIGHT},e.prototype.updateToolbarFlexibleState_=function(t){this.adapter_.removeClass(i.cssClasses.FLEXIBLE_MAX),this.adapter_.removeClass(i.cssClasses.FLEXIBLE_MIN),1===t?this.adapter_.addClass(i.cssClasses.FLEXIBLE_MAX):0===t&&this.adapter_.addClass(i.cssClasses.FLEXIBLE_MIN)},e.prototype.updateToolbarFixedState_=function(t){var e=Math.max(0,Math.min(t-this.calculations_.flexibleExpansionHeight,this.calculations_.maxTranslateYDistance));this.adapter_.setStyle("transform","translateY("+-e+"px)"),e===this.calculations_.maxTranslateYDistance?this.adapter_.addClass(i.cssClasses.FIXED_AT_LAST_ROW):this.adapter_.removeClass(i.cssClasses.FIXED_AT_LAST_ROW)},e.prototype.updateFlexibleRowElementStyles_=function(t){if(this.isFixed_){var e=this.calculations_.flexibleExpansionHeight*t;this.adapter_.setStyleForFlexibleRowElement("height",e+this.calculations_.toolbarRowHeight+"px")}this.useFlexDefaultBehavior_&&this.updateElementStylesDefaultBehavior_(t)},e.prototype.updateElementStylesDefaultBehavior_=function(t){var e=i.numbers.MAX_TITLE_SIZE,n=i.numbers.MIN_TITLE_SIZE,r=(e-n)*t+n;this.adapter_.setStyleForTitleElement("font-size",r+"rem")},e}(o.MDCFoundation);e.MDCToolbarFoundation=a,e.default=a},2:function(t,e,n){"use strict";function r(t,e){function n(){this.constructor=t}w(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function o(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&(n[r[o]]=t[r[o]]);return n}function i(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function a(t,e){return function(n,r){e(n,r,t)}}function s(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function u(t,e,n,r){return new(n||(n=Promise))(function(o,i){function a(t){try{u(r.next(t))}catch(t){i(t)}}function s(t){try{u(r.throw(t))}catch(t){i(t)}}function u(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(a,s)}u((r=r.apply(t,e||[])).next())})}function c(t,e){function n(t){return function(e){return r([t,e])}}function r(n){if(o)throw new TypeError("Generator is already executing.");for(;u;)try{if(o=1,i&&(a=2&n[0]?i.return:n[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,n[1])).done)return a;switch(i=0,a&&(n=[2&n[0],a.value]),n[0]){case 0:case 1:a=n;break;case 4:return u.label++,{value:n[1],done:!1};case 5:u.label++,i=n[1],n=[0];continue;case 7:n=u.ops.pop(),u.trys.pop();continue;default:if(a=u.trys,!(a=a.length>0&&a[a.length-1])&&(6===n[0]||2===n[0])){u=0;continue}if(3===n[0]&&(!a||n[1]>a[0]&&n[1]<a[3])){u.label=n[1];break}if(6===n[0]&&u.label<a[1]){u.label=a[1],a=n;break}if(a&&u.label<a[2]){u.label=a[2],u.ops.push(n);break}a[2]&&u.ops.pop(),u.trys.pop();continue}n=e.call(t,u)}catch(t){n=[6,t],i=0}finally{o=a=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}var o,i,a,s,u={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return s={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s}function l(t,e){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}function f(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}function d(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function _(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(d(arguments[e]));return t}function p(t){return this instanceof p?(this.v=t,this):new p(t)}function h(t,e,n){function r(t){l[t]&&(c[t]=function(e){return new Promise(function(n,r){f.push([t,e,n,r])>1||o(t,e)})})}function o(t,e){try{i(l[t](e))}catch(t){u(f[0][3],t)}}function i(t){t.value instanceof p?Promise.resolve(t.value.v).then(a,s):u(f[0][2],t)}function a(t){o("next",t)}function s(t){o("throw",t)}function u(t,e){t(e),f.shift(),f.length&&o(f[0][0],f[0][1])}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var c,l=n.apply(t,e||[]),f=[];return c={},r("next"),r("throw"),r("return"),c[Symbol.asyncIterator]=function(){return this},c}function y(t){function e(e,o){n[e]=t[e]?function(n){return(r=!r)?{value:p(t[e](n)),done:"return"===e}:o?o(n):n}:o}var n,r;return n={},e("next"),e("throw",function(t){throw t}),e("return"),n[Symbol.iterator]=function(){return this},n}function v(t){function e(e){r[e]=t[e]&&function(r){return new Promise(function(o,i){r=t[e](r),n(o,i,r.done,r.value)})}}function n(t,e,n,r){Promise.resolve(r).then(function(e){t({value:e,done:n})},e)}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=t[Symbol.asyncIterator];return o?o.call(t):(t="function"==typeof f?f(t):t[Symbol.iterator](),r={},e("next"),e("throw"),e("return"),r[Symbol.asyncIterator]=function(){return this},r)}function m(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function b(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function g(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.__extends=r,n.d(e,"__assign",function(){return E}),e.__rest=o,e.__decorate=i,e.__param=a,e.__metadata=s,e.__awaiter=u,e.__generator=c,e.__exportStar=l,e.__values=f,e.__read=d,e.__spread=_,e.__await=p,e.__asyncGenerator=h,e.__asyncDelegator=y,e.__asyncValues=v,e.__makeTemplateObject=m,e.__importStar=b,e.__importDefault=g;/*! ***************************************************************************** | ||
| Copyright (c) Microsoft Corporation. All rights reserved. | ||
| Licensed under the Apache License, Version 2.0 (the "License"); you may not use | ||
| this file except in compliance with the License. You may obtain a copy of the | ||
| License at http://www.apache.org/licenses/LICENSE-2.0 | ||
| THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
| KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED | ||
| WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, | ||
| MERCHANTABLITY OR NON-INFRINGEMENT. | ||
| See the Apache Version 2.0 License for specific language governing permissions | ||
| and limitations under the License. | ||
| ***************************************************************************** */ | ||
| var w=function(t,e){return(w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)},E=function(){return E=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},E.apply(this,arguments)}},202:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2019 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(85);r.__exportStar(n(203),e),r.__exportStar(n(129),e)},203:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2017 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(85),o=n(1),i=n(8),a=n(129),s=a.MDCToolbarFoundation.strings,u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r.__extends(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(){var t=this;this.ripples_=[],this.fixedAdjustElement_=null,this.titleElement_=this.root_.querySelector(s.TITLE_SELECTOR);var e=this.root_.querySelector(s.FIRST_ROW_SELECTOR);if(!e)throw new Error("MDCToolbar: Required sub-element '"+s.FIRST_ROW_SELECTOR+"' is missing");this.firstRowElement_=e,[].forEach.call(this.root_.querySelectorAll(s.ICON_SELECTOR),function(e){var n=i.MDCRipple.attachTo(e);n.unbounded=!0,t.ripples_.push(n)})},e.prototype.destroy=function(){this.ripples_.forEach(function(t){t.destroy()}),t.prototype.destroy.call(this)},Object.defineProperty(e.prototype,"fixedAdjustElement",{get:function(){return this.fixedAdjustElement_},set:function(t){this.fixedAdjustElement_=t,this.foundation_.updateAdjustElementStyles()},enumerable:!0,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this,e={hasClass:function(e){return t.root_.classList.contains(e)},addClass:function(e){return t.root_.classList.add(e)},removeClass:function(e){return t.root_.classList.remove(e)},registerScrollHandler:function(t){return window.addEventListener("scroll",t)},deregisterScrollHandler:function(t){return window.removeEventListener("scroll",t)},registerResizeHandler:function(t){return window.addEventListener("resize",t)},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getViewportWidth:function(){return window.innerWidth},getViewportScrollY:function(){return window.pageYOffset},getOffsetHeight:function(){return t.root_.offsetHeight},getFirstRowElementOffsetHeight:function(){return t.firstRowElement_.offsetHeight},notifyChange:function(e){return t.emit(s.CHANGE_EVENT,e)},setStyle:function(e,n){return t.root_.style.setProperty(e,n)},setStyleForTitleElement:function(e,n){t.titleElement_&&t.titleElement_.style.setProperty(e,n)},setStyleForFlexibleRowElement:function(e,n){return t.firstRowElement_.style.setProperty(e,n)},setStyleForFixedAdjustElement:function(e,n){t.fixedAdjustElement&&t.fixedAdjustElement.style.setProperty(e,n)}};return new a.MDCToolbarFoundation(e)},e}(o.MDCComponent);e.MDCToolbar=u},204:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2017 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0}),e.cssClasses={FIXED:"mdc-toolbar--fixed",FIXED_AT_LAST_ROW:"mdc-toolbar--fixed-at-last-row",FIXED_LASTROW:"mdc-toolbar--fixed-lastrow-only",FLEXIBLE_DEFAULT_BEHAVIOR:"mdc-toolbar--flexible-default-behavior",FLEXIBLE_MAX:"mdc-toolbar--flexible-space-maximized",FLEXIBLE_MIN:"mdc-toolbar--flexible-space-minimized",TOOLBAR_ROW_FLEXIBLE:"mdc-toolbar--flexible"},e.strings={CHANGE_EVENT:"MDCToolbar:change",FIRST_ROW_SELECTOR:".mdc-toolbar__row:first-child",ICON_SELECTOR:".mdc-toolbar__icon",TITLE_SELECTOR:".mdc-toolbar__title"},e.numbers={MAX_TITLE_SIZE:2.125,MIN_TITLE_SIZE:1.25,TOOLBAR_MOBILE_BREAKPOINT:600,TOOLBAR_ROW_HEIGHT:64,TOOLBAR_ROW_MOBILE_HEIGHT:56}},3:function(t,e,n){"use strict";function r(t,e){function n(){this.constructor=t}w(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function o(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&(n[r[o]]=t[r[o]]);return n}function i(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function a(t,e){return function(n,r){e(n,r,t)}}function s(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function u(t,e,n,r){return new(n||(n=Promise))(function(o,i){function a(t){try{u(r.next(t))}catch(t){i(t)}}function s(t){try{u(r.throw(t))}catch(t){i(t)}}function u(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(a,s)}u((r=r.apply(t,e||[])).next())})}function c(t,e){function n(t){return function(e){return r([t,e])}}function r(n){if(o)throw new TypeError("Generator is already executing.");for(;u;)try{if(o=1,i&&(a=2&n[0]?i.return:n[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,n[1])).done)return a;switch(i=0,a&&(n=[2&n[0],a.value]),n[0]){case 0:case 1:a=n;break;case 4:return u.label++,{value:n[1],done:!1};case 5:u.label++,i=n[1],n=[0];continue;case 7:n=u.ops.pop(),u.trys.pop();continue;default:if(a=u.trys,!(a=a.length>0&&a[a.length-1])&&(6===n[0]||2===n[0])){u=0;continue}if(3===n[0]&&(!a||n[1]>a[0]&&n[1]<a[3])){u.label=n[1];break}if(6===n[0]&&u.label<a[1]){u.label=a[1],a=n;break}if(a&&u.label<a[2]){u.label=a[2],u.ops.push(n);break}a[2]&&u.ops.pop(),u.trys.pop();continue}n=e.call(t,u)}catch(t){n=[6,t],i=0}finally{o=a=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}var o,i,a,s,u={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return s={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s}function l(t,e){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}function f(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}function d(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function _(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(d(arguments[e]));return t}function p(t){return this instanceof p?(this.v=t,this):new p(t)}function h(t,e,n){function r(t){l[t]&&(c[t]=function(e){return new Promise(function(n,r){f.push([t,e,n,r])>1||o(t,e)})})}function o(t,e){try{i(l[t](e))}catch(t){u(f[0][3],t)}}function i(t){t.value instanceof p?Promise.resolve(t.value.v).then(a,s):u(f[0][2],t)}function a(t){o("next",t)}function s(t){o("throw",t)}function u(t,e){t(e),f.shift(),f.length&&o(f[0][0],f[0][1])}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var c,l=n.apply(t,e||[]),f=[];return c={},r("next"),r("throw"),r("return"),c[Symbol.asyncIterator]=function(){return this},c}function y(t){function e(e,o){n[e]=t[e]?function(n){return(r=!r)?{value:p(t[e](n)),done:"return"===e}:o?o(n):n}:o}var n,r;return n={},e("next"),e("throw",function(t){throw t}),e("return"),n[Symbol.iterator]=function(){return this},n}function v(t){function e(e){r[e]=t[e]&&function(r){return new Promise(function(o,i){r=t[e](r),n(o,i,r.done,r.value)})}}function n(t,e,n,r){Promise.resolve(r).then(function(e){t({value:e,done:n})},e)}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=t[Symbol.asyncIterator];return o?o.call(t):(t="function"==typeof f?f(t):t[Symbol.iterator](),r={},e("next"),e("throw"),e("return"),r[Symbol.asyncIterator]=function(){return this},r)}function m(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function b(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function g(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.__extends=r,n.d(e,"__assign",function(){return E}),e.__rest=o,e.__decorate=i,e.__param=a,e.__metadata=s,e.__awaiter=u,e.__generator=c,e.__exportStar=l,e.__values=f,e.__read=d,e.__spread=_,e.__await=p,e.__asyncGenerator=h,e.__asyncDelegator=y,e.__asyncValues=v,e.__makeTemplateObject=m,e.__importStar=b,e.__importDefault=g;/*! ***************************************************************************** | ||
| Copyright (c) Microsoft Corporation. All rights reserved. | ||
| Licensed under the Apache License, Version 2.0 (the "License"); you may not use | ||
| this file except in compliance with the License. You may obtain a copy of the | ||
| License at http://www.apache.org/licenses/LICENSE-2.0 | ||
| THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
| KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED | ||
| WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, | ||
| MERCHANTABLITY OR NON-INFRINGEMENT. | ||
| See the Apache Version 2.0 License for specific language governing permissions | ||
| and limitations under the License. | ||
| ***************************************************************************** */ | ||
| var w=function(t,e){return(w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)},E=function(){return E=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},E.apply(this,arguments)}},4:function(t,e,n){"use strict";function r(t){var e=t.document,n=e.createElement("div");n.className="mdc-ripple-surface--test-edge-var-bug",e.body.appendChild(n);var r=t.getComputedStyle(n),o=null!==r&&"solid"===r.borderTopStyle;return n.remove(),o}function o(t,e){void 0===e&&(e=!1);var n=t.CSS,o=s;if("boolean"==typeof s&&!e)return s;if(!n||"function"!=typeof n.supports)return!1;var i=n.supports("--css-vars","yes"),a=n.supports("(--css-vars: yes)")&&n.supports("color","#00000000");return o=!(!i&&!a)&&!r(t),e||(s=o),o}function i(t,e){if(void 0===t&&(t=window),void 0===e&&(e=!1),void 0===u||e){var n=!1;try{t.document.addEventListener("test",function(){},{get passive(){return n=!0}})}catch(t){}u=n}return!!u&&{passive:!0}}function a(t,e,n){if(!t)return{x:0,y:0};var r,o,i=e.x,a=e.y,s=i+n.left,u=a+n.top;if("touchstart"===t.type){var c=t;r=c.changedTouches[0].pageX-s,o=c.changedTouches[0].pageY-u}else{var l=t;r=l.pageX-s,o=l.pageY-u}return{x:r,y:o}}Object.defineProperty(e,"__esModule",{value:!0});var s,u;e.supportsCssVariables=o,e.applyPassive=i,e.getNormalizedEventCoords=a},5:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2018 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(6);e.ponyfill=r},6:function(t,e,n){"use strict";function r(t,e){if(t.closest)return t.closest(e);for(var n=t;n;){if(o(n,e))return n;n=n.parentElement}return null}function o(t,e){return(t.matches||t.webkitMatchesSelector||t.msMatchesSelector).call(t,e)}/** | ||
| * @license | ||
| * Copyright 2018 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0}),e.closest=r,e.matches=o},7:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2016 Google Inc. | ||
@@ -52,3 +234,3 @@ * | ||
| */ | ||
| var u=void 0,l=void 0},3:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();!function(){function e(){i(this,e)}a(e,[{key:"browserSupportsCssVars",value:function(){}},{key:"isUnbounded",value:function(){}},{key:"isSurfaceActive",value:function(){}},{key:"isSurfaceDisabled",value:function(){}},{key:"addClass",value:function(e){}},{key:"removeClass",value:function(e){}},{key:"containsEventTarget",value:function(e){}},{key:"registerInteractionHandler",value:function(e,t){}},{key:"deregisterInteractionHandler",value:function(e,t){}},{key:"registerDocumentInteractionHandler",value:function(e,t){}},{key:"deregisterDocumentInteractionHandler",value:function(e,t){}},{key:"registerResizeHandler",value:function(e){}},{key:"deregisterResizeHandler",value:function(e){}},{key:"updateCssVariable",value:function(e,t){}},{key:"computeBoundingRect",value:function(){}},{key:"getWindowPageOffset",value:function(){}}])}()},4:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"MDCRipple",function(){return c}),n.d(t,"RippleCapableSurface",function(){return d});var o=n(1),s=(n(3),n(5)),u=n(2);n.d(t,"MDCRippleFoundation",function(){return s.a}),n.d(t,"util",function(){return u});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),c=function(e){function t(){var e;i(this,t);for(var n=arguments.length,r=Array(n),o=0;o<n;o++)r[o]=arguments[o];var s=a(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(r)));return s.disabled=!1,s.unbounded_,s}return r(t,e),l(t,[{key:"setUnbounded_",value:function(){this.foundation_.setUnbounded(this.unbounded_)}},{key:"activate",value:function(){this.foundation_.activate()}},{key:"deactivate",value:function(){this.foundation_.deactivate()}},{key:"layout",value:function(){this.foundation_.layout()}},{key:"getDefaultFoundation",value:function(){return new s.a(t.createAdapter(this))}},{key:"initialSyncWithDOM",value:function(){this.unbounded="mdcRippleIsUnbounded"in this.root_.dataset}},{key:"unbounded",get:function(){return this.unbounded_},set:function(e){this.unbounded_=Boolean(e),this.setUnbounded_()}}],[{key:"attachTo",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.isUnbounded,a=void 0===i?void 0:i,r=new t(e);return void 0!==a&&(r.unbounded=a),r}},{key:"createAdapter",value:function(e){var t=u.getMatchesProperty(HTMLElement.prototype);return{browserSupportsCssVars:function(){return u.supportsCssVariables(window)},isUnbounded:function(){return e.unbounded},isSurfaceActive:function(){return e.root_[t](":active")},isSurfaceDisabled:function(){return e.disabled},addClass:function(t){return e.root_.classList.add(t)},removeClass:function(t){return e.root_.classList.remove(t)},containsEventTarget:function(t){return e.root_.contains(t)},registerInteractionHandler:function(t,n){return e.root_.addEventListener(t,n,u.applyPassive())},deregisterInteractionHandler:function(t,n){return e.root_.removeEventListener(t,n,u.applyPassive())},registerDocumentInteractionHandler:function(e,t){return document.documentElement.addEventListener(e,t,u.applyPassive())},deregisterDocumentInteractionHandler:function(e,t){return document.documentElement.removeEventListener(e,t,u.applyPassive())},registerResizeHandler:function(e){return window.addEventListener("resize",e)},deregisterResizeHandler:function(e){return window.removeEventListener("resize",e)},updateCssVariable:function(t,n){return e.root_.style.setProperty(t,n)},computeBoundingRect:function(){return e.root_.getBoundingClientRect()},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}}}}}]),t}(o.a),d=function e(){i(this,e)};d.prototype.root_,d.prototype.unbounded,d.prototype.disabled},5:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var o=n(0),s=(n(3),n(6)),u=n(2),l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},c=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),d=["touchstart","pointerdown","mousedown","keydown"],f=["touchend","pointerup","mouseup","contextmenu"],_=[],h=function(e){function t(e){i(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,l(t.defaultAdapter,e)));return n.layoutFrame_=0,n.frame_={width:0,height:0},n.activationState_=n.defaultActivationState_(),n.initialSize_=0,n.maxRadius_=0,n.activateHandler_=function(e){return n.activate_(e)},n.deactivateHandler_=function(){return n.deactivate_()},n.focusHandler_=function(){return n.handleFocus()},n.blurHandler_=function(){return n.handleBlur()},n.resizeHandler_=function(){return n.layout()},n.unboundedCoords_={left:0,top:0},n.fgScale_=0,n.activationTimer_=0,n.fgDeactivationRemovalTimer_=0,n.activationAnimationHasEnded_=!1,n.activationTimerCallback_=function(){n.activationAnimationHasEnded_=!0,n.runDeactivationUXLogicIfReady_()},n.previousActivationEvent_,n}return r(t,e),c(t,null,[{key:"cssClasses",get:function(){return s.a}},{key:"strings",get:function(){return s.c}},{key:"numbers",get:function(){return s.b}},{key:"defaultAdapter",get:function(){return{browserSupportsCssVars:function(){},isUnbounded:function(){},isSurfaceActive:function(){},isSurfaceDisabled:function(){},addClass:function(){},removeClass:function(){},containsEventTarget:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},registerDocumentInteractionHandler:function(){},deregisterDocumentInteractionHandler:function(){},registerResizeHandler:function(){},deregisterResizeHandler:function(){},updateCssVariable:function(){},computeBoundingRect:function(){},getWindowPageOffset:function(){}}}}]),c(t,[{key:"supportsPressRipple_",value:function(){return this.adapter_.browserSupportsCssVars()}},{key:"defaultActivationState_",value:function(){return{isActivated:!1,hasDeactivationUXRun:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1,activationEvent:void 0,isProgrammatic:!1}}},{key:"init",value:function(){var e=this,n=this.supportsPressRipple_();if(this.registerRootHandlers_(n),n){var i=t.cssClasses,a=i.ROOT,r=i.UNBOUNDED;requestAnimationFrame(function(){e.adapter_.addClass(a),e.adapter_.isUnbounded()&&(e.adapter_.addClass(r),e.layoutInternal_())})}}},{key:"destroy",value:function(){var e=this;if(this.supportsPressRipple_()){this.activationTimer_&&(clearTimeout(this.activationTimer_),this.activationTimer_=0,this.adapter_.removeClass(t.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer_&&(clearTimeout(this.fgDeactivationRemovalTimer_),this.fgDeactivationRemovalTimer_=0,this.adapter_.removeClass(t.cssClasses.FG_DEACTIVATION));var n=t.cssClasses,i=n.ROOT,a=n.UNBOUNDED;requestAnimationFrame(function(){e.adapter_.removeClass(i),e.adapter_.removeClass(a),e.removeCssVars_()})}this.deregisterRootHandlers_(),this.deregisterDeactivationHandlers_()}},{key:"registerRootHandlers_",value:function(e){var t=this;e&&(d.forEach(function(e){t.adapter_.registerInteractionHandler(e,t.activateHandler_)}),this.adapter_.isUnbounded()&&this.adapter_.registerResizeHandler(this.resizeHandler_)),this.adapter_.registerInteractionHandler("focus",this.focusHandler_),this.adapter_.registerInteractionHandler("blur",this.blurHandler_)}},{key:"registerDeactivationHandlers_",value:function(e){var t=this;"keydown"===e.type?this.adapter_.registerInteractionHandler("keyup",this.deactivateHandler_):f.forEach(function(e){t.adapter_.registerDocumentInteractionHandler(e,t.deactivateHandler_)})}},{key:"deregisterRootHandlers_",value:function(){var e=this;d.forEach(function(t){e.adapter_.deregisterInteractionHandler(t,e.activateHandler_)}),this.adapter_.deregisterInteractionHandler("focus",this.focusHandler_),this.adapter_.deregisterInteractionHandler("blur",this.blurHandler_),this.adapter_.isUnbounded()&&this.adapter_.deregisterResizeHandler(this.resizeHandler_)}},{key:"deregisterDeactivationHandlers_",value:function(){var e=this;this.adapter_.deregisterInteractionHandler("keyup",this.deactivateHandler_),f.forEach(function(t){e.adapter_.deregisterDocumentInteractionHandler(t,e.deactivateHandler_)})}},{key:"removeCssVars_",value:function(){var e=this,n=t.strings;Object.keys(n).forEach(function(t){0===t.indexOf("VAR_")&&e.adapter_.updateCssVariable(n[t],null)})}},{key:"activate_",value:function(e){var t=this;if(!this.adapter_.isSurfaceDisabled()){var n=this.activationState_;if(!n.isActivated){var i=this.previousActivationEvent_;if(!(i&&void 0!==e&&i.type!==e.type)){n.isActivated=!0,n.isProgrammatic=void 0===e,n.activationEvent=e,n.wasActivatedByPointer=!n.isProgrammatic&&(void 0!==e&&("mousedown"===e.type||"touchstart"===e.type||"pointerdown"===e.type));if(void 0!==e&&_.length>0&&_.some(function(e){return t.adapter_.containsEventTarget(e)}))return void this.resetActivationState_();void 0!==e&&(_.push(e.target),this.registerDeactivationHandlers_(e)),n.wasElementMadeActive=this.checkElementMadeActive_(e),n.wasElementMadeActive&&this.animateActivation_(),requestAnimationFrame(function(){_=[],n.wasElementMadeActive||void 0===e||" "!==e.key&&32!==e.keyCode||(n.wasElementMadeActive=t.checkElementMadeActive_(e),n.wasElementMadeActive&&t.animateActivation_()),n.wasElementMadeActive||(t.activationState_=t.defaultActivationState_())})}}}}},{key:"checkElementMadeActive_",value:function(e){return void 0===e||"keydown"!==e.type||this.adapter_.isSurfaceActive()}},{key:"activate",value:function(e){this.activate_(e)}},{key:"animateActivation_",value:function(){var e=this,n=t.strings,i=n.VAR_FG_TRANSLATE_START,a=n.VAR_FG_TRANSLATE_END,r=t.cssClasses,o=r.FG_DEACTIVATION,s=r.FG_ACTIVATION,u=t.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal_();var l="",c="";if(!this.adapter_.isUnbounded()){var d=this.getFgTranslationCoordinates_(),f=d.startPoint,_=d.endPoint;l=f.x+"px, "+f.y+"px",c=_.x+"px, "+_.y+"px"}this.adapter_.updateCssVariable(i,l),this.adapter_.updateCssVariable(a,c),clearTimeout(this.activationTimer_),clearTimeout(this.fgDeactivationRemovalTimer_),this.rmBoundedActivationClasses_(),this.adapter_.removeClass(o),this.adapter_.computeBoundingRect(),this.adapter_.addClass(s),this.activationTimer_=setTimeout(function(){return e.activationTimerCallback_()},u)}},{key:"getFgTranslationCoordinates_",value:function(){var e=this.activationState_,t=e.activationEvent,n=e.wasActivatedByPointer,i=void 0;return i=n?Object(u.getNormalizedEventCoords)(t,this.adapter_.getWindowPageOffset(),this.adapter_.computeBoundingRect()):{x:this.frame_.width/2,y:this.frame_.height/2},i={x:i.x-this.initialSize_/2,y:i.y-this.initialSize_/2},{startPoint:i,endPoint:{x:this.frame_.width/2-this.initialSize_/2,y:this.frame_.height/2-this.initialSize_/2}}}},{key:"runDeactivationUXLogicIfReady_",value:function(){var e=this,n=t.cssClasses.FG_DEACTIVATION,i=this.activationState_,a=i.hasDeactivationUXRun,r=i.isActivated;(a||!r)&&this.activationAnimationHasEnded_&&(this.rmBoundedActivationClasses_(),this.adapter_.addClass(n),this.fgDeactivationRemovalTimer_=setTimeout(function(){e.adapter_.removeClass(n)},s.b.FG_DEACTIVATION_MS))}},{key:"rmBoundedActivationClasses_",value:function(){var e=t.cssClasses.FG_ACTIVATION;this.adapter_.removeClass(e),this.activationAnimationHasEnded_=!1,this.adapter_.computeBoundingRect()}},{key:"resetActivationState_",value:function(){var e=this;this.previousActivationEvent_=this.activationState_.activationEvent,this.activationState_=this.defaultActivationState_(),setTimeout(function(){return e.previousActivationEvent_=void 0},t.numbers.TAP_DELAY_MS)}},{key:"deactivate_",value:function(){var e=this,t=this.activationState_;if(t.isActivated){var n=l({},t);t.isProgrammatic?(requestAnimationFrame(function(){return e.animateDeactivation_(n)}),this.resetActivationState_()):(this.deregisterDeactivationHandlers_(),requestAnimationFrame(function(){e.activationState_.hasDeactivationUXRun=!0,e.animateDeactivation_(n),e.resetActivationState_()}))}}},{key:"deactivate",value:function(){this.deactivate_()}},{key:"animateDeactivation_",value:function(e){var t=e.wasActivatedByPointer,n=e.wasElementMadeActive;(t||n)&&this.runDeactivationUXLogicIfReady_()}},{key:"layout",value:function(){var e=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame(function(){e.layoutInternal_(),e.layoutFrame_=0})}},{key:"layoutInternal_",value:function(){var e=this;this.frame_=this.adapter_.computeBoundingRect();var n=Math.max(this.frame_.height,this.frame_.width);this.maxRadius_=this.adapter_.isUnbounded()?n:function(){return Math.sqrt(Math.pow(e.frame_.width,2)+Math.pow(e.frame_.height,2))+t.numbers.PADDING}(),this.initialSize_=Math.floor(n*t.numbers.INITIAL_ORIGIN_SCALE),this.fgScale_=this.maxRadius_/this.initialSize_,this.updateLayoutCssVars_()}},{key:"updateLayoutCssVars_",value:function(){var e=t.strings,n=e.VAR_FG_SIZE,i=e.VAR_LEFT,a=e.VAR_TOP,r=e.VAR_FG_SCALE;this.adapter_.updateCssVariable(n,this.initialSize_+"px"),this.adapter_.updateCssVariable(r,this.fgScale_),this.adapter_.isUnbounded()&&(this.unboundedCoords_={left:Math.round(this.frame_.width/2-this.initialSize_/2),top:Math.round(this.frame_.height/2-this.initialSize_/2)},this.adapter_.updateCssVariable(i,this.unboundedCoords_.left+"px"),this.adapter_.updateCssVariable(a,this.unboundedCoords_.top+"px"))}},{key:"setUnbounded",value:function(e){var n=t.cssClasses.UNBOUNDED;e?this.adapter_.addClass(n):this.adapter_.removeClass(n)}},{key:"handleFocus",value:function(){var e=this;requestAnimationFrame(function(){return e.adapter_.addClass(t.cssClasses.BG_FOCUSED)})}},{key:"handleBlur",value:function(){var e=this;requestAnimationFrame(function(){return e.adapter_.removeClass(t.cssClasses.BG_FOCUSED)})}}]),t}(o.a);t.a=h},6:function(e,t,n){"use strict";n.d(t,"a",function(){return i}),n.d(t,"c",function(){return a}),n.d(t,"b",function(){return r});/** | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(3),o=n(0),i=n(9),a=n(4),s=["touchstart","pointerdown","mousedown","keydown"],u=["touchend","pointerup","mouseup","contextmenu"],c=[],l=function(t){function e(n){var o=t.call(this,r.__assign({},e.defaultAdapter,n))||this;return o.activationAnimationHasEnded_=!1,o.activationTimer_=0,o.fgDeactivationRemovalTimer_=0,o.fgScale_="0",o.frame_={width:0,height:0},o.initialSize_=0,o.layoutFrame_=0,o.maxRadius_=0,o.unboundedCoords_={left:0,top:0},o.activationState_=o.defaultActivationState_(),o.activationTimerCallback_=function(){o.activationAnimationHasEnded_=!0,o.runDeactivationUXLogicIfReady_()},o.activateHandler_=function(t){return o.activate_(t)},o.deactivateHandler_=function(){return o.deactivate_()},o.focusHandler_=function(){return o.handleFocus()},o.blurHandler_=function(){return o.handleBlur()},o.resizeHandler_=function(){return o.layout()},o}return r.__extends(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return i.cssClasses},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return i.strings},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return i.numbers},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this,n=this.supportsPressRipple_();if(this.registerRootHandlers_(n),n){var r=e.cssClasses,o=r.ROOT,i=r.UNBOUNDED;requestAnimationFrame(function(){t.adapter_.addClass(o),t.adapter_.isUnbounded()&&(t.adapter_.addClass(i),t.layoutInternal_())})}},e.prototype.destroy=function(){var t=this;if(this.supportsPressRipple_()){this.activationTimer_&&(clearTimeout(this.activationTimer_),this.activationTimer_=0,this.adapter_.removeClass(e.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer_&&(clearTimeout(this.fgDeactivationRemovalTimer_),this.fgDeactivationRemovalTimer_=0,this.adapter_.removeClass(e.cssClasses.FG_DEACTIVATION));var n=e.cssClasses,r=n.ROOT,o=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter_.removeClass(r),t.adapter_.removeClass(o),t.removeCssVars_()})}this.deregisterRootHandlers_(),this.deregisterDeactivationHandlers_()},e.prototype.activate=function(t){this.activate_(t)},e.prototype.deactivate=function(){this.deactivate_()},e.prototype.layout=function(){var t=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame(function(){t.layoutInternal_(),t.layoutFrame_=0})},e.prototype.setUnbounded=function(t){var n=e.cssClasses.UNBOUNDED;t?this.adapter_.addClass(n):this.adapter_.removeClass(n)},e.prototype.handleFocus=function(){var t=this;requestAnimationFrame(function(){return t.adapter_.addClass(e.cssClasses.BG_FOCUSED)})},e.prototype.handleBlur=function(){var t=this;requestAnimationFrame(function(){return t.adapter_.removeClass(e.cssClasses.BG_FOCUSED)})},e.prototype.supportsPressRipple_=function(){return this.adapter_.browserSupportsCssVars()},e.prototype.defaultActivationState_=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},e.prototype.registerRootHandlers_=function(t){var e=this;t&&(s.forEach(function(t){e.adapter_.registerInteractionHandler(t,e.activateHandler_)}),this.adapter_.isUnbounded()&&this.adapter_.registerResizeHandler(this.resizeHandler_)),this.adapter_.registerInteractionHandler("focus",this.focusHandler_),this.adapter_.registerInteractionHandler("blur",this.blurHandler_)},e.prototype.registerDeactivationHandlers_=function(t){var e=this;"keydown"===t.type?this.adapter_.registerInteractionHandler("keyup",this.deactivateHandler_):u.forEach(function(t){e.adapter_.registerDocumentInteractionHandler(t,e.deactivateHandler_)})},e.prototype.deregisterRootHandlers_=function(){var t=this;s.forEach(function(e){t.adapter_.deregisterInteractionHandler(e,t.activateHandler_)}),this.adapter_.deregisterInteractionHandler("focus",this.focusHandler_),this.adapter_.deregisterInteractionHandler("blur",this.blurHandler_),this.adapter_.isUnbounded()&&this.adapter_.deregisterResizeHandler(this.resizeHandler_)},e.prototype.deregisterDeactivationHandlers_=function(){var t=this;this.adapter_.deregisterInteractionHandler("keyup",this.deactivateHandler_),u.forEach(function(e){t.adapter_.deregisterDocumentInteractionHandler(e,t.deactivateHandler_)})},e.prototype.removeCssVars_=function(){var t=this,n=e.strings;Object.keys(n).forEach(function(e){0===e.indexOf("VAR_")&&t.adapter_.updateCssVariable(n[e],null)})},e.prototype.activate_=function(t){var e=this;if(!this.adapter_.isSurfaceDisabled()){var n=this.activationState_;if(!n.isActivated){var r=this.previousActivationEvent_;if(!(r&&void 0!==t&&r.type!==t.type)){n.isActivated=!0,n.isProgrammatic=void 0===t,n.activationEvent=t,n.wasActivatedByPointer=!n.isProgrammatic&&(void 0!==t&&("mousedown"===t.type||"touchstart"===t.type||"pointerdown"===t.type));if(void 0!==t&&c.length>0&&c.some(function(t){return e.adapter_.containsEventTarget(t)}))return void this.resetActivationState_();void 0!==t&&(c.push(t.target),this.registerDeactivationHandlers_(t)),n.wasElementMadeActive=this.checkElementMadeActive_(t),n.wasElementMadeActive&&this.animateActivation_(),requestAnimationFrame(function(){c=[],n.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(n.wasElementMadeActive=e.checkElementMadeActive_(t),n.wasElementMadeActive&&e.animateActivation_()),n.wasElementMadeActive||(e.activationState_=e.defaultActivationState_())})}}}},e.prototype.checkElementMadeActive_=function(t){return void 0===t||"keydown"!==t.type||this.adapter_.isSurfaceActive()},e.prototype.animateActivation_=function(){var t=this,n=e.strings,r=n.VAR_FG_TRANSLATE_START,o=n.VAR_FG_TRANSLATE_END,i=e.cssClasses,a=i.FG_DEACTIVATION,s=i.FG_ACTIVATION,u=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal_();var c="",l="";if(!this.adapter_.isUnbounded()){var f=this.getFgTranslationCoordinates_(),d=f.startPoint,_=f.endPoint;c=d.x+"px, "+d.y+"px",l=_.x+"px, "+_.y+"px"}this.adapter_.updateCssVariable(r,c),this.adapter_.updateCssVariable(o,l),clearTimeout(this.activationTimer_),clearTimeout(this.fgDeactivationRemovalTimer_),this.rmBoundedActivationClasses_(),this.adapter_.removeClass(a),this.adapter_.computeBoundingRect(),this.adapter_.addClass(s),this.activationTimer_=setTimeout(function(){return t.activationTimerCallback_()},u)},e.prototype.getFgTranslationCoordinates_=function(){var t,e=this.activationState_,n=e.activationEvent,r=e.wasActivatedByPointer;return t=r?a.getNormalizedEventCoords(n,this.adapter_.getWindowPageOffset(),this.adapter_.computeBoundingRect()):{x:this.frame_.width/2,y:this.frame_.height/2},t={x:t.x-this.initialSize_/2,y:t.y-this.initialSize_/2},{startPoint:t,endPoint:{x:this.frame_.width/2-this.initialSize_/2,y:this.frame_.height/2-this.initialSize_/2}}},e.prototype.runDeactivationUXLogicIfReady_=function(){var t=this,n=e.cssClasses.FG_DEACTIVATION,r=this.activationState_,o=r.hasDeactivationUXRun,a=r.isActivated;(o||!a)&&this.activationAnimationHasEnded_&&(this.rmBoundedActivationClasses_(),this.adapter_.addClass(n),this.fgDeactivationRemovalTimer_=setTimeout(function(){t.adapter_.removeClass(n)},i.numbers.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses_=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter_.removeClass(t),this.activationAnimationHasEnded_=!1,this.adapter_.computeBoundingRect()},e.prototype.resetActivationState_=function(){var t=this;this.previousActivationEvent_=this.activationState_.activationEvent,this.activationState_=this.defaultActivationState_(),setTimeout(function(){return t.previousActivationEvent_=void 0},e.numbers.TAP_DELAY_MS)},e.prototype.deactivate_=function(){var t=this,e=this.activationState_;if(e.isActivated){var n=r.__assign({},e);e.isProgrammatic?(requestAnimationFrame(function(){return t.animateDeactivation_(n)}),this.resetActivationState_()):(this.deregisterDeactivationHandlers_(),requestAnimationFrame(function(){t.activationState_.hasDeactivationUXRun=!0,t.animateDeactivation_(n),t.resetActivationState_()}))}},e.prototype.animateDeactivation_=function(t){var e=t.wasActivatedByPointer,n=t.wasElementMadeActive;(e||n)&&this.runDeactivationUXLogicIfReady_()},e.prototype.layoutInternal_=function(){var t=this;this.frame_=this.adapter_.computeBoundingRect();var n=Math.max(this.frame_.height,this.frame_.width);this.maxRadius_=this.adapter_.isUnbounded()?n:function(){return Math.sqrt(Math.pow(t.frame_.width,2)+Math.pow(t.frame_.height,2))+e.numbers.PADDING}(),this.initialSize_=Math.floor(n*e.numbers.INITIAL_ORIGIN_SCALE),this.fgScale_=""+this.maxRadius_/this.initialSize_,this.updateLayoutCssVars_()},e.prototype.updateLayoutCssVars_=function(){var t=e.strings,n=t.VAR_FG_SIZE,r=t.VAR_LEFT,o=t.VAR_TOP,i=t.VAR_FG_SCALE;this.adapter_.updateCssVariable(n,this.initialSize_+"px"),this.adapter_.updateCssVariable(i,this.fgScale_),this.adapter_.isUnbounded()&&(this.unboundedCoords_={left:Math.round(this.frame_.width/2-this.initialSize_/2),top:Math.round(this.frame_.height/2-this.initialSize_/2)},this.adapter_.updateCssVariable(r,this.unboundedCoords_.left+"px"),this.adapter_.updateCssVariable(o,this.unboundedCoords_.top+"px"))},e}(o.MDCFoundation);e.MDCRippleFoundation=l,e.default=l},8:function(t,e,n){"use strict";/** | ||
| * @license | ||
@@ -75,3 +257,39 @@ * Copyright 2016 Google Inc. | ||
| */ | ||
| var i={ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded",BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation"},a={VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end"},r={PADDING:10,INITIAL_ORIGIN_SCALE:.6,DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,TAP_DELAY_MS:300}}})}); | ||
| Object.defineProperty(e,"__esModule",{value:!0});var r=n(3),o=n(1),i=n(5),a=n(7),s=n(4),u=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.disabled=!1,e}return r.__extends(e,t),e.attachTo=function(t,n){void 0===n&&(n={isUnbounded:void 0});var r=new e(t);return void 0!==n.isUnbounded&&(r.unbounded=n.isUnbounded),r},e.createAdapter=function(t){return{addClass:function(e){return t.root_.classList.add(e)},browserSupportsCssVars:function(){return s.supportsCssVariables(window)},computeBoundingRect:function(){return t.root_.getBoundingClientRect()},containsEventTarget:function(e){return t.root_.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,s.applyPassive())},deregisterInteractionHandler:function(e,n){return t.root_.removeEventListener(e,n,s.applyPassive())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return i.ponyfill.matches(t.root_,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,s.applyPassive())},registerInteractionHandler:function(e,n){return t.root_.addEventListener(e,n,s.applyPassive())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root_.classList.remove(e)},updateCssVariable:function(e,n){return t.root_.style.setProperty(e,n)}}},Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.unbounded_)},set:function(t){this.unbounded_=Boolean(t),this.setUnbounded_()},enumerable:!0,configurable:!0}),e.prototype.activate=function(){this.foundation_.activate()},e.prototype.deactivate=function(){this.foundation_.deactivate()},e.prototype.layout=function(){this.foundation_.layout()},e.prototype.getDefaultFoundation=function(){return new a.MDCRippleFoundation(e.createAdapter(this))},e.prototype.initialSyncWithDOM=function(){var t=this.root_;this.unbounded="mdcRippleIsUnbounded"in t.dataset},e.prototype.setUnbounded_=function(){this.foundation_.setUnbounded(Boolean(this.unbounded_))},e}(o.MDCComponent);e.MDCRipple=u},85:function(t,e,n){"use strict";function r(t,e){function n(){this.constructor=t}w(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function o(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&(n[r[o]]=t[r[o]]);return n}function i(t,e,n,r){var o,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(a=(i<3?o(a):i>3?o(e,n,a):o(e,n))||a);return i>3&&a&&Object.defineProperty(e,n,a),a}function a(t,e){return function(n,r){e(n,r,t)}}function s(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function u(t,e,n,r){return new(n||(n=Promise))(function(o,i){function a(t){try{u(r.next(t))}catch(t){i(t)}}function s(t){try{u(r.throw(t))}catch(t){i(t)}}function u(t){t.done?o(t.value):new n(function(e){e(t.value)}).then(a,s)}u((r=r.apply(t,e||[])).next())})}function c(t,e){function n(t){return function(e){return r([t,e])}}function r(n){if(o)throw new TypeError("Generator is already executing.");for(;u;)try{if(o=1,i&&(a=2&n[0]?i.return:n[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,n[1])).done)return a;switch(i=0,a&&(n=[2&n[0],a.value]),n[0]){case 0:case 1:a=n;break;case 4:return u.label++,{value:n[1],done:!1};case 5:u.label++,i=n[1],n=[0];continue;case 7:n=u.ops.pop(),u.trys.pop();continue;default:if(a=u.trys,!(a=a.length>0&&a[a.length-1])&&(6===n[0]||2===n[0])){u=0;continue}if(3===n[0]&&(!a||n[1]>a[0]&&n[1]<a[3])){u.label=n[1];break}if(6===n[0]&&u.label<a[1]){u.label=a[1],a=n;break}if(a&&u.label<a[2]){u.label=a[2],u.ops.push(n);break}a[2]&&u.ops.pop(),u.trys.pop();continue}n=e.call(t,u)}catch(t){n=[6,t],i=0}finally{o=a=0}if(5&n[0])throw n[1];return{value:n[0]?n[1]:void 0,done:!0}}var o,i,a,s,u={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return s={next:n(0),throw:n(1),return:n(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s}function l(t,e){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}function f(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}function d(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function _(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(d(arguments[e]));return t}function p(t){return this instanceof p?(this.v=t,this):new p(t)}function h(t,e,n){function r(t){l[t]&&(c[t]=function(e){return new Promise(function(n,r){f.push([t,e,n,r])>1||o(t,e)})})}function o(t,e){try{i(l[t](e))}catch(t){u(f[0][3],t)}}function i(t){t.value instanceof p?Promise.resolve(t.value.v).then(a,s):u(f[0][2],t)}function a(t){o("next",t)}function s(t){o("throw",t)}function u(t,e){t(e),f.shift(),f.length&&o(f[0][0],f[0][1])}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var c,l=n.apply(t,e||[]),f=[];return c={},r("next"),r("throw"),r("return"),c[Symbol.asyncIterator]=function(){return this},c}function y(t){function e(e,o){n[e]=t[e]?function(n){return(r=!r)?{value:p(t[e](n)),done:"return"===e}:o?o(n):n}:o}var n,r;return n={},e("next"),e("throw",function(t){throw t}),e("return"),n[Symbol.iterator]=function(){return this},n}function v(t){function e(e){r[e]=t[e]&&function(r){return new Promise(function(o,i){r=t[e](r),n(o,i,r.done,r.value)})}}function n(t,e,n,r){Promise.resolve(r).then(function(e){t({value:e,done:n})},e)}if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=t[Symbol.asyncIterator];return o?o.call(t):(t="function"==typeof f?f(t):t[Symbol.iterator](),r={},e("next"),e("throw"),e("return"),r[Symbol.asyncIterator]=function(){return this},r)}function m(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function b(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function g(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0}),e.__extends=r,n.d(e,"__assign",function(){return E}),e.__rest=o,e.__decorate=i,e.__param=a,e.__metadata=s,e.__awaiter=u,e.__generator=c,e.__exportStar=l,e.__values=f,e.__read=d,e.__spread=_,e.__await=p,e.__asyncGenerator=h,e.__asyncDelegator=y,e.__asyncValues=v,e.__makeTemplateObject=m,e.__importStar=b,e.__importDefault=g;/*! ***************************************************************************** | ||
| Copyright (c) Microsoft Corporation. All rights reserved. | ||
| Licensed under the Apache License, Version 2.0 (the "License"); you may not use | ||
| this file except in compliance with the License. You may obtain a copy of the | ||
| License at http://www.apache.org/licenses/LICENSE-2.0 | ||
| THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
| KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED | ||
| WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, | ||
| MERCHANTABLITY OR NON-INFRINGEMENT. | ||
| See the Apache Version 2.0 License for specific language governing permissions | ||
| and limitations under the License. | ||
| ***************************************************************************** */ | ||
| var w=function(t,e){return(w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)},E=function(){return E=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++){e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},E.apply(this,arguments)}},9:function(t,e,n){"use strict";/** | ||
| * @license | ||
| * Copyright 2016 Google Inc. | ||
| * | ||
| * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| * of this software and associated documentation files (the "Software"), to deal | ||
| * in the Software without restriction, including without limitation the rights | ||
| * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
| * copies of the Software, and to permit persons to whom the Software is | ||
| * furnished to do so, subject to the following conditions: | ||
| * | ||
| * The above copyright notice and this permission notice shall be included in | ||
| * all copies or substantial portions of the Software. | ||
| * | ||
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
| * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
| * THE SOFTWARE. | ||
| */ | ||
| Object.defineProperty(e,"__esModule",{value:!0}),e.cssClasses={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"},e.strings={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"},e.numbers={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300}}})}); | ||
| //# sourceMappingURL=mdc.toolbar.min.js.map |
@@ -23,209 +23,204 @@ /** | ||
| */ | ||
| import MDCFoundation from '@material/base/foundation'; | ||
| import {cssClasses, strings, numbers} from './constants'; | ||
| export default class MDCToolbarFoundation extends MDCFoundation { | ||
| static get cssClasses() { | ||
| return cssClasses; | ||
| } | ||
| static get strings() { | ||
| return strings; | ||
| } | ||
| static get numbers() { | ||
| return numbers; | ||
| } | ||
| static get defaultAdapter() { | ||
| return { | ||
| hasClass: (/* className: string */) => /* boolean */ false, | ||
| addClass: (/* className: string */) => {}, | ||
| removeClass: (/* className: string */) => {}, | ||
| registerScrollHandler: (/* handler: EventListener */) => {}, | ||
| deregisterScrollHandler: (/* handler: EventListener */) => {}, | ||
| registerResizeHandler: (/* handler: EventListener */) => {}, | ||
| deregisterResizeHandler: (/* handler: EventListener */) => {}, | ||
| getViewportWidth: () => /* number */ 0, | ||
| getViewportScrollY: () => /* number */ 0, | ||
| getOffsetHeight: () => /* number */ 0, | ||
| getFirstRowElementOffsetHeight: () => /* number */ 0, | ||
| notifyChange: (/* evtData: {flexibleExpansionRatio: number} */) => {}, | ||
| setStyle: (/* property: string, value: string */) => {}, | ||
| setStyleForTitleElement: (/* property: string, value: string */) => {}, | ||
| setStyleForFlexibleRowElement: (/* property: string, value: string */) => {}, | ||
| setStyleForFixedAdjustElement: (/* property: string, value: string */) => {}, | ||
| import * as tslib_1 from "tslib"; | ||
| import { MDCFoundation } from '@material/base/foundation'; | ||
| import { cssClasses, numbers, strings } from './constants'; | ||
| var MDCToolbarFoundation = /** @class */ (function (_super) { | ||
| tslib_1.__extends(MDCToolbarFoundation, _super); | ||
| function MDCToolbarFoundation(adapter) { | ||
| var _this = _super.call(this, tslib_1.__assign({}, MDCToolbarFoundation.defaultAdapter, adapter)) || this; | ||
| _this.checkRowHeightFrame_ = 0; | ||
| _this.scrollFrame_ = 0; | ||
| _this.executedLastChange_ = false; | ||
| _this.isFixed_ = false; | ||
| _this.isFixedLastRow_ = false; | ||
| _this.hasFlexibleFirstRow_ = false; | ||
| _this.useFlexDefaultBehavior_ = false; | ||
| _this.calculations_ = { | ||
| flexibleExpansionHeight: 0, | ||
| flexibleExpansionRatio: 0, | ||
| maxTranslateYDistance: 0, | ||
| maxTranslateYRatio: 0, | ||
| scrollThreshold: 0, | ||
| scrollThresholdRatio: 0, | ||
| toolbarHeight: 0, | ||
| toolbarRatio: 0, | ||
| toolbarRowHeight: 0, | ||
| }; | ||
| return _this; | ||
| } | ||
| Object.defineProperty(MDCToolbarFoundation, "cssClasses", { | ||
| get: function () { | ||
| return cssClasses; | ||
| }, | ||
| enumerable: true, | ||
| configurable: true | ||
| }); | ||
| Object.defineProperty(MDCToolbarFoundation, "strings", { | ||
| get: function () { | ||
| return strings; | ||
| }, | ||
| enumerable: true, | ||
| configurable: true | ||
| }); | ||
| Object.defineProperty(MDCToolbarFoundation, "numbers", { | ||
| get: function () { | ||
| return numbers; | ||
| }, | ||
| enumerable: true, | ||
| configurable: true | ||
| }); | ||
| Object.defineProperty(MDCToolbarFoundation, "defaultAdapter", { | ||
| get: function () { | ||
| // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface. | ||
| return { | ||
| hasClass: function () { return false; }, | ||
| addClass: function () { return undefined; }, | ||
| removeClass: function () { return undefined; }, | ||
| registerScrollHandler: function () { return undefined; }, | ||
| deregisterScrollHandler: function () { return undefined; }, | ||
| registerResizeHandler: function () { return undefined; }, | ||
| deregisterResizeHandler: function () { return undefined; }, | ||
| getViewportWidth: function () { return 0; }, | ||
| getViewportScrollY: function () { return 0; }, | ||
| getOffsetHeight: function () { return 0; }, | ||
| getFirstRowElementOffsetHeight: function () { return 0; }, | ||
| notifyChange: function () { return undefined; }, | ||
| setStyle: function () { return undefined; }, | ||
| setStyleForTitleElement: function () { return undefined; }, | ||
| setStyleForFlexibleRowElement: function () { return undefined; }, | ||
| setStyleForFixedAdjustElement: function () { return undefined; }, | ||
| }; | ||
| // tslint:enable:object-literal-sort-keys | ||
| }, | ||
| enumerable: true, | ||
| configurable: true | ||
| }); | ||
| MDCToolbarFoundation.prototype.init = function () { | ||
| var _this = this; | ||
| this.isFixed_ = this.adapter_.hasClass(cssClasses.FIXED); | ||
| this.isFixedLastRow_ = this.adapter_.hasClass(cssClasses.FIXED_LASTROW) && this.isFixed_; | ||
| this.hasFlexibleFirstRow_ = this.adapter_.hasClass(cssClasses.TOOLBAR_ROW_FLEXIBLE); | ||
| if (this.hasFlexibleFirstRow_) { | ||
| this.useFlexDefaultBehavior_ = this.adapter_.hasClass(cssClasses.FLEXIBLE_DEFAULT_BEHAVIOR); | ||
| } | ||
| this.resizeHandler_ = function () { return _this.checkRowHeight_(); }; | ||
| this.scrollHandler_ = function () { return _this.updateToolbarStyles_(); }; | ||
| this.adapter_.registerResizeHandler(this.resizeHandler_); | ||
| this.adapter_.registerScrollHandler(this.scrollHandler_); | ||
| this.initKeyRatio_(); | ||
| this.setKeyHeights_(); | ||
| }; | ||
| } | ||
| constructor(adapter) { | ||
| super(Object.assign(MDCToolbarFoundation.defaultAdapter, adapter)); | ||
| this.resizeHandler_ = () => this.checkRowHeight_(); | ||
| this.scrollHandler_ = () => this.updateToolbarStyles_(); | ||
| this.checkRowHeightFrame_ = 0; | ||
| this.scrollFrame_ = 0; | ||
| this.executedLastChange_ = false; | ||
| this.calculations_ = { | ||
| toolbarRowHeight: 0, | ||
| // Calculated Height ratio. We use ratio to calculate corresponding heights in resize event. | ||
| toolbarRatio: 0, // The ratio of toolbar height to row height | ||
| flexibleExpansionRatio: 0, // The ratio of flexible space height to row height | ||
| maxTranslateYRatio: 0, // The ratio of max toolbar move up distance to row height | ||
| scrollThresholdRatio: 0, // The ratio of max scrollTop that we should listen to to row height | ||
| // Derived Heights based on the above key ratios. | ||
| toolbarHeight: 0, | ||
| flexibleExpansionHeight: 0, // Flexible row minus toolbar height (derived) | ||
| maxTranslateYDistance: 0, // When toolbar only fix last row (derived) | ||
| scrollThreshold: 0, | ||
| MDCToolbarFoundation.prototype.destroy = function () { | ||
| this.adapter_.deregisterResizeHandler(this.resizeHandler_); | ||
| this.adapter_.deregisterScrollHandler(this.scrollHandler_); | ||
| }; | ||
| // Toolbar fixed behavior | ||
| // If toolbar is fixed | ||
| this.fixed_ = false; | ||
| // If fixed is targeted only at the last row | ||
| this.fixedLastrow_ = false; | ||
| // Toolbar flexible behavior | ||
| // If the first row is flexible | ||
| this.hasFlexibleRow_ = false; | ||
| // If use the default behavior | ||
| this.useFlexDefaultBehavior_ = false; | ||
| } | ||
| init() { | ||
| this.fixed_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FIXED); | ||
| this.fixedLastrow_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FIXED_LASTROW) & this.fixed_; | ||
| this.hasFlexibleRow_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.TOOLBAR_ROW_FLEXIBLE); | ||
| if (this.hasFlexibleRow_) { | ||
| this.useFlexDefaultBehavior_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_DEFAULT_BEHAVIOR); | ||
| } | ||
| this.initKeyRatio_(); | ||
| this.setKeyHeights_(); | ||
| this.adapter_.registerResizeHandler(this.resizeHandler_); | ||
| this.adapter_.registerScrollHandler(this.scrollHandler_); | ||
| } | ||
| destroy() { | ||
| this.adapter_.deregisterResizeHandler(this.resizeHandler_); | ||
| this.adapter_.deregisterScrollHandler(this.scrollHandler_); | ||
| } | ||
| updateAdjustElementStyles() { | ||
| if (this.fixed_) { | ||
| this.adapter_.setStyleForFixedAdjustElement('margin-top', `${this.calculations_.toolbarHeight}px`); | ||
| } | ||
| } | ||
| getFlexibleExpansionRatio_(scrollTop) { | ||
| // To prevent division by zero when there is no flexibleExpansionHeight | ||
| const delta = 0.0001; | ||
| return Math.max(0, 1 - scrollTop / (this.calculations_.flexibleExpansionHeight + delta)); | ||
| } | ||
| checkRowHeight_() { | ||
| cancelAnimationFrame(this.checkRowHeightFrame_); | ||
| this.checkRowHeightFrame_ = requestAnimationFrame(() => this.setKeyHeights_()); | ||
| } | ||
| setKeyHeights_() { | ||
| const newToolbarRowHeight = this.getRowHeight_(); | ||
| if (newToolbarRowHeight !== this.calculations_.toolbarRowHeight) { | ||
| this.calculations_.toolbarRowHeight = newToolbarRowHeight; | ||
| this.calculations_.toolbarHeight = this.calculations_.toolbarRatio * this.calculations_.toolbarRowHeight; | ||
| this.calculations_.flexibleExpansionHeight = | ||
| this.calculations_.flexibleExpansionRatio * this.calculations_.toolbarRowHeight; | ||
| this.calculations_.maxTranslateYDistance = | ||
| this.calculations_.maxTranslateYRatio * this.calculations_.toolbarRowHeight; | ||
| this.calculations_.scrollThreshold = | ||
| this.calculations_.scrollThresholdRatio * this.calculations_.toolbarRowHeight; | ||
| this.updateAdjustElementStyles(); | ||
| this.updateToolbarStyles_(); | ||
| } | ||
| } | ||
| updateToolbarStyles_() { | ||
| cancelAnimationFrame(this.scrollFrame_); | ||
| this.scrollFrame_ = requestAnimationFrame(() => { | ||
| const scrollTop = this.adapter_.getViewportScrollY(); | ||
| const hasScrolledOutOfThreshold = this.scrolledOutOfThreshold_(scrollTop); | ||
| if (hasScrolledOutOfThreshold && this.executedLastChange_) { | ||
| return; | ||
| } | ||
| const flexibleExpansionRatio = this.getFlexibleExpansionRatio_(scrollTop); | ||
| this.updateToolbarFlexibleState_(flexibleExpansionRatio); | ||
| if (this.fixedLastrow_) { | ||
| this.updateToolbarFixedState_(scrollTop); | ||
| } | ||
| if (this.hasFlexibleRow_) { | ||
| this.updateFlexibleRowElementStyles_(flexibleExpansionRatio); | ||
| } | ||
| this.executedLastChange_ = hasScrolledOutOfThreshold; | ||
| this.adapter_.notifyChange({flexibleExpansionRatio: flexibleExpansionRatio}); | ||
| }); | ||
| } | ||
| scrolledOutOfThreshold_(scrollTop) { | ||
| return scrollTop > this.calculations_.scrollThreshold; | ||
| } | ||
| initKeyRatio_() { | ||
| const toolbarRowHeight = this.getRowHeight_(); | ||
| const firstRowMaxRatio = this.adapter_.getFirstRowElementOffsetHeight() / toolbarRowHeight; | ||
| this.calculations_.toolbarRatio = this.adapter_.getOffsetHeight() / toolbarRowHeight; | ||
| this.calculations_.flexibleExpansionRatio = firstRowMaxRatio - 1; | ||
| this.calculations_.maxTranslateYRatio = | ||
| this.fixedLastrow_ ? this.calculations_.toolbarRatio - firstRowMaxRatio : 0; | ||
| this.calculations_.scrollThresholdRatio = | ||
| (this.fixedLastrow_ ? this.calculations_.toolbarRatio : firstRowMaxRatio) - 1; | ||
| } | ||
| getRowHeight_() { | ||
| const breakpoint = MDCToolbarFoundation.numbers.TOOLBAR_MOBILE_BREAKPOINT; | ||
| return this.adapter_.getViewportWidth() < breakpoint ? | ||
| MDCToolbarFoundation.numbers.TOOLBAR_ROW_MOBILE_HEIGHT : MDCToolbarFoundation.numbers.TOOLBAR_ROW_HEIGHT; | ||
| } | ||
| updateToolbarFlexibleState_(flexibleExpansionRatio) { | ||
| this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MAX); | ||
| this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MIN); | ||
| if (flexibleExpansionRatio === 1) { | ||
| this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MAX); | ||
| } else if (flexibleExpansionRatio === 0) { | ||
| this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MIN); | ||
| } | ||
| } | ||
| updateToolbarFixedState_(scrollTop) { | ||
| const translateDistance = Math.max(0, Math.min( | ||
| scrollTop - this.calculations_.flexibleExpansionHeight, | ||
| this.calculations_.maxTranslateYDistance)); | ||
| this.adapter_.setStyle('transform', `translateY(${-translateDistance}px)`); | ||
| if (translateDistance === this.calculations_.maxTranslateYDistance) { | ||
| this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FIXED_AT_LAST_ROW); | ||
| } else { | ||
| this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FIXED_AT_LAST_ROW); | ||
| } | ||
| } | ||
| updateFlexibleRowElementStyles_(flexibleExpansionRatio) { | ||
| if (this.fixed_) { | ||
| const height = this.calculations_.flexibleExpansionHeight * flexibleExpansionRatio; | ||
| this.adapter_.setStyleForFlexibleRowElement('height', | ||
| `${height + this.calculations_.toolbarRowHeight}px`); | ||
| } | ||
| if (this.useFlexDefaultBehavior_) { | ||
| this.updateElementStylesDefaultBehavior_(flexibleExpansionRatio); | ||
| } | ||
| } | ||
| updateElementStylesDefaultBehavior_(flexibleExpansionRatio) { | ||
| const maxTitleSize = MDCToolbarFoundation.numbers.MAX_TITLE_SIZE; | ||
| const minTitleSize = MDCToolbarFoundation.numbers.MIN_TITLE_SIZE; | ||
| const currentTitleSize = (maxTitleSize - minTitleSize) * flexibleExpansionRatio + minTitleSize; | ||
| this.adapter_.setStyleForTitleElement('font-size', `${currentTitleSize}rem`); | ||
| } | ||
| } | ||
| MDCToolbarFoundation.prototype.updateAdjustElementStyles = function () { | ||
| if (this.isFixed_) { | ||
| this.adapter_.setStyleForFixedAdjustElement('margin-top', this.calculations_.toolbarHeight + "px"); | ||
| } | ||
| }; | ||
| MDCToolbarFoundation.prototype.getFlexibleExpansionRatio_ = function (scrollTop) { | ||
| // To prevent division by zero when there is no flexibleExpansionHeight | ||
| var delta = 0.0001; | ||
| return Math.max(0, 1 - scrollTop / (this.calculations_.flexibleExpansionHeight + delta)); | ||
| }; | ||
| MDCToolbarFoundation.prototype.checkRowHeight_ = function () { | ||
| var _this = this; | ||
| cancelAnimationFrame(this.checkRowHeightFrame_); | ||
| this.checkRowHeightFrame_ = requestAnimationFrame(function () { return _this.setKeyHeights_(); }); | ||
| }; | ||
| MDCToolbarFoundation.prototype.setKeyHeights_ = function () { | ||
| var newToolbarRowHeight = this.getRowHeight_(); | ||
| if (newToolbarRowHeight !== this.calculations_.toolbarRowHeight) { | ||
| this.calculations_.toolbarRowHeight = newToolbarRowHeight; | ||
| this.calculations_.toolbarHeight = this.calculations_.toolbarRatio * this.calculations_.toolbarRowHeight; | ||
| this.calculations_.flexibleExpansionHeight = | ||
| this.calculations_.flexibleExpansionRatio * this.calculations_.toolbarRowHeight; | ||
| this.calculations_.maxTranslateYDistance = | ||
| this.calculations_.maxTranslateYRatio * this.calculations_.toolbarRowHeight; | ||
| this.calculations_.scrollThreshold = | ||
| this.calculations_.scrollThresholdRatio * this.calculations_.toolbarRowHeight; | ||
| this.updateAdjustElementStyles(); | ||
| this.updateToolbarStyles_(); | ||
| } | ||
| }; | ||
| MDCToolbarFoundation.prototype.updateToolbarStyles_ = function () { | ||
| var _this = this; | ||
| cancelAnimationFrame(this.scrollFrame_); | ||
| this.scrollFrame_ = requestAnimationFrame(function () { | ||
| var scrollTop = _this.adapter_.getViewportScrollY(); | ||
| var hasScrolledOutOfThreshold = _this.scrolledOutOfThreshold_(scrollTop); | ||
| if (hasScrolledOutOfThreshold && _this.executedLastChange_) { | ||
| return; | ||
| } | ||
| var flexibleExpansionRatio = _this.getFlexibleExpansionRatio_(scrollTop); | ||
| _this.updateToolbarFlexibleState_(flexibleExpansionRatio); | ||
| if (_this.isFixedLastRow_) { | ||
| _this.updateToolbarFixedState_(scrollTop); | ||
| } | ||
| if (_this.hasFlexibleFirstRow_) { | ||
| _this.updateFlexibleRowElementStyles_(flexibleExpansionRatio); | ||
| } | ||
| _this.executedLastChange_ = hasScrolledOutOfThreshold; | ||
| _this.adapter_.notifyChange({ flexibleExpansionRatio: flexibleExpansionRatio }); | ||
| }); | ||
| }; | ||
| MDCToolbarFoundation.prototype.scrolledOutOfThreshold_ = function (scrollTop) { | ||
| return scrollTop > this.calculations_.scrollThreshold; | ||
| }; | ||
| MDCToolbarFoundation.prototype.initKeyRatio_ = function () { | ||
| var toolbarRowHeight = this.getRowHeight_(); | ||
| var firstRowMaxRatio = this.adapter_.getFirstRowElementOffsetHeight() / toolbarRowHeight; | ||
| this.calculations_.toolbarRatio = this.adapter_.getOffsetHeight() / toolbarRowHeight; | ||
| this.calculations_.flexibleExpansionRatio = firstRowMaxRatio - 1; | ||
| this.calculations_.maxTranslateYRatio = | ||
| this.isFixedLastRow_ ? this.calculations_.toolbarRatio - firstRowMaxRatio : 0; | ||
| this.calculations_.scrollThresholdRatio = | ||
| (this.isFixedLastRow_ ? this.calculations_.toolbarRatio : firstRowMaxRatio) - 1; | ||
| }; | ||
| MDCToolbarFoundation.prototype.getRowHeight_ = function () { | ||
| var breakpoint = numbers.TOOLBAR_MOBILE_BREAKPOINT; | ||
| return this.adapter_.getViewportWidth() < breakpoint ? | ||
| numbers.TOOLBAR_ROW_MOBILE_HEIGHT : numbers.TOOLBAR_ROW_HEIGHT; | ||
| }; | ||
| MDCToolbarFoundation.prototype.updateToolbarFlexibleState_ = function (flexibleExpansionRatio) { | ||
| this.adapter_.removeClass(cssClasses.FLEXIBLE_MAX); | ||
| this.adapter_.removeClass(cssClasses.FLEXIBLE_MIN); | ||
| if (flexibleExpansionRatio === 1) { | ||
| this.adapter_.addClass(cssClasses.FLEXIBLE_MAX); | ||
| } | ||
| else if (flexibleExpansionRatio === 0) { | ||
| this.adapter_.addClass(cssClasses.FLEXIBLE_MIN); | ||
| } | ||
| }; | ||
| MDCToolbarFoundation.prototype.updateToolbarFixedState_ = function (scrollTop) { | ||
| var translateDistance = Math.max(0, Math.min(scrollTop - this.calculations_.flexibleExpansionHeight, this.calculations_.maxTranslateYDistance)); | ||
| this.adapter_.setStyle('transform', "translateY(" + -translateDistance + "px)"); | ||
| if (translateDistance === this.calculations_.maxTranslateYDistance) { | ||
| this.adapter_.addClass(cssClasses.FIXED_AT_LAST_ROW); | ||
| } | ||
| else { | ||
| this.adapter_.removeClass(cssClasses.FIXED_AT_LAST_ROW); | ||
| } | ||
| }; | ||
| MDCToolbarFoundation.prototype.updateFlexibleRowElementStyles_ = function (flexibleExpansionRatio) { | ||
| if (this.isFixed_) { | ||
| var height = this.calculations_.flexibleExpansionHeight * flexibleExpansionRatio; | ||
| this.adapter_.setStyleForFlexibleRowElement('height', height + this.calculations_.toolbarRowHeight + "px"); | ||
| } | ||
| if (this.useFlexDefaultBehavior_) { | ||
| this.updateElementStylesDefaultBehavior_(flexibleExpansionRatio); | ||
| } | ||
| }; | ||
| MDCToolbarFoundation.prototype.updateElementStylesDefaultBehavior_ = function (flexibleExpansionRatio) { | ||
| var maxTitleSize = numbers.MAX_TITLE_SIZE; | ||
| var minTitleSize = numbers.MIN_TITLE_SIZE; | ||
| var currentTitleSize = (maxTitleSize - minTitleSize) * flexibleExpansionRatio + minTitleSize; | ||
| this.adapter_.setStyleForTitleElement('font-size', currentTitleSize + "rem"); | ||
| }; | ||
| return MDCToolbarFoundation; | ||
| }(MDCFoundation)); | ||
| export { MDCToolbarFoundation }; | ||
| // tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier. | ||
| export default MDCToolbarFoundation; | ||
| //# sourceMappingURL=foundation.js.map |
76
index.js
| /** | ||
| * @license | ||
| * Copyright 2017 Google Inc. | ||
| * Copyright 2019 Google Inc. | ||
| * | ||
@@ -23,72 +23,4 @@ * Permission is hereby granted, free of charge, to any person obtaining a copy | ||
| */ | ||
| import MDCComponent from '@material/base/component'; | ||
| import {MDCRipple} from '@material/ripple/index'; | ||
| import MDCToolbarFoundation from './foundation'; | ||
| export {MDCToolbarFoundation}; | ||
| export class MDCToolbar extends MDCComponent { | ||
| static attachTo(root) { | ||
| return new MDCToolbar(root); | ||
| } | ||
| get firstRowElement_() { | ||
| return this.root_.querySelector(MDCToolbarFoundation.strings.FIRST_ROW_SELECTOR); | ||
| } | ||
| get titleElement_() { | ||
| return this.root_.querySelector(MDCToolbarFoundation.strings.TITLE_SELECTOR); | ||
| } | ||
| set fixedAdjustElement(fixedAdjustElement) { | ||
| this.fixedAdjustElement_ = fixedAdjustElement; | ||
| this.foundation_.updateAdjustElementStyles(); | ||
| } | ||
| get fixedAdjustElement() { | ||
| return this.fixedAdjustElement_; | ||
| } | ||
| initialize() { | ||
| this.ripples_ = [].map.call(this.root_.querySelectorAll(MDCToolbarFoundation.strings.ICON_SELECTOR), (icon) => { | ||
| const ripple = MDCRipple.attachTo(icon); | ||
| ripple.unbounded = true; | ||
| return ripple; | ||
| }); | ||
| } | ||
| destroy() { | ||
| this.ripples_.forEach((ripple) => { | ||
| ripple.destroy(); | ||
| }); | ||
| super.destroy(); | ||
| } | ||
| getDefaultFoundation() { | ||
| return new MDCToolbarFoundation({ | ||
| hasClass: (className) => this.root_.classList.contains(className), | ||
| addClass: (className) => this.root_.classList.add(className), | ||
| removeClass: (className) => this.root_.classList.remove(className), | ||
| registerScrollHandler: (handler) => window.addEventListener('scroll', handler), | ||
| deregisterScrollHandler: (handler) => window.removeEventListener('scroll', handler), | ||
| registerResizeHandler: (handler) => window.addEventListener('resize', handler), | ||
| deregisterResizeHandler: (handler) => window.removeEventListener('resize', handler), | ||
| getViewportWidth: () => window.innerWidth, | ||
| getViewportScrollY: () => window.pageYOffset, | ||
| getOffsetHeight: () => this.root_.offsetHeight, | ||
| getFirstRowElementOffsetHeight: () => this.firstRowElement_.offsetHeight, | ||
| notifyChange: (evtData) => this.emit(MDCToolbarFoundation.strings.CHANGE_EVENT, evtData), | ||
| setStyle: (property, value) => this.root_.style.setProperty(property, value), | ||
| setStyleForTitleElement: (property, value) => this.titleElement_.style.setProperty(property, value), | ||
| setStyleForFlexibleRowElement: (property, value) => this.firstRowElement_.style.setProperty(property, value), | ||
| setStyleForFixedAdjustElement: (property, value) => { | ||
| if (this.fixedAdjustElement) { | ||
| this.fixedAdjustElement.style.setProperty(property, value); | ||
| } | ||
| }, | ||
| }); | ||
| } | ||
| } | ||
| export * from './component'; | ||
| export * from './foundation'; | ||
| //# sourceMappingURL=index.js.map |
| { | ||
| "name": "@material/toolbar", | ||
| "version": "0.44.1", | ||
| "version": "1.0.0-0", | ||
| "description": "The Material Components for the web toolbar component", | ||
| "license": "MIT", | ||
| "main": "dist/mdc.toolbar.js", | ||
| "module": "index.js", | ||
| "sideEffects": false, | ||
| "types": "dist/mdc.toolbar.d.ts", | ||
| "repository": { | ||
@@ -17,8 +20,9 @@ "type": "git", | ||
| "dependencies": { | ||
| "@material/base": "^0.41.0", | ||
| "@material/elevation": "^0.44.1", | ||
| "@material/ripple": "^0.44.1", | ||
| "@material/base": "^1.0.0-0", | ||
| "@material/elevation": "^1.0.0-0", | ||
| "@material/ripple": "^1.0.0-0", | ||
| "@material/rtl": "^0.42.0", | ||
| "@material/theme": "^0.43.0", | ||
| "@material/typography": "^0.44.1" | ||
| "@material/theme": "^1.0.0-0", | ||
| "@material/typography": "^1.0.0-0", | ||
| "tslib": "^1.9.3" | ||
| }, | ||
@@ -25,0 +29,0 @@ "publishConfig": { |
@@ -332,2 +332,3 @@ <!--docs: | ||
| ### Element | ||
| The component accommodates multiple rows using the wrapper `mdc-toolbar__row`. | ||
@@ -418,3 +419,3 @@ For each row, it has `mdc-toolbar__section` and `mdc-toolbar__title` elements. You | ||
| --- | --- | ||
| `updateAdjustElementStyles() => void` | sets `AdjustElement` proper `margin-top`. | ||
| `updateAdjustElementStyles() => void` | Sets `AdjustElement` proper `margin-top`. | ||
@@ -425,3 +426,3 @@ #### Event | ||
| --- | --- | --- | ||
| `change` | `{flexibleExpansionRatio: number}` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1. | ||
| `change` | `MDCToolbarEventDetail` | Emits the ratio of current flexible space to total flexible space height. So when it is minimized, ratio equals to 0 and when it is maximized, ratio equals to 1. See [types.ts](types.ts). | ||
@@ -435,6 +436,6 @@ #### Adapter | ||
| `removeClass(className: string) => void` | Removes a class from the root element of the component. | ||
| `registerScrollHandler(handler: Function) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event. | ||
| `deregisterScrollHandler(handler: Function) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event. | ||
| `registerResizeHandler(handler: Function) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event. | ||
| `deregisterResizeHandler(handler: Function) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event. | ||
| `registerScrollHandler(handler: EventListener) => void` | Registers a handler to be called when user scrolls. Our default implementation adds the handler as a listener to the window's `scroll` event. | ||
| `deregisterScrollHandler(handler: EventListener) => void` | Unregisters a handler to be called when user scrolls. Our default implementation removes the handler as a listener to the window's `scroll` event. | ||
| `registerResizeHandler(handler: EventListener) => void` | Registers a handler to be called when the surface (or its viewport) resizes. Our default implementation adds the handler as a listener to the window's `resize` event. | ||
| `deregisterResizeHandler(handler: EventListener) => void` | Unregisters a handler to be called when the surface (or its viewport) resizes. Our default implementation removes the handler as a listener to the window's `resize` event. | ||
| `getViewportWidth() => number` | Gets viewport (window) width. | ||
@@ -444,3 +445,3 @@ `getViewportScrollY() => number` | Gets the number of pixels that the content of body is scrolled upward | ||
| `getFirstRowElementOffsetHeight() => number` | Gets first row element offsetHeight. | ||
| `notifyChange(evtData: {flexibleExpansionRatio: number}) => void` | Broadcasts an event with the remaining ratio of flexible space. | ||
| `notifyChange(evtData: MDCToolbarEventDetail) => void` | Broadcasts an event with the remaining ratio of flexible space. See [types.ts](types.ts). | ||
| `setStyle(property: string, value: number) => void` | Sets `mdc-toolbar` style property to provided value. | ||
@@ -447,0 +448,0 @@ `setStyleForTitleElement(property: string, value: number) => void` | Sets `mdc-toolbar__title` style property to provided value. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by28.57%
756444
- Number of package files
- increased by100%
32
- Lines of code
- increased by35.06%
3979
- Number of lines in readme file
- increased by0.22%
446
Worsened metrics
- Dependency count
- increased by16.67%
7
Dependency changes
+ Addedtslib@^1.9.3
+ Added@material/animation@1.0.0(transitive)
+ Added@material/base@1.0.0(transitive)
+ Added@material/dom@1.1.0(transitive)
+ Added@material/elevation@1.1.0(transitive)
+ Added@material/ripple@1.1.0(transitive)
+ Added@material/theme@1.1.0(transitive)
+ Added@material/typography@1.0.0(transitive)
+ Addedtslib@1.14.1(transitive)
- Removed@material/animation@0.41.0(transitive)
- Removed@material/base@0.41.0(transitive)
- Removed@material/elevation@0.44.1(transitive)
- Removed@material/ripple@0.44.1(transitive)
- Removed@material/theme@0.43.0(transitive)
- Removed@material/typography@0.44.1(transitive)
Updated@material/base@^1.0.0-0
Updated@material/elevation@^1.0.0-0
Updated@material/ripple@^1.0.0-0
Updated@material/theme@^1.0.0-0