@openremote/or-app 1.30.0 → 1.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/dist/umd/index.bundle.js +2283 -0
- package/build/dist/umd/index.orbundle.js +2353 -0
- package/build/lib/app.d.ts.map +1 -0
- package/build/lib/app.js.map +1 -0
- package/build/lib/index.d.ts.map +1 -0
- package/{lib → build/lib}/index.js +1 -1
- package/build/lib/index.js.map +1 -0
- package/{lib → build/lib}/or-header.d.ts +1 -1
- package/build/lib/or-header.d.ts.map +1 -0
- package/build/lib/or-header.js.map +1 -0
- package/build/lib/page-offline.d.ts.map +1 -0
- package/build/lib/page-offline.js.map +1 -0
- package/build/lib/types.d.ts.map +1 -0
- package/build/lib/types.js.map +1 -0
- package/package.json +26 -18
- package/lib/app.d.ts.map +0 -1
- package/lib/app.js.map +0 -1
- package/lib/index.d.ts.map +0 -1
- package/lib/index.js.map +0 -1
- package/lib/or-header.d.ts.map +0 -1
- package/lib/or-header.js.map +0 -1
- package/lib/page-offline.d.ts.map +0 -1
- package/lib/page-offline.js.map +0 -1
- package/lib/types.d.ts.map +0 -1
- package/lib/types.js.map +0 -1
- package/typedoc.js +0 -21
- /package/{custom-elements-jsx.d.ts → build/custom-elements-jsx.d.ts} +0 -0
- /package/{custom-elements.json → build/custom-elements.json} +0 -0
- /package/{lib → build/lib}/app.d.ts +0 -0
- /package/{lib → build/lib}/app.js +0 -0
- /package/{lib → build/lib}/index.d.ts +0 -0
- /package/{lib → build/lib}/or-header.js +0 -0
- /package/{lib → build/lib}/page-offline.d.ts +0 -0
- /package/{lib → build/lib}/page-offline.js +0 -0
- /package/{lib → build/lib}/types.d.ts +0 -0
- /package/{lib → build/lib}/types.js +0 -0
- /package/{images → src/images}/favicon.ico +0 -0
- /package/{images → src/images}/logo-mobile.svg +0 -0
- /package/{images → src/images}/logo.svg +0 -0
|
@@ -0,0 +1,2283 @@
|
|
|
1
|
+
var ORApp;(()=>{var t={693(t){"u">typeof self&&self,t.exports=function(){"use strict";var t={407:function(t,e,n){n.d(e,{default:function(){return N}});var i=/([:*])(\w+)/g,r=/\*/g,o=/\/\?/g;function a(t){return void 0===t&&(t="/"),f()?location.pathname+location.search+location.hash:t}function s(t){return t.replace(/\/+$/,"").replace(/^\/+/,"")}function l(t){return"string"==typeof t}function d(t){return t&&t.indexOf("#")>=0&&t.split("#").pop()||""}function c(t){var e=s(t).split(/\?(.*)?$/);return[s(e[0]),e.slice(1).join("")]}function m(t){for(var e={},n=t.split("&"),i=0;i<n.length;i++){var r=n[i].split("=");if(""!==r[0]){var o=decodeURIComponent(r[0]);e[o]?(Array.isArray(e[o])||(e[o]=[e[o]]),e[o].push(decodeURIComponent(r[1]||""))):e[o]=decodeURIComponent(r[1]||"")}}return e}function p(t,e){var n,a=c(s(t.currentLocationPath)),p=a[0],u=a[1],h=""===u?null:m(u),f=[];if(l(e.path)){if(n="(?:/^|^)"+s(e.path).replace(i,function(t,e,n){return f.push(n),"([^/]+)"}).replace(r,"?(?:.*)").replace(o,"/?([^/]+|)")+"$",""===s(e.path)&&""===s(p))return{url:p,queryString:u,hashString:d(t.to),route:e,data:null,params:h}}else n=e.path;var g=RegExp(n,""),b=p.match(g);if(b){var _=l(e.path)?0===f.length?null:b?b.slice(1,b.length).reduce(function(t,e,n){return null===t&&(t={}),t[f[n]]=decodeURIComponent(e),t},null):null:b.groups?b.groups:b.slice(1);return{url:s(p.replace(RegExp("^"+t.instance.root),"")),queryString:u,hashString:d(t.to),route:e,data:_,params:h}}return!1}function u(){return!("u"<typeof window||!window.history||!window.history.pushState)}function h(t,e){return void 0===t[e]||!0===t[e]}function f(){return"u">typeof window}function g(t,e,n){var i=e||{},r=0;!function e(){t[r]?Array.isArray(t[r])?(t.splice.apply(t,[r,1].concat(t[r][0](i)?t[r][1]:t[r][2])),e()):t[r](i,function(t){void 0===t||!0===t?(r+=1,e()):n&&n(i)}):n&&n(i)}()}function b(t,e){void 0===t.currentLocationPath&&(t.currentLocationPath=t.to=a(t.instance.root)),t.currentLocationPath=t.instance._checkForAHash(t.currentLocationPath),e()}function _(t,e){for(var n=0;n<t.instance.routes.length;n++){var i=p(t,t.instance.routes[n]);if(i&&(t.matches||(t.matches=[]),t.matches.push(i),"ONE"===t.resolveOptions.strategy))return void e()}e()}function v(t,e){t.navigateOptions&&(void 0!==t.navigateOptions.shouldResolve&&console.warn('"shouldResolve" is deprecated. Please check the documentation.'),void 0!==t.navigateOptions.silent&&console.warn('"silent" is deprecated. Please check the documentation.')),e()}function y(t,e){!0===t.navigateOptions.force?(t.instance._setCurrent([t.instance._pathToMatchObject(t.to)]),e(!1)):e()}g.if=function(t,e,n){return Array.isArray(e)||(e=[e]),Array.isArray(n)||(n=[n]),[t,e,n]};var x=f(),w=u();function k(t,e){if(h(t.navigateOptions,"updateBrowserURL")){var n=("/"+t.to).replace(/\/\//g,"/"),i=x&&t.resolveOptions&&!0===t.resolveOptions.hash;w?(history[t.navigateOptions.historyAPIMethod||"pushState"](t.navigateOptions.stateObj||{},t.navigateOptions.title||"",i?"#"+n:n),location&&location.hash&&(t.instance.__freezeListening=!0,setTimeout(function(){if(!i){var e=location.hash;location.hash="",location.hash=e}t.instance.__freezeListening=!1},1))):x&&(window.location.href=t.to)}e()}function E(t,e){var n=t.instance;n.lastResolved()?g(n.lastResolved().map(function(e){return function(n,i){if(e.route.hooks&&e.route.hooks.leave){var r=!1,o=t.instance.matchLocation(e.route.path,t.currentLocationPath,!1);r="*"!==e.route.path?!o:!(t.matches&&t.matches.find(function(t){return e.route.path===t.route.path})),h(t.navigateOptions,"callHooks")&&r?g(e.route.hooks.leave.map(function(e){return function(n,i){return e(function(e){!1===e?t.instance.__markAsClean(t):i()},t.matches&&t.matches.length>0?1===t.matches.length?t.matches[0]:t.matches:void 0)}}).concat([function(){return i()}])):i()}else i()}}),{},function(){return e()}):e()}function C(t,e){h(t.navigateOptions,"updateState")&&t.instance._setCurrent(t.matches),e()}var A=[function(t,e){var n=t.instance.lastResolved();n&&n[0]&&n[0].route===t.match.route&&n[0].url===t.match.url&&n[0].queryString===t.match.queryString?(n.forEach(function(e){e.route.hooks&&e.route.hooks.already&&h(t.navigateOptions,"callHooks")&&e.route.hooks.already.forEach(function(e){return e(t.match)})}),e(!1)):e()},function(t,e){t.match.route.hooks&&t.match.route.hooks.before&&h(t.navigateOptions,"callHooks")?g(t.match.route.hooks.before.map(function(e){return function(n,i){return e(function(e){!1===e?t.instance.__markAsClean(t):i()},t.match)}}).concat([function(){return e()}])):e()},function(t,e){h(t.navigateOptions,"callHandler")&&t.match.route.handler(t.match),t.instance.updatePageLinks(),e()},function(t,e){t.match.route.hooks&&t.match.route.hooks.after&&h(t.navigateOptions,"callHooks")&&t.match.route.hooks.after.forEach(function(e){return e(t.match)}),e()}],T=[E,function(t,e){var n=t.instance._notFoundRoute;if(n){t.notFoundHandled=!0;var i=c(t.currentLocationPath),r=i[0],o=i[1],a=d(t.to);n.path=s(r);var l={url:n.path,queryString:o,hashString:a,data:null,route:n,params:""!==o?m(o):null};t.matches=[l],t.match=l}e()},g.if(function(t){return t.notFoundHandled},A.concat([C]),[function(t,e){t.resolveOptions&&!1!==t.resolveOptions.noMatchWarning&&void 0!==t.resolveOptions.noMatchWarning||console.warn('Navigo: "'+t.currentLocationPath+"\" didn't match any of the registered routes."),e()},function(t,e){t.instance._setCurrent(null),e()}])];function I(){return(I=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}function O(t,e){var n=0;E(t,function i(){n!==t.matches.length?g(A,I({},t,{match:t.matches[n]}),function(){n+=1,i()}):C(t,e)})}function S(t){t.instance.__markAsClean(t)}function L(){return(L=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}var M="[data-navigo]";function N(t,e){var n,i=e||{strategy:"ONE",hash:!1,noMatchWarning:!1,linksSelector:M},r=this,o="/",h=null,x=[],w=!1,E=u(),C=f();function A(t){return t.indexOf("#")>=0&&(t=!0===i.hash?t.split("#")[1]||"/":t.split("#")[0]),t}function I(t){return s(o+"/"+s(t))}function N(t,e,n,i){var r,o;return t=l(t)?I(t):t,{name:i||s(String(t)),path:t,handler:e,hooks:(void 0===(r=n)&&(r=[]),void 0===o&&(o={}),r.filter(function(t){return t}).forEach(function(t){["before","after","already","leave"].forEach(function(e){t[e]&&(o[e]||(o[e]=[]),o[e].push(t[e]))})}),o)}}function D(t,e){if(!r.__dirty){r.__dirty=!0;var n={instance:r,to:t=t?s(o)+"/"+s(t):void 0,currentLocationPath:t,navigateOptions:{},resolveOptions:L({},i,e)};return g([b,_,g.if(function(t){var e=t.matches;return e&&e.length>0},O,T)],n,S),!!n.matches&&n.matches}r.__waiting.push(function(){return r.resolve(t,e)})}function R(t,e){if(r.__dirty)r.__waiting.push(function(){return r.navigate(t,e)});else{r.__dirty=!0;var n={instance:r,to:t=s(o)+"/"+s(t),navigateOptions:e||{},resolveOptions:e&&e.resolveOptions?e.resolveOptions:i,currentLocationPath:A(t)};g([v,y,_,g.if(function(t){var e=t.matches;return e&&e.length>0},O,T),k,S],n,S)}}function z(){if(C)return(C?[].slice.call(document.querySelectorAll(i.linksSelector||M)):[]).forEach(function(t){"false"!==t.getAttribute("data-navigo")&&"_blank"!==t.getAttribute("target")?t.hasListenerAttached||(t.hasListenerAttached=!0,t.navigoHandler=function(e){if((e.ctrlKey||e.metaKey)&&"a"===e.target.tagName.toLowerCase())return!1;var n=t.getAttribute("href");if(null==n)return!1;if(n.match(/^(http|https)/)&&"u">typeof URL)try{var i=new URL(n);n=i.pathname+i.search}catch(t){}var o=function(t){if(!t)return{};var e,n=t.split(","),i={};return n.forEach(function(t){var n=t.split(":").map(function(t){return t.replace(/(^ +| +$)/g,"")});switch(n[0]){case"historyAPIMethod":i.historyAPIMethod=n[1];break;case"resolveOptionsStrategy":e||(e={}),e.strategy=n[1];break;case"resolveOptionsHash":e||(e={}),e.hash="true"===n[1];break;case"updateBrowserURL":case"callHandler":case"updateState":case"force":i[n[0]]="true"===n[1]}}),e&&(i.resolveOptions=e),i}(t.getAttribute("data-navigo-options"));w||(e.preventDefault(),e.stopPropagation(),r.navigate(s(n),o))},t.addEventListener("click",t.navigoHandler)):t.hasListenerAttached&&t.removeEventListener("click",t.navigoHandler)}),r}function P(t,e,n){var i=x.find(function(e){return e.name===t}),r=null;if(i){if(r=i.path,e)for(var a in e)r=r.replace(":"+a,e[a]);r=r.match(/^\//)?r:"/"+r}return r&&n&&!n.includeRoot&&(r=r.replace(RegExp("^/"+o),"")),r}function j(t){var e=c(s(t)),i=e[0],r=e[1],o=""===r?null:m(r);return{url:i,queryString:r,hashString:d(t),route:N(i,function(){},[n],i),data:null,params:o}}function $(t,e,n){return"string"==typeof e&&(e=F(e)),e?(e.hooks[t]||(e.hooks[t]=[]),e.hooks[t].push(n),function(){e.hooks[t]=e.hooks[t].filter(function(t){return t!==n})}):(console.warn("Route doesn't exists: "+e),function(){})}function F(t){return"string"==typeof t?x.find(function(e){return e.name===I(t)}):x.find(function(e){return e.handler===t})}t?o=s(t):console.warn('Navigo requires a root path in its constructor. If not provided will use "/" as default.'),this.root=o,this.routes=x,this.destroyed=w,this.current=h,this.__freezeListening=!1,this.__waiting=[],this.__dirty=!1,this.__markAsClean=function(t){t.instance.__dirty=!1,t.instance.__waiting.length>0&&t.instance.__waiting.shift()()},this.on=function(t,e,i){var r=this;return"object"!=typeof t||t instanceof RegExp?("function"==typeof t&&(i=e,e=t,t=o),x.push(N(t,e,[n,i]))):Object.keys(t).forEach(function(e){if("function"==typeof t[e])r.on(e,t[e]);else{var i=t[e],o=i.uses,a=i.as,s=i.hooks;x.push(N(e,o,[n,s],a))}}),this},this.off=function(t){return this.routes=x=x.filter(function(e){return l(t)?s(e.path)!==s(t):"function"==typeof t?t!==e.handler:String(e.path)!==String(t)}),this},this.resolve=D,this.navigate=R,this.navigateByName=function(t,e,n){var i=P(t,e);return null!==i&&(R(i.replace(RegExp("^/?"+o),""),n),!0)},this.destroy=function(){this.routes=x=[],E&&window.removeEventListener("popstate",this.__popstateListener),this.destroyed=w=!0},this.notFound=function(t,e){return r._notFoundRoute=N("*",t,[n,e],"__NOT_FOUND__"),this},this.updatePageLinks=z,this.link=function(t){return"/"+o+"/"+s(t)},this.hooks=function(t){return n=t,this},this.extractGETParameters=function(t){return c(A(t))},this.lastResolved=function(){return h},this.generate=P,this.getLinkPath=function(t){return t.getAttribute("href")},this.match=function(t){var e={instance:r,currentLocationPath:t,to:t,navigateOptions:{},resolveOptions:i};return _(e,function(){}),!!e.matches&&e.matches},this.matchLocation=function(t,e,n){void 0!==e&&(void 0===n||n)&&(e=I(e));var i={instance:r,to:e,currentLocationPath:e};return b(i,function(){}),"string"==typeof t&&(t=void 0===n||n?I(t):t),p(i,{name:String(t),path:t,handler:function(){},hooks:{}})||!1},this.getCurrentLocation=function(){return j(s(a(o)).replace(RegExp("^"+o),""))},this.addBeforeHook=$.bind(this,"before"),this.addAfterHook=$.bind(this,"after"),this.addAlreadyHook=$.bind(this,"already"),this.addLeaveHook=$.bind(this,"leave"),this.getRoute=F,this._pathToMatchObject=j,this._clean=s,this._checkForAHash=A,this._setCurrent=function(t){return h=r.current=t},(function(){E&&(this.__popstateListener=function(){r.__freezeListening||D()},window.addEventListener("popstate",this.__popstateListener))}).call(this),z.call(this)}}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}return n.d=function(t,e){for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n(407)}().default},28(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-touch-target-wrapper {\n display: inline;\n}\n\n.mdc-elevation-overlay {\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n opacity: 0;\n /* @alternate */\n opacity: var(--mdc-elevation-overlay-opacity, 0);\n transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-elevation-overlay-color, #fff);\n}\n\n.mdc-button {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-button-font-size, 0.875rem);\n line-height: 2.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-button-line-height, 2.25rem);\n font-weight: 500;\n /* @alternate */\n font-weight: var(--mdc-typography-button-font-weight, 500);\n letter-spacing: 0.0892857143em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);\n text-decoration: none;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);\n text-decoration: var(--mdc-typography-button-text-decoration, none);\n text-transform: uppercase;\n /* @alternate */\n text-transform: var(--mdc-typography-button-text-transform, uppercase);\n padding: 0 8px 0 8px;\n /* @alternate */\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n min-width: 64px;\n border: none;\n outline: none;\n /* @alternate */\n line-height: inherit;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-appearance: none;\n overflow: visible;\n vertical-align: middle;\n border-radius: 4px;\n /* @alternate */\n border-radius: var(--mdc-shape-small, 4px);\n height: 36px;\n}\n.mdc-button .mdc-elevation-overlay {\n width: 100%;\n height: 100%;\n top: 0;\n /* @noflip */\n left: 0;\n}\n.mdc-button::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mdc-button:active {\n outline: none;\n}\n.mdc-button:hover {\n cursor: pointer;\n}\n.mdc-button:disabled {\n cursor: default;\n pointer-events: none;\n}\n.mdc-button .mdc-button__ripple {\n border-radius: 4px;\n /* @alternate */\n border-radius: var(--mdc-shape-small, 4px);\n}\n.mdc-button:not(:disabled) {\n background-color: transparent;\n}\n.mdc-button:disabled {\n background-color: transparent;\n}\n.mdc-button .mdc-button__icon {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 8px;\n display: inline-block;\n width: 18px;\n height: 18px;\n font-size: 18px;\n vertical-align: top;\n}\n[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-button .mdc-button__touch {\n position: absolute;\n top: 50%;\n right: 0;\n height: 48px;\n left: 0;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n.mdc-button:not(:disabled) {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-button:disabled {\n color: rgba(0, 0, 0, 0.38);\n}\n\n.mdc-button__label + .mdc-button__icon {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 0;\n}\n[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 8px;\n}\n\nsvg.mdc-button__icon {\n fill: currentColor;\n}\n\n.mdc-button--raised .mdc-button__icon,\n.mdc-button--unelevated .mdc-button__icon,\n.mdc-button--outlined .mdc-button__icon {\n /* @noflip */\n margin-left: -4px;\n /* @noflip */\n margin-right: 8px;\n}\n[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],\n[dir=rtl] .mdc-button--unelevated .mdc-button__icon,\n.mdc-button--unelevated .mdc-button__icon[dir=rtl],\n[dir=rtl] .mdc-button--outlined .mdc-button__icon,\n.mdc-button--outlined .mdc-button__icon[dir=rtl] {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: -4px;\n}\n.mdc-button--raised .mdc-button__label + .mdc-button__icon,\n.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,\n.mdc-button--outlined .mdc-button__label + .mdc-button__icon {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: -4px;\n}\n[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],\n[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,\n.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],\n[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,\n.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {\n /* @noflip */\n margin-left: -4px;\n /* @noflip */\n margin-right: 8px;\n}\n\n.mdc-button--raised,\n.mdc-button--unelevated {\n padding: 0 16px 0 16px;\n}\n.mdc-button--raised:not(:disabled),\n.mdc-button--unelevated:not(:disabled) {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-button--raised:not(:disabled),\n.mdc-button--unelevated:not(:disabled) {\n color: #fff;\n /* @alternate */\n color: var(--mdc-theme-on-primary, #fff);\n}\n.mdc-button--raised:disabled,\n.mdc-button--unelevated:disabled {\n background-color: rgba(0, 0, 0, 0.12);\n}\n.mdc-button--raised:disabled,\n.mdc-button--unelevated:disabled {\n color: rgba(0, 0, 0, 0.38);\n}\n\n.mdc-button--raised {\n /* @alternate */\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mdc-button--raised:hover, .mdc-button--raised:focus {\n /* @alternate */\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\n.mdc-button--raised:active {\n /* @alternate */\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n.mdc-button--raised:disabled {\n /* @alternate */\n box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n\n.mdc-button--outlined {\n padding: 0 15px 0 15px;\n border-width: 1px;\n border-style: solid;\n}\n.mdc-button--outlined .mdc-button__ripple {\n top: -1px;\n left: -1px;\n border: 1px solid transparent;\n}\n.mdc-button--outlined .mdc-button__touch {\n left: -1px;\n width: calc(100% + 2 * 1px);\n}\n.mdc-button--outlined:not(:disabled) {\n border-color: rgba(0, 0, 0, 0.12);\n}\n.mdc-button--outlined:disabled {\n border-color: rgba(0, 0, 0, 0.12);\n}\n\n.mdc-button--touch {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-button {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-button .mdc-button__ripple::before,\n.mdc-button .mdc-button__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-button .mdc-button__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-button .mdc-button__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-button .mdc-button__ripple::before,\n.mdc-button .mdc-button__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n.mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-button.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-button .mdc-button__ripple {\n position: absolute;\n box-sizing: content-box;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {\n top: 0;\n left: 0;\n}\n\n.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after,\n.mdc-button--unelevated .mdc-button__ripple::before,\n.mdc-button--unelevated .mdc-button__ripple::after {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));\n}\n.mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before,\n.mdc-button--unelevated:hover .mdc-button__ripple::before,\n.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.08);\n}\n.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before,\n.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,\n.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after,\n.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after,\n.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n.mdc-button--raised.mdc-ripple-upgraded,\n.mdc-button--unelevated.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n\n/*# sourceMappingURL=mdc.button.css.map*/'},188(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-checkbox {\n padding: calc((40px - 18px) / 2);\n /* @alternate */\n padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);\n margin: calc((40px - 40px) / 2);\n /* @alternate */\n margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);\n}\n.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n.mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));\n}\n.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,\n.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));\n}\n.mdc-checkbox .mdc-checkbox__background {\n top: calc((40px - 18px) / 2);\n /* @alternate */\n top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);\n left: calc((40px - 18px) / 2);\n /* @alternate */\n left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);\n}\n.mdc-checkbox .mdc-checkbox__native-control {\n top: calc((40px - 40px) / 2);\n /* @alternate */\n top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);\n right: calc((40px - 40px) / 2);\n /* @alternate */\n right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);\n left: calc((40px - 40px) / 2);\n /* @alternate */\n left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);\n width: 40px;\n /* @alternate */\n width: var(--mdc-checkbox-ripple-size, 40px);\n height: 40px;\n /* @alternate */\n height: var(--mdc-checkbox-ripple-size, 40px);\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n}\n@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {\n 0% {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n }\n 50% {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n }\n}\n@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {\n 0% {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n }\n 50% {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n }\n}\n@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {\n 0%, 80% {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n }\n 100% {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n }\n}\n@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {\n 0%, 80% {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n }\n 100% {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n }\n}\n.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;\n animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;\n}\n.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;\n animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;\n}\n.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {\n border-color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));\n background-color: transparent;\n}\n.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {\n border-color: transparent;\n background-color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n color: #fff;\n /* @alternate */\n color: var(--mdc-checkbox-ink-color, #fff);\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n border-color: #fff;\n /* @alternate */\n border-color: var(--mdc-checkbox-ink-color, #fff);\n}\n.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n color: #fff;\n /* @alternate */\n color: var(--mdc-checkbox-ink-color, #fff);\n}\n.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n border-color: #fff;\n /* @alternate */\n border-color: var(--mdc-checkbox-ink-color, #fff);\n}\n\n.mdc-touch-target-wrapper {\n display: inline;\n}\n\n@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%, 50% {\n stroke-dashoffset: 29.7833385;\n }\n 50% {\n -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n\n@keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%, 50% {\n stroke-dashoffset: 29.7833385;\n }\n 50% {\n -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%, 68.2% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n }\n 68.2% {\n -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\n }\n 100% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n }\n}\n@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%, 68.2% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n }\n 68.2% {\n -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\n }\n 100% {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n }\n}\n@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n opacity: 1;\n stroke-dashoffset: 0;\n }\n to {\n opacity: 0;\n stroke-dashoffset: -29.7833385;\n }\n}\n@keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n opacity: 1;\n stroke-dashoffset: 0;\n }\n to {\n opacity: 0;\n stroke-dashoffset: -29.7833385;\n }\n}\n@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n opacity: 0;\n }\n}\n@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n opacity: 0;\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n opacity: 0;\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n opacity: 1;\n }\n}\n@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n opacity: 0;\n }\n to {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n opacity: 0;\n }\n to {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n opacity: 1;\n }\n}\n@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n -webkit-transform: rotate(315deg);\n transform: rotate(315deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n -webkit-transform: rotate(315deg);\n transform: rotate(315deg);\n opacity: 0;\n }\n}\n@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n }\n 32.8%, 100% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n }\n 32.8%, 100% {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n opacity: 0;\n }\n}\n.mdc-checkbox {\n display: inline-block;\n position: relative;\n flex: 0 0 18px;\n box-sizing: content-box;\n width: 18px;\n height: 18px;\n line-height: 0;\n white-space: nowrap;\n cursor: pointer;\n vertical-align: bottom;\n}\n\n@media screen and (-ms-high-contrast: active) {\n .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {\n border-color: GrayText;\n /* @alternate */\n border-color: var(--mdc-checkbox-disabled-color, GrayText);\n background-color: transparent;\n }\n\n .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {\n border-color: GrayText;\n background-color: transparent;\n /* @alternate */\n background-color: var(--mdc-checkbox-disabled-color, transparent);\n }\n\n .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n color: GrayText;\n /* @alternate */\n color: var(--mdc-checkbox-ink-color, GrayText);\n }\n .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n border-color: GrayText;\n /* @alternate */\n border-color: var(--mdc-checkbox-ink-color, GrayText);\n }\n\n .mdc-checkbox__mixedmark {\n margin: 0 1px;\n }\n}\n.mdc-checkbox--disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-checkbox__background {\n display: inline-flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border: 2px solid currentColor;\n border-radius: 2px;\n background-color: transparent;\n pointer-events: none;\n will-change: background-color, border-color;\n transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.mdc-checkbox__checkmark {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-checkbox--upgraded .mdc-checkbox__checkmark {\n opacity: 1;\n}\n\n.mdc-checkbox__checkmark-path {\n transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n stroke: currentColor;\n stroke-width: 3.12px;\n stroke-dashoffset: 29.7833385;\n stroke-dasharray: 29.7833385;\n}\n\n.mdc-checkbox__mixedmark {\n width: 100%;\n height: 0;\n -webkit-transform: scaleX(0) rotate(0deg);\n transform: scaleX(0) rotate(0deg);\n border-width: 1px;\n border-style: solid;\n opacity: 0;\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {\n -webkit-animation-duration: 180ms;\n animation-duration: 180ms;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n}\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {\n -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;\n animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {\n -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;\n animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {\n -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;\n animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {\n -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;\n animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {\n -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;\n animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {\n -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;\n animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {\n -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;\n animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {\n -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;\n animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;\n transition: none;\n}\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {\n transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {\n stroke-dashoffset: 0;\n}\n\n.mdc-checkbox__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n}\n.mdc-checkbox__native-control:disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-checkbox--touch {\n margin: calc((48px - 40px) / 2);\n /* @alternate */\n margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);\n}\n.mdc-checkbox--touch .mdc-checkbox__native-control {\n top: calc((40px - 48px) / 2);\n /* @alternate */\n top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);\n right: calc((40px - 48px) / 2);\n /* @alternate */\n right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);\n left: calc((40px - 48px) / 2);\n /* @alternate */\n left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);\n width: 48px;\n /* @alternate */\n width: var(--mdc-checkbox-touch-target-size, 48px);\n height: 48px;\n /* @alternate */\n height: var(--mdc-checkbox-touch-target-size, 48px);\n}\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 1;\n}\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n -webkit-transform: scaleX(1) rotate(-45deg);\n transform: scaleX(1) rotate(-45deg);\n}\n\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n opacity: 0;\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n -webkit-transform: scaleX(1) rotate(0deg);\n transform: scaleX(1) rotate(0deg);\n opacity: 1;\n}\n\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {\n transition: none;\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-checkbox {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-checkbox .mdc-checkbox__ripple::before,\n.mdc-checkbox .mdc-checkbox__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-checkbox .mdc-checkbox__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-checkbox .mdc-checkbox__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-checkbox .mdc-checkbox__ripple::before,\n.mdc-checkbox .mdc-checkbox__ripple::after {\n top: calc(50% - 50%);\n /* @noflip */\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,\n.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-checkbox {\n z-index: 0;\n}\n.mdc-checkbox .mdc-checkbox__ripple::before,\n.mdc-checkbox .mdc-checkbox__ripple::after {\n z-index: -1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, -1);\n}\n\n.mdc-checkbox__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n/*# sourceMappingURL=mdc.checkbox.css.map*/'},384(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-elevation-overlay {\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n opacity: 0;\n /* @alternate */\n opacity: var(--mdc-elevation-overlay-opacity, 0);\n transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-elevation-overlay-color, #fff);\n}\n\n.mdc-dialog,\n.mdc-dialog__scrim {\n position: fixed;\n top: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n}\n\n.mdc-dialog {\n display: none;\n z-index: 7;\n}\n.mdc-dialog .mdc-dialog__surface {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-theme-surface, #fff);\n}\n.mdc-dialog .mdc-dialog__scrim {\n background-color: rgba(0, 0, 0, 0.32);\n}\n.mdc-dialog .mdc-dialog__title {\n color: rgba(0, 0, 0, 0.87);\n}\n.mdc-dialog .mdc-dialog__content {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {\n border-color: rgba(0, 0, 0, 0.12);\n}\n.mdc-dialog .mdc-dialog__content {\n padding: 20px 24px 20px 24px;\n}\n.mdc-dialog .mdc-dialog__surface {\n min-width: 280px;\n}\n@media (max-width: 592px) {\n .mdc-dialog .mdc-dialog__surface {\n max-width: calc(100vw - 32px);\n }\n}\n@media (min-width: 592px) {\n .mdc-dialog .mdc-dialog__surface {\n max-width: 560px;\n }\n}\n.mdc-dialog .mdc-dialog__surface {\n max-height: calc(100% - 32px);\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .mdc-dialog .mdc-dialog__container {\n /* stylelint-disable */\n /* stylelint-enable*/\n }\n}\n.mdc-dialog .mdc-dialog__surface {\n border-radius: 4px;\n /* @alternate */\n border-radius: var(--mdc-shape-medium, 4px);\n}\n\n.mdc-dialog__scrim {\n opacity: 0;\n z-index: -1;\n}\n\n.mdc-dialog__container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n box-sizing: border-box;\n height: 100%;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n opacity: 0;\n pointer-events: none;\n}\n\n.mdc-dialog__surface {\n /* @alternate */\n position: relative;\n /* @alternate */\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n display: flex;\n flex-direction: column;\n flex-grow: 0;\n flex-shrink: 0;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n pointer-events: auto;\n overflow-y: auto;\n}\n.mdc-dialog__surface .mdc-elevation-overlay {\n width: 100%;\n height: 100%;\n top: 0;\n /* @noflip */\n left: 0;\n}\n.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface {\n /* @noflip */\n text-align: right;\n}\n\n.mdc-dialog__title {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1.25rem;\n /* @alternate */\n font-size: var(--mdc-typography-headline6-font-size, 1.25rem);\n line-height: 2rem;\n /* @alternate */\n line-height: var(--mdc-typography-headline6-line-height, 2rem);\n font-weight: 500;\n /* @alternate */\n font-weight: var(--mdc-typography-headline6-font-weight, 500);\n letter-spacing: 0.0125em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);\n text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-headline6-text-transform, inherit);\n position: relative;\n flex-shrink: 0;\n box-sizing: border-box;\n margin: 0;\n padding: 0 24px 9px;\n border-bottom: 1px solid transparent;\n}\n.mdc-dialog__title::before {\n display: inline-block;\n width: 0;\n height: 40px;\n content: "";\n vertical-align: 0;\n}\n.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title {\n /* @noflip */\n text-align: right;\n}\n\n.mdc-dialog--scrollable .mdc-dialog__title {\n padding-bottom: 15px;\n}\n\n.mdc-dialog__content {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-body1-font-size, 1rem);\n line-height: 1.5rem;\n /* @alternate */\n line-height: var(--mdc-typography-body1-line-height, 1.5rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-body1-font-weight, 400);\n letter-spacing: 0.03125em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-body1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-body1-text-transform, inherit);\n flex-grow: 1;\n box-sizing: border-box;\n margin: 0;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n.mdc-dialog__content > :first-child {\n margin-top: 0;\n}\n.mdc-dialog__content > :last-child {\n margin-bottom: 0;\n}\n\n.mdc-dialog__title + .mdc-dialog__content {\n padding-top: 0;\n}\n\n.mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.mdc-dialog__content .mdc-list:first-child:last-child {\n padding: 6px 0 0;\n}\n\n.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {\n padding: 0;\n}\n\n.mdc-dialog__actions {\n display: flex;\n position: relative;\n flex-shrink: 0;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n min-height: 52px;\n margin: 0;\n padding: 8px;\n border-top: 1px solid transparent;\n}\n.mdc-dialog--stacked .mdc-dialog__actions {\n flex-direction: column;\n align-items: flex-end;\n}\n\n.mdc-dialog__button {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 0;\n max-width: 100%;\n /* @noflip */\n text-align: right;\n}\n[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 8px;\n}\n.mdc-dialog__button:first-child {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 0;\n}\n[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button {\n /* @noflip */\n text-align: left;\n}\n\n.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {\n margin-top: 12px;\n}\n\n.mdc-dialog--open,\n.mdc-dialog--opening,\n.mdc-dialog--closing {\n display: flex;\n}\n\n.mdc-dialog--opening .mdc-dialog__scrim {\n transition: opacity 150ms linear;\n}\n.mdc-dialog--opening .mdc-dialog__container {\n transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.mdc-dialog--closing .mdc-dialog__scrim,\n.mdc-dialog--closing .mdc-dialog__container {\n transition: opacity 75ms linear;\n}\n.mdc-dialog--closing .mdc-dialog__container {\n -webkit-transform: none;\n transform: none;\n}\n\n.mdc-dialog--open .mdc-dialog__scrim {\n opacity: 1;\n}\n.mdc-dialog--open .mdc-dialog__container {\n -webkit-transform: none;\n transform: none;\n opacity: 1;\n}\n\n.mdc-dialog-scroll-lock {\n overflow: hidden;\n}\n\n/*# sourceMappingURL=mdc.dialog.css.map*/'},702(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-touch-target-wrapper {\n display: inline;\n}\n\n.mdc-elevation-overlay {\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n opacity: 0;\n /* @alternate */\n opacity: var(--mdc-elevation-overlay-opacity, 0);\n transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-elevation-overlay-color, #fff);\n}\n\n.mdc-fab {\n /* @alternate */\n position: relative;\n /* @alternate */\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 56px;\n height: 56px;\n padding: 0;\n border: none;\n fill: currentColor;\n text-decoration: none;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n overflow: visible;\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-theme-secondary, #018786);\n color: #fff;\n /* @alternate */\n color: var(--mdc-theme-on-secondary, #fff);\n}\n.mdc-fab .mdc-elevation-overlay {\n width: 100%;\n height: 100%;\n top: 0;\n /* @noflip */\n left: 0;\n}\n.mdc-fab:not(.mdc-fab--extended) {\n border-radius: 50%;\n}\n.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple {\n border-radius: 50%;\n}\n.mdc-fab::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mdc-fab:hover, .mdc-fab:focus {\n /* @alternate */\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n.mdc-fab:active {\n /* @alternate */\n box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n}\n.mdc-fab:active, .mdc-fab:focus {\n outline: none;\n}\n.mdc-fab:hover {\n cursor: pointer;\n}\n.mdc-fab > svg {\n width: 100%;\n}\n.mdc-fab .mdc-fab__icon {\n width: 24px;\n height: 24px;\n font-size: 24px;\n}\n\n.mdc-fab--mini {\n width: 40px;\n height: 40px;\n}\n\n.mdc-fab--extended {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-button-font-size, 0.875rem);\n line-height: 2.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-button-line-height, 2.25rem);\n font-weight: 500;\n /* @alternate */\n font-weight: var(--mdc-typography-button-font-weight, 500);\n letter-spacing: 0.0892857143em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);\n text-decoration: none;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);\n text-decoration: var(--mdc-typography-button-text-decoration, none);\n text-transform: uppercase;\n /* @alternate */\n text-transform: var(--mdc-typography-button-text-transform, uppercase);\n border-radius: 24px;\n /* @noflip */\n padding-left: 20px;\n /* @noflip */\n padding-right: 20px;\n width: auto;\n max-width: 100%;\n height: 48px;\n /* @alternate */\n line-height: normal;\n}\n.mdc-fab--extended .mdc-fab__ripple {\n border-radius: 24px;\n}\n.mdc-fab--extended .mdc-fab__icon {\n /* @noflip */\n margin-left: calc(12px - 20px);\n /* @noflip */\n margin-right: 12px;\n}\n[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: calc(12px - 20px);\n}\n.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: calc(12px - 20px);\n}\n[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {\n /* @noflip */\n margin-left: calc(12px - 20px);\n /* @noflip */\n margin-right: 12px;\n}\n\n.mdc-fab--touch {\n margin-top: 4px;\n margin-bottom: 4px;\n margin-right: 4px;\n margin-left: 4px;\n}\n.mdc-fab--touch .mdc-fab__touch {\n position: absolute;\n top: 50%;\n right: 0;\n height: 48px;\n /* @noflip */\n left: 50%;\n width: 48px;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n.mdc-fab::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: "";\n}\n\n.mdc-fab__label {\n justify-content: flex-start;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow-x: hidden;\n overflow-y: visible;\n}\n\n.mdc-fab__icon {\n transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);\n fill: currentColor;\n will-change: transform;\n}\n\n.mdc-fab .mdc-fab__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.mdc-fab--exited {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);\n transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);\n transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);\n}\n.mdc-fab--exited .mdc-fab__icon {\n -webkit-transform: scale(0);\n transform: scale(0);\n transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);\n transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);\n transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-fab {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-fab .mdc-fab__ripple::before,\n.mdc-fab .mdc-fab__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-fab .mdc-fab__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-fab .mdc-fab__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-fab .mdc-fab__ripple::before,\n.mdc-fab .mdc-fab__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #fff));\n}\n.mdc-fab:hover .mdc-fab__ripple::before, .mdc-fab.mdc-ripple-surface--hover .mdc-fab__ripple::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.08);\n}\n.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n.mdc-fab.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n.mdc-fab .mdc-fab__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n z-index: -1;\n}\n\n/*# sourceMappingURL=mdc.fab.css.map*/'},788(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-floating-label {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n position: absolute;\n /* @noflip */\n left: 0;\n /* @noflip */\n -webkit-transform-origin: left top;\n transform-origin: left top;\n line-height: 1.15rem;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: text;\n overflow: hidden;\n /* @alternate */\n will-change: transform;\n transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {\n /* @noflip */\n right: 0;\n /* @noflip */\n left: auto;\n /* @noflip */\n -webkit-transform-origin: right top;\n transform-origin: right top;\n /* @noflip */\n text-align: right;\n}\n\n.mdc-floating-label--float-above {\n cursor: auto;\n}\n\n.mdc-floating-label--required::after {\n /* @noflip */\n margin-left: 1px;\n /* @noflip */\n margin-right: 0px;\n content: "*";\n}\n[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 1px;\n}\n\n.mdc-floating-label--float-above {\n -webkit-transform: translateY(-106%) scale(0.75);\n transform: translateY(-106%) scale(0.75);\n}\n\n.mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;\n animation: mdc-floating-label-shake-float-above-standard 250ms 1;\n}\n\n@-webkit-keyframes mdc-floating-label-shake-float-above-standard {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n}\n\n@keyframes mdc-floating-label-shake-float-above-standard {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n}\n\n/*# sourceMappingURL=mdc.floating-label.css.map*/'},360(t){"use strict";t.exports="/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-form-field {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-body2-font-size, 0.875rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-body2-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-body2-font-weight, 400);\n letter-spacing: 0.0178571429em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-body2-text-transform, inherit);\n color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n.mdc-form-field > label {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: auto;\n /* @noflip */\n padding-left: 4px;\n /* @noflip */\n padding-right: 0;\n order: 0;\n}\n[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {\n /* @noflip */\n margin-left: auto;\n /* @noflip */\n margin-right: 0;\n}\n[dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 4px;\n}\n\n.mdc-form-field--nowrap > label {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.mdc-form-field--align-end > label {\n /* @noflip */\n margin-left: auto;\n /* @noflip */\n margin-right: 0;\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 4px;\n order: -1;\n}\n[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: auto;\n}\n[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {\n /* @noflip */\n padding-left: 4px;\n /* @noflip */\n padding-right: 0;\n}\n\n.mdc-form-field--space-between {\n justify-content: space-between;\n}\n.mdc-form-field--space-between > label {\n margin: 0;\n}\n[dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {\n margin: 0;\n}\n\n/*# sourceMappingURL=mdc.form-field.css.map*/"},168(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-icon-button {\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: none;\n outline: none;\n background-color: transparent;\n fill: currentColor;\n color: inherit;\n font-size: 24px;\n text-decoration: none;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 48px;\n height: 48px;\n padding: 12px;\n}\n.mdc-icon-button svg,\n.mdc-icon-button img {\n width: 24px;\n height: 24px;\n}\n.mdc-icon-button:disabled {\n color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));\n}\n.mdc-icon-button:disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-icon-button__icon {\n display: inline-block;\n}\n.mdc-icon-button__icon.mdc-icon-button__icon--on {\n display: none;\n}\n\n.mdc-icon-button--on .mdc-icon-button__icon {\n display: none;\n}\n.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {\n display: inline-block;\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-icon-button {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-icon-button::before, .mdc-icon-button::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-icon-button::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-icon-button::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-icon-button.mdc-ripple-upgraded::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-icon-button.mdc-ripple-upgraded::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-icon-button.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-icon-button::before, .mdc-icon-button::after {\n top: calc(50% - 50%);\n /* @noflip */\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-icon-button.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-icon-button::before, .mdc-icon-button::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n.mdc-icon-button:hover::before, .mdc-icon-button.mdc-ripple-surface--hover::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-icon-button:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-icon-button:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-icon-button.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n\n/*# sourceMappingURL=mdc.icon-button.css.map*/'},618(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-line-ripple::before, .mdc-line-ripple::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom-style: solid;\n content: "";\n}\n.mdc-line-ripple::before {\n border-bottom-width: 1px;\n z-index: 1;\n}\n.mdc-line-ripple::after {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n border-bottom-width: 2px;\n opacity: 0;\n z-index: 2;\n}\n.mdc-line-ripple::after {\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-line-ripple--active::after {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n}\n\n.mdc-line-ripple--deactivating::after {\n opacity: 0;\n}\n\n/*# sourceMappingURL=mdc.line-ripple.css.map*/'},612(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-list {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n line-height: 1.75rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n /* @alternate */\n line-height: 1.5rem;\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n height: 48px;\n}\n\n.mdc-list-item__secondary-text {\n color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n}\n\n.mdc-list-item__graphic {\n background-color: transparent;\n}\n\n.mdc-list-item__graphic {\n color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));\n}\n\n.mdc-list-item__meta {\n color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));\n}\n\n.mdc-list-group__subheader {\n color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));\n}\n\n.mdc-list-item--disabled .mdc-list-item__text {\n opacity: 0.38;\n}\n\n.mdc-list-item--disabled .mdc-list-item__text,\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n\n.mdc-list-item--selected,\n.mdc-list-item--activated {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-list-item--selected .mdc-list-item__graphic,\n.mdc-list-item--activated .mdc-list-item__graphic {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n\n.mdc-list--dense {\n padding-top: 4px;\n padding-bottom: 4px;\n font-size: 0.812rem;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n height: 48px;\n}\n.mdc-list-item:focus {\n outline: none;\n}\n.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: "";\n}\n.mdc-list-item.mdc-list-item--selected::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 3px double transparent;\n border-radius: inherit;\n content: "";\n}\n[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-list--icon-list .mdc-list-item {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n height: 56px;\n}\n[dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-list--avatar-list .mdc-list-item {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n height: 56px;\n}\n[dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-list--thumbnail-list .mdc-list-item {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n height: 56px;\n}\n[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-list--image-list .mdc-list-item {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n height: 72px;\n}\n[dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-list--video-list .mdc-list-item {\n /* @noflip */\n padding-left: 0px;\n /* @noflip */\n padding-right: 16px;\n height: 72px;\n}\n[dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 0px;\n}\n\n.mdc-list--dense .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n width: 20px;\n height: 20px;\n}\n[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n\n.mdc-list-item__graphic {\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n fill: currentColor;\n -o-object-fit: cover;\n object-fit: cover;\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 32px;\n width: 24px;\n height: 24px;\n}\n[dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 32px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-list--icon-list .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 32px;\n width: 24px;\n height: 24px;\n}\n[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 32px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-list--avatar-list .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n}\n[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-list--thumbnail-list .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n width: 40px;\n height: 40px;\n}\n[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-list--image-list .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n width: 56px;\n height: 56px;\n}\n[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-list--video-list .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n width: 100px;\n height: 56px;\n}\n[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n\n.mdc-list .mdc-list-item__graphic {\n display: inline-flex;\n}\n\n.mdc-list-item__meta {\n /* @noflip */\n margin-left: auto;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-list-item__meta:not(.material-icons) {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.75rem;\n /* @alternate */\n font-size: var(--mdc-typography-caption-font-size, 0.75rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-caption-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-caption-font-weight, 400);\n letter-spacing: 0.0333333333em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-caption-text-transform, inherit);\n}\n.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: auto;\n}\n\n.mdc-list-item__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.mdc-list-item__text[for] {\n pointer-events: none;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-list--dense .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list--dense .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 24px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list--dense .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-body2-font-size, 0.875rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-body2-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-body2-font-weight, 400);\n letter-spacing: 0.0178571429em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-body2-text-transform, inherit);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n.mdc-list--dense .mdc-list-item__secondary-text {\n font-size: inherit;\n}\n\n.mdc-list--dense .mdc-list-item {\n height: 40px;\n}\n\n.mdc-list--two-line .mdc-list-item__text {\n align-self: flex-start;\n}\n\n.mdc-list--two-line .mdc-list-item {\n height: 64px;\n}\n.mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item {\n height: 72px;\n}\n.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {\n align-self: flex-start;\n margin-top: 16px;\n}\n\n.mdc-list--two-line.mdc-list--dense .mdc-list-item,\n.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {\n height: 60px;\n}\n\n.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n width: 36px;\n height: 36px;\n}\n[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n\n:not(.mdc-list-item--disabled).mdc-list-item {\n cursor: pointer;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-divider {\n height: 0;\n margin: 0;\n border: none;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n}\n\n.mdc-list-divider {\n border-bottom-color: rgba(0, 0, 0, 0.12);\n}\n\n.mdc-list-divider--padded {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-list-divider--inset {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 72px);\n}\n[dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n\n.mdc-list-divider--inset.mdc-list-divider--padded {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 88px);\n}\n[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n\n.mdc-list .mdc-list-divider--inset-leading {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list .mdc-list-divider--inset-trailing {\n width: calc(100% - 16px);\n}\n.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-list--icon-list .mdc-list-divider--inset-leading {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 72px);\n}\n[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n.mdc-list--icon-list .mdc-list-divider--inset-trailing {\n width: calc(100% - 16px);\n}\n.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 88px);\n}\n[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-list--avatar-list .mdc-list-divider--inset-leading {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 72px);\n}\n[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n.mdc-list--avatar-list .mdc-list-divider--inset-trailing {\n width: calc(100% - 16px);\n}\n.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 88px);\n}\n[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-list--thumbnail-list .mdc-list-divider--inset-leading {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 72px);\n}\n[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {\n width: calc(100% - 16px);\n}\n.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {\n /* @noflip */\n margin-left: 72px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 88px);\n}\n[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 72px;\n}\n.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-list--image-list .mdc-list-divider--inset-leading {\n /* @noflip */\n margin-left: 88px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 88px);\n}\n[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 88px;\n}\n.mdc-list--image-list .mdc-list-divider--inset-trailing {\n width: calc(100% - 16px);\n}\n.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {\n /* @noflip */\n margin-left: 88px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 104px);\n}\n[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 88px;\n}\n.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 32px);\n}\n[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-list--video-list .mdc-list-divider--inset-leading {\n /* @noflip */\n margin-left: 116px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 116px);\n}\n[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 116px;\n}\n.mdc-list--video-list .mdc-list-divider--inset-trailing {\n width: calc(100% - 16px);\n}\n.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {\n /* @noflip */\n margin-left: 116px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 132px);\n}\n[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 116px;\n}\n.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {\n /* @noflip */\n margin-left: 0px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 0px);\n}\n[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 0px;\n}\n.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {\n /* @noflip */\n margin-left: 0px;\n /* @noflip */\n margin-right: 0;\n width: calc(100% - 16px);\n}\n[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 0px;\n}\n\n.mdc-list-group .mdc-list {\n padding: 0;\n}\n\n.mdc-list-group__subheader {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n line-height: 1.75rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n margin: calc( (3rem - 1.5rem) / 2 ) 16px;\n}\n\n.mdc-evolution-list-item__primary-text {\n color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));\n}\n\n.mdc-evolution-list-item__secondary-text {\n color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));\n}\n\n.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,\n.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {\n background-color: transparent;\n}\n\n.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,\n.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {\n color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));\n}\n\n.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));\n}\n\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__start,\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content,\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__end {\n opacity: 0.38;\n}\n\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n\n.mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text,\n.mdc-evolution-list-item--activated .mdc-evolution-list-item__primary-text {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-evolution-list-item--selected.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,\n.mdc-evolution-list-item--activated.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n\n.mdc-list-group__subheader {\n color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));\n}\n\n@media screen and (-ms-high-contrast: active) {\n .mdc-evolution-list-divider::after {\n content: "";\n display: block;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: white;\n }\n}\n.mdc-evolution-list {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n line-height: 1.75rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n /* @alternate */\n line-height: 1.5rem;\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-evolution-list:focus {\n outline: none;\n}\n\n.mdc-evolution-list-item {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n align-items: stretch;\n cursor: pointer;\n}\n.mdc-evolution-list-item:focus {\n outline: none;\n}\n[dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line {\n height: 48px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines {\n height: 64px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines {\n height: 88px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--disabled, .mdc-evolution-list-item.mdc-evolution-list-item--non-interactive {\n cursor: auto;\n}\n.mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 1px solid transparent;\n border-radius: inherit;\n content: "";\n}\n.mdc-evolution-list-item.mdc-evolution-list-item--selected::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border: 3px double transparent;\n border-radius: inherit;\n content: "";\n}\n\na.mdc-evolution-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-evolution-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n}\n\n.mdc-evolution-list-item__end {\n flex-shrink: 0;\n}\n\n.mdc-evolution-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content {\n align-self: stretch;\n}\n.mdc-evolution-list-item__content[for] {\n pointer-events: none;\n}\n\n.mdc-evolution-list-item__primary-text {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n line-height: 1.75rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-evolution-list-item__secondary-text {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-body2-font-size, 0.875rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-body2-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-body2-font-weight, 400);\n letter-spacing: 0.0178571429em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-body2-text-transform, inherit);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-evolution-list-item__overline-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::before {\n display: inline-block;\n width: 0;\n height: 24px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {\n width: 40px;\n height: 40px;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line {\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {\n border-radius: 50%;\n}\n\n.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {\n width: 24px;\n height: 24px;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 32px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 32px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line {\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {\n width: 40px;\n height: 40px;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line {\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {\n width: 56px;\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line {\n height: 72px;\n}\n.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {\n width: 100px;\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line {\n height: 72px;\n}\n.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 24px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 24px;\n /* @noflip */\n margin-right: 8px;\n}\n.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {\n width: 40px;\n height: 40px;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line {\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 24px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 24px;\n /* @noflip */\n margin-right: 8px;\n}\n.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {\n width: 40px;\n height: 40px;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line {\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {\n width: 36px;\n height: 20px;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: "";\n vertical-align: -20px;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line {\n height: 56px;\n}\n.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines {\n height: 72px;\n}\n\n.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {\n width: 24px;\n height: 24px;\n}\n\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n /* @noflip */\n margin-left: 28px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 28px;\n}\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: "";\n vertical-align: 0;\n}\n.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.75rem;\n /* @alternate */\n font-size: var(--mdc-typography-caption-font-size, 0.75rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-caption-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-caption-font-weight, 400);\n letter-spacing: 0.0333333333em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-caption-text-transform, inherit);\n}\n\n.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {\n /* @noflip */\n margin-left: 24px;\n /* @noflip */\n margin-right: 8px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl] {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 24px;\n}\n.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {\n width: 40px;\n height: 40px;\n}\n.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {\n /* @noflip */\n margin-left: 24px;\n /* @noflip */\n margin-right: 8px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl] {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 24px;\n}\n.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {\n width: 40px;\n height: 40px;\n}\n.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: auto;\n}\n.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {\n width: 36px;\n height: 20px;\n}\n.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n\n.mdc-evolution-list-group .mdc-list {\n padding: 0;\n}\n\n.mdc-evolution-list-group__subheader {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n line-height: 1.75rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n margin: calc( (3rem - 1.5rem) / 2 ) 16px;\n}\n\n.mdc-evolution-list-divider {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.mdc-evolution-list-divider {\n height: 1px;\n padding: 0;\n background-clip: content-box;\n}\n.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 16px;\n}\n[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: auto;\n}\n\n.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 72px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 72px;\n}\n\n.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 88px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 88px;\n}\n\n.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 72px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 72px;\n}\n\n.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding {\n /* @noflip */\n padding-left: 0px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 0px;\n}\n.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 116px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 116px;\n}\n\n.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 72px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 72px;\n}\n\n.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 72px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 72px;\n}\n\n.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 84px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 84px;\n}\n\n.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset {\n /* @noflip */\n padding-left: 72px;\n /* @noflip */\n padding-right: auto;\n}\n[dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {\n /* @noflip */\n padding-left: auto;\n /* @noflip */\n padding-right: 72px;\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n:not(.mdc-list-item--disabled).mdc-list-item {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-activated-opacity, 0.12);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {\n opacity: 0.16;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.16);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-selected-opacity, 0.08);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.12);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.2;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.2);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.2;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.2);\n}\n:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);\n}\n:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.mdc-list-item--disabled {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-list-item--disabled .mdc-list-item__ripple::before,\n.mdc-list-item--disabled .mdc-list-item__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-list-item--disabled .mdc-list-item__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-list-item--disabled .mdc-list-item__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-list-item--disabled .mdc-list-item__ripple::before,\n.mdc-list-item--disabled .mdc-list-item__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-list-item--disabled .mdc-list-item__ripple::before,\n.mdc-list-item--disabled .mdc-list-item__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-list-item--disabled .mdc-list-item__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before,\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before,\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:hover .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::before {\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-activated-opacity, 0.12);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple::before {\n opacity: 0.16;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.16);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-selected-opacity, 0.08);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple::before {\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.12);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.2;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.2);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.2;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.2);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);\n}\n:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.mdc-evolution-list-item--disabled {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, .mdc-evolution-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n/*# sourceMappingURL=mdc.list.css.map*/'},724(t){"use strict";t.exports="/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-menu-surface {\n display: none;\n position: absolute;\n box-sizing: border-box;\n max-width: calc(100vw - 32px);\n max-height: calc(100vh - 32px);\n margin: 0;\n padding: 0;\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n opacity: 0;\n overflow: auto;\n will-change: transform, opacity;\n z-index: 8;\n transition: opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n /* @alternate */\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-theme-surface, #fff);\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n border-radius: 4px;\n /* @alternate */\n border-radius: var(--mdc-shape-medium, 4px);\n /* @noflip */\n transform-origin-left: top left;\n /* @noflip */\n transform-origin-right: top right;\n}\n.mdc-menu-surface:focus {\n outline: none;\n}\n.mdc-menu-surface--open {\n display: inline-block;\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n}\n.mdc-menu-surface--animating-open {\n display: inline-block;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n opacity: 0;\n}\n.mdc-menu-surface--animating-closed {\n display: inline-block;\n opacity: 0;\n transition: opacity 0.075s linear;\n}\n[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {\n /* @noflip */\n transform-origin-left: top right;\n /* @noflip */\n transform-origin-right: top left;\n}\n\n.mdc-menu-surface--anchor {\n position: relative;\n overflow: visible;\n}\n\n.mdc-menu-surface--fixed {\n position: fixed;\n}\n\n.mdc-menu-surface--fullwidth {\n width: 100%;\n}\n\n/*# sourceMappingURL=mdc.menu-surface.css.map*/"},396(t){"use strict";t.exports="/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-elevation-overlay {\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n opacity: 0;\n /* @alternate */\n opacity: var(--mdc-elevation-overlay-opacity, 0);\n transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-elevation-overlay-color, #fff);\n}\n\n.mdc-menu {\n min-width: 112px;\n}\n.mdc-menu .mdc-list-item__meta {\n color: rgba(0, 0, 0, 0.87);\n}\n.mdc-menu .mdc-list-item__graphic {\n color: rgba(0, 0, 0, 0.87);\n}\n.mdc-menu .mdc-list {\n color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n position: relative;\n}\n.mdc-menu .mdc-list .mdc-elevation-overlay {\n width: 100%;\n height: 100%;\n top: 0;\n /* @noflip */\n left: 0;\n}\n.mdc-menu .mdc-list-divider {\n margin: 8px 0;\n}\n.mdc-menu .mdc-list-item {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.mdc-menu .mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-menu a.mdc-list-item .mdc-list-item__text,\n.mdc-menu a.mdc-list-item .mdc-list-item__graphic {\n pointer-events: none;\n}\n\n.mdc-menu__selection-group {\n padding: 0;\n fill: currentColor;\n}\n.mdc-menu__selection-group .mdc-list-item {\n /* @noflip */\n padding-left: 56px;\n /* @noflip */\n padding-right: 16px;\n}\n[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 56px;\n}\n.mdc-menu__selection-group .mdc-menu__selection-group-icon {\n /* @noflip */\n left: 16px;\n /* @noflip */\n right: initial;\n display: none;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 16px;\n}\n\n.mdc-menu-item--selected .mdc-menu__selection-group-icon {\n display: inline;\n}\n\n/*# sourceMappingURL=mdc.menu.css.map*/"},814(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-touch-target-wrapper {\n display: inline;\n}\n\n.mdc-radio {\n padding: 10px;\n display: inline-block;\n position: relative;\n flex: 0 0 auto;\n box-sizing: content-box;\n width: 20px;\n height: 20px;\n cursor: pointer;\n /* @alternate */\n will-change: opacity, transform, border-color, color;\n}\n.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: rgba(0, 0, 0, 0.54);\n}\n.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-theme-secondary, #018786);\n}\n.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-theme-secondary, #018786);\n}\n.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,\n.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: rgba(0, 0, 0, 0.38);\n}\n.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,\n.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: rgba(0, 0, 0, 0.38);\n}\n.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,\n.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {\n border-color: rgba(0, 0, 0, 0.38);\n}\n.mdc-radio .mdc-radio__background::before {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-theme-secondary, #018786);\n}\n.mdc-radio .mdc-radio__background::before {\n top: -10px;\n left: -10px;\n width: 40px;\n height: 40px;\n}\n.mdc-radio .mdc-radio__native-control {\n top: 0px;\n right: 0px;\n left: 0px;\n width: 40px;\n height: 40px;\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,\n.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: GrayText;\n }\n .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,\n.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {\n border-color: GrayText;\n }\n .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,\n.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {\n border-color: GrayText;\n }\n}\n.mdc-radio__background {\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n}\n.mdc-radio__background::before {\n position: absolute;\n -webkit-transform: scale(0, 0);\n transform: scale(0, 0);\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-radio__outer-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border-width: 2px;\n border-style: solid;\n border-radius: 50%;\n transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-radio__inner-circle {\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n -webkit-transform: scale(0, 0);\n transform: scale(0, 0);\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-radio__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n z-index: 1;\n}\n.mdc-radio--touch {\n margin-top: 4px;\n margin-bottom: 4px;\n margin-right: 4px;\n margin-left: 4px;\n}\n.mdc-radio--touch .mdc-radio__native-control {\n top: -4px;\n right: -4px;\n left: -4px;\n width: 48px;\n height: 48px;\n}\n\n.mdc-radio__native-control:checked + .mdc-radio__background,\n.mdc-radio__native-control:disabled + .mdc-radio__background {\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,\n.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {\n transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,\n.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {\n transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.mdc-radio--disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.mdc-radio__native-control:disabled + .mdc-radio__background,\n[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {\n cursor: default;\n}\n\n.mdc-radio__native-control:focus + .mdc-radio__background::before {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 0.12;\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-radio {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-radio .mdc-radio__ripple::before,\n.mdc-radio .mdc-radio__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-radio .mdc-radio__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-radio .mdc-radio__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-radio .mdc-radio__ripple::before,\n.mdc-radio .mdc-radio__ripple::after {\n top: calc(50% - 50%);\n /* @noflip */\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,\n.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));\n}\n.mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-radio.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {\n content: none;\n}\n\n.mdc-radio__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n/*# sourceMappingURL=mdc.radio.css.map*/'},104(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-ripple-surface {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n position: relative;\n outline: none;\n overflow: hidden;\n}\n.mdc-ripple-surface::before, .mdc-ripple-surface::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-ripple-surface::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-ripple-surface::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-ripple-surface.mdc-ripple-upgraded::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-ripple-surface.mdc-ripple-upgraded::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-ripple-surface::before, .mdc-ripple-surface::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n.mdc-ripple-surface:hover::before, .mdc-ripple-surface.mdc-ripple-surface--hover::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-ripple-surface.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-ripple-surface::before, .mdc-ripple-surface::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-ripple-surface.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n\n.mdc-ripple-surface[data-mdc-ripple-is-unbounded],\n.mdc-ripple-upgraded--unbounded {\n overflow: visible;\n}\n.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,\n.mdc-ripple-upgraded--unbounded::before,\n.mdc-ripple-upgraded--unbounded::after {\n top: calc(50% - 50%);\n /* @noflip */\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,\n.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,\n.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,\n.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n\n/*# sourceMappingURL=mdc.ripple.css.map*/'},512(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n@charset "UTF-8";\n.mdc-floating-label {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n position: absolute;\n /* @noflip */\n left: 0;\n /* @noflip */\n -webkit-transform-origin: left top;\n transform-origin: left top;\n line-height: 1.15rem;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: text;\n overflow: hidden;\n /* @alternate */\n will-change: transform;\n transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {\n /* @noflip */\n right: 0;\n /* @noflip */\n left: auto;\n /* @noflip */\n -webkit-transform-origin: right top;\n transform-origin: right top;\n /* @noflip */\n text-align: right;\n}\n\n.mdc-floating-label--float-above {\n cursor: auto;\n}\n\n.mdc-floating-label--required::after {\n /* @noflip */\n margin-left: 1px;\n /* @noflip */\n margin-right: 0px;\n content: "*";\n}\n[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 1px;\n}\n\n.mdc-floating-label--float-above {\n -webkit-transform: translateY(-106%) scale(0.75);\n transform: translateY(-106%) scale(0.75);\n}\n\n.mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;\n animation: mdc-floating-label-shake-float-above-standard 250ms 1;\n}\n\n@-webkit-keyframes mdc-floating-label-shake-float-above-standard {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n}\n\n@keyframes mdc-floating-label-shake-float-above-standard {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-line-ripple::before, .mdc-line-ripple::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom-style: solid;\n content: "";\n}\n.mdc-line-ripple::before {\n border-bottom-width: 1px;\n z-index: 1;\n}\n.mdc-line-ripple::after {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n border-bottom-width: 2px;\n opacity: 0;\n z-index: 2;\n}\n.mdc-line-ripple::after {\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-line-ripple--active::after {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n}\n\n.mdc-line-ripple--deactivating::after {\n opacity: 0;\n}\n\n.mdc-notched-outline {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n max-width: 100%;\n height: 100%;\n /* @noflip */\n text-align: left;\n pointer-events: none;\n}\n[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {\n /* @noflip */\n text-align: right;\n}\n.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {\n box-sizing: border-box;\n height: 100%;\n border-top: 1px solid;\n border-bottom: 1px solid;\n pointer-events: none;\n}\n.mdc-notched-outline__leading {\n /* @noflip */\n border-left: 1px solid;\n /* @noflip */\n border-right: none;\n width: 12px;\n}\n[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {\n /* @noflip */\n border-left: none;\n /* @noflip */\n border-right: 1px solid;\n}\n.mdc-notched-outline__trailing {\n /* @noflip */\n border-left: none;\n /* @noflip */\n border-right: 1px solid;\n flex-grow: 1;\n}\n[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {\n /* @noflip */\n border-left: 1px solid;\n /* @noflip */\n border-right: none;\n}\n.mdc-notched-outline__notch {\n flex: 0 0 auto;\n width: auto;\n max-width: calc(100% - 12px * 2);\n}\n.mdc-notched-outline .mdc-floating-label {\n display: inline-block;\n position: relative;\n max-width: 100%;\n}\n.mdc-notched-outline .mdc-floating-label--float-above {\n text-overflow: clip;\n}\n.mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75);\n}\n\n.mdc-notched-outline--notched .mdc-notched-outline__notch {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 8px;\n border-top: none;\n}\n[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {\n /* @noflip */\n padding-left: 8px;\n /* @noflip */\n padding-right: 0;\n}\n\n.mdc-notched-outline--no-label .mdc-notched-outline__notch {\n display: none;\n}\n\n.mdc-select {\n display: inline-flex;\n position: relative;\n}\n.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {\n color: rgba(0, 0, 0, 0.87);\n}\n.mdc-select.mdc-select--disabled .mdc-select__selected-text {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {\n color: rgba(98, 0, 238, 0.87);\n}\n.mdc-select.mdc-select--disabled .mdc-floating-label {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {\n fill: rgba(0, 0, 0, 0.54);\n}\n.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {\n fill: #6200ee;\n /* @alternate */\n fill: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {\n fill: rgba(0, 0, 0, 0.38);\n}\n.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-select.mdc-select--disabled + .mdc-select-helper-text {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-select:not(.mdc-select--disabled) .mdc-select__icon {\n color: rgba(0, 0, 0, 0.54);\n}\n.mdc-select.mdc-select--disabled .mdc-select__icon {\n color: rgba(0, 0, 0, 0.38);\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-select.mdc-select--disabled .mdc-select__selected-text {\n color: GrayText;\n }\n .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {\n fill: red;\n }\n .mdc-select.mdc-select--disabled .mdc-floating-label {\n color: GrayText;\n }\n .mdc-select.mdc-select--disabled .mdc-line-ripple::before {\n border-bottom-color: GrayText;\n }\n .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,\n.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,\n.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {\n border-color: GrayText;\n }\n .mdc-select.mdc-select--disabled .mdc-select__icon {\n color: GrayText;\n }\n .mdc-select.mdc-select--disabled + .mdc-select-helper-text {\n color: GrayText;\n }\n}\n.mdc-select .mdc-floating-label {\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n pointer-events: none;\n}\n.mdc-select .mdc-select__anchor {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-select .mdc-select__icon {\n width: 24px;\n height: 24px;\n font-size: 24px;\n}\n.mdc-select .mdc-select__dropdown-icon {\n width: 24px;\n height: 24px;\n}\n.mdc-select .mdc-select__menu .mdc-list-item {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-select .mdc-select__menu .mdc-list-item__graphic {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 12px;\n}\n[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-select__dropdown-icon {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: 12px;\n display: inline-flex;\n position: relative;\n align-self: center;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,\n.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {\n position: absolute;\n top: 0;\n left: 0;\n}\n.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {\n width: 41.6666666667%;\n height: 20.8333333333%;\n}\n.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {\n opacity: 1;\n transition: opacity 75ms linear 75ms;\n}\n.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {\n opacity: 0;\n transition: opacity 75ms linear;\n}\n[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: 12px;\n}\n.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {\n opacity: 0;\n transition: opacity 49.5ms linear;\n}\n.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {\n opacity: 1;\n transition: opacity 100.5ms linear 49.5ms;\n}\n\n.mdc-select__anchor {\n width: 200px;\n min-width: 0;\n flex: 1 1 auto;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n outline: none;\n cursor: pointer;\n}\n.mdc-select__anchor .mdc-floating-label--float-above {\n -webkit-transform: translateY(-106%) scale(0.75);\n transform: translateY(-106%) scale(0.75);\n}\n\n.mdc-select__selected-text-container {\n display: flex;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n pointer-events: none;\n box-sizing: border-box;\n width: auto;\n min-width: 0;\n flex-grow: 1;\n height: 28px;\n border: none;\n outline: none;\n padding: 0;\n background-color: transparent;\n color: inherit;\n}\n\n.mdc-select__selected-text {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n line-height: 1.75rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n width: 100%;\n /* @noflip */\n text-align: left;\n}\n[dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {\n /* @noflip */\n text-align: right;\n}\n\n.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {\n color: #b00020;\n /* @alternate */\n color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {\n color: #b00020;\n /* @alternate */\n color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {\n color: #b00020;\n /* @alternate */\n color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {\n fill: #b00020;\n /* @alternate */\n fill: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {\n fill: #b00020;\n /* @alternate */\n fill: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item {\n /* @noflip */\n padding-left: 12px;\n /* @noflip */\n padding-right: 12px;\n}\n[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] {\n /* @noflip */\n padding-left: 12px;\n /* @noflip */\n padding-right: 12px;\n}\n\n.mdc-select__menu .mdc-list .mdc-select__icon {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 0;\n}\n[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 0;\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected,\n.mdc-select__menu .mdc-list .mdc-list-item--activated {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic,\n.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n\n.mdc-select--filled .mdc-select__anchor {\n height: 56px;\n display: flex;\n align-items: baseline;\n}\n.mdc-select--filled .mdc-select__anchor::before {\n display: inline-block;\n width: 0;\n height: 40px;\n content: "";\n vertical-align: 0;\n}\n.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {\n content: "";\n}\n.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container {\n height: 100%;\n display: inline-flex;\n align-items: center;\n}\n.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before {\n display: none;\n}\n.mdc-select--filled .mdc-select__anchor {\n border-top-left-radius: 4px;\n /* @alternate */\n border-top-left-radius: var(--mdc-shape-small, 4px);\n border-top-right-radius: 4px;\n /* @alternate */\n border-top-right-radius: var(--mdc-shape-small, 4px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {\n background-color: whitesmoke;\n}\n.mdc-select--filled.mdc-select--disabled .mdc-select__anchor {\n background-color: #fafafa;\n}\n.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {\n border-bottom-color: rgba(0, 0, 0, 0.42);\n}\n.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {\n border-bottom-color: rgba(0, 0, 0, 0.87);\n}\n.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {\n border-bottom-color: #6200ee;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {\n border-bottom-color: rgba(0, 0, 0, 0.06);\n}\n.mdc-select--filled .mdc-floating-label {\n max-width: calc(100% - 64px);\n}\n.mdc-select--filled .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75 - 64px / 0.75);\n}\n.mdc-select--filled .mdc-menu-surface--is-open-below {\n border-top-left-radius: 0px;\n border-top-right-radius: 0px;\n}\n.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after {\n -webkit-transform: scale(1, 2);\n transform: scale(1, 2);\n opacity: 1;\n}\n.mdc-select--filled .mdc-floating-label {\n /* @noflip */\n left: 16px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 16px;\n}\n.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {\n /* @noflip */\n left: 48px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 48px;\n}\n.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {\n max-width: calc(100% - 96px);\n}\n.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75 - 96px / 0.75);\n}\n\n.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {\n border-bottom-color: #b00020;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {\n border-bottom-color: #b00020;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {\n border-bottom-color: #b00020;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--outlined {\n border: none;\n}\n.mdc-select--outlined .mdc-select__anchor {\n height: 56px;\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {\n -webkit-transform: translateY(-37.25px) scale(1);\n transform: translateY(-37.25px) scale(1);\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {\n font-size: 0.75rem;\n}\n.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n -webkit-transform: translateY(-34.75px) scale(0.75);\n transform: translateY(-34.75px) scale(0.75);\n}\n.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n font-size: 1rem;\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;\n animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-select-outlined-56px {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n}\n.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {\n /* @noflip */\n border-top-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-left-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-top-right-radius: 0;\n /* @noflip */\n border-bottom-right-radius: 0;\n /* @noflip */\n border-bottom-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-left-radius: var(--mdc-shape-small, 4px);\n}\n[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {\n /* @noflip */\n border-top-left-radius: 0;\n /* @noflip */\n border-top-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-left-radius: 0;\n}\n@supports (top: max(0%)) {\n .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {\n width: max(12px, var(--mdc-shape-small, 4px));\n }\n}\n@supports (top: max(0%)) {\n .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n }\n}\n.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {\n /* @noflip */\n border-top-left-radius: 0;\n /* @noflip */\n border-top-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-left-radius: 0;\n}\n[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {\n /* @noflip */\n border-top-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-left-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-top-right-radius: 0;\n /* @noflip */\n border-bottom-right-radius: 0;\n /* @noflip */\n border-bottom-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-left-radius: var(--mdc-shape-small, 4px);\n}\n@supports (top: max(0%)) {\n .mdc-select--outlined .mdc-select__anchor {\n /* @noflip */\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n[dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n}\n@supports (top: max(0%)) {\n [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {\n /* @noflip */\n padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n@supports (top: max(0%)) {\n .mdc-select--outlined + .mdc-select-helper-text {\n /* @noflip */\n margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n[dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n}\n@supports (top: max(0%)) {\n [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {\n /* @noflip */\n margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {\n background-color: transparent;\n}\n.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {\n background-color: transparent;\n}\n.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,\n.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,\n.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {\n border-color: rgba(0, 0, 0, 0.38);\n}\n.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {\n border-color: rgba(0, 0, 0, 0.87);\n}\n.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {\n border-width: 2px;\n}\n.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {\n border-color: #6200ee;\n /* @alternate */\n border-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,\n.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,\n.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {\n border-color: rgba(0, 0, 0, 0.06);\n}\n.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {\n max-width: calc(100% - 60px);\n}\n.mdc-select--outlined .mdc-select__anchor {\n display: flex;\n align-items: baseline;\n overflow: visible;\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;\n animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {\n -webkit-transform: translateY(-37.25px) scale(1);\n transform: translateY(-37.25px) scale(1);\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {\n font-size: 0.75rem;\n}\n.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n -webkit-transform: translateY(-34.75px) scale(0.75);\n transform: translateY(-34.75px) scale(0.75);\n}\n.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n font-size: 1rem;\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {\n padding-top: 1px;\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {\n content: "";\n}\n.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {\n height: 100%;\n display: inline-flex;\n align-items: center;\n}\n.mdc-select--outlined .mdc-select__anchor::before {\n display: none;\n}\n.mdc-select--outlined .mdc-select__selected-text-container {\n display: flex;\n border: none;\n z-index: 1;\n background-color: transparent;\n}\n.mdc-select--outlined .mdc-select__icon {\n z-index: 2;\n}\n.mdc-select--outlined .mdc-floating-label {\n line-height: 1.15rem;\n /* @noflip */\n left: 4px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 4px;\n}\n.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {\n padding-top: 2px;\n}\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {\n border-color: #b00020;\n /* @alternate */\n border-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {\n border-color: #b00020;\n /* @alternate */\n border-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {\n border-width: 2px;\n}\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {\n border-color: #b00020;\n /* @alternate */\n border-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {\n /* @noflip */\n left: 36px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 36px;\n}\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {\n -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);\n transform: translateY(-37.25px) translateX(-32px) scale(1);\n}\n[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {\n -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);\n transform: translateY(-37.25px) translateX(32px) scale(1);\n}\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {\n font-size: 0.75rem;\n}\n.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);\n transform: translateY(-34.75px) translateX(-32px) scale(0.75);\n}\n[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],\n[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {\n -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);\n transform: translateY(-34.75px) translateX(32px) scale(0.75);\n}\n.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n font-size: 1rem;\n}\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;\n animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {\n 0% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {\n 0% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n}\n[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;\n animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {\n 0% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {\n 0% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n}\n.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {\n max-width: calc(100% - 96px);\n}\n.mdc-select--outlined .mdc-menu-surface {\n margin-bottom: 8px;\n}\n.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,\n.mdc-select--outlined .mdc-menu-surface--is-open-below {\n margin-bottom: 0;\n}\n\n.mdc-select__anchor {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-select__anchor .mdc-select__ripple::before,\n.mdc-select__anchor .mdc-select__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-select__anchor .mdc-select__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-select__anchor .mdc-select__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-select__anchor .mdc-select__ripple::before,\n.mdc-select__anchor .mdc-select__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-select__anchor .mdc-select__ripple::before,\n.mdc-select__anchor .mdc-select__ripple::after {\n background-color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));\n}\n.mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-select__anchor .mdc-select__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n\n.mdc-select-helper-text {\n margin: 0;\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.75rem;\n /* @alternate */\n font-size: var(--mdc-typography-caption-font-size, 0.75rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-caption-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-caption-font-weight, 400);\n letter-spacing: 0.0333333333em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-caption-text-transform, inherit);\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n}\n[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 16px;\n}\n.mdc-select-helper-text::before {\n display: inline-block;\n width: 0;\n height: 16px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-select-helper-text--validation-msg {\n opacity: 0;\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-select--invalid + .mdc-select-helper-text--validation-msg,\n.mdc-select-helper-text--validation-msg-persistent {\n opacity: 1;\n}\n\n.mdc-select--with-leading-icon .mdc-select__icon {\n display: inline-block;\n box-sizing: border-box;\n border: none;\n text-decoration: none;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n flex-shrink: 0;\n align-self: center;\n background-color: transparent;\n fill: currentColor;\n}\n.mdc-select--with-leading-icon .mdc-select__icon {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: 12px;\n}\n[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {\n /* @noflip */\n margin-left: 12px;\n /* @noflip */\n margin-right: 12px;\n}\n\n.mdc-select__icon:not([tabindex]),\n.mdc-select__icon[tabindex="-1"] {\n cursor: default;\n pointer-events: none;\n}\n\n/*# sourceMappingURL=mdc.select.css.map*/'},376(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-slider__thumb {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-slider__thumb::before, .mdc-slider__thumb::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-slider__thumb::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-slider__thumb::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-slider__thumb.mdc-ripple-upgraded::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-slider__thumb.mdc-ripple-upgraded::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-slider__thumb::before, .mdc-slider__thumb::after {\n top: calc(50% - 50%);\n /* @noflip */\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-slider__thumb.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-slider__thumb::before, .mdc-slider__thumb::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n.mdc-slider__thumb:hover::before, .mdc-slider__thumb.mdc-ripple-surface--hover::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-slider__thumb.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n\n.mdc-slider {\n cursor: pointer;\n height: 48px;\n margin: 0 24px;\n position: relative;\n touch-action: pan-y;\n}\n.mdc-slider .mdc-slider__track {\n height: 4px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n width: 100%;\n}\n.mdc-slider .mdc-slider__track--active,\n.mdc-slider .mdc-slider__track--inactive {\n display: flex;\n height: 100%;\n position: absolute;\n width: 100%;\n}\n.mdc-slider .mdc-slider__track--active {\n border-radius: 3px;\n height: 6px;\n overflow: hidden;\n top: -1px;\n}\n.mdc-slider .mdc-slider__track--active_fill {\n border: 6px solid;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n position: relative;\n /* @noflip */\n -webkit-transform-origin: left;\n transform-origin: left;\n}\n[dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {\n /* @noflip */\n -webkit-transform-origin: right;\n transform-origin: right;\n}\n.mdc-slider .mdc-slider__track--inactive {\n border-radius: 2px;\n height: 4px;\n left: 0;\n outline: 1px solid transparent;\n top: 0;\n}\n.mdc-slider .mdc-slider__track--active_fill {\n border-color: #6200ee;\n /* @alternate */\n border-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {\n border-color: #000;\n /* @alternate */\n border-color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-slider .mdc-slider__track--inactive {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-theme-primary, #6200ee);\n opacity: 0.24;\n}\n.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-theme-on-surface, #000);\n opacity: 0.24;\n}\n.mdc-slider .mdc-slider__value-indicator-container {\n bottom: 44px;\n left: 50%;\n position: absolute;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n visibility: hidden;\n}\n.mdc-slider .mdc-slider__value-indicator {\n transition: -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);\n transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);\n transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);\n align-items: center;\n border-radius: 4px;\n display: flex;\n height: 32px;\n outline: 1px solid transparent;\n padding: 0 12px;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: bottom;\n transform-origin: bottom;\n}\n.mdc-slider .mdc-slider__value-indicator::before {\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 6px solid;\n bottom: -5px;\n content: "";\n height: 0;\n left: 50%;\n position: absolute;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n width: 0;\n}\n.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {\n visibility: visible;\n}\n.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {\n transition: -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n@media (prefers-reduced-motion) {\n .mdc-slider .mdc-slider__value-indicator,\n.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {\n transition: none;\n }\n}\n.mdc-slider .mdc-slider__value-indicator-text {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);\n line-height: 1.375rem;\n /* @alternate */\n line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);\n font-weight: 500;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle2-font-weight, 500);\n letter-spacing: 0.0071428571em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);\n}\n.mdc-slider .mdc-slider__value-indicator {\n background-color: #000;\n opacity: 0.6;\n}\n.mdc-slider .mdc-slider__value-indicator::before {\n border-top-color: #000;\n}\n.mdc-slider .mdc-slider__value-indicator {\n color: #fff;\n /* @alternate */\n color: var(--mdc-theme-on-primary, #fff);\n}\n.mdc-slider .mdc-slider__thumb {\n display: flex;\n height: 48px;\n left: -24px;\n outline: none;\n position: absolute;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 48px;\n}\n.mdc-slider .mdc-slider__thumb--top {\n z-index: 1;\n}\n.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob {\n border: 1px solid;\n box-sizing: content-box;\n border-color: #fff;\n}\n.mdc-slider .mdc-slider__thumb-knob {\n /* @alternate */\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n border: 10px solid;\n border-radius: 50%;\n box-sizing: border-box;\n height: 20px;\n /* @noflip */\n left: 50%;\n position: absolute;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 20px;\n}\n.mdc-slider .mdc-slider__thumb-knob {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-theme-primary, #6200ee);\n border-color: #6200ee;\n /* @alternate */\n border-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-theme-on-surface, #000);\n border-color: #000;\n /* @alternate */\n border-color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n.mdc-slider .mdc-slider__thumb:hover::before, .mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-slider .mdc-slider__tick-marks {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n height: 100%;\n justify-content: space-between;\n padding: 0 1px;\n position: absolute;\n width: 100%;\n}\n.mdc-slider .mdc-slider__tick-mark--active,\n.mdc-slider .mdc-slider__tick-mark--inactive {\n border-radius: 50%;\n height: 2px;\n width: 2px;\n}\n.mdc-slider .mdc-slider__tick-mark--active {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-theme-on-primary, #fff);\n opacity: 0.6;\n}\n.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-theme-on-primary, #fff);\n opacity: 0.6;\n}\n.mdc-slider .mdc-slider__tick-mark--inactive {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-theme-primary, #6200ee);\n opacity: 0.6;\n}\n.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-theme-on-surface, #000);\n opacity: 0.6;\n}\n.mdc-slider.mdc-slider--disabled {\n opacity: 0.38;\n cursor: auto;\n}\n.mdc-slider.mdc-slider--disabled .mdc-slider__thumb {\n pointer-events: none;\n}\n.mdc-slider--discrete .mdc-slider__thumb,\n.mdc-slider--discrete .mdc-slider__track--active_fill {\n transition: -webkit-transform 80ms ease;\n transition: transform 80ms ease;\n transition: transform 80ms ease, -webkit-transform 80ms ease;\n}\n@media (prefers-reduced-motion) {\n .mdc-slider--discrete .mdc-slider__thumb,\n.mdc-slider--discrete .mdc-slider__track--active_fill {\n transition: none;\n }\n}\n\n.mdc-slider__input {\n cursor: pointer;\n left: 0;\n margin: 0;\n height: 100%;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n/*# sourceMappingURL=mdc.slider.css.map*/'},888(t){"use strict";t.exports="/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-snackbar {\n z-index: 8;\n margin: 8px;\n display: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n pointer-events: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.mdc-snackbar__surface {\n background-color: #333333;\n}\n\n.mdc-snackbar__label {\n color: rgba(255, 255, 255, 0.87);\n}\n\n.mdc-snackbar__surface {\n min-width: 344px;\n}\n@media (max-width: 480px), (max-width: 344px) {\n .mdc-snackbar__surface {\n min-width: 100%;\n }\n}\n\n.mdc-snackbar__surface {\n max-width: 672px;\n}\n\n.mdc-snackbar__surface {\n /* @alternate */\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n}\n\n.mdc-snackbar__surface {\n border-radius: 4px;\n /* @alternate */\n border-radius: var(--mdc-shape-small, 4px);\n}\n\n.mdc-snackbar--opening,\n.mdc-snackbar--open,\n.mdc-snackbar--closing {\n display: flex;\n}\n\n.mdc-snackbar--open .mdc-snackbar__label,\n.mdc-snackbar--open .mdc-snackbar__actions {\n visibility: visible;\n}\n\n.mdc-snackbar--leading {\n justify-content: flex-start;\n}\n\n.mdc-snackbar--stacked .mdc-snackbar__label {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 8px;\n padding-bottom: 12px;\n}\n[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {\n /* @noflip */\n padding-left: 8px;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-snackbar--stacked .mdc-snackbar__surface {\n flex-direction: column;\n align-items: flex-start;\n}\n.mdc-snackbar--stacked .mdc-snackbar__actions {\n align-self: flex-end;\n margin-bottom: 8px;\n}\n\n.mdc-snackbar__surface {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 8px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n opacity: 0;\n}\n[dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {\n /* @noflip */\n padding-left: 8px;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-snackbar--open .mdc-snackbar__surface {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);\n transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mdc-snackbar--closing .mdc-snackbar__surface {\n -webkit-transform: scale(1);\n transform: scale(1);\n transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);\n}\n\n.mdc-snackbar__label {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-body2-font-size, 0.875rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-body2-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-body2-font-weight, 400);\n letter-spacing: 0.0178571429em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-body2-text-transform, inherit);\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 8px;\n width: 100%;\n flex-grow: 1;\n box-sizing: border-box;\n margin: 0;\n visibility: hidden;\n padding-top: 14px;\n padding-bottom: 14px;\n}\n[dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] {\n /* @noflip */\n padding-left: 8px;\n /* @noflip */\n padding-right: 16px;\n}\n\n.mdc-snackbar__label::before {\n display: inline;\n content: attr(data-mdc-snackbar-label-text);\n}\n\n.mdc-snackbar__actions {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n box-sizing: border-box;\n visibility: hidden;\n}\n\n.mdc-snackbar__action:not(:disabled) {\n color: #bb86fc;\n}\n.mdc-snackbar__action::before, .mdc-snackbar__action::after {\n background-color: #bb86fc;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #bb86fc);\n}\n.mdc-snackbar__action:hover::before, .mdc-snackbar__action.mdc-ripple-surface--hover::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.08);\n}\n.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n.mdc-snackbar__action.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n\n.mdc-snackbar__dismiss {\n color: rgba(255, 255, 255, 0.87);\n}\n.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after {\n background-color: rgba(255, 255, 255, 0.87);\n /* @alternate */\n background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87));\n}\n.mdc-snackbar__dismiss:hover::before, .mdc-snackbar__dismiss.mdc-ripple-surface--hover::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.08);\n}\n.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n.mdc-snackbar__dismiss.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n\n.mdc-snackbar__dismiss.mdc-snackbar__dismiss {\n width: 36px;\n height: 36px;\n padding: 9px;\n font-size: 18px;\n}\n.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,\n.mdc-snackbar__dismiss.mdc-snackbar__dismiss img {\n width: 18px;\n height: 18px;\n}\n\n.mdc-snackbar__action + .mdc-snackbar__dismiss {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 0;\n}\n[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 8px;\n}\n\n/*# sourceMappingURL=mdc.snackbar.css.map*/"},324(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-switch__thumb-underlay {\n /* @noflip */\n left: -14px;\n /* @noflip */\n right: initial;\n top: -17px;\n width: 48px;\n height: 48px;\n}\n[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: -14px;\n}\n\n.mdc-switch__native-control {\n width: 64px;\n height: 48px;\n}\n\n.mdc-switch {\n display: inline-block;\n position: relative;\n outline: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.mdc-switch.mdc-switch--checked .mdc-switch__track {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-theme-secondary, #018786);\n}\n.mdc-switch.mdc-switch--checked .mdc-switch__thumb {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-theme-secondary, #018786);\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-theme-secondary, #018786);\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-theme-surface, #fff);\n border-color: #fff;\n /* @alternate */\n border-color: var(--mdc-theme-surface, #fff);\n}\n\n.mdc-switch__native-control {\n /* @noflip */\n left: 0;\n /* @noflip */\n right: initial;\n position: absolute;\n top: 0;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n pointer-events: auto;\n transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 0;\n}\n\n.mdc-switch__track {\n box-sizing: border-box;\n width: 36px;\n height: 14px;\n border: 1px solid transparent;\n border-radius: 7px;\n opacity: 0.38;\n transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-switch__thumb-underlay {\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-switch__thumb {\n /* @alternate */\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n border: 10px solid;\n border-radius: 50%;\n pointer-events: none;\n z-index: 1;\n}\n\n.mdc-switch--checked .mdc-switch__track {\n opacity: 0.54;\n}\n.mdc-switch--checked .mdc-switch__thumb-underlay {\n -webkit-transform: translateX(16px);\n transform: translateX(16px);\n}\n[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {\n -webkit-transform: translateX(-16px);\n transform: translateX(-16px);\n}\n.mdc-switch--checked .mdc-switch__native-control {\n -webkit-transform: translateX(-16px);\n transform: translateX(-16px);\n}\n[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {\n -webkit-transform: translateX(16px);\n transform: translateX(16px);\n}\n\n.mdc-switch--disabled {\n opacity: 0.38;\n pointer-events: none;\n}\n.mdc-switch--disabled .mdc-switch__thumb {\n border-width: 1px;\n}\n.mdc-switch--disabled .mdc-switch__native-control {\n cursor: default;\n pointer-events: none;\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {\n background-color: #9e9e9e;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #9e9e9e);\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.08);\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.24);\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.24;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);\n}\n\n.mdc-switch__thumb-underlay {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-switch__thumb-underlay::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-switch__thumb-underlay::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {\n top: calc(50% - 50%);\n /* @noflip */\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));\n}\n.mdc-switch__thumb-underlay:hover::before, .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {\n transition: opacity 150ms linear;\n}\n.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-switch__thumb-underlay.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n\n/*# sourceMappingURL=mdc.switch.css.map*/'},914(t){"use strict";t.exports='/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE\n */\n.mdc-floating-label {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n position: absolute;\n /* @noflip */\n left: 0;\n /* @noflip */\n -webkit-transform-origin: left top;\n transform-origin: left top;\n line-height: 1.15rem;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: text;\n overflow: hidden;\n /* @alternate */\n will-change: transform;\n transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {\n /* @noflip */\n right: 0;\n /* @noflip */\n left: auto;\n /* @noflip */\n -webkit-transform-origin: right top;\n transform-origin: right top;\n /* @noflip */\n text-align: right;\n}\n\n.mdc-floating-label--float-above {\n cursor: auto;\n}\n\n.mdc-floating-label--required::after {\n /* @noflip */\n margin-left: 1px;\n /* @noflip */\n margin-right: 0px;\n content: "*";\n}\n[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: 1px;\n}\n\n.mdc-floating-label--float-above {\n -webkit-transform: translateY(-106%) scale(0.75);\n transform: translateY(-106%) scale(0.75);\n}\n\n.mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;\n animation: mdc-floating-label-shake-float-above-standard 250ms 1;\n}\n\n@-webkit-keyframes mdc-floating-label-shake-float-above-standard {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n}\n\n@keyframes mdc-floating-label-shake-float-above-standard {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);\n }\n}\n.mdc-line-ripple::before, .mdc-line-ripple::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n border-bottom-style: solid;\n content: "";\n}\n.mdc-line-ripple::before {\n border-bottom-width: 1px;\n z-index: 1;\n}\n.mdc-line-ripple::after {\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n border-bottom-width: 2px;\n opacity: 0;\n z-index: 2;\n}\n.mdc-line-ripple::after {\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-line-ripple--active::after {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n}\n\n.mdc-line-ripple--deactivating::after {\n opacity: 0;\n}\n\n.mdc-notched-outline {\n display: flex;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n box-sizing: border-box;\n width: 100%;\n max-width: 100%;\n height: 100%;\n /* @noflip */\n text-align: left;\n pointer-events: none;\n}\n[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {\n /* @noflip */\n text-align: right;\n}\n.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {\n box-sizing: border-box;\n height: 100%;\n border-top: 1px solid;\n border-bottom: 1px solid;\n pointer-events: none;\n}\n.mdc-notched-outline__leading {\n /* @noflip */\n border-left: 1px solid;\n /* @noflip */\n border-right: none;\n width: 12px;\n}\n[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {\n /* @noflip */\n border-left: none;\n /* @noflip */\n border-right: 1px solid;\n}\n.mdc-notched-outline__trailing {\n /* @noflip */\n border-left: none;\n /* @noflip */\n border-right: 1px solid;\n flex-grow: 1;\n}\n[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {\n /* @noflip */\n border-left: 1px solid;\n /* @noflip */\n border-right: none;\n}\n.mdc-notched-outline__notch {\n flex: 0 0 auto;\n width: auto;\n max-width: calc(100% - 12px * 2);\n}\n.mdc-notched-outline .mdc-floating-label {\n display: inline-block;\n position: relative;\n max-width: 100%;\n}\n.mdc-notched-outline .mdc-floating-label--float-above {\n text-overflow: clip;\n}\n.mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75);\n}\n\n.mdc-notched-outline--notched .mdc-notched-outline__notch {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 8px;\n border-top: none;\n}\n[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {\n /* @noflip */\n padding-left: 8px;\n /* @noflip */\n padding-right: 0;\n}\n\n.mdc-notched-outline--no-label .mdc-notched-outline__notch {\n display: none;\n}\n\n@-webkit-keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@-webkit-keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-text-field--filled {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-text-field--filled .mdc-text-field__ripple::before,\n.mdc-text-field--filled .mdc-text-field__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: "";\n}\n.mdc-text-field--filled .mdc-text-field__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-text-field--filled .mdc-text-field__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {\n -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {\n top: 0;\n /* @noflip */\n left: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n}\n.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {\n -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {\n -webkit-animation: mdc-ripple-fg-opacity-out 150ms;\n animation: mdc-ripple-fg-opacity-out 150ms;\n -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-text-field--filled .mdc-text-field__ripple::before,\n.mdc-text-field--filled .mdc-text-field__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n\n.mdc-text-field__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.mdc-text-field {\n border-top-left-radius: 4px;\n /* @alternate */\n border-top-left-radius: var(--mdc-shape-small, 4px);\n border-top-right-radius: 4px;\n /* @alternate */\n border-top-right-radius: var(--mdc-shape-small, 4px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n display: inline-flex;\n align-items: baseline;\n padding: 0 16px;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n /* @alternate */\n will-change: opacity, transform, color;\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {\n color: rgba(0, 0, 0, 0.87);\n}\n@media all {\n .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {\n color: rgba(0, 0, 0, 0.54);\n }\n .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.54);\n }\n .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.54);\n }\n .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {\n color: rgba(0, 0, 0, 0.54);\n }\n}\n@media all {\n .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.54);\n }\n}\n.mdc-text-field .mdc-text-field__input {\n caret-color: #6200ee;\n /* @alternate */\n caret-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,\n.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {\n color: rgba(0, 0, 0, 0.54);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {\n color: rgba(0, 0, 0, 0.54);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {\n color: rgba(0, 0, 0, 0.6);\n}\n.mdc-text-field .mdc-floating-label {\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n pointer-events: none;\n}\n\n.mdc-text-field__input {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n height: 28px;\n transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n width: 100%;\n min-width: 0;\n border: none;\n border-radius: 0;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n}\n.mdc-text-field__input::-ms-clear {\n display: none;\n}\n.mdc-text-field__input::-webkit-calendar-picker-indicator {\n display: none;\n}\n.mdc-text-field__input:focus {\n outline: none;\n}\n.mdc-text-field__input:invalid {\n box-shadow: none;\n}\n@media all {\n .mdc-text-field__input::-webkit-input-placeholder {\n transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n .mdc-text-field__input:-ms-input-placeholder {\n transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n .mdc-text-field__input::-ms-input-placeholder {\n transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n .mdc-text-field__input::placeholder {\n transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n}\n@media all {\n .mdc-text-field__input:-ms-input-placeholder {\n transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n}\n@media all {\n .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {\n transition-delay: 40ms;\n transition-duration: 110ms;\n opacity: 1;\n }\n .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {\n transition-delay: 40ms;\n transition-duration: 110ms;\n opacity: 1;\n }\n .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {\n transition-delay: 40ms;\n transition-duration: 110ms;\n opacity: 1;\n }\n .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {\n transition-delay: 40ms;\n transition-duration: 110ms;\n opacity: 1;\n }\n}\n@media all {\n .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {\n transition-delay: 40ms;\n transition-duration: 110ms;\n opacity: 1;\n }\n}\n\n.mdc-text-field__affix {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 1rem;\n /* @alternate */\n font-size: var(--mdc-typography-subtitle1-font-size, 1rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-subtitle1-font-weight, 400);\n letter-spacing: 0.009375em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);\n height: 28px;\n transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n white-space: nowrap;\n}\n.mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {\n opacity: 1;\n}\n@supports (-webkit-hyphens: none) {\n .mdc-text-field--outlined .mdc-text-field__affix {\n align-items: center;\n align-self: center;\n display: inline-flex;\n height: 100%;\n }\n}\n\n.mdc-text-field__affix--prefix {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 2px;\n}\n[dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {\n /* @noflip */\n padding-left: 2px;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 12px;\n}\n[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {\n /* @noflip */\n padding-left: 12px;\n /* @noflip */\n padding-right: 0;\n}\n\n.mdc-text-field__affix--suffix {\n /* @noflip */\n padding-left: 12px;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 12px;\n}\n.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {\n /* @noflip */\n padding-left: 2px;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 2px;\n}\n\n.mdc-text-field--filled {\n height: 56px;\n}\n.mdc-text-field--filled .mdc-text-field__ripple::before,\n.mdc-text-field--filled .mdc-text-field__ripple::after {\n background-color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));\n}\n.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-text-field--filled::before {\n display: inline-block;\n width: 0;\n height: 40px;\n content: "";\n vertical-align: 0;\n}\n.mdc-text-field--filled:not(.mdc-text-field--disabled) {\n background-color: whitesmoke;\n}\n.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {\n border-bottom-color: rgba(0, 0, 0, 0.42);\n}\n.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {\n border-bottom-color: rgba(0, 0, 0, 0.87);\n}\n.mdc-text-field--filled .mdc-line-ripple::after {\n border-bottom-color: #6200ee;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-text-field--filled .mdc-floating-label {\n /* @noflip */\n left: 16px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 16px;\n}\n.mdc-text-field--filled .mdc-floating-label--float-above {\n -webkit-transform: translateY(-106%) scale(0.75);\n transform: translateY(-106%) scale(0.75);\n}\n.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {\n height: 100%;\n}\n.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {\n display: none;\n}\n.mdc-text-field--filled.mdc-text-field--no-label::before {\n display: none;\n}\n@supports (-webkit-hyphens: none) {\n .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {\n align-items: center;\n align-self: center;\n display: inline-flex;\n height: 100%;\n }\n}\n\n.mdc-text-field--outlined {\n height: 56px;\n overflow: visible;\n}\n.mdc-text-field--outlined .mdc-floating-label--float-above {\n -webkit-transform: translateY(-37.25px) scale(1);\n transform: translateY(-37.25px) scale(1);\n}\n.mdc-text-field--outlined .mdc-floating-label--float-above {\n font-size: 0.75rem;\n}\n.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n -webkit-transform: translateY(-34.75px) scale(0.75);\n transform: translateY(-34.75px) scale(0.75);\n}\n.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n font-size: 1rem;\n}\n.mdc-text-field--outlined .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;\n animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-text-field-outlined {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);\n }\n}\n.mdc-text-field--outlined .mdc-text-field__input {\n height: 100%;\n}\n.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,\n.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,\n.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {\n border-color: rgba(0, 0, 0, 0.38);\n}\n.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {\n border-color: rgba(0, 0, 0, 0.87);\n}\n.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,\n.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,\n.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {\n border-color: #6200ee;\n /* @alternate */\n border-color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {\n /* @noflip */\n border-top-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-left-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-top-right-radius: 0;\n /* @noflip */\n border-bottom-right-radius: 0;\n /* @noflip */\n border-bottom-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-left-radius: var(--mdc-shape-small, 4px);\n}\n[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {\n /* @noflip */\n border-top-left-radius: 0;\n /* @noflip */\n border-top-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-left-radius: 0;\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {\n width: max(12px, var(--mdc-shape-small, 4px));\n }\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {\n max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);\n }\n}\n.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {\n /* @noflip */\n border-top-left-radius: 0;\n /* @noflip */\n border-top-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-right-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-right-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-bottom-left-radius: 0;\n}\n[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {\n /* @noflip */\n border-top-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-top-left-radius: var(--mdc-shape-small, 4px);\n /* @noflip */\n border-top-right-radius: 0;\n /* @noflip */\n border-bottom-right-radius: 0;\n /* @noflip */\n border-bottom-left-radius: 4px;\n /* @alternate */\n /* @noflip */\n border-bottom-left-radius: var(--mdc-shape-small, 4px);\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n /* @noflip */\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n /* @noflip */\n padding-right: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined + .mdc-text-field-helper-line {\n /* @noflip */\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined + .mdc-text-field-helper-line {\n /* @noflip */\n padding-right: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n.mdc-text-field--outlined.mdc-text-field--with-leading-icon {\n /* @noflip */\n padding-left: 0;\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined.mdc-text-field--with-leading-icon {\n /* @noflip */\n padding-right: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {\n /* @noflip */\n padding-right: 0;\n}\n@supports (top: max(0%)) {\n [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {\n /* @noflip */\n padding-left: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {\n /* @noflip */\n padding-right: 0;\n}\n@supports (top: max(0%)) {\n .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {\n /* @noflip */\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n}\n@supports (top: max(0%)) {\n [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {\n /* @noflip */\n padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {\n padding-top: 1px;\n}\n.mdc-text-field--outlined .mdc-text-field__ripple::before,\n.mdc-text-field--outlined .mdc-text-field__ripple::after {\n content: none;\n}\n.mdc-text-field--outlined .mdc-floating-label {\n /* @noflip */\n left: 4px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 4px;\n}\n.mdc-text-field--outlined .mdc-text-field__input {\n display: flex;\n border: none !important;\n background-color: transparent;\n}\n.mdc-text-field--outlined .mdc-notched-outline {\n z-index: 1;\n}\n\n.mdc-text-field--textarea {\n flex-direction: column;\n align-items: center;\n width: auto;\n height: auto;\n padding: 0;\n transition: none;\n}\n.mdc-text-field--textarea .mdc-floating-label {\n top: 19px;\n}\n.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {\n -webkit-transform: none;\n transform: none;\n}\n.mdc-text-field--textarea .mdc-text-field__input {\n flex-grow: 1;\n height: auto;\n min-height: 1.5rem;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n resize: none;\n padding: 0 16px;\n line-height: 1.5rem;\n}\n.mdc-text-field--textarea.mdc-text-field--filled::before {\n display: none;\n}\n.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {\n -webkit-transform: translateY(-10.25px) scale(0.75);\n transform: translateY(-10.25px) scale(0.75);\n}\n.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;\n animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-textarea-filled {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);\n }\n}\n.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {\n margin-top: 23px;\n margin-bottom: 9px;\n}\n.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {\n margin-top: 16px;\n margin-bottom: 16px;\n}\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {\n padding-top: 0;\n}\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {\n -webkit-transform: translateY(-27.25px) scale(1);\n transform: translateY(-27.25px) scale(1);\n}\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {\n font-size: 0.75rem;\n}\n.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n -webkit-transform: translateY(-24.75px) scale(0.75);\n transform: translateY(-24.75px) scale(0.75);\n}\n.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n font-size: 1rem;\n}\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;\n animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-textarea-outlined {\n 0% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);\n }\n}\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {\n margin-top: 16px;\n margin-bottom: 16px;\n}\n.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {\n top: 18px;\n}\n.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {\n margin-bottom: 2px;\n}\n.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {\n align-self: flex-end;\n padding: 0 16px;\n}\n.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {\n display: inline-block;\n width: 0;\n height: 16px;\n content: "";\n vertical-align: -16px;\n}\n.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {\n display: none;\n}\n\n.mdc-text-field__resizer {\n align-self: stretch;\n display: inline-flex;\n flex-direction: column;\n flex-grow: 1;\n max-height: 100%;\n max-width: 100%;\n min-height: 56px;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n /* @alternate */\n min-width: -moz-available;\n /* @alternate */\n min-width: -webkit-fill-available;\n overflow: hidden;\n resize: both;\n}\n.mdc-text-field--filled .mdc-text-field__resizer {\n -webkit-transform: translateY(-1px);\n transform: translateY(-1px);\n}\n.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,\n.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {\n -webkit-transform: translateY(1px);\n transform: translateY(1px);\n}\n.mdc-text-field--outlined .mdc-text-field__resizer {\n -webkit-transform: translateX(-1px) translateY(-1px);\n transform: translateX(-1px) translateY(-1px);\n}\n[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {\n -webkit-transform: translateX(1px) translateY(-1px);\n transform: translateX(1px) translateY(-1px);\n}\n.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,\n.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {\n -webkit-transform: translateX(1px) translateY(1px);\n transform: translateX(1px) translateY(1px);\n}\n[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],\n[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,\n.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {\n -webkit-transform: translateX(-1px) translateY(1px);\n transform: translateX(-1px) translateY(1px);\n}\n\n.mdc-text-field--with-leading-icon {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 16px;\n}\n[dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {\n max-width: calc(100% - 48px);\n /* @noflip */\n left: 48px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 48px;\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75 - 64px / 0.75);\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {\n /* @noflip */\n left: 36px;\n /* @noflip */\n right: initial;\n}\n[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {\n /* @noflip */\n left: initial;\n /* @noflip */\n right: 36px;\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {\n max-width: calc(100% - 60px);\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {\n -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);\n transform: translateY(-37.25px) translateX(-32px) scale(1);\n}\n[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {\n -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);\n transform: translateY(-37.25px) translateX(32px) scale(1);\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {\n font-size: 0.75rem;\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);\n transform: translateY(-34.75px) translateX(-32px) scale(0.75);\n}\n[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],\n[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {\n -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);\n transform: translateY(-34.75px) translateX(32px) scale(0.75);\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {\n font-size: 1rem;\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;\n animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {\n 0% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {\n 0% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);\n }\n}\n[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {\n -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;\n animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;\n}\n@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {\n 0% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n}\n@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {\n 0% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n 33% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);\n -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 66% {\n -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);\n -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);\n }\n 100% {\n -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);\n }\n}\n\n.mdc-text-field--with-trailing-icon {\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 16px;\n}\n.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {\n max-width: calc(100% - 64px);\n}\n.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75 - 64px / 0.75);\n}\n.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {\n max-width: calc(100% - 60px);\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 0;\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {\n max-width: calc(100% - 96px);\n}\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {\n max-width: calc(100% / 0.75 - 96px / 0.75);\n}\n\n.mdc-text-field-helper-line {\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n}\n.mdc-text-field + .mdc-text-field-helper-line {\n padding-right: 16px;\n padding-left: 16px;\n}\n\n.mdc-form-field > .mdc-text-field + label {\n align-self: flex-start;\n}\n\n.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {\n color: rgba(98, 0, 238, 0.87);\n}\n.mdc-text-field--focused .mdc-notched-outline__leading,\n.mdc-text-field--focused .mdc-notched-outline__notch,\n.mdc-text-field--focused .mdc-notched-outline__trailing {\n border-width: 2px;\n}\n.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {\n opacity: 1;\n}\n.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {\n padding-top: 2px;\n}\n.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {\n padding-top: 0;\n}\n\n.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {\n border-bottom-color: #b00020;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {\n border-bottom-color: #b00020;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {\n color: #b00020;\n /* @alternate */\n color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {\n color: #b00020;\n /* @alternate */\n color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid .mdc-text-field__input {\n caret-color: #b00020;\n /* @alternate */\n caret-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {\n color: #b00020;\n /* @alternate */\n color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {\n border-bottom-color: #b00020;\n /* @alternate */\n border-bottom-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,\n.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {\n border-color: #b00020;\n /* @alternate */\n border-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,\n.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,\n.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {\n border-color: #b00020;\n /* @alternate */\n border-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,\n.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,\n.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {\n border-color: #b00020;\n /* @alternate */\n border-color: var(--mdc-theme-error, #b00020);\n}\n.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {\n opacity: 1;\n}\n\n.mdc-text-field--disabled {\n pointer-events: none;\n}\n.mdc-text-field--disabled .mdc-text-field__input {\n color: rgba(0, 0, 0, 0.38);\n}\n@media all {\n .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {\n color: rgba(0, 0, 0, 0.38);\n }\n .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.38);\n }\n .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.38);\n }\n .mdc-text-field--disabled .mdc-text-field__input::placeholder {\n color: rgba(0, 0, 0, 0.38);\n }\n}\n@media all {\n .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {\n color: rgba(0, 0, 0, 0.38);\n }\n}\n.mdc-text-field--disabled .mdc-floating-label {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-text-field--disabled .mdc-text-field-character-counter,\n.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-text-field--disabled .mdc-text-field__icon--leading {\n color: rgba(0, 0, 0, 0.3);\n}\n.mdc-text-field--disabled .mdc-text-field__icon--trailing {\n color: rgba(0, 0, 0, 0.3);\n}\n.mdc-text-field--disabled .mdc-text-field__affix--prefix {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-text-field--disabled .mdc-text-field__affix--suffix {\n color: rgba(0, 0, 0, 0.38);\n}\n.mdc-text-field--disabled .mdc-line-ripple::before {\n border-bottom-color: rgba(0, 0, 0, 0.06);\n}\n.mdc-text-field--disabled .mdc-notched-outline__leading,\n.mdc-text-field--disabled .mdc-notched-outline__notch,\n.mdc-text-field--disabled .mdc-notched-outline__trailing {\n border-color: rgba(0, 0, 0, 0.06);\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {\n color: GrayText;\n }\n .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {\n color: GrayText;\n }\n .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {\n color: GrayText;\n }\n .mdc-text-field--disabled .mdc-text-field__input::placeholder {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-floating-label {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field-character-counter,\n.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field__icon--leading {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field__icon--trailing {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field__affix--prefix {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-text-field__affix--suffix {\n color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-line-ripple::before {\n border-bottom-color: GrayText;\n }\n}\n@media screen and (-ms-high-contrast: active) {\n .mdc-text-field--disabled .mdc-notched-outline__leading,\n.mdc-text-field--disabled .mdc-notched-outline__notch,\n.mdc-text-field--disabled .mdc-notched-outline__trailing {\n border-color: GrayText;\n }\n}\n.mdc-text-field--disabled .mdc-floating-label {\n cursor: default;\n}\n.mdc-text-field--disabled.mdc-text-field--filled {\n background-color: #fafafa;\n}\n.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {\n display: none;\n}\n.mdc-text-field--disabled .mdc-text-field__input {\n pointer-events: auto;\n}\n\n.mdc-text-field--end-aligned .mdc-text-field__input {\n /* @noflip */\n text-align: right;\n}\n[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {\n /* @noflip */\n text-align: left;\n}\n\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,\n.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {\n /* @noflip */\n direction: ltr;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 2px;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {\n /* @noflip */\n padding-left: 12px;\n /* @noflip */\n padding-right: 0;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {\n order: 1;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {\n order: 2;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {\n order: 3;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {\n order: 4;\n}\n[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {\n order: 5;\n}\n[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {\n /* @noflip */\n text-align: right;\n}\n[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {\n /* @noflip */\n padding-right: 12px;\n}\n[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {\n /* @noflip */\n padding-left: 2px;\n}\n\n.mdc-text-field-helper-text {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.75rem;\n /* @alternate */\n font-size: var(--mdc-typography-caption-font-size, 0.75rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-caption-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-caption-font-weight, 400);\n letter-spacing: 0.0333333333em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-caption-text-transform, inherit);\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n margin: 0;\n opacity: 0;\n will-change: opacity;\n transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mdc-text-field-helper-text::before {\n display: inline-block;\n width: 0;\n height: 16px;\n content: "";\n vertical-align: 0;\n}\n\n.mdc-text-field-helper-text--persistent {\n transition: none;\n opacity: 1;\n will-change: initial;\n}\n\n.mdc-text-field-character-counter {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.75rem;\n /* @alternate */\n font-size: var(--mdc-typography-caption-font-size, 0.75rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-caption-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-caption-font-weight, 400);\n letter-spacing: 0.0333333333em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);\n text-decoration: inherit;\n /* @alternate */\n -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-decoration: var(--mdc-typography-caption-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-caption-text-transform, inherit);\n display: block;\n margin-top: 0;\n /* @alternate */\n line-height: normal;\n /* @noflip */\n margin-left: auto;\n /* @noflip */\n margin-right: 0;\n /* @noflip */\n padding-left: 16px;\n /* @noflip */\n padding-right: 0;\n white-space: nowrap;\n}\n.mdc-text-field-character-counter::before {\n display: inline-block;\n width: 0;\n height: 16px;\n content: "";\n vertical-align: 0;\n}\n[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {\n /* @noflip */\n margin-left: 0;\n /* @noflip */\n margin-right: auto;\n}\n[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {\n /* @noflip */\n padding-left: 0;\n /* @noflip */\n padding-right: 16px;\n}\n\n.mdc-text-field__icon {\n align-self: center;\n cursor: pointer;\n}\n.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {\n cursor: default;\n pointer-events: none;\n}\n.mdc-text-field__icon svg {\n display: block;\n}\n\n.mdc-text-field__icon--leading {\n /* @noflip */\n margin-left: 16px;\n /* @noflip */\n margin-right: 8px;\n}\n[dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {\n /* @noflip */\n margin-left: 8px;\n /* @noflip */\n margin-right: 16px;\n}\n\n.mdc-text-field__icon--trailing {\n padding: 12px;\n /* @noflip */\n margin-left: 0px;\n /* @noflip */\n margin-right: 0px;\n}\n[dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {\n /* @noflip */\n margin-left: 0px;\n /* @noflip */\n margin-right: 0px;\n}\n\n/*# sourceMappingURL=mdc.textfield.css.map*/'},989(t){"use strict";t.exports="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAABMLAAATCwAAAAAAAAAAAAD+/v4B/v7+AOf//ABR3cgAdujXDV/fzElU28eJT9rGqVDaxqpW3MiLXd/LSXHm1Q1P3cgA2//7AP7+/gD+/v4BAAAAAHzq2gDk//8BW9/LOVDaxrJL2MTyS9jE9EvYw+hL2MPoS9fD90vYw/RQ2sW0W9/LO9L//wGA69sAAAAAAHjp2AAAOwAAXN7LVEzYxORL2MPuVNKuwVvGi6Zi1rI1X+HQJVvey0ZS28aTS9jD7UzYw+VZ3spVAAAAAHjp2ABN2cUAXN/LN0zYxOJM18HeV8KEtVCtUudRrlLgZrtmKmO5YwBz59cAlvTnAlney0RM2MPYTNjD5FrfyzlO2sUAeOnZClDaxqxL2MPvV8OGtU6rTvJSq1LUR405sTNtGa0vZxOiOW8eZU1+NRA7tY0AWN7KRkvXw+5O2cWtbefVClzfzD9L2MTtU9OxwlCtU+FSq1LVPnknvypiDfcsZRDmLWUQ5itkD/szahihTHwxDv///wFT28iZS9jD8F3fzENV28h8S9jE9lnFirxPrE/zSZA8tSpiDfUvZxOaQ3cpI0V4KyMxaBWZK2QO+TtyIWJvv2QdXNOta0vXw/hV3Mh/WN3Jh1LbyNFXunG+UK1R6UB+K7YuZRHYQHQnKj1yIwBAdSYAQnYoKixkEOo7dyW5U65Uz1a7c7xM2MTtVdzIon3o2RR/7eUaVrFblVCsUe9boFJOO20eJFKDPAVThD0APHIiAEN2KTIsZA/sPnwpwVCsUelWu3PDTNjE7lTbx5+53bkASapLAFiyWmNOrFD8WrNcZUGjQgBllFQAapRZA0N2KjIyaRawK2MN8kuUQLRPrE/0WsaNu0vYxPZW3Mh5AAAAAGO4ZABlumchUa1T2VCtUtRctV4uRpE7AFuIRREyaBbHK2MN9T59KrZQq1HbUa5V3VPUtcVL2MTqX+DNOgAAAACLzowACIMKAFqzXFxPrFHwUK1S2FmzXG1brlk8RIYzm0uWQrdQq1HdUKxQ71nHkbZL2MTzUdrGoYnu3wcAAAAAAAAAAHvGfQCO0Y8EWbNbWVGtU9VOrFD9TqxQ8k+sUO1PrE/1Uq9W21nIk7ZN2MPqS9jD1lvfyyxS3McAAAAAAAAAAAAAAAAAis+LAP///wBnu2kdXLRdW1SyW4lVvXe3WMiUulLVuMpK2MT1TNjE1VPdyD8hybAAhu7eAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFLfywBS3sodTNnG1ErYxPhM2MTnUtvHm1zgzCgAuJsAjPHiAAAAAAD9/f0B/f39AAAAAAAAAAAAAAAAAAAAAABb4c0AXeHNElfdyXpY3MlrYeHOMX/r2wZv5tUAAAAAAP39/QD9/f0BcA4AAMADAADAAwAAgMEAAAAQAAAAAAAAAAAAAAGAAAABgAAAxgAAAMIAAADgAAAA4AEAAPADAAD+BwAAfg4AAA=="},900(t){"use strict";t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTA3LjM3MiAxMDcuNDUzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnPgogICAgPHBhdGggZmlsbD0iI0M0RDYwMCIgZD0iTTUzLjY0OCwxMDcuMjk2QzI0LjA2OCwxMDcuMjk2LDAsODMuMjM2LDAsNTMuNjQ2aDExLjIzNGMwLDIzLjM5MSwxOS4wMjUsNDIuNDIsNDIuNDE0LDQyLjQyIGMyMy4zODUsMCw0Mi40MTYtMTkuMDI5LDQyLjQxNi00Mi40MmMwLTIzLjM4Mi0xOS4wMzEtNDIuNDA4LTQyLjQxNi00Mi40MDhWMGMyOS41ODIsMCw1My42NSwyNC4wNjgsNTMuNjUsNTMuNjQ2IEMxMDcuMjk5LDgzLjIzNiw4My4yMywxMDcuMjk2LDUzLjY0OCwxMDcuMjk2TDUzLjY0OCwxMDcuMjk2eiIvPgogICAgPHBhdGggZmlsbD0iIzRFOUQyRCIgZD0iTTQ1LjUyNSw5Mi41N2MtMTAuMzk1LTIuMTY2LTE5LjMyNC04LjI2Mi0yNS4xNDUtMTcuMTM3Yy01LjgxNC04Ljg4NC03LjgyNi0xOS41MTEtNS42NTQtMjkuOTA2IGMyLjE3NC0xMC4zOTksOC4yNTgtMTkuMzI1LDE3LjE0MS0yNS4xNDVjOC44ODktNS44MTUsMTkuNTA2LTcuODI1LDI5LjkwNi01LjY1NWMyMS40NjMsNC40NzksMzUuMjgxLDI1LjU4MiwzMC44MDMsNDcuMDQxIEw4MS41OCw1OS40NzhjMy4yMDctMTUuMzk3LTYuNzAzLTMwLjUzOS0yMi4xMDUtMzMuNzUxYy03LjQ2MS0xLjU2LTE1LjA3OC0wLjExOS0yMS40NTUsNC4wNiBjLTYuMzY5LDQuMTY5LTEwLjczNiwxMC41OC0xMi4yOTksMTguMDM5Yy0xLjU1NSw3LjQ1OC0wLjExMywxNS4wNzUsNC4wNjQsMjEuNDUzYzQuMTcsNi4zNywxMC41NzYsMTAuNzQ0LDE4LjA0MSwxMi4yOTcgTDQ1LjUyNSw5Mi41N0w0NS41MjUsOTIuNTd6Ii8+CiAgICA8cGF0aCBmaWxsPSIjMUQ1NjMyIiBkPSJNNTMuNjgyLDc5LjQyOGMtMC40MzIsMC0wLjg3MS0wLjAxMi0xLjMwOS0wLjAzMmMtNi44NjktMC4zNDItMTMuMjA1LTMuMzQ0LTE3LjgzLTguNDM5IGMtNC42MjEtNS4xMDgtNi45ODItMTEuNzA1LTYuNjM5LTE4LjU4MmwxMS4yMTUsMC41NTNjLTAuMTg4LDMuODc5LDEuMTQxLDcuNjA5LDMuNzUsMTAuNDg4YzIuNjA0LDIuODc5LDYuMTg2LDQuNTY4LDEwLjA1OSw0Ljc2MSBjMy44NjksMC4xNzksNy42MDctMS4xNDIsMTAuNDgtMy43NDhjMi44ODctMi42MDMsNC41NzYtNi4xNzksNC43NzMtMTAuMDU3YzAuMzkxLTguMDEyLTUuODAzLTE0Ljg1NC0xMy44MTYtMTUuMjQ4bDAuNTU5LTExLjIyMiBjMTQuMjAxLDAuNzEsMjUuMTc4LDEyLjgyMywyNC40NzUsMjcuMDIxYy0wLjM0NCw2Ljg4My0zLjMzNiwxMy4yMTItOC40NDEsMTcuODMxQzY2LjE3NCw3Ny4wODYsNjAuMDg0LDc5LjQyOCw1My42ODIsNzkuNDI4IEw1My42ODIsNzkuNDI4eiIvPgogIDwvZz4KPC9zdmc+"},233(t){"use strict";t.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSI3Mi4xODkgLTE5LjIxNyA1MzkuMTQzIDE3My43MjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMCwgNykiPgogICAgPHBhdGggZmlsbD0iIzFENTYzMiIgZD0iTTE0NS4wOSwzOC4wNTNjMTIuNDc5LDAsMjIuMDk4LDEwLjU0OCwyMi4wOTgsMjIuMDk1YzAsMTEuNDczLTkuNDczLDIyLjA5Ny0yMi4wOTgsMjIuMDk3IGMtMTIuMzE2LDAtMjEuOTQzLTEwLjM5Mi0yMS45NDMtMjEuNzg3QzEyMy4xNDYsNDcuMTQsMTM0LjAwNCwzOC4wNTMsMTQ1LjA5LDM4LjA1M3ogTTE0NS4xNyw3Ny4zOTYgYzguMTY0LDAsMTYuNjMxLTYuNDY4LDE2LjYzMS0xNy40NzljMC0xMS4wODgtOS4zOTMtMTcuMDE4LTE2LjYzMS0xNy4wMThjLTcuNzAxLDAtMTYuNjM1LDYuMzEzLTE2LjYzNSwxNy40NzYgQzEyOC41MzUsNzAuMTU4LDEzNi40NzEsNzcuMzk2LDE0NS4xNyw3Ny4zOTZ6Ii8+CiAgICA8cGF0aCBmaWxsPSIjMUQ1NjMyIiBkPSJNMjY3Ljg0OCwzOC4yMzdoNS4zODVWNDUuNGgwLjE1NmMxLjYxNy0yLjU1MSw1Ljc3My02LjQ5NCwxMi45MzgtNi40OTRjNS4xNTQsMCw5LjQ2OSwxLjMxNSwxMy4zMTYsNS4xNzkgYzMuMTU2LDMuMDkzLDUuMjM4LDcuOTU2LDUuMjM4LDE0LjkxMXYyMy4yNmgtNS4zOTF2LTIzLjI2YzAtNS40ODQtMS42OTUtOS4zNDctNC4wMDYtMTEuNTg4Yy0yLjkyNC0yLjg1OS02Ljc3NS0zLjYzLTkuMTU4LTMuNjMgYy0yLjM4OSwwLTYuMjQsMC43NzEtOS4xNjgsMy42M2MtMi4zMDksMi4yNDEtNCw2LjEwNC0zLjkyNiwxMS41ODh2MjMuMjZoLTUuMzg1VjM4LjIzN3oiLz4KICAgIDxwYXRoIGZpbGw9IiM0RTlEMkQiIGQ9Ik0zMTIuMTYsMzkuNTIxaDkuMzk1djMuNzc1aDAuMTVjMS45MjgtMi43NzIsMy44NDgtNS4yMzUsOS4xNjYtNS4yMzVoMC44NDZ2OS45MzIgQzMyMi40LDQ4LjM3OCwzMjIuNCw1NS42OSwzMjIuNCw1OC4yM3YyNC4wMjVoLTEwLjI0VjM5LjUyMXoiLz4KICAgIDxwYXRoIGZpbGw9IiM0RTlEMkQiIGQ9Ik00NDguODE0LDU5LjkxOGMwLTEyLjkzNSwxMC41NDctMjIuODY2LDIyLjc4OS0yMi44NjZjMTIuMDg4LDAsMjIuNjM3LDkuNjIyLDIyLjYzNywyMi43MSBjMCwxNC4wMTYtMTAuNzgxLDIyLjg2Ny0yMi42MzcsMjIuODY3QzQ1OC44OTgsODIuNjI5LDQ0OC44MTQsNzIuMTU5LDQ0OC44MTQsNTkuOTE4eiBNNDgzLjk5Miw1OS45OTUgYzAtNy43NzYtNi0xMy41NTQtMTIuMzg5LTEzLjU1NGMtNS4zMTIsMC0xMi41NTUsNC41NDYtMTIuNTU1LDEzLjQ3N2MwLDguMDg4LDYuMDksMTMuMzIxLDEyLjU1NSwxMy4zMjEgQzQ3OS4wNjYsNzMuMjM5LDQ4My45OTIsNjYuNzcxLDQ4My45OTIsNTkuOTk1eiIvPgogICAgPHBhdGggZmlsbD0iIzRFOUQyRCIgZD0iTTUwMC4xOTksNDcuNTk4aC01Ljk4NFYzOC41MWg1Ljk4NFYyNC4yNzFoMTAuMjRWMzguNTFoNi4xNnY5LjA4OGgtNi4xNnYzMy42NDZoLTEwLjI0VjQ3LjU5OHoiLz4KICAgIDxwYXRoIGZpbGw9IiM0RTlEMkQiIGQ9Ik00MjYuMDQzLDM4LjM0OWMtNS4yMTMsMC05LjkyNCwyLjI3LTEzLjMyNCw1LjkyN2MtMy4zOTgtMy42NTctOC4xMTktNS45MjctMTMuMzIyLTUuOTI3IGMtMTAuMzI2LDAtMTguNzMsOC45MTYtMTguNzMsMTkuODczdjI0LjQ2NGgxMC43NTJWNTguMjIyYzAtNS4wMzIsMy41ODItOS4xMjMsNy45NzktOS4xMjNjNC4yMDMsMCw3LjY1LDMuNzMzLDcuOTQ3LDguNDUzIGMtMC4wMDYsMC4yMjctMC4wMzMsMC40NDYtMC4wMzMsMC42N3YyNC40NjRoMTAuNzU0di0wLjA2aDAuMDU5VjU4LjIyMmMwLTAuMjI0LTAuMDIzLTAuNDQzLTAuMDI5LTAuNjcgYzAuMjk3LTQuNzIsMy43NDQtOC40NTMsNy45NDktOC40NTNjNC4zOTUsMCw3Ljk3OSw0LjA5MSw3Ljk3OSw5LjEyM3YyNC40MDRoMTAuNzQ4VjU4LjIyMiBDNDQ0Ljc3LDQ3LjI2NSw0MzYuMzcxLDM4LjM0OSw0MjYuMDQzLDM4LjM0OXoiLz4KICAgIDxyZWN0IHg9IjE3MS43MDEiIHk9IjM5LjA5MSIgZmlsbD0iIzFENTYzMiIgd2lkdGg9IjUuNDAyIiBoZWlnaHQ9IjU2Ljk1NSIvPgogICAgPHBhdGggZmlsbD0iIzFENTYzMiIgZD0iTTE5My42OCwzOC4wNTNjLTExLjA4OCwwLTIxLjk0NSw5LjA1Mi0yMS45NzksMjIuMzM1aDUuMzkzYzAtMC4wMDYsMC0wLjAwNiwwLTAuMDA2IGMwLTExLjE2OCw4Ljk0NS0xNy40ODEsMTYuNjU0LTE3LjQ4MWM3LjI1NiwwLDE2LjY2LDUuOTMsMTYuNjYsMTcuMDE4YzAsMTEuMDExLTguNDgsMTcuNDc5LTE2LjY2LDE3LjQ3OSBjLTQuMDUxLDAtNy45MjgtMS41ODctMTAuOTMyLTQuMjUxdjYuMTY3YzMuMTg2LDEuODUsNi44ODEsMi45MzIsMTAuODYzLDIuOTMyYzEyLjYzOSwwLDIyLjEzMS0xMC42MjQsMjIuMTMxLTIyLjA5NyBDMjE1LjgxMSw0OC42MDEsMjA2LjE2OCwzOC4wNTMsMTkzLjY4LDM4LjA1M3oiLz4KICAgIDxwYXRoIGZpbGw9IiMxRDU2MzIiIGQ9Ik0yNTkuOTM5LDQ4LjgzYy0zLjAwMi01LjIzMy05LjU0Ny0xMC43MDItMTguNzg3LTEwLjc3N2MtMTIuMjQyLDAuMjMxLTIxLjg2NSwxMC4yMzctMjEuODY1LDIyLjE3MyBjMCwxMi40NzEsMTAuMTY2LDIyLjAxOSwyMS45NDMsMjIuMDE5YzkuNjk5LDAsMTcuNzg1LTYuMzg4LDIwLjcxMS0xNC43ODJoLTUuNjk5Yy0xLjkyMiw1LjIzNC03LjM5MSw5Ljc4MS0xNS4wOSw5LjkzNSBjLTguMjM2LDAtMTUuOTM4LTcuMDA2LTE2LjMyMi0xNS4yNDZoMC4wMDZjLTAuMjM0LTIuMjMyLTAuMzE4LTUuNTk0LDAuODA1LTguMTQ2aDAuMDFjMi42NTQtNy42MjIsOS43NDItMTEuMTA0LDE1LjU4LTExLjEwNCBjNi43MDEsMCwxNC43ODMsNC40NjYsMTYuNDc5LDE0LjQwMmgtMjQuMTY4djQuODQ4aDI5LjYzNUMyNjMuNDAyLDU4LjA3MywyNjIuNzg5LDUzLjM3MywyNTkuOTM5LDQ4LjgzeiIvPgogICAgPHBhdGggZmlsbD0iIzRFOUQyRCIgZD0iTTM3Ni4zOTYsNTkuMzA0YzAtMTAuNzc5LTguNTQ5LTIyLjQ4MS0yMi4xLTIyLjQ4MWMtMTMuMTcyLDAtMjIuNDgyLDExLjA4Ny0yMi40ODIsMjMuMTczIGMwLDEyLjQ3MSw5Ljg1MiwyMi42MzQsMjIuNTU5LDIyLjYzNGMxMC4wMDgsMCwxOC4xNy03LjE1NywyMC42MzUtMTQuODU1aC0xMC43NzljLTEuOTI2LDMuNTM4LTUuMzE0LDUuNDY2LTkuODU1LDUuNDY2IGMtNy4wOCwwLTExLjA0Ny01LjYxNi0xMS43MTUtOC40OTJjLTAuNjE5LTEuODg2LTEuMjMtNC45OTctMC4zNTItOC41MjFoLTAuMDIzYzAuMDUxLTAuMjA1LDAuMTE3LTAuMzk1LDAuMTctMC41OSBjMC4wMjEtMC4wNjQsMC4wMzctMC4xMjMsMC4wNTctMC4xODljMi4xNDUtNy4yNzgsOC4yMjEtOS4yMzIsMTEuODYzLTkuMjMyYzUuMDgsMCwxMC4zOTgsMy4xNTQsMTEuNTQ1LDEwLjAxMmgtMTcuOTcxdjguMjM1IGgyNy44MjZDMzc2LjA4Niw2My4wNzQsMzc2LjM5Niw2MS4zMDcsMzc2LjM5Niw1OS4zMDR6Ii8+CiAgICA8cGF0aCBmaWxsPSIjNEU5RDJEIiBkPSJNNTYxLjEyNSw1OS4zMDRjMC0xMC43NzktOC41NDEtMjIuNDgxLTIyLjA5LTIyLjQ4MWMtMTMuMTcyLDAtMjIuNDksMTEuMDg3LTIyLjQ5LDIzLjE3MyBjMCwxMi40NzEsOS44NjEsMjIuNjM0LDIyLjU2NiwyMi42MzRjMTAuMDA4LDAsMTguMTctNy4xNTcsMjAuNjM1LTE0Ljg1NWgtMTAuNzgxYy0xLjkyNCwzLjUzOC01LjMxNCw1LjQ2Ni05Ljg1NCw1LjQ2NiBjLTcuMDc4LDAtMTEuMDQ3LTUuNjE2LTExLjcxNy04LjQ5MmMtMC42MTUtMS44ODYtMS4yMy00Ljk5Ny0wLjM1NC04LjUyMWgtMC4wMThjMC4wNDctMC4yMDUsMC4xMTUtMC4zOTUsMC4xNjgtMC41OSBjMC4wMjEtMC4wNjQsMC4wMzctMC4xMjMsMC4wNTctMC4xODljMi4xNDUtNy4yNzgsOC4yMjEtOS4yMzIsMTEuODYzLTkuMjMyYzUuMDgsMCwxMC4zOTMsMy4xNTQsMTEuNTUxLDEwLjAxMmgtMTguNjI5djguMjM1IGgyOC40NzlDNTYwLjgyLDYzLjA3NCw1NjEuMTI1LDYxLjMwNyw1NjEuMTI1LDU5LjMwNHoiLz4KICA8L2c+Cjwvc3ZnPg=="},954(t){"use strict";t.exports=__rspack_external__954},487(t){"use strict";t.exports=__rspack_external__487},368(t){"use strict";t.exports=__rspack_external__368},673(t){"use strict";t.exports=__rspack_external__673}},e={};function n(i){var r=e[i];if(void 0!==r)return r.exports;var o=e[i]={exports:{}};return t[i].call(o.exports,o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e,i)=>{var r=(e,i)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,[i]:e[r]})};r(e,"get"),r(i,"value")},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};(()=>{"use strict";let t;n.r(i),n.d(i,{DEFAULT_LANGUAGES:()=>ed.DEFAULT_LANGUAGES,DefaultFavIcon:()=>dl,DefaultLogo:()=>da,DefaultMobileLogo:()=>ds,OrApp:()=>dm,OrHeader:()=>sy,Page:()=>tF,appReducer:()=>lG,getDefaultManagerConfig:()=>dd,router:()=>t$,scrollToTop:()=>lH,setOffline:()=>lY,setVisibility:()=>lX,updateDrawer:()=>lU,updatePage:()=>lB,updateRealm:()=>lV});let e=globalThis,r=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),a=new WeakMap;class s{constructor(t,e,n){if(this._$cssResult$=!0,n!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(r&&void 0===t){let n=void 0!==e&&1===e.length;n&&(t=a.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&a.set(e,t))}return t}toString(){return this.cssText}}let l=t=>new s("string"==typeof t?t:t+"",void 0,o),d=(t,...e)=>new s(1===t.length?t[0]:e.reduce((e,n,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+t[i+1],t[0]),t,o),c=(t,n)=>{if(r)t.adoptedStyleSheets=n.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let i of n){let n=document.createElement("style"),r=e.litNonce;void 0!==r&&n.setAttribute("nonce",r),n.textContent=i.cssText,t.appendChild(n)}},m=r?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(let n of t.cssRules)e+=n.cssText;return l(e)})(t):t,{is:p,defineProperty:u,getOwnPropertyDescriptor:h,getOwnPropertyNames:f,getOwnPropertySymbols:g,getPrototypeOf:b}=Object,_=globalThis,v=_.trustedTypes,y=v?v.emptyScript:"",x=_.reactiveElementPolyfillSupport,w={toAttribute(t,e){switch(e){case Boolean:t=t?y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let n=t;switch(e){case Boolean:n=null!==t;break;case Number:n=null===t?null:Number(t);break;case Object:case Array:try{n=JSON.parse(t)}catch(t){n=null}}return n}},k=(t,e)=>!p(t,e),E={attribute:!0,type:String,converter:w,reflect:!1,useDefault:!1,hasChanged:k};Symbol.metadata??=Symbol("metadata"),_.litPropertyMetadata??=new WeakMap;class C extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=E){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let n=Symbol(),i=this.getPropertyDescriptor(t,n,e);void 0!==i&&u(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){let{get:i,set:r}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){let o=i?.call(this);r?.call(this,e),this.requestUpdate(t,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??E}static _$Ei(){if(this.hasOwnProperty("elementProperties"))return;let t=b(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty("finalized"))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty("properties")){let t=this.properties;for(let e of[...f(t),...g(t)])this.createProperty(e,t[e])}let t=this[Symbol.metadata];if(null!==t){let e=litPropertyMetadata.get(t);if(void 0!==e)for(let[t,n]of e)this.elementProperties.set(t,n)}for(let[t,e]of(this._$Eh=new Map,this.elementProperties)){let n=this._$Eu(t,e);void 0!==n&&this._$Eh.set(n,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t))for(let n of new Set(t.flat(1/0).reverse()))e.unshift(m(n));else void 0!==t&&e.push(m(t));return e}static _$Eu(t,e){let n=e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map;for(let e of this.constructor.elementProperties.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return c(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){let n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(void 0!==i&&!0===n.reflect){let r=(void 0!==n.converter?.toAttribute?n.converter:w).toAttribute(e,n.type);this._$Em=t,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){let n=this.constructor,i=n._$Eh.get(t);if(void 0!==i&&this._$Em!==i){let t=n.getPropertyOptions(i),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:w;this._$Em=i;let o=r.fromAttribute(e,t.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(t,e,n){if(void 0!==t){let i=this.constructor,r=this[t];if(!(((n??=i.getPropertyOptions(t)).hasChanged??k)(r,e)||n.useDefault&&n.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,n))))return;this.C(t,e,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},o){n&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==r||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}let t=this.constructor.elementProperties;if(t.size>0)for(let[e,n]of t){let{wrapped:t}=n,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,n,i)}}let t=!1,e=this._$AL;try{(t=this.shouldUpdate(e))?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}C.elementStyles=[],C.shadowRootOptions={mode:"open"},C.elementProperties=new Map,C.finalized=new Map,x?.({ReactiveElement:C}),(_.reactiveElementVersions??=[]).push("2.1.1");let A=globalThis,T=A.trustedTypes,I=T?T.createPolicy("lit-html",{createHTML:t=>t}):void 0,O="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,L="?"+S,M=`<${L}>`,N=document,D=()=>N.createComment(""),R=t=>null===t||"object"!=typeof t&&"function"!=typeof t,z=Array.isArray,P=t=>z(t)||"function"==typeof t?.[Symbol.iterator],j="[ \n\f\r]",$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,F=/-->/g,B=/>/g,U=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^
|
|
2
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),H=/'/g,V=/"/g,Y=/^(?:script|style|textarea|title)$/i,X=(t,...e)=>({_$litType$:1,strings:t,values:e}),G=Symbol.for("lit-noChange"),K=Symbol.for("lit-nothing"),q=new WeakMap,W=N.createTreeWalker(N,129);function Q(t,e){if(!z(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==I?I.createHTML(e):e}let Z=(t,e)=>{let n=t.length-1,i=[],r,o=2===e?"<svg>":3===e?"<math>":"",a=$;for(let e=0;e<n;e++){let n=t[e],s,l,d=-1,c=0;for(;c<n.length&&(a.lastIndex=c,null!==(l=a.exec(n)));)c=a.lastIndex,a===$?"!--"===l[1]?a=F:void 0!==l[1]?a=B:void 0!==l[2]?(Y.test(l[2])&&(r=RegExp("</"+l[2],"g")),a=U):void 0!==l[3]&&(a=U):a===U?">"===l[0]?(a=r??$,d=-1):void 0===l[1]?d=-2:(d=a.lastIndex-l[2].length,s=l[1],a=void 0===l[3]?U:'"'===l[3]?V:H):a===V||a===H?a=U:a===F||a===B?a=$:(a=U,r=void 0);let m=a===U&&t[e+1].startsWith("/>")?" ":"";o+=a===$?n+M:d>=0?(i.push(s),n.slice(0,d)+O+n.slice(d)+S+m):n+S+(-2===d?e:m)}return[Q(t,o+(t[n]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class J{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,o=0;const a=t.length-1,s=this.parts,[l,d]=Z(t,e);if(this.el=J.createElement(l,n),W.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=W.nextNode())&&s.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(O)){const e=d[o++],n=i.getAttribute(t).split(S),a=/([.?@])?(.*)/.exec(e);s.push({type:1,index:r,name:a[2],strings:n,ctor:"."===a[1]?tr:"?"===a[1]?to:"@"===a[1]?ta:ti}),i.removeAttribute(t)}else t.startsWith(S)&&(s.push({type:6,index:r}),i.removeAttribute(t));if(Y.test(i.tagName)){const t=i.textContent.split(S),e=t.length-1;if(e>0){i.textContent=T?T.emptyScript:"";for(let n=0;n<e;n++)i.append(t[n],D()),W.nextNode(),s.push({type:2,index:++r});i.append(t[e],D())}}}else if(8===i.nodeType)if(i.data===L)s.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(S,t+1));)s.push({type:7,index:r}),t+=S.length-1}r++}}static createElement(t,e){let n=N.createElement("template");return n.innerHTML=t,n}}function tt(t,e,n=t,i){if(e===G)return e;let r=void 0!==i?n._$Co?.[i]:n._$Cl,o=R(e)?void 0:e._$litDirective$;return r?.constructor!==o&&(r?._$AO?.(!1),void 0===o?r=void 0:(r=new o(t))._$AT(t,n,i),void 0!==i?(n._$Co??=[])[i]=r:n._$Cl=r),void 0!==r&&(e=tt(t,r._$AS(t,e.values),r,i)),e}class te{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:n}=this._$AD,i=(t?.creationScope??N).importNode(e,!0);W.currentNode=i;let r=W.nextNode(),o=0,a=0,s=n[0];for(;void 0!==s;){if(o===s.index){let e;2===s.type?e=new tn(r,r.nextSibling,this,t):1===s.type?e=new s.ctor(r,s.name,s.strings,this,t):6===s.type&&(e=new ts(r,this,t)),this._$AV.push(e),s=n[++a]}o!==s?.index&&(r=W.nextNode(),o++)}return W.currentNode=N,i}p(t){let e=0;for(let n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class tn{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=K,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){R(t=tt(this,t,e))?t===K||null==t||""===t?(this._$AH!==K&&this._$AR(),this._$AH=K):t!==this._$AH&&t!==G&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):P(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==K&&R(this._$AH)?this._$AA.nextSibling.data=t:this.T(N.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:n}=t,i="number"==typeof n?this._$AC(t):(void 0===n.el&&(n.el=J.createElement(Q(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(e);else{let t=new te(i,this),n=t.u(this.options);t.p(e),this.T(n),this._$AH=t}}_$AC(t){let e=q.get(t.strings);return void 0===e&&q.set(t.strings,e=new J(t)),e}k(t){z(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,n,i=0;for(let r of t)i===e.length?e.push(n=new tn(this.O(D()),this.O(D()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class ti{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=K,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=K}_$AI(t,e=this,n,i){let r=this.strings,o=!1;if(void 0===r)(o=!R(t=tt(this,t,e,0))||t!==this._$AH&&t!==G)&&(this._$AH=t);else{let i,a,s=t;for(t=r[0],i=0;i<r.length-1;i++)(a=tt(this,s[n+i],e,i))===G&&(a=this._$AH[i]),o||=!R(a)||a!==this._$AH[i],a===K?t=K:t!==K&&(t+=(a??"")+r[i+1]),this._$AH[i]=a}o&&!i&&this.j(t)}j(t){t===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class tr extends ti{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===K?void 0:t}}class to extends ti{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==K)}}class ta extends ti{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=tt(this,t,e,0)??K)===G)return;let n=this._$AH,i=t===K&&n!==K||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==K&&(n===K||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ts{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){tt(this,t)}}let tl=A.litHtmlPolyfillSupport;tl?.(J,tn),(A.litHtmlVersions??=[]).push("3.3.1");let td=(t,e,n)=>{let i=n?.renderBefore??e,r=i._$litPart$;if(void 0===r){let t=n?.renderBefore??null;i._$litPart$=r=new tn(e.insertBefore(D(),t),t,void 0,n??{})}return r._$AI(t),r},tc=globalThis;class tm extends C{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=td(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return G}}tm._$litElement$=!0,tm.finalized=!0,tc.litElementHydrateSupport?.({LitElement:tm});let tp=tc.litElementPolyfillSupport;tp?.({LitElement:tm}),(tc.litElementVersions??=[]).push("4.2.1");var tu,th,tf,tg,tb,t_,tv,ty,tx,tw,tk,tE,tC,tA,tT,tI,tO,tS=n(487);let tL=t=>(e,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(t,e)}):customElements.define(t,e)},tM={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:k};function tN(t){return(e,n)=>{let i;return"object"==typeof n?((t=tM,e,n)=>{let{kind:i,metadata:r}=n,o=globalThis.litPropertyMetadata.get(r);if(void 0===o&&globalThis.litPropertyMetadata.set(r,o=new Map),"setter"===i&&((t=Object.create(t)).wrapped=!0),o.set(n.name,t),"accessor"===i){let{name:i}=n;return{set(n){let r=e.get.call(this);e.set.call(this,n),this.requestUpdate(i,r,t)},init(e){return void 0!==e&&this.C(i,void 0,t,e),e}}}if("setter"===i){let{name:i}=n;return function(n){let r=this[i];e.call(this,n),this.requestUpdate(i,r,t)}}throw Error("Unsupported decorator location: "+i)})(t,e,n):(i=e.hasOwnProperty(n),e.constructor.createProperty(n,t),i?Object.getOwnPropertyDescriptor(e,n):void 0)}}function tD(t){return tN({...t,state:!0,attribute:!1})}let tR=(t,e,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,n),n);function tz(t,e){return(n,i,r)=>{let o=e=>e.renderRoot?.querySelector(t)??null;if(e){let t,{get:e,set:a}="object"==typeof i?n:r??(t=Symbol(),{get(){return this[t]},set(e){this[t]=e}});return tR(n,i,{get(){let t=e.call(this);return void 0===t&&(null!==(t=o(this))||this.hasUpdated)&&a.call(this,t),t}})}return tR(n,i,{get(){return o(this)}})}}var tP=n(673),tj=n(693);let t$=new((n.n(tj))())("/",{hash:!0});class tF extends(0,tP.translate)(tP.i18next)(tS.OrElement){constructor(t){super(),this._store=t}connectedCallback(){super.connectedCallback(),this._storeUnsubscribe=this._store.subscribe(()=>this.stateChanged(this._store.getState())),this.stateChanged(this._store.getState())}disconnectedCallback(){this._storeUnsubscribe(),super.disconnectedCallback()}getState(){return this._store.getState()}}var tB=function(t,e){return(tB=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)};function tU(t,e){function n(){this.constructor=t}tB(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var tH=function(){return(tH=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},tV=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}(),tY=function(){function t(t,e){for(var n=[],i=2;i<arguments.length;i++)n[i-2]=arguments[i];this.root=t,this.initialize.apply(this,function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,r,o=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(t){r={error:t}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}(arguments[e]));return t}(n)),this.foundation=void 0===e?this.getDefaultFoundation():e,this.foundation.init(),this.initialSyncWithDOM()}return t.attachTo=function(e){return new t(e,new tV({}))},t.prototype.initialize=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e]},t.prototype.getDefaultFoundation=function(){throw 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,n){this.root.addEventListener(t,e,n)},t.prototype.unlisten=function(t,e,n){this.root.removeEventListener(t,e,n)},t.prototype.emit=function(t,e,n){var i;void 0===n&&(n=!1),"function"==typeof CustomEvent?i=new CustomEvent(t,{bubbles:n,detail:e}):(i=document.createEvent("CustomEvent")).initCustomEvent(t,n,!1,e),this.root.dispatchEvent(i)},t}();function tX(t,e){if(t.closest)return t.closest(e);for(var n=t;n;){if(tG(n,e))return n;n=n.parentElement}return null}function tG(t,e){return(t.matches||t.webkitMatchesSelector||t.msMatchesSelector).call(t,e)}var tK={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},tq={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},tW={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3},tQ=tK.OPENING,tZ=tK.OPEN,tJ=tK.CLOSING,t0=tq.REASON_ACTION,t1=tq.REASON_DISMISS,t2=function(t){function e(n){var i=t.call(this,tH(tH({},e.defaultAdapter),n))||this;return i.isOpen_=!1,i.animationFrame_=0,i.animationTimer_=0,i.autoDismissTimer_=0,i.autoDismissTimeoutMs_=tW.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,i.closeOnEscape_=!0,i}return tU(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return tK},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return tq},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return tW},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!0,configurable:!0}),e.prototype.destroy=function(){this.clearAutoDismissTimer_(),cancelAnimationFrame(this.animationFrame_),this.animationFrame_=0,clearTimeout(this.animationTimer_),this.animationTimer_=0,this.adapter.removeClass(tQ),this.adapter.removeClass(tZ),this.adapter.removeClass(tJ)},e.prototype.open=function(){var t=this;this.clearAutoDismissTimer_(),this.isOpen_=!0,this.adapter.notifyOpening(),this.adapter.removeClass(tJ),this.adapter.addClass(tQ),this.adapter.announce(),this.runNextAnimationFrame_(function(){t.adapter.addClass(tZ),t.animationTimer_=setTimeout(function(){var e=t.getTimeoutMs();t.handleAnimationTimerEnd_(),t.adapter.notifyOpened(),e!==tW.INDETERMINATE&&(t.autoDismissTimer_=setTimeout(function(){t.close(t1)},e))},tW.SNACKBAR_ANIMATION_OPEN_TIME_MS)})},e.prototype.close=function(t){var e=this;void 0===t&&(t=""),this.isOpen_&&(cancelAnimationFrame(this.animationFrame_),this.animationFrame_=0,this.clearAutoDismissTimer_(),this.isOpen_=!1,this.adapter.notifyClosing(t),this.adapter.addClass(tK.CLOSING),this.adapter.removeClass(tK.OPEN),this.adapter.removeClass(tK.OPENING),clearTimeout(this.animationTimer_),this.animationTimer_=setTimeout(function(){e.handleAnimationTimerEnd_(),e.adapter.notifyClosed(t)},tW.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},e.prototype.isOpen=function(){return this.isOpen_},e.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs_},e.prototype.setTimeoutMs=function(t){var e=tW.MIN_AUTO_DISMISS_TIMEOUT_MS,n=tW.MAX_AUTO_DISMISS_TIMEOUT_MS,i=tW.INDETERMINATE;if(t===tW.INDETERMINATE||t<=n&&t>=e)this.autoDismissTimeoutMs_=t;else throw Error("\n timeoutMs must be an integer in the range "+e+"–"+n+"\n (or "+i+" to disable), but got '"+t+"'")},e.prototype.getCloseOnEscape=function(){return this.closeOnEscape_},e.prototype.setCloseOnEscape=function(t){this.closeOnEscape_=t},e.prototype.handleKeyDown=function(t){("Escape"===t.key||27===t.keyCode)&&this.getCloseOnEscape()&&this.close(t1)},e.prototype.handleActionButtonClick=function(t){this.close(t0)},e.prototype.handleActionIconClick=function(t){this.close(t1)},e.prototype.clearAutoDismissTimer_=function(){clearTimeout(this.autoDismissTimer_),this.autoDismissTimer_=0},e.prototype.handleAnimationTimerEnd_=function(){this.animationTimer_=0,this.adapter.removeClass(tK.OPENING),this.adapter.removeClass(tK.CLOSING)},e.prototype.runNextAnimationFrame_=function(t){var e=this;cancelAnimationFrame(this.animationFrame_),this.animationFrame_=requestAnimationFrame(function(){e.animationFrame_=0,clearTimeout(e.animationTimer_),e.animationTimer_=setTimeout(t,0)})},e}(tV),t5=tW.ARIA_LIVE_DELAY_MS,t4=tq.ARIA_LIVE_LABEL_TEXT_ATTR;function t3(t,e){void 0===e&&(e=t);var n=t.getAttribute("aria-live"),i=e.textContent.trim();i&&n&&(t.setAttribute("aria-live","off"),e.textContent="",e.innerHTML='<span style="display: inline-block; width: 0; height: 1px;"> </span>',e.setAttribute(t4,i),setTimeout(function(){t.setAttribute("aria-live",n),e.removeAttribute(t4),e.textContent=i},t5))}var t7=tq.SURFACE_SELECTOR,t8=tq.LABEL_SELECTOR,t6=tq.ACTION_SELECTOR,t9=tq.DISMISS_SELECTOR,et=tq.OPENING_EVENT,ee=tq.OPENED_EVENT,en=tq.CLOSING_EVENT,ei=tq.CLOSED_EVENT,er=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return tU(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(){return t3}),this.announce_=t()},e.prototype.initialSyncWithDOM=function(){var t=this;this.surfaceEl_=this.root.querySelector(t7),this.labelEl_=this.root.querySelector(t8),this.actionEl_=this.root.querySelector(t6),this.handleKeyDown_=function(e){return t.foundation.handleKeyDown(e)},this.handleSurfaceClick_=function(e){var n=e.target;t.isActionButton_(n)?t.foundation.handleActionButtonClick(e):t.isActionIcon_(n)&&t.foundation.handleActionIconClick(e)},this.registerKeyDownHandler_(this.handleKeyDown_),this.registerSurfaceClickHandler_(this.handleSurfaceClick_)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterKeyDownHandler_(this.handleKeyDown_),this.deregisterSurfaceClickHandler_(this.handleSurfaceClick_)},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new t2({addClass:function(e){return t.root.classList.add(e)},announce:function(){return t.announce_(t.labelEl_)},notifyClosed:function(e){return t.emit(ei,e?{reason:e}:{})},notifyClosing:function(e){return t.emit(en,e?{reason:e}:{})},notifyOpened:function(){return t.emit(ee,{})},notifyOpening:function(){return t.emit(et,{})},removeClass:function(e){return t.root.classList.remove(e)}})},Object.defineProperty(e.prototype,"timeoutMs",{get:function(){return this.foundation.getTimeoutMs()},set:function(t){this.foundation.setTimeoutMs(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"closeOnEscape",{get:function(){return this.foundation.getCloseOnEscape()},set:function(t){this.foundation.setCloseOnEscape(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"labelText",{get:function(){return this.labelEl_.textContent},set:function(t){this.labelEl_.textContent=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"actionButtonText",{get:function(){return this.actionEl_.textContent},set:function(t){this.actionEl_.textContent=t},enumerable:!0,configurable:!0}),e.prototype.registerKeyDownHandler_=function(t){this.listen("keydown",t)},e.prototype.deregisterKeyDownHandler_=function(t){this.unlisten("keydown",t)},e.prototype.registerSurfaceClickHandler_=function(t){this.surfaceEl_.addEventListener("click",t)},e.prototype.deregisterSurfaceClickHandler_=function(t){this.surfaceEl_.removeEventListener("click",t)},e.prototype.isActionButton_=function(t){return!!tX(t,t6)},e.prototype.isActionIcon_=function(t){return!!tX(t,t9)},e}(tY),eo=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a};let ea=n(888);class es extends CustomEvent{constructor(t){super(es.NAME,{detail:t,bubbles:!0,composed:!0})}}es.NAME="or-mwc-snackbar-changed";let el=class extends tS.OrElement{constructor(){super(...arguments),this._open=!1}static get styles(){return[d`
|
|
3
|
+
${l(ea)}
|
|
4
|
+
`,d``]}get isOpen(){return!!this._mdcComponent&&this._mdcComponent.isOpen}set isOpen(t){this._open=!0}open(){this._mdcElem&&!this._mdcComponent&&(this._mdcComponent=new er(this._mdcElem),this._mdcComponent.timeoutMs=this.timeout||4e3),this._mdcComponent&&this._mdcComponent.open()}close(t){this._mdcComponent&&this._mdcComponent.close(t)}disconnectedCallback(){super.disconnectedCallback(),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0)}render(){return X`
|
|
5
|
+
<div
|
|
6
|
+
id="mdc-snackbar"
|
|
7
|
+
class="mdc-snackbar"
|
|
8
|
+
@MDCSnackbar:opened="${()=>this.onOpen()}"
|
|
9
|
+
@MDCSnackbar:closed="${t=>this.onClose(t.detail.reason)}"
|
|
10
|
+
>
|
|
11
|
+
<div class="mdc-snackbar__surface" role="status" aria-relevant="additions">
|
|
12
|
+
<div class="mdc-snackbar__label" aria-atomic="false">
|
|
13
|
+
<or-translate value="${this.text}"></or-translate>
|
|
14
|
+
</div>
|
|
15
|
+
${!this.buttonText?X``:X`
|
|
16
|
+
<div class="mdc-snackbar__actions" aria-atomic="true">
|
|
17
|
+
<or-mwc-input type="button" class="mdc-button mdc-snackbar__action" label="${this.buttonText}">
|
|
18
|
+
</or-mwc-input>
|
|
19
|
+
</div>
|
|
20
|
+
`}
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
`}updated(t){super.updated(t),t.has("_open")&&this._open&&this.open()}onClose(t){this.buttonAction&&this.buttonAction(),this.dispatchChangedEvent({opened:!1,closeReason:t})}onOpen(){this.dispatchChangedEvent({opened:!0})}dispatchChangedEvent(t){this.dispatchEvent(new es(t))}};eo([tN({type:String,attribute:!1})],el.prototype,"text",void 0),eo([tN({type:String})],el.prototype,"buttonText",void 0),eo([tN({type:Object,attribute:!1})],el.prototype,"buttonAction",void 0),eo([tN({type:Number})],el.prototype,"timeout",void 0),eo([tN({type:Boolean})],el.prototype,"_open",void 0),eo([tz("#mdc-snackbar")],el.prototype,"_mdcElem",void 0),el=eo([tL("or-mwc-snackbar")],el);var ed=n(954),ec=n.n(ed),em=function(t,e){return(em=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)};function ep(t,e){function n(){this.constructor=t}em(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var eu=function(){return(eu=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},eh="mdc-dom-focus-sentinel",ef=function(){function t(t,e){void 0===e&&(e={}),this.root=t,this.options=e,this.elFocusedBeforeTrapFocus=null}return t.prototype.trapFocus=function(){var t=this.getFocusableElements(this.root);if(0===t.length)throw Error("FocusTrap: Element must have at least one focusable child.");this.elFocusedBeforeTrapFocus=document.activeElement instanceof HTMLElement?document.activeElement:null,this.wrapTabFocus(this.root,t),this.options.skipInitialFocus||this.focusInitialElement(t,this.options.initialFocusEl)},t.prototype.releaseFocus=function(){[].slice.call(this.root.querySelectorAll("."+eh)).forEach(function(t){t.parentElement.removeChild(t)}),this.elFocusedBeforeTrapFocus&&this.elFocusedBeforeTrapFocus.focus()},t.prototype.wrapTabFocus=function(t,e){var n=this.createSentinel(),i=this.createSentinel();n.addEventListener("focus",function(){e.length>0&&e[e.length-1].focus()}),i.addEventListener("focus",function(){e.length>0&&e[0].focus()}),t.insertBefore(n,t.children[0]),t.appendChild(i)},t.prototype.focusInitialElement=function(t,e){var n=0;e&&(n=Math.max(t.indexOf(e),0)),t[n].focus()},t.prototype.getFocusableElements=function(t){return[].slice.call(t.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button")).filter(function(t){var e="true"===t.getAttribute("aria-disabled")||null!=t.getAttribute("disabled")||null!=t.getAttribute("hidden")||"true"===t.getAttribute("aria-hidden"),n=t.tabIndex>=0&&t.getBoundingClientRect().width>0&&!t.classList.contains(eh)&&!e,i=!1;if(n){var r=getComputedStyle(t);i="none"===r.display||"hidden"===r.visibility}return n&&!i})},t.prototype.createSentinel=function(){var t=document.createElement("div");return t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","true"),t.classList.add(eh),t},t}(),eg=function(t,e){return(eg=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)};function eb(t,e){function n(){this.constructor=t}eg(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var e_=function(){return(e_=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function ev(t){return void 0===t&&(t=window),!!function(t){void 0===t&&(t=window);var e=!1;try{var n={get passive(){return e=!0,!1}},i=function(){};t.document.addEventListener("test",i,n),t.document.removeEventListener("test",i,n)}catch(t){e=!1}return e}(t)&&{passive:!0}}var ey={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"},ex={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"},ew={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300},ek=["touchstart","pointerdown","mousedown","keydown"],eE=["touchend","pointerup","mouseup","contextmenu"],eC=[],eA=function(t){function e(n){var i=t.call(this,e_(e_({},e.defaultAdapter),n))||this;return i.activationAnimationHasEnded_=!1,i.activationTimer_=0,i.fgDeactivationRemovalTimer_=0,i.fgScale_="0",i.frame_={width:0,height:0},i.initialSize_=0,i.layoutFrame_=0,i.maxRadius_=0,i.unboundedCoords_={left:0,top:0},i.activationState_=i.defaultActivationState_(),i.activationTimerCallback_=function(){i.activationAnimationHasEnded_=!0,i.runDeactivationUXLogicIfReady_()},i.activateHandler_=function(t){return i.activate_(t)},i.deactivateHandler_=function(){return i.deactivate_()},i.focusHandler_=function(){return i.handleFocus()},i.blurHandler_=function(){return i.handleBlur()},i.resizeHandler_=function(){return i.layout()},i}return eb(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return ey},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return ex},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return ew},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 i=e.cssClasses,r=i.ROOT,o=i.UNBOUNDED;requestAnimationFrame(function(){t.adapter.addClass(r),t.adapter.isUnbounded()&&(t.adapter.addClass(o),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,i=n.ROOT,r=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter.removeClass(i),t.adapter.removeClass(r),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&&(ek.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_):eE.forEach(function(t){e.adapter.registerDocumentInteractionHandler(t,e.deactivateHandler_)})},e.prototype.deregisterRootHandlers_=function(){var t=this;ek.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_),eE.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 i=this.previousActivationEvent_;if(!(i&&void 0!==t&&i.type!==t.type)){if(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),void 0!==t&&eC.length>0&&eC.some(function(t){return e.adapter.containsEventTarget(t)}))return void this.resetActivationState_();void 0!==t&&(eC.push(t.target),this.registerDeactivationHandlers_(t)),n.wasElementMadeActive=this.checkElementMadeActive_(t),n.wasElementMadeActive&&this.animateActivation_(),requestAnimationFrame(function(){eC=[],!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,i=n.VAR_FG_TRANSLATE_START,r=n.VAR_FG_TRANSLATE_END,o=e.cssClasses,a=o.FG_DEACTIVATION,s=o.FG_ACTIVATION,l=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal_();var d="",c="";if(!this.adapter.isUnbounded()){var m=this.getFgTranslationCoordinates_(),p=m.startPoint,u=m.endPoint;d=p.x+"px, "+p.y+"px",c=u.x+"px, "+u.y+"px"}this.adapter.updateCssVariable(i,d),this.adapter.updateCssVariable(r,c),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_()},l)},e.prototype.getFgTranslationCoordinates_=function(){var t,e=this.activationState_,n=e.activationEvent;return{startPoint:t={x:(t=e.wasActivatedByPointer?function(t,e,n){if(!t)return{x:0,y:0};var i,r,o=e.x,a=e.y,s=o+n.left,l=a+n.top;return"touchstart"===t.type?(i=t.changedTouches[0].pageX-s,r=t.changedTouches[0].pageY-l):(i=t.pageX-s,r=t.pageY-l),{x:i,y:r}}(n,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame_.width/2,y:this.frame_.height/2}).x-this.initialSize_/2,y:t.y-this.initialSize_/2},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,i=this.activationState_,r=i.hasDeactivationUXRun,o=i.isActivated;(r||!o)&&this.activationAnimationHasEnded_&&(this.rmBoundedActivationClasses_(),this.adapter.addClass(n),this.fgDeactivationRemovalTimer_=setTimeout(function(){t.adapter.removeClass(n)},ew.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=e_({},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(){this.frame_=this.adapter.computeBoundingRect();var t=Math.max(this.frame_.height,this.frame_.width);this.maxRadius_=this.adapter.isUnbounded()?t:Math.sqrt(Math.pow(this.frame_.width,2)+Math.pow(this.frame_.height,2))+e.numbers.PADDING;var n=Math.floor(t*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&n%2!=0?this.initialSize_=n-1:this.initialSize_=n,this.fgScale_=""+this.maxRadius_/this.initialSize_,this.updateLayoutCssVars_()},e.prototype.updateLayoutCssVars_=function(){var t=e.strings,n=t.VAR_FG_SIZE,i=t.VAR_LEFT,r=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(n,this.initialSize_+"px"),this.adapter.updateCssVariable(o,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(r,this.unboundedCoords_.top+"px"))},e}(tV),eT=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.disabled=!1,e}return eb(e,t),e.attachTo=function(t,n){void 0===n&&(n={isUnbounded:void 0});var i=new e(t);return void 0!==n.isUnbounded&&(i.unbounded=n.isUnbounded),i},e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return function(t,e){void 0===e&&(e=!1);var n=t.CSS,i=ty;if("boolean"==typeof ty&&!e)return ty;if(!(n&&"function"==typeof n.supports))return!1;var r=n.supports("--css-vars","yes"),o=n.supports("(--css-vars: yes)")&&n.supports("color","#00000000");return i=r||o,e||(ty=i),i}(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,ev())},deregisterInteractionHandler:function(e,n){return t.root.removeEventListener(e,n,ev())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return tG(t.root,":active")},isSurfaceDisabled:function(){return!!t.disabled},isUnbounded:function(){return!!t.unbounded},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,ev())},registerInteractionHandler:function(e,n){return t.root.addEventListener(e,n,ev())},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!!this.unbounded_},set:function(t){this.unbounded_=!!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 eA(e.createAdapter(this))},e.prototype.initialSyncWithDOM=function(){var t=this.root;this.unbounded="mdcRippleIsUnbounded"in t.dataset},e.prototype.setUnbounded_=function(){this.foundation.setUnbounded(!!this.unbounded_)},e}(tY),eI={CLOSING:"mdc-dialog--closing",OPEN:"mdc-dialog--open",OPENING:"mdc-dialog--opening",SCROLLABLE:"mdc-dialog--scrollable",SCROLL_LOCK:"mdc-dialog-scroll-lock",STACKED:"mdc-dialog--stacked"},eO={ACTION_ATTRIBUTE:"data-mdc-dialog-action",BUTTON_DEFAULT_ATTRIBUTE:"data-mdc-dialog-button-default",BUTTON_SELECTOR:".mdc-dialog__button",CLOSED_EVENT:"MDCDialog:closed",CLOSE_ACTION:"close",CLOSING_EVENT:"MDCDialog:closing",CONTAINER_SELECTOR:".mdc-dialog__container",CONTENT_SELECTOR:".mdc-dialog__content",DESTROY_ACTION:"destroy",INITIAL_FOCUS_ATTRIBUTE:"data-mdc-dialog-initial-focus",OPENED_EVENT:"MDCDialog:opened",OPENING_EVENT:"MDCDialog:opening",SCRIM_SELECTOR:".mdc-dialog__scrim",SUPPRESS_DEFAULT_PRESS_SELECTOR:"textarea, .mdc-menu .mdc-list-item",SURFACE_SELECTOR:".mdc-dialog__surface"},eS={DIALOG_ANIMATION_CLOSE_TIME_MS:75,DIALOG_ANIMATION_OPEN_TIME_MS:150},eL=function(t){function e(n){var i=t.call(this,eu(eu({},e.defaultAdapter),n))||this;return i.isOpen_=!1,i.animationFrame_=0,i.animationTimer_=0,i.layoutFrame_=0,i.escapeKeyAction_=eO.CLOSE_ACTION,i.scrimClickAction_=eO.CLOSE_ACTION,i.autoStackButtons_=!0,i.areButtonsStacked_=!1,i.suppressDefaultPressSelector=eO.SUPPRESS_DEFAULT_PRESS_SELECTOR,i}return ep(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return eI},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return eO},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return eS},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addBodyClass:function(){},addClass:function(){},areButtonsStacked:function(){return!1},clickDefaultButton:function(){},eventTargetMatches:function(){return!1},getActionFromEvent:function(){return""},getInitialFocusEl:function(){return null},hasClass:function(){return!1},isContentScrollable:function(){return!1},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},releaseFocus:function(){},removeBodyClass:function(){},removeClass:function(){},reverseButtons:function(){},trapFocus:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){this.adapter.hasClass(eI.STACKED)&&this.setAutoStackButtons(!1)},e.prototype.destroy=function(){this.isOpen_&&this.close(eO.DESTROY_ACTION),this.animationTimer_&&(clearTimeout(this.animationTimer_),this.handleAnimationTimerEnd_()),this.layoutFrame_&&(cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=0)},e.prototype.open=function(){var t=this;this.isOpen_=!0,this.adapter.notifyOpening(),this.adapter.addClass(eI.OPENING),this.runNextAnimationFrame_(function(){t.adapter.addClass(eI.OPEN),t.adapter.addBodyClass(eI.SCROLL_LOCK),t.layout(),t.animationTimer_=setTimeout(function(){t.handleAnimationTimerEnd_(),t.adapter.trapFocus(t.adapter.getInitialFocusEl()),t.adapter.notifyOpened()},eS.DIALOG_ANIMATION_OPEN_TIME_MS)})},e.prototype.close=function(t){var e=this;void 0===t&&(t=""),this.isOpen_&&(this.isOpen_=!1,this.adapter.notifyClosing(t),this.adapter.addClass(eI.CLOSING),this.adapter.removeClass(eI.OPEN),this.adapter.removeBodyClass(eI.SCROLL_LOCK),cancelAnimationFrame(this.animationFrame_),this.animationFrame_=0,clearTimeout(this.animationTimer_),this.animationTimer_=setTimeout(function(){e.adapter.releaseFocus(),e.handleAnimationTimerEnd_(),e.adapter.notifyClosed(t)},eS.DIALOG_ANIMATION_CLOSE_TIME_MS))},e.prototype.isOpen=function(){return this.isOpen_},e.prototype.getEscapeKeyAction=function(){return this.escapeKeyAction_},e.prototype.setEscapeKeyAction=function(t){this.escapeKeyAction_=t},e.prototype.getScrimClickAction=function(){return this.scrimClickAction_},e.prototype.setScrimClickAction=function(t){this.scrimClickAction_=t},e.prototype.getAutoStackButtons=function(){return this.autoStackButtons_},e.prototype.setAutoStackButtons=function(t){this.autoStackButtons_=t},e.prototype.getSuppressDefaultPressSelector=function(){return this.suppressDefaultPressSelector},e.prototype.setSuppressDefaultPressSelector=function(t){this.suppressDefaultPressSelector=t},e.prototype.layout=function(){var t=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame(function(){t.layoutInternal_(),t.layoutFrame_=0})},e.prototype.handleClick=function(t){if(this.adapter.eventTargetMatches(t.target,eO.SCRIM_SELECTOR)&&""!==this.scrimClickAction_)this.close(this.scrimClickAction_);else{var e=this.adapter.getActionFromEvent(t);e&&this.close(e)}},e.prototype.handleKeydown=function(t){var e="Enter"===t.key||13===t.keyCode;if(e&&!this.adapter.getActionFromEvent(t)){var n=t.composedPath?t.composedPath()[0]:t.target,i=!this.adapter.eventTargetMatches(n,this.suppressDefaultPressSelector);e&&i&&this.adapter.clickDefaultButton()}},e.prototype.handleDocumentKeydown=function(t){("Escape"===t.key||27===t.keyCode)&&""!==this.escapeKeyAction_&&this.close(this.escapeKeyAction_)},e.prototype.layoutInternal_=function(){this.autoStackButtons_&&this.detectStackedButtons_(),this.detectScrollableContent_()},e.prototype.handleAnimationTimerEnd_=function(){this.animationTimer_=0,this.adapter.removeClass(eI.OPENING),this.adapter.removeClass(eI.CLOSING)},e.prototype.runNextAnimationFrame_=function(t){var e=this;cancelAnimationFrame(this.animationFrame_),this.animationFrame_=requestAnimationFrame(function(){e.animationFrame_=0,clearTimeout(e.animationTimer_),e.animationTimer_=setTimeout(t,0)})},e.prototype.detectStackedButtons_=function(){this.adapter.removeClass(eI.STACKED);var t=this.adapter.areButtonsStacked();t&&this.adapter.addClass(eI.STACKED),t!==this.areButtonsStacked_&&(this.adapter.reverseButtons(),this.areButtonsStacked_=t)},e.prototype.detectScrollableContent_=function(){this.adapter.removeClass(eI.SCROLLABLE),this.adapter.isContentScrollable()&&this.adapter.addClass(eI.SCROLLABLE)},e}(tV),eM=eL.strings,eN=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return ep(e,t),Object.defineProperty(e.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"escapeKeyAction",{get:function(){return this.foundation.getEscapeKeyAction()},set:function(t){this.foundation.setEscapeKeyAction(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrimClickAction",{get:function(){return this.foundation.getScrimClickAction()},set:function(t){this.foundation.setScrimClickAction(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"autoStackButtons",{get:function(){return this.foundation.getAutoStackButtons()},set:function(t){this.foundation.setAutoStackButtons(t)},enumerable:!0,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t){void 0===t&&(t=function(t,e){return new ef(t,e)});var e,n,i=this.root.querySelector(eM.CONTAINER_SELECTOR);if(!i)throw Error("Dialog component requires a "+eM.CONTAINER_SELECTOR+" container element");this.container_=i,this.content_=this.root.querySelector(eM.CONTENT_SELECTOR),this.buttons_=[].slice.call(this.root.querySelectorAll(eM.BUTTON_SELECTOR)),this.defaultButton_=this.root.querySelector("["+eM.BUTTON_DEFAULT_ATTRIBUTE+"]"),this.focusTrapFactory_=t,this.buttonRipples_=[];try{for(var r=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&i>=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}(this.buttons_),o=r.next();!o.done;o=r.next()){var a=o.value;this.buttonRipples_.push(new eT(a))}}catch(t){e={error:t}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}},e.prototype.initialSyncWithDOM=function(){var t,e=this;this.focusTrap_=(t=this.container_,(0,this.focusTrapFactory_)(t,{initialFocusEl:this.getInitialFocusEl_()||void 0})),this.handleClick_=this.foundation.handleClick.bind(this.foundation),this.handleKeydown_=this.foundation.handleKeydown.bind(this.foundation),this.handleDocumentKeydown_=this.foundation.handleDocumentKeydown.bind(this.foundation),this.handleLayout_=this.layout.bind(this);var n=["resize","orientationchange"];this.handleOpening_=function(){n.forEach(function(t){return window.addEventListener(t,e.handleLayout_)}),document.addEventListener("keydown",e.handleDocumentKeydown_)},this.handleClosing_=function(){n.forEach(function(t){return window.removeEventListener(t,e.handleLayout_)}),document.removeEventListener("keydown",e.handleDocumentKeydown_)},this.listen("click",this.handleClick_),this.listen("keydown",this.handleKeydown_),this.listen(eM.OPENING_EVENT,this.handleOpening_),this.listen(eM.CLOSING_EVENT,this.handleClosing_)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick_),this.unlisten("keydown",this.handleKeydown_),this.unlisten(eM.OPENING_EVENT,this.handleOpening_),this.unlisten(eM.CLOSING_EVENT,this.handleClosing_),this.handleClosing_(),this.buttonRipples_.forEach(function(t){return t.destroy()}),t.prototype.destroy.call(this)},e.prototype.layout=function(){this.foundation.layout()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new eL({addBodyClass:function(t){return document.body.classList.add(t)},addClass:function(e){return t.root.classList.add(e)},areButtonsStacked:function(){var e,n;return e=t.buttons_,n=new Set,[].forEach.call(e,function(t){return n.add(t.offsetTop)}),n.size>1},clickDefaultButton:function(){return t.defaultButton_&&t.defaultButton_.click()},eventTargetMatches:function(t,e){return!!t&&tG(t,e)},getActionFromEvent:function(t){if(!t.target)return"";var e=tX(t.target,"["+eM.ACTION_ATTRIBUTE+"]");return e&&e.getAttribute(eM.ACTION_ATTRIBUTE)},getInitialFocusEl:function(){return t.getInitialFocusEl_()},hasClass:function(e){return t.root.classList.contains(e)},isContentScrollable:function(){var e;return!!(e=t.content_)&&e.scrollHeight>e.offsetHeight},notifyClosed:function(e){return t.emit(eM.CLOSED_EVENT,e?{action:e}:{})},notifyClosing:function(e){return t.emit(eM.CLOSING_EVENT,e?{action:e}:{})},notifyOpened:function(){return t.emit(eM.OPENED_EVENT,{})},notifyOpening:function(){return t.emit(eM.OPENING_EVENT,{})},releaseFocus:function(){return t.focusTrap_.releaseFocus()},removeBodyClass:function(t){return document.body.classList.remove(t)},removeClass:function(e){return t.root.classList.remove(e)},reverseButtons:function(){t.buttons_.reverse(),t.buttons_.forEach(function(t){t.parentElement.appendChild(t)})},trapFocus:function(){return t.focusTrap_.trapFocus()}})},e.prototype.getInitialFocusEl_=function(){return this.root.querySelector("["+eM.INITIAL_FOCUS_ATTRIBUTE+"]")},e}(tY);let eD=t=>(...e)=>({_$litDirective$:t,values:e});class eR{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}let ez=eD(class extends eR{constructor(t){if(super(t),1!==t.type||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){if(void 0===this.st){for(let n in this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(t=>""!==t))),e)e[n]&&!this.nt?.has(n)&&this.st.add(n);return this.render(e)}let n=t.element.classList;for(let t of this.st)t in e||(n.remove(t),this.st.delete(t));for(let t in e){let i=!!e[t];i===this.st.has(t)||this.nt?.has(t)||(i?(n.add(t),this.st.add(t)):(n.remove(t),this.st.delete(t)))}return G}});function eP(t,e,n){return t?e(t):n?.(t)}let{I:ej}={M:O,P:S,A:L,C:1,L:Z,R:te,D:P,V:tt,I:tn,H:ti,N:to,U:ta,B:tr,F:ts},e$=(t,e)=>{let n=t._$AN;if(void 0===n)return!1;for(let t of n)t._$AO?.(e,!1),e$(t,e);return!0},eF=t=>{let e,n;do{if(void 0===(e=t._$AM))break;(n=e._$AN).delete(t),t=e}while(0===n?.size)},eB=t=>{for(let e;e=t._$AM;t=e){let n=e._$AN;if(void 0===n)e._$AN=n=new Set;else if(n.has(t))break;n.add(t),eV(e)}};function eU(t){void 0!==this._$AN?(eF(this),this._$AM=t,eB(this)):this._$AM=t}function eH(t,e=!1,n=0){let i=this._$AH,r=this._$AN;if(void 0!==r&&0!==r.size)if(e)if(Array.isArray(i))for(let t=n;t<i.length;t++)e$(i[t],!1),eF(i[t]);else null!=i&&(e$(i,!1),eF(i));else e$(this,t)}let eV=t=>{2==t.type&&(t._$AP??=eH,t._$AQ??=eU)};class eY extends eR{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),eB(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(e$(this,t),eF(this))}setValue(t){if(void 0===this._$Ct.strings)this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class eX{constructor(t){this.G=t}disconnect(){this.G=void 0}reconnect(t){this.G=t}deref(){return this.G}}class eG{constructor(){this.Y=void 0,this.Z=void 0}get(){return this.Y}pause(){this.Y??=new Promise(t=>this.Z=t)}resume(){this.Z?.(),this.Y=this.Z=void 0}}let eK=t=>null!==t&&("object"==typeof t||"function"==typeof t)&&"function"==typeof t.then,eq=eD(class extends eY{constructor(){super(...arguments),this._$Cwt=0x3fffffff,this._$Cbt=[],this._$CK=new eX(this),this._$CX=new eG}render(...t){return t.find(t=>!eK(t))??G}update(t,e){let n=this._$Cbt,i=n.length;this._$Cbt=e;let r=this._$CK,o=this._$CX;this.isConnected||this.disconnected();for(let t=0;t<e.length&&!(t>this._$Cwt);t++){let a=e[t];if(!eK(a))return this._$Cwt=t,a;t<i&&a===n[t]||(this._$Cwt=0x3fffffff,i=0,Promise.resolve(a).then(async t=>{for(;o.get();)await o.get();let e=r.deref();if(void 0!==e){let n=e._$Cbt.indexOf(a);n>-1&&n<e._$Cwt&&(e._$Cwt=n,e.setValue(t))}}))}return G}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}});var eW=function(t,e){return(eW=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)};function eQ(t,e){function n(){this.constructor=t}eW(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var eZ=function(){return(eZ=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},eJ=function(t,e){return(eJ=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)};function e0(t,e){function n(){this.constructor=t}eJ(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var e1=function(){return(e1=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},e2={LABEL_FLOAT_ABOVE:"mdc-floating-label--float-above",LABEL_REQUIRED:"mdc-floating-label--required",LABEL_SHAKE:"mdc-floating-label--shake",ROOT:"mdc-floating-label"},e5=function(t){function e(n){var i=t.call(this,e1(e1({},e.defaultAdapter),n))||this;return i.shakeAnimationEndHandler_=function(){return i.handleShakeAnimationEnd_()},i}return e0(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return e2},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},getWidth:function(){return 0},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("animationend",this.shakeAnimationEndHandler_)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("animationend",this.shakeAnimationEndHandler_)},e.prototype.getWidth=function(){return this.adapter.getWidth()},e.prototype.shake=function(t){var n=e.cssClasses.LABEL_SHAKE;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.float=function(t){var n=e.cssClasses,i=n.LABEL_FLOAT_ABOVE,r=n.LABEL_SHAKE;t?this.adapter.addClass(i):(this.adapter.removeClass(i),this.adapter.removeClass(r))},e.prototype.setRequired=function(t){var n=e.cssClasses.LABEL_REQUIRED;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.handleShakeAnimationEnd_=function(){var t=e.cssClasses.LABEL_SHAKE;this.adapter.removeClass(t)},e}(tV),e4=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return e0(e,t),e.attachTo=function(t){return new e(t)},e.prototype.shake=function(t){this.foundation.shake(t)},e.prototype.float=function(t){this.foundation.float(t)},e.prototype.setRequired=function(t){this.foundation.setRequired(t)},e.prototype.getWidth=function(){return this.foundation.getWidth()},e.prototype.getDefaultFoundation=function(){var t=this;return new e5({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},getWidth:function(){var e=t.root;if(null!==e.offsetParent)return e.scrollWidth;var n=e.cloneNode(!0);n.style.setProperty("position","absolute"),n.style.setProperty("transform","translate(-9999px, -9999px)"),document.documentElement.appendChild(n);var i=n.scrollWidth;return document.documentElement.removeChild(n),i},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)}})},e}(tY),e3=function(t,e){return(e3=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)};function e7(t,e){function n(){this.constructor=t}e3(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var e8=function(){return(e8=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},e6={LINE_RIPPLE_ACTIVE:"mdc-line-ripple--active",LINE_RIPPLE_DEACTIVATING:"mdc-line-ripple--deactivating"},e9=function(t){function e(n){var i=t.call(this,e8(e8({},e.defaultAdapter),n))||this;return i.transitionEndHandler_=function(t){return i.handleTransitionEnd(t)},i}return e7(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return e6},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){this.adapter.registerEventHandler("transitionend",this.transitionEndHandler_)},e.prototype.destroy=function(){this.adapter.deregisterEventHandler("transitionend",this.transitionEndHandler_)},e.prototype.activate=function(){this.adapter.removeClass(e6.LINE_RIPPLE_DEACTIVATING),this.adapter.addClass(e6.LINE_RIPPLE_ACTIVE)},e.prototype.setRippleCenter=function(t){this.adapter.setStyle("transform-origin",t+"px center")},e.prototype.deactivate=function(){this.adapter.addClass(e6.LINE_RIPPLE_DEACTIVATING)},e.prototype.handleTransitionEnd=function(t){var e=this.adapter.hasClass(e6.LINE_RIPPLE_DEACTIVATING);"opacity"===t.propertyName&&e&&(this.adapter.removeClass(e6.LINE_RIPPLE_ACTIVE),this.adapter.removeClass(e6.LINE_RIPPLE_DEACTIVATING))},e}(tV),nt=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return e7(e,t),e.attachTo=function(t){return new e(t)},e.prototype.activate=function(){this.foundation.activate()},e.prototype.deactivate=function(){this.foundation.deactivate()},e.prototype.setRippleCenter=function(t){this.foundation.setRippleCenter(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new e9({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},setStyle:function(e,n){return t.root.style.setProperty(e,n)},registerEventHandler:function(e,n){return t.listen(e,n)},deregisterEventHandler:function(e,n){return t.unlisten(e,n)}})},e}(tY),ne=function(t,e){return(ne=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)};function nn(t,e){function n(){this.constructor=t}ne(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var ni=function(){return(ni=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},nr={NOTCH_ELEMENT_SELECTOR:".mdc-notched-outline__notch"},no={NOTCH_ELEMENT_PADDING:8},na={NO_LABEL:"mdc-notched-outline--no-label",OUTLINE_NOTCHED:"mdc-notched-outline--notched",OUTLINE_UPGRADED:"mdc-notched-outline--upgraded"},ns=function(t){function e(n){return t.call(this,ni(ni({},e.defaultAdapter),n))||this}return nn(e,t),Object.defineProperty(e,"strings",{get:function(){return nr},enumerable:!0,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return na},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return no},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNotchWidthProperty:function(){},removeNotchWidthProperty:function(){}}},enumerable:!0,configurable:!0}),e.prototype.notch=function(t){var n=e.cssClasses.OUTLINE_NOTCHED;t>0&&(t+=no.NOTCH_ELEMENT_PADDING),this.adapter.setNotchWidthProperty(t),this.adapter.addClass(n)},e.prototype.closeNotch=function(){var t=e.cssClasses.OUTLINE_NOTCHED;this.adapter.removeClass(t),this.adapter.removeNotchWidthProperty()},e}(tV),nl=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return nn(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){this.notchElement_=this.root.querySelector(nr.NOTCH_ELEMENT_SELECTOR);var t=this.root.querySelector("."+e5.cssClasses.ROOT);t?(t.style.transitionDuration="0s",this.root.classList.add(na.OUTLINE_UPGRADED),requestAnimationFrame(function(){t.style.transitionDuration=""})):this.root.classList.add(na.NO_LABEL)},e.prototype.notch=function(t){this.foundation.notch(t)},e.prototype.closeNotch=function(){this.foundation.closeNotch()},e.prototype.getDefaultFoundation=function(){var t=this;return new ns({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setNotchWidthProperty:function(e){return t.notchElement_.style.setProperty("width",e+"px")},removeNotchWidthProperty:function(){return t.notchElement_.style.removeProperty("width")}})},e}(tY),nd={ROOT:"mdc-text-field-character-counter"},nc={ROOT_SELECTOR:"."+nd.ROOT},nm=function(t){function e(n){return t.call(this,eZ(eZ({},e.defaultAdapter),n))||this}return eQ(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return nd},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return nc},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{setContent:function(){}}},enumerable:!0,configurable:!0}),e.prototype.setCounterValue=function(t,e){t=Math.min(t,e),this.adapter.setContent(t+" / "+e)},e}(tV),np=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return eQ(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!0,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new nm({setContent:function(e){t.root.textContent=e}})},e}(tY),nu={ARIA_CONTROLS:"aria-controls",ARIA_DESCRIBEDBY:"aria-describedby",INPUT_SELECTOR:".mdc-text-field__input",LABEL_SELECTOR:".mdc-floating-label",LEADING_ICON_SELECTOR:".mdc-text-field__icon--leading",LINE_RIPPLE_SELECTOR:".mdc-line-ripple",OUTLINE_SELECTOR:".mdc-notched-outline",PREFIX_SELECTOR:".mdc-text-field__affix--prefix",SUFFIX_SELECTOR:".mdc-text-field__affix--suffix",TRAILING_ICON_SELECTOR:".mdc-text-field__icon--trailing"},nh={DISABLED:"mdc-text-field--disabled",FOCUSED:"mdc-text-field--focused",HELPER_LINE:"mdc-text-field-helper-line",INVALID:"mdc-text-field--invalid",LABEL_FLOATING:"mdc-text-field--label-floating",NO_LABEL:"mdc-text-field--no-label",OUTLINED:"mdc-text-field--outlined",ROOT:"mdc-text-field",TEXTAREA:"mdc-text-field--textarea",WITH_LEADING_ICON:"mdc-text-field--with-leading-icon",WITH_TRAILING_ICON:"mdc-text-field--with-trailing-icon"},nf={LABEL_SCALE:.75},ng=["pattern","min","max","required","step","minlength","maxlength"],nb=["color","date","datetime-local","month","range","time","week"],n_=["mousedown","touchstart"],nv=["click","keydown"],ny=function(t){function e(n,i){void 0===i&&(i={});var r=t.call(this,eZ(eZ({},e.defaultAdapter),n))||this;return r.isFocused_=!1,r.receivedUserInput_=!1,r.isValid_=!0,r.useNativeValidation_=!0,r.validateOnValueChange_=!0,r.helperText_=i.helperText,r.characterCounter_=i.characterCounter,r.leadingIcon_=i.leadingIcon,r.trailingIcon_=i.trailingIcon,r.inputFocusHandler_=function(){return r.activateFocus()},r.inputBlurHandler_=function(){return r.deactivateFocus()},r.inputInputHandler_=function(){return r.handleInput()},r.setPointerXOffset_=function(t){return r.setTransformOrigin(t)},r.textFieldInteractionHandler_=function(){return r.handleTextFieldInteraction()},r.validationAttributeChangeHandler_=function(t){return r.handleValidationAttributeChange(t)},r}return eQ(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return nh},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return nu},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return nf},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"shouldAlwaysFloat_",{get:function(){var t=this.getNativeInput_().type;return nb.indexOf(t)>=0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"shouldFloat",{get:function(){return this.shouldAlwaysFloat_||this.isFocused_||!!this.getValue()||this.isBadInput_()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"shouldShake",{get:function(){return!this.isFocused_&&!this.isValid()&&!!this.getValue()},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!0},setInputAttr:function(){},removeInputAttr:function(){},registerTextFieldInteractionHandler:function(){},deregisterTextFieldInteractionHandler:function(){},registerInputInteractionHandler:function(){},deregisterInputInteractionHandler:function(){},registerValidationAttributeChangeHandler:function(){return new MutationObserver(function(){})},deregisterValidationAttributeChangeHandler:function(){},getNativeInput:function(){return null},isFocused:function(){return!1},activateLineRipple:function(){},deactivateLineRipple:function(){},setLineRippleTransformOrigin:function(){},shakeLabel:function(){},floatLabel:function(){},setLabelRequired:function(){},hasLabel:function(){return!1},getLabelWidth:function(){return 0},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this;this.adapter.hasLabel()&&this.getNativeInput_().required&&this.adapter.setLabelRequired(!0),this.adapter.isFocused()?this.inputFocusHandler_():this.adapter.hasLabel()&&this.shouldFloat&&(this.notchOutline(!0),this.adapter.floatLabel(!0),this.styleFloating_(!0)),this.adapter.registerInputInteractionHandler("focus",this.inputFocusHandler_),this.adapter.registerInputInteractionHandler("blur",this.inputBlurHandler_),this.adapter.registerInputInteractionHandler("input",this.inputInputHandler_),n_.forEach(function(e){t.adapter.registerInputInteractionHandler(e,t.setPointerXOffset_)}),nv.forEach(function(e){t.adapter.registerTextFieldInteractionHandler(e,t.textFieldInteractionHandler_)}),this.validationObserver_=this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_),this.setCharacterCounter_(this.getValue().length)},e.prototype.destroy=function(){var t=this;this.adapter.deregisterInputInteractionHandler("focus",this.inputFocusHandler_),this.adapter.deregisterInputInteractionHandler("blur",this.inputBlurHandler_),this.adapter.deregisterInputInteractionHandler("input",this.inputInputHandler_),n_.forEach(function(e){t.adapter.deregisterInputInteractionHandler(e,t.setPointerXOffset_)}),nv.forEach(function(e){t.adapter.deregisterTextFieldInteractionHandler(e,t.textFieldInteractionHandler_)}),this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver_)},e.prototype.handleTextFieldInteraction=function(){var t=this.adapter.getNativeInput();t&&t.disabled||(this.receivedUserInput_=!0)},e.prototype.handleValidationAttributeChange=function(t){var e=this;t.some(function(t){return ng.indexOf(t)>-1&&(e.styleValidity_(!0),e.adapter.setLabelRequired(e.getNativeInput_().required),!0)}),t.indexOf("maxlength")>-1&&this.setCharacterCounter_(this.getValue().length)},e.prototype.notchOutline=function(t){if(this.adapter.hasOutline()&&this.adapter.hasLabel())if(t){var e=this.adapter.getLabelWidth()*nf.LABEL_SCALE;this.adapter.notchOutline(e)}else this.adapter.closeOutline()},e.prototype.activateFocus=function(){this.isFocused_=!0,this.styleFocused_(this.isFocused_),this.adapter.activateLineRipple(),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating_(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.helperText_&&(this.helperText_.isPersistent()||!this.helperText_.isValidation()||!this.isValid_)&&this.helperText_.showToScreenReader()},e.prototype.setTransformOrigin=function(t){if(!(this.isDisabled()||this.adapter.hasOutline())){var e=t.touches,n=e?e[0]:t,i=n.target.getBoundingClientRect(),r=n.clientX-i.left;this.adapter.setLineRippleTransformOrigin(r)}},e.prototype.handleInput=function(){this.autoCompleteFocus(),this.setCharacterCounter_(this.getValue().length)},e.prototype.autoCompleteFocus=function(){this.receivedUserInput_||this.activateFocus()},e.prototype.deactivateFocus=function(){this.isFocused_=!1,this.adapter.deactivateLineRipple();var t=this.isValid();this.styleValidity_(t),this.styleFocused_(this.isFocused_),this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating_(this.shouldFloat),this.adapter.shakeLabel(this.shouldShake)),this.shouldFloat||(this.receivedUserInput_=!1)},e.prototype.getValue=function(){return this.getNativeInput_().value},e.prototype.setValue=function(t){if(this.getValue()!==t&&(this.getNativeInput_().value=t),this.setCharacterCounter_(t.length),this.validateOnValueChange_){var e=this.isValid();this.styleValidity_(e)}this.adapter.hasLabel()&&(this.notchOutline(this.shouldFloat),this.adapter.floatLabel(this.shouldFloat),this.styleFloating_(this.shouldFloat),this.validateOnValueChange_&&this.adapter.shakeLabel(this.shouldShake))},e.prototype.isValid=function(){return this.useNativeValidation_?this.isNativeInputValid_():this.isValid_},e.prototype.setValid=function(t){this.isValid_=t,this.styleValidity_(t);var e=!t&&!this.isFocused_&&!!this.getValue();this.adapter.hasLabel()&&this.adapter.shakeLabel(e)},e.prototype.setValidateOnValueChange=function(t){this.validateOnValueChange_=t},e.prototype.getValidateOnValueChange=function(){return this.validateOnValueChange_},e.prototype.setUseNativeValidation=function(t){this.useNativeValidation_=t},e.prototype.isDisabled=function(){return this.getNativeInput_().disabled},e.prototype.setDisabled=function(t){this.getNativeInput_().disabled=t,this.styleDisabled_(t)},e.prototype.setHelperTextContent=function(t){this.helperText_&&this.helperText_.setContent(t)},e.prototype.setLeadingIconAriaLabel=function(t){this.leadingIcon_&&this.leadingIcon_.setAriaLabel(t)},e.prototype.setLeadingIconContent=function(t){this.leadingIcon_&&this.leadingIcon_.setContent(t)},e.prototype.setTrailingIconAriaLabel=function(t){this.trailingIcon_&&this.trailingIcon_.setAriaLabel(t)},e.prototype.setTrailingIconContent=function(t){this.trailingIcon_&&this.trailingIcon_.setContent(t)},e.prototype.setCharacterCounter_=function(t){if(this.characterCounter_){var e=this.getNativeInput_().maxLength;if(-1===e)throw Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");this.characterCounter_.setCounterValue(t,e)}},e.prototype.isBadInput_=function(){return this.getNativeInput_().validity.badInput||!1},e.prototype.isNativeInputValid_=function(){return this.getNativeInput_().validity.valid},e.prototype.styleValidity_=function(t){var n=e.cssClasses.INVALID;if(t?this.adapter.removeClass(n):this.adapter.addClass(n),this.helperText_){if(this.helperText_.setValidity(t),!this.helperText_.isValidation())return;var i=this.helperText_.isVisible(),r=this.helperText_.getId();i&&r?this.adapter.setInputAttr(nu.ARIA_DESCRIBEDBY,r):this.adapter.removeInputAttr(nu.ARIA_DESCRIBEDBY)}},e.prototype.styleFocused_=function(t){var n=e.cssClasses.FOCUSED;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.styleDisabled_=function(t){var n=e.cssClasses,i=n.DISABLED,r=n.INVALID;t?(this.adapter.addClass(i),this.adapter.removeClass(r)):this.adapter.removeClass(i),this.leadingIcon_&&this.leadingIcon_.setDisabled(t),this.trailingIcon_&&this.trailingIcon_.setDisabled(t)},e.prototype.styleFloating_=function(t){var n=e.cssClasses.LABEL_FLOATING;t?this.adapter.addClass(n):this.adapter.removeClass(n)},e.prototype.getNativeInput_=function(){return(this.adapter?this.adapter.getNativeInput():null)||{disabled:!1,maxLength:-1,required:!1,type:"input",validity:{badInput:!1,valid:!0},value:""}},e}(tV),nx={HELPER_TEXT_PERSISTENT:"mdc-text-field-helper-text--persistent",HELPER_TEXT_VALIDATION_MSG:"mdc-text-field-helper-text--validation-msg",ROOT:"mdc-text-field-helper-text"},nw={ARIA_HIDDEN:"aria-hidden",ROLE:"role",ROOT_SELECTOR:"."+nx.ROOT},nk=function(t){function e(n){return t.call(this,eZ(eZ({},e.defaultAdapter),n))||this}return eQ(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return nx},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return nw},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){}}},enumerable:!0,configurable:!0}),e.prototype.getId=function(){return this.adapter.getAttr("id")},e.prototype.isVisible=function(){return"true"!==this.adapter.getAttr(nw.ARIA_HIDDEN)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.isPersistent=function(){return this.adapter.hasClass(nx.HELPER_TEXT_PERSISTENT)},e.prototype.setPersistent=function(t){t?this.adapter.addClass(nx.HELPER_TEXT_PERSISTENT):this.adapter.removeClass(nx.HELPER_TEXT_PERSISTENT)},e.prototype.isValidation=function(){return this.adapter.hasClass(nx.HELPER_TEXT_VALIDATION_MSG)},e.prototype.setValidation=function(t){t?this.adapter.addClass(nx.HELPER_TEXT_VALIDATION_MSG):this.adapter.removeClass(nx.HELPER_TEXT_VALIDATION_MSG)},e.prototype.showToScreenReader=function(){this.adapter.removeAttr(nw.ARIA_HIDDEN)},e.prototype.setValidity=function(t){var e=this.adapter.hasClass(nx.HELPER_TEXT_PERSISTENT),n=this.adapter.hasClass(nx.HELPER_TEXT_VALIDATION_MSG)&&!t;n?(this.showToScreenReader(),this.adapter.setAttr(nw.ROLE,"alert")):this.adapter.removeAttr(nw.ROLE),e||n||this.hide_()},e.prototype.hide_=function(){this.adapter.setAttr(nw.ARIA_HIDDEN,"true")},e}(tV),nE=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return eQ(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!0,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new nk({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e}})},e}(tY),nC={ICON_EVENT:"MDCTextField:icon",ICON_ROLE:"button"},nA={ROOT:"mdc-text-field__icon"},nT=["click","keydown"],nI=function(t){function e(n){var i=t.call(this,eZ(eZ({},e.defaultAdapter),n))||this;return i.savedTabIndex_=null,i.interactionHandler_=function(t){return i.handleInteraction(t)},i}return eQ(e,t),Object.defineProperty(e,"strings",{get:function(){return nC},enumerable:!0,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return nA},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},notifyIconAction:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this;this.savedTabIndex_=this.adapter.getAttr("tabindex"),nT.forEach(function(e){t.adapter.registerInteractionHandler(e,t.interactionHandler_)})},e.prototype.destroy=function(){var t=this;nT.forEach(function(e){t.adapter.deregisterInteractionHandler(e,t.interactionHandler_)})},e.prototype.setDisabled=function(t){this.savedTabIndex_&&(t?(this.adapter.setAttr("tabindex","-1"),this.adapter.removeAttr("role")):(this.adapter.setAttr("tabindex",this.savedTabIndex_),this.adapter.setAttr("role",nC.ICON_ROLE)))},e.prototype.setAriaLabel=function(t){this.adapter.setAttr("aria-label",t)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.handleInteraction=function(t){var e="Enter"===t.key||13===t.keyCode;("click"===t.type||e)&&(t.preventDefault(),this.adapter.notifyIconAction())},e}(tV),nO=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return eQ(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForTextField",{get:function(){return this.foundation},enumerable:!0,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new nI({getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)},notifyIconAction:function(){return t.emit(nI.strings.ICON_EVENT,{},!0)}})},e}(tY),nS=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return eQ(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e,n,i,r,o,a){void 0===t&&(t=function(t,e){return new eT(t,e)}),void 0===e&&(e=function(t){return new nt(t)}),void 0===n&&(n=function(t){return new nE(t)}),void 0===i&&(i=function(t){return new np(t)}),void 0===r&&(r=function(t){return new nO(t)}),void 0===o&&(o=function(t){return new e4(t)}),void 0===a&&(a=function(t){return new nl(t)}),this.input_=this.root.querySelector(nu.INPUT_SELECTOR);var s=this.root.querySelector(nu.LABEL_SELECTOR);this.label_=s?o(s):null;var l=this.root.querySelector(nu.LINE_RIPPLE_SELECTOR);this.lineRipple_=l?e(l):null;var d=this.root.querySelector(nu.OUTLINE_SELECTOR);this.outline_=d?a(d):null;var c=nk.strings,m=this.root.nextElementSibling,p=m&&m.classList.contains(nh.HELPER_LINE),u=p&&m&&m.querySelector(c.ROOT_SELECTOR);this.helperText_=u?n(u):null;var h=nm.strings,f=this.root.querySelector(h.ROOT_SELECTOR);!f&&p&&m&&(f=m.querySelector(h.ROOT_SELECTOR)),this.characterCounter_=f?i(f):null;var g=this.root.querySelector(nu.LEADING_ICON_SELECTOR);this.leadingIcon_=g?r(g):null;var b=this.root.querySelector(nu.TRAILING_ICON_SELECTOR);this.trailingIcon_=b?r(b):null,this.prefix_=this.root.querySelector(nu.PREFIX_SELECTOR),this.suffix_=this.root.querySelector(nu.SUFFIX_SELECTOR),this.ripple=this.createRipple_(t)},e.prototype.destroy=function(){this.ripple&&this.ripple.destroy(),this.lineRipple_&&this.lineRipple_.destroy(),this.helperText_&&this.helperText_.destroy(),this.characterCounter_&&this.characterCounter_.destroy(),this.leadingIcon_&&this.leadingIcon_.destroy(),this.trailingIcon_&&this.trailingIcon_.destroy(),this.label_&&this.label_.destroy(),this.outline_&&this.outline_.destroy(),t.prototype.destroy.call(this)},e.prototype.initialSyncWithDOM=function(){this.disabled=this.input_.disabled},Object.defineProperty(e.prototype,"value",{get:function(){return this.foundation.getValue()},set:function(t){this.foundation.setValue(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.foundation.isDisabled()},set:function(t){this.foundation.setDisabled(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.foundation.isValid()},set:function(t){this.foundation.setValid(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"required",{get:function(){return this.input_.required},set:function(t){this.input_.required=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"pattern",{get:function(){return this.input_.pattern},set:function(t){this.input_.pattern=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"minLength",{get:function(){return this.input_.minLength},set:function(t){this.input_.minLength=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"maxLength",{get:function(){return this.input_.maxLength},set:function(t){t<0?this.input_.removeAttribute("maxLength"):this.input_.maxLength=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"min",{get:function(){return this.input_.min},set:function(t){this.input_.min=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return this.input_.max},set:function(t){this.input_.max=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return this.input_.step},set:function(t){this.input_.step=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"helperTextContent",{set:function(t){this.foundation.setHelperTextContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconAriaLabel",{set:function(t){this.foundation.setLeadingIconAriaLabel(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconContent",{set:function(t){this.foundation.setLeadingIconContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"trailingIconAriaLabel",{set:function(t){this.foundation.setTrailingIconAriaLabel(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"trailingIconContent",{set:function(t){this.foundation.setTrailingIconContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"useNativeValidation",{set:function(t){this.foundation.setUseNativeValidation(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"prefixText",{get:function(){return this.prefix_?this.prefix_.textContent:null},set:function(t){this.prefix_&&(this.prefix_.textContent=t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"suffixText",{get:function(){return this.suffix_?this.suffix_.textContent:null},set:function(t){this.suffix_&&(this.suffix_.textContent=t)},enumerable:!0,configurable:!0}),e.prototype.focus=function(){this.input_.focus()},e.prototype.layout=function(){var t=this.foundation.shouldFloat;this.foundation.notchOutline(t)},e.prototype.getDefaultFoundation=function(){return new ny(eZ(eZ(eZ(eZ(eZ({},this.getRootAdapterMethods_()),this.getInputAdapterMethods_()),this.getLabelAdapterMethods_()),this.getLineRippleAdapterMethods_()),this.getOutlineAdapterMethods_()),this.getFoundationMap_())},e.prototype.getRootAdapterMethods_=function(){var t=this;return{addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},registerTextFieldInteractionHandler:function(e,n){t.listen(e,n)},deregisterTextFieldInteractionHandler:function(e,n){t.unlisten(e,n)},registerValidationAttributeChangeHandler:function(e){var n=new MutationObserver(function(t){return e(t.map(function(t){return t.attributeName}).filter(function(t){return t}))});return n.observe(t.input_,{attributes:!0}),n},deregisterValidationAttributeChangeHandler:function(t){t.disconnect()}}},e.prototype.getInputAdapterMethods_=function(){var t=this;return{getNativeInput:function(){return t.input_},setInputAttr:function(e,n){t.input_.setAttribute(e,n)},removeInputAttr:function(e){t.input_.removeAttribute(e)},isFocused:function(){return document.activeElement===t.input_},registerInputInteractionHandler:function(e,n){t.input_.addEventListener(e,n,ev())},deregisterInputInteractionHandler:function(e,n){t.input_.removeEventListener(e,n,ev())}}},e.prototype.getLabelAdapterMethods_=function(){var t=this;return{floatLabel:function(e){return t.label_&&t.label_.float(e)},getLabelWidth:function(){return t.label_?t.label_.getWidth():0},hasLabel:function(){return!!t.label_},shakeLabel:function(e){return t.label_&&t.label_.shake(e)},setLabelRequired:function(e){return t.label_&&t.label_.setRequired(e)}}},e.prototype.getLineRippleAdapterMethods_=function(){var t=this;return{activateLineRipple:function(){t.lineRipple_&&t.lineRipple_.activate()},deactivateLineRipple:function(){t.lineRipple_&&t.lineRipple_.deactivate()},setLineRippleTransformOrigin:function(e){t.lineRipple_&&t.lineRipple_.setRippleCenter(e)}}},e.prototype.getOutlineAdapterMethods_=function(){var t=this;return{closeOutline:function(){return t.outline_&&t.outline_.closeNotch()},hasOutline:function(){return!!t.outline_},notchOutline:function(e){return t.outline_&&t.outline_.notch(e)}}},e.prototype.getFoundationMap_=function(){return{characterCounter:this.characterCounter_?this.characterCounter_.foundationForTextField:void 0,helperText:this.helperText_?this.helperText_.foundationForTextField:void 0,leadingIcon:this.leadingIcon_?this.leadingIcon_.foundationForTextField:void 0,trailingIcon:this.trailingIcon_?this.trailingIcon_.foundationForTextField:void 0}},e.prototype.createRipple_=function(t){var e=this,n=this.root.classList.contains(nh.TEXTAREA),i=this.root.classList.contains(nh.OUTLINED);if(n||i)return null;var r=eZ(eZ({},eT.createAdapter(this)),{isSurfaceActive:function(){return tG(e.input_,":active")},registerInteractionHandler:function(t,n){return e.input_.addEventListener(t,n,ev())},deregisterInteractionHandler:function(t,n){return e.input_.removeEventListener(t,n,ev())}});return t(this.root,new eA(r))},e}(tY),nL=function(t,e){return(nL=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)};function nM(t,e){function n(){this.constructor=t}nL(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var nN=function(){return(nN=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},nD={animation:{prefixed:"-webkit-animation",standard:"animation"},transform:{prefixed:"-webkit-transform",standard:"transform"},transition:{prefixed:"-webkit-transition",standard:"transition"}},nR={animationend:{cssProperty:"animation",prefixed:"webkitAnimationEnd",standard:"animationend"},animationiteration:{cssProperty:"animation",prefixed:"webkitAnimationIteration",standard:"animationiteration"},animationstart:{cssProperty:"animation",prefixed:"webkitAnimationStart",standard:"animationstart"},transitionend:{cssProperty:"transition",prefixed:"webkitTransitionEnd",standard:"transitionend"}};function nz(t){return!!t.document&&"function"==typeof t.document.createElement}function nP(t,e){if(nz(t)&&e in nD){var n=t.document.createElement("div"),i=nD[e],r=i.standard,o=i.prefixed;return r in n.style?r:o}return e}function nj(t,e){if(nz(t)&&e in nR){var n=t.document.createElement("div"),i=nR[e],r=i.standard,o=i.prefixed;return i.cssProperty in n.style?r:o}return e}var n$={ANIM_CHECKED_INDETERMINATE:"mdc-checkbox--anim-checked-indeterminate",ANIM_CHECKED_UNCHECKED:"mdc-checkbox--anim-checked-unchecked",ANIM_INDETERMINATE_CHECKED:"mdc-checkbox--anim-indeterminate-checked",ANIM_INDETERMINATE_UNCHECKED:"mdc-checkbox--anim-indeterminate-unchecked",ANIM_UNCHECKED_CHECKED:"mdc-checkbox--anim-unchecked-checked",ANIM_UNCHECKED_INDETERMINATE:"mdc-checkbox--anim-unchecked-indeterminate",BACKGROUND:"mdc-checkbox__background",CHECKED:"mdc-checkbox--checked",CHECKMARK:"mdc-checkbox__checkmark",CHECKMARK_PATH:"mdc-checkbox__checkmark-path",DISABLED:"mdc-checkbox--disabled",INDETERMINATE:"mdc-checkbox--indeterminate",MIXEDMARK:"mdc-checkbox__mixedmark",NATIVE_CONTROL:"mdc-checkbox__native-control",ROOT:"mdc-checkbox",SELECTED:"mdc-checkbox--selected",UPGRADED:"mdc-checkbox--upgraded"},nF={ARIA_CHECKED_ATTR:"aria-checked",ARIA_CHECKED_INDETERMINATE_VALUE:"mixed",DATA_INDETERMINATE_ATTR:"data-indeterminate",NATIVE_CONTROL_SELECTOR:".mdc-checkbox__native-control",TRANSITION_STATE_CHECKED:"checked",TRANSITION_STATE_INDETERMINATE:"indeterminate",TRANSITION_STATE_INIT:"init",TRANSITION_STATE_UNCHECKED:"unchecked"},nB={ANIM_END_LATCH_MS:250},nU=function(t){function e(n){var i=t.call(this,nN(nN({},e.defaultAdapter),n))||this;return i.currentCheckState_=nF.TRANSITION_STATE_INIT,i.currentAnimationClass_="",i.animEndLatchTimer_=0,i.enableAnimationEndHandler_=!1,i}return nM(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return n$},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return nF},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return nB},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},forceLayout:function(){},hasNativeControl:function(){return!1},isAttachedToDOM:function(){return!1},isChecked:function(){return!1},isIndeterminate:function(){return!1},removeClass:function(){},removeNativeControlAttr:function(){},setNativeControlAttr:function(){},setNativeControlDisabled:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){this.currentCheckState_=this.determineCheckState_(),this.updateAriaChecked_(),this.adapter.addClass(n$.UPGRADED)},e.prototype.destroy=function(){clearTimeout(this.animEndLatchTimer_)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(n$.DISABLED):this.adapter.removeClass(n$.DISABLED)},e.prototype.handleAnimationEnd=function(){var t=this;this.enableAnimationEndHandler_&&(clearTimeout(this.animEndLatchTimer_),this.animEndLatchTimer_=setTimeout(function(){t.adapter.removeClass(t.currentAnimationClass_),t.enableAnimationEndHandler_=!1},nB.ANIM_END_LATCH_MS))},e.prototype.handleChange=function(){this.transitionCheckState_()},e.prototype.transitionCheckState_=function(){if(this.adapter.hasNativeControl()){var t=this.currentCheckState_,e=this.determineCheckState_();if(t!==e){this.updateAriaChecked_();var n=nF.TRANSITION_STATE_UNCHECKED,i=n$.SELECTED;e===n?this.adapter.removeClass(i):this.adapter.addClass(i),this.currentAnimationClass_.length>0&&(clearTimeout(this.animEndLatchTimer_),this.adapter.forceLayout(),this.adapter.removeClass(this.currentAnimationClass_)),this.currentAnimationClass_=this.getTransitionAnimationClass_(t,e),this.currentCheckState_=e,this.adapter.isAttachedToDOM()&&this.currentAnimationClass_.length>0&&(this.adapter.addClass(this.currentAnimationClass_),this.enableAnimationEndHandler_=!0)}}},e.prototype.determineCheckState_=function(){var t=nF.TRANSITION_STATE_INDETERMINATE,e=nF.TRANSITION_STATE_CHECKED,n=nF.TRANSITION_STATE_UNCHECKED;return this.adapter.isIndeterminate()?t:this.adapter.isChecked()?e:n},e.prototype.getTransitionAnimationClass_=function(t,n){var i=nF.TRANSITION_STATE_INIT,r=nF.TRANSITION_STATE_CHECKED,o=nF.TRANSITION_STATE_UNCHECKED,a=e.cssClasses,s=a.ANIM_UNCHECKED_CHECKED,l=a.ANIM_UNCHECKED_INDETERMINATE,d=a.ANIM_CHECKED_UNCHECKED,c=a.ANIM_CHECKED_INDETERMINATE,m=a.ANIM_INDETERMINATE_CHECKED,p=a.ANIM_INDETERMINATE_UNCHECKED;switch(t){case i:if(n===o)return"";return n===r?m:p;case o:return n===r?s:l;case r:return n===o?d:c;default:return n===r?m:p}},e.prototype.updateAriaChecked_=function(){this.adapter.isIndeterminate()?this.adapter.setNativeControlAttr(nF.ARIA_CHECKED_ATTR,nF.ARIA_CHECKED_INDETERMINATE_VALUE):this.adapter.removeNativeControlAttr(nF.ARIA_CHECKED_ATTR)},e}(tV),nH=["checked","indeterminate"],nV=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ripple_=e.createRipple_(),e}return nM(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.ripple_},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this.nativeControl_.checked},set:function(t){this.nativeControl_.checked=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return this.nativeControl_.indeterminate},set:function(t){this.nativeControl_.indeterminate=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.nativeControl_.disabled},set:function(t){this.foundation.setDisabled(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this.nativeControl_.value},set:function(t){this.nativeControl_.value=t},enumerable:!0,configurable:!0}),e.prototype.initialize=function(){var t=nF.DATA_INDETERMINATE_ATTR;this.nativeControl_.indeterminate="true"===this.nativeControl_.getAttribute(t),this.nativeControl_.removeAttribute(t)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleChange_=function(){return t.foundation.handleChange()},this.handleAnimationEnd_=function(){return t.foundation.handleAnimationEnd()},this.nativeControl_.addEventListener("change",this.handleChange_),this.listen(nj(window,"animationend"),this.handleAnimationEnd_),this.installPropertyChangeHooks_()},e.prototype.destroy=function(){this.ripple_.destroy(),this.nativeControl_.removeEventListener("change",this.handleChange_),this.unlisten(nj(window,"animationend"),this.handleAnimationEnd_),this.uninstallPropertyChangeHooks_(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new nU({addClass:function(e){return t.root.classList.add(e)},forceLayout:function(){return t.root.offsetWidth},hasNativeControl:function(){return!!t.nativeControl_},isAttachedToDOM:function(){return!!t.root.parentNode},isChecked:function(){return t.checked},isIndeterminate:function(){return t.indeterminate},removeClass:function(e){t.root.classList.remove(e)},removeNativeControlAttr:function(e){t.nativeControl_.removeAttribute(e)},setNativeControlAttr:function(e,n){t.nativeControl_.setAttribute(e,n)},setNativeControlDisabled:function(e){t.nativeControl_.disabled=e}})},e.prototype.createRipple_=function(){var t=this,e=nN(nN({},eT.createAdapter(this)),{deregisterInteractionHandler:function(e,n){return t.nativeControl_.removeEventListener(e,n,ev())},isSurfaceActive:function(){return tG(t.nativeControl_,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(e,n){return t.nativeControl_.addEventListener(e,n,ev())}});return new eT(this.root,new eA(e))},e.prototype.installPropertyChangeHooks_=function(){var t=this,e=this.nativeControl_,n=Object.getPrototypeOf(e);nH.forEach(function(i){var r=Object.getOwnPropertyDescriptor(n,i);if(nY(r)){var o=r.get,a={configurable:r.configurable,enumerable:r.enumerable,get:o,set:function(n){r.set.call(e,n),t.foundation.handleChange()}};Object.defineProperty(e,i,a)}})},e.prototype.uninstallPropertyChangeHooks_=function(){var t=this.nativeControl_,e=Object.getPrototypeOf(t);nH.forEach(function(n){var i=Object.getOwnPropertyDescriptor(e,n);nY(i)&&Object.defineProperty(t,n,i)})},Object.defineProperty(e.prototype,"nativeControl_",{get:function(){var t=nF.NATIVE_CONTROL_SELECTOR,e=this.root.querySelector(t);if(!e)throw Error("Checkbox component requires a "+t+" element");return e},enumerable:!0,configurable:!0}),e}(tY);function nY(t){return!!t&&"function"==typeof t.set}var nX=function(t,e){return(nX=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)};function nG(t,e){function n(){this.constructor=t}nX(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var nK=function(){return(nK=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},nq={CHECKED:"mdc-switch--checked",DISABLED:"mdc-switch--disabled"},nW={ARIA_CHECKED_ATTR:"aria-checked",NATIVE_CONTROL_SELECTOR:".mdc-switch__native-control",RIPPLE_SURFACE_SELECTOR:".mdc-switch__thumb-underlay"},nQ=function(t){function e(n){return t.call(this,nK(nK({},e.defaultAdapter),n))||this}return nG(e,t),Object.defineProperty(e,"strings",{get:function(){return nW},enumerable:!0,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return nq},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlChecked:function(){},setNativeControlDisabled:function(){},setNativeControlAttr:function(){}}},enumerable:!0,configurable:!0}),e.prototype.setChecked=function(t){this.adapter.setNativeControlChecked(t),this.updateAriaChecked_(t),this.updateCheckedStyling_(t)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(nq.DISABLED):this.adapter.removeClass(nq.DISABLED)},e.prototype.handleChange=function(t){var e=t.target;this.updateAriaChecked_(e.checked),this.updateCheckedStyling_(e.checked)},e.prototype.updateCheckedStyling_=function(t){t?this.adapter.addClass(nq.CHECKED):this.adapter.removeClass(nq.CHECKED)},e.prototype.updateAriaChecked_=function(t){this.adapter.setNativeControlAttr(nW.ARIA_CHECKED_ATTR,""+!!t)},e}(tV),nZ=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.ripple_=e.createRipple_(),e}return nG(e,t),e.attachTo=function(t){return new e(t)},e.prototype.destroy=function(){t.prototype.destroy.call(this),this.ripple_.destroy(),this.nativeControl_.removeEventListener("change",this.changeHandler_)},e.prototype.initialSyncWithDOM=function(){var t=this;this.changeHandler_=function(){for(var e,n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];return(e=t.foundation).handleChange.apply(e,function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,r,o=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(t){r={error:t}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}(arguments[e]));return t}(n))},this.nativeControl_.addEventListener("change",this.changeHandler_),this.checked=this.checked},e.prototype.getDefaultFoundation=function(){var t=this;return new nQ({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},setNativeControlChecked:function(e){return t.nativeControl_.checked=e},setNativeControlDisabled:function(e){return t.nativeControl_.disabled=e},setNativeControlAttr:function(e,n){return t.nativeControl_.setAttribute(e,n)}})},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.ripple_},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this.nativeControl_.checked},set:function(t){this.foundation.setChecked(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.nativeControl_.disabled},set:function(t){this.foundation.setDisabled(t)},enumerable:!0,configurable:!0}),e.prototype.createRipple_=function(){var t=this,e=nQ.strings.RIPPLE_SURFACE_SELECTOR,n=this.root.querySelector(e),i=nK(nK({},eT.createAdapter(this)),{addClass:function(t){return n.classList.add(t)},computeBoundingRect:function(){return n.getBoundingClientRect()},deregisterInteractionHandler:function(e,n){t.nativeControl_.removeEventListener(e,n,ev())},isSurfaceActive:function(){return tG(t.nativeControl_,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(e,n){t.nativeControl_.addEventListener(e,n,ev())},removeClass:function(t){n.classList.remove(t)},updateCssVariable:function(t,e){n.style.setProperty(t,e)}});return new eT(this.root,new eA(i))},Object.defineProperty(e.prototype,"nativeControl_",{get:function(){var t=nQ.strings.NATIVE_CONTROL_SELECTOR;return this.root.querySelector(t)},enumerable:!0,configurable:!0}),e}(tY),nJ=function(t,e){return(nJ=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)};function n0(t,e){function n(){this.constructor=t}nJ(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var n1=function(){return(n1=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},n2="mdc-slider--disabled",n5="mdc-slider__thumb",n4="mdc-slider__thumb--top",n3="mdc-slider__thumb--with-indicator",n7="mdc-slider__tick-marks",n8="mdc-slider__tick-mark--active",n6="mdc-slider__tick-mark--inactive",n9="disabled",it="value",ie="step";(tu=tx||(tx={}))[tu.ACTIVE=0]="ACTIVE",tu[tu.INACTIVE=1]="INACTIVE",(th=tw||(tw={}))[th.START=1]="START",th[th.END=2]="END";var ii="u">typeof window,ir=function(t){function e(n){var i=t.call(this,n1(n1({},e.defaultAdapter),n))||this;return i.initialStylesRemoved=!1,i.isDisabled=!1,i.isDiscrete=!1,i.step=1,i.hasTickMarks=!1,i.isRange=!1,i.thumb=null,i.downEventClientX=null,i.startThumbKnobWidth=0,i.endThumbKnobWidth=0,i}return n0(e,t),Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return!1},addClass:function(){},removeClass:function(){},addThumbClass:function(){},removeThumbClass:function(){},getAttribute:function(){return null},getInputValue:function(){return""},setInputValue:function(){},getInputAttribute:function(){return null},setInputAttribute:function(){return null},removeInputAttribute:function(){return null},focusInput:function(){},isInputFocused:function(){return!1},getThumbKnobWidth:function(){return 0},getThumbBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},isRTL:function(){return!1},setThumbStyleProperty:function(){},removeThumbStyleProperty:function(){},setTrackActiveStyleProperty:function(){},removeTrackActiveStyleProperty:function(){},setValueIndicatorText:function(){},getValueToAriaValueTextFn:function(){return null},updateTickMarks:function(){},setPointerCapture:function(){},emitChangeEvent:function(){},emitInputEvent:function(){},emitDragStartEvent:function(){},emitDragEndEvent:function(){},registerEventHandler:function(){},deregisterEventHandler:function(){},registerThumbEventHandler:function(){},deregisterThumbEventHandler:function(){},registerInputEventHandler:function(){},deregisterInputEventHandler:function(){},registerBodyEventHandler:function(){},deregisterBodyEventHandler:function(){},registerWindowEventHandler:function(){},deregisterWindowEventHandler:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this;this.isDisabled=this.adapter.hasClass(n2),this.isDiscrete=this.adapter.hasClass("mdc-slider--discrete"),this.hasTickMarks=this.adapter.hasClass("mdc-slider--tick-marks"),this.isRange=this.adapter.hasClass("mdc-slider--range");var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute("min",this.isRange?tw.START:tw.END),"min"),n=this.convertAttributeValueToNumber(this.adapter.getInputAttribute("max",tw.END),"max"),i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(it,tw.END),it),r=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(it,tw.START),it):e;this.validateProperties({min:e,max:n,value:i,valueStart:r}),this.min=e,this.max=n,this.value=i,this.valueStart=r,this.valueBeforeDownEvent=i,this.valueStartBeforeDownEvent=r;var o=this.adapter.getInputAttribute(ie,tw.END);if(o&&(this.step=this.convertAttributeValueToNumber(o,ie)),this.step<=0)throw Error("MDCSliderFoundation: step must be a positive number. Current step: "+this.step);this.mousedownOrTouchstartListener=this.handleMousedownOrTouchstart.bind(this),this.moveListener=this.handleMove.bind(this),this.pointerdownListener=this.handlePointerdown.bind(this),this.pointerupListener=this.handlePointerup.bind(this),this.thumbMouseenterListener=this.handleThumbMouseenter.bind(this),this.thumbMouseleaveListener=this.handleThumbMouseleave.bind(this),this.inputStartChangeListener=function(){t.handleInputChange(tw.START)},this.inputEndChangeListener=function(){t.handleInputChange(tw.END)},this.inputStartFocusListener=function(){t.handleInputFocus(tw.START)},this.inputEndFocusListener=function(){t.handleInputFocus(tw.END)},this.inputStartBlurListener=function(){t.handleInputBlur(tw.START)},this.inputEndBlurListener=function(){t.handleInputBlur(tw.END)},this.resizeListener=this.handleResize.bind(this),this.registerEventHandlers()},e.prototype.destroy=function(){this.deregisterEventHandlers()},e.prototype.getMin=function(){return this.min},e.prototype.getMax=function(){return this.max},e.prototype.getValue=function(){return this.value},e.prototype.setValue=function(t){if(this.isRange&&t<this.valueStart)throw Error("end thumb value ("+t+") must be >= start thumb value ("+this.valueStart+")");this.updateValue(t,tw.END)},e.prototype.getValueStart=function(){if(!this.isRange)throw Error("`valueStart` is only applicable for range sliders.");return this.valueStart},e.prototype.setValueStart=function(t){if(!this.isRange)throw Error("`valueStart` is only applicable for range sliders.");if(this.isRange&&t>this.value)throw Error("start thumb value ("+t+") must be <= end thumb value ("+this.value+")");this.updateValue(t,tw.START)},e.prototype.getStep=function(){return this.step},e.prototype.getDisabled=function(){return this.isDisabled},e.prototype.setDisabled=function(t){this.isDisabled=t,t?(this.adapter.addClass(n2),this.isRange&&this.adapter.setInputAttribute(n9,"",tw.START),this.adapter.setInputAttribute(n9,"",tw.END)):(this.adapter.removeClass(n2),this.isRange&&this.adapter.removeInputAttribute(n9,tw.START),this.adapter.removeInputAttribute(n9,tw.END))},e.prototype.getIsRange=function(){return this.isRange},e.prototype.layout=function(t){var e=(void 0===t?{}:t).skipUpdateUI;this.rect=this.adapter.getBoundingClientRect(),this.isRange&&(this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(tw.START),this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(tw.END)),e||this.updateUI()},e.prototype.handleResize=function(){this.layout()},e.prototype.handleDown=function(t){if(!this.isDisabled){this.valueStartBeforeDownEvent=this.valueStart,this.valueBeforeDownEvent=this.value;var e=null!=t.clientX?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=e;var n=this.mapClientXOnSliderScale(e);this.thumb=this.getThumbFromDownEvent(e,n),null===this.thumb||(this.handleDragStart(t,n,this.thumb),this.isRange&&n>=this.valueStart&&n<=this.value||this.updateValue(n,this.thumb,{emitInputEvent:!0}))}},e.prototype.handleMove=function(t){if(!this.isDisabled){t.preventDefault();var e=null!=t.clientX?t.clientX:t.targetTouches[0].clientX,n=null!=this.thumb;if(this.thumb=this.getThumbFromMoveEvent(e),null!==this.thumb){var i=this.mapClientXOnSliderScale(e);n||(this.handleDragStart(t,i,this.thumb),this.adapter.emitDragStartEvent(i,this.thumb)),this.updateValue(i,this.thumb,{emitInputEvent:!0})}}},e.prototype.handleUp=function(){if(!this.isDisabled&&null!==this.thumb){var t=this.thumb===tw.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent,e=this.thumb===tw.START?this.valueStart:this.value;t!==e&&this.adapter.emitChangeEvent(e,this.thumb),this.adapter.emitDragEndEvent(e,this.thumb),this.thumb=null}},e.prototype.handleThumbMouseenter=function(){this.isDiscrete&&this.isRange&&(this.adapter.addThumbClass(n3,tw.START),this.adapter.addThumbClass(n3,tw.END))},e.prototype.handleThumbMouseleave=function(){!this.isDiscrete||!this.isRange||this.adapter.isInputFocused(tw.START)||this.adapter.isInputFocused(tw.END)||(this.adapter.removeThumbClass(n3,tw.START),this.adapter.removeThumbClass(n3,tw.END))},e.prototype.handleMousedownOrTouchstart=function(t){var e=this,n="mousedown"===t.type?"mousemove":"touchmove";this.adapter.registerBodyEventHandler(n,this.moveListener);var i=function(){e.handleUp(),e.adapter.deregisterBodyEventHandler(n,e.moveListener),e.adapter.deregisterEventHandler("mouseup",i),e.adapter.deregisterEventHandler("touchend",i)};this.adapter.registerBodyEventHandler("mouseup",i),this.adapter.registerBodyEventHandler("touchend",i),this.handleDown(t)},e.prototype.handlePointerdown=function(t){this.adapter.setPointerCapture(t.pointerId),this.adapter.registerEventHandler("pointermove",this.moveListener),this.handleDown(t)},e.prototype.handleInputChange=function(t){var e=Number(this.adapter.getInputValue(t));t===tw.START?this.setValueStart(e):this.setValue(e)},e.prototype.handleInputFocus=function(t){if(this.isDiscrete&&(this.adapter.addThumbClass(n3,t),this.isRange)){var e=t===tw.START?tw.END:tw.START;this.adapter.addThumbClass(n3,e)}},e.prototype.handleInputBlur=function(t){if(this.isDiscrete&&(this.adapter.removeThumbClass(n3,t),this.isRange)){var e=t===tw.START?tw.END:tw.START;this.adapter.removeThumbClass(n3,e)}},e.prototype.handleDragStart=function(t,e,n){this.adapter.focusInput(n),t.preventDefault(),this.adapter.emitDragStartEvent(e,n)},e.prototype.getThumbFromDownEvent=function(t,e){if(!this.isRange)return tw.END;var n=this.adapter.getThumbBoundingClientRect(tw.START),i=this.adapter.getThumbBoundingClientRect(tw.END),r=t>=n.left&&t<=n.right,o=t>=i.left&&t<=i.right;return r&&o?null:r?tw.START:o?tw.END:e<this.valueStart?tw.START:e>this.value?tw.END:null},e.prototype.getThumbFromMoveEvent=function(t){if(null!==this.thumb)return this.thumb;if(null===this.downEventClientX)throw Error("`downEventClientX` is null after move event.");return 5>Math.abs(this.downEventClientX-t)?this.thumb:t<this.downEventClientX?this.adapter.isRTL()?tw.END:tw.START:this.adapter.isRTL()?tw.START:tw.END},e.prototype.updateUI=function(t){this.updateThumbAndInputAttributes(t),this.updateThumbAndTrackUI(t),this.updateValueIndicatorUI(t),this.updateTickMarksUI()},e.prototype.updateThumbAndInputAttributes=function(t){if(t){var e=this.isRange&&t===tw.START?this.valueStart:this.value,n=String(e);this.adapter.setInputAttribute(it,n,t),this.isRange&&t===tw.START?this.adapter.setInputAttribute("min",n,tw.END):this.isRange&&t===tw.END&&this.adapter.setInputAttribute("max",n,tw.START),this.adapter.getInputValue(t)!==n&&this.adapter.setInputValue(n,t);var i=this.adapter.getValueToAriaValueTextFn();i&&this.adapter.setInputAttribute("aria-valuetext",i(e),t)}},e.prototype.updateValueIndicatorUI=function(t){if(this.isDiscrete){var e=this.isRange&&t===tw.START?this.valueStart:this.value;this.adapter.setValueIndicatorText(e,t===tw.START?tw.START:tw.END),!t&&this.isRange&&this.adapter.setValueIndicatorText(this.valueStart,tw.START)}},e.prototype.updateTickMarksUI=function(){if(this.isDiscrete&&this.hasTickMarks){var t=(this.valueStart-this.min)/this.step,e=(this.value-this.valueStart)/this.step+1,n=(this.max-this.value)/this.step,i=Array.from({length:t}).fill(tx.INACTIVE),r=Array.from({length:e}).fill(tx.ACTIVE),o=Array.from({length:n}).fill(tx.INACTIVE);this.adapter.updateTickMarks(i.concat(r).concat(o))}},e.prototype.mapClientXOnSliderScale=function(t){var e=(t-this.rect.left)/this.rect.width;this.adapter.isRTL()&&(e=1-e);var n=this.min+e*(this.max-this.min);return n===this.max||n===this.min?n:this.quantize(n)},e.prototype.updateValue=function(t,e,n){var i=void 0===n?{}:n,r=i.emitInputEvent,o=i.emitChangeEvent;if(t=this.clampValue(t,e),this.isRange&&e===tw.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(e),r&&this.adapter.emitInputEvent(e===tw.START?this.valueStart:this.value,e),o&&this.adapter.emitChangeEvent(e===tw.START?this.valueStart:this.value,e)},e.prototype.quantize=function(t){return Math.round(t/this.step)*this.step},e.prototype.clampValue=function(t,e){return(t=Math.min(Math.max(t,this.min),this.max),this.isRange&&e===tw.START&&t>this.value)?this.value:this.isRange&&e===tw.END&&t<this.valueStart?this.valueStart:t},e.prototype.updateThumbAndTrackUI=function(t){var e=this,n=this.max,i=this.min,r=(this.value-this.valueStart)/(n-i),o=r*this.rect.width,a=this.adapter.isRTL(),s=ii?nP(window,"transform"):"transform";if(this.isRange){var l=this.adapter.isRTL()?(n-this.value)/(n-i)*this.rect.width:(this.valueStart-i)/(n-i)*this.rect.width,d=l+o;requestAnimationFrame(function(){!a&&t===tw.START||a&&t!==tw.START?(e.adapter.setTrackActiveStyleProperty("transform-origin","right"),e.adapter.setTrackActiveStyleProperty("left","unset"),e.adapter.setTrackActiveStyleProperty("right",e.rect.width-d+"px")):(e.adapter.setTrackActiveStyleProperty("transform-origin","left"),e.adapter.setTrackActiveStyleProperty("right","unset"),e.adapter.setTrackActiveStyleProperty("left",l+"px")),e.adapter.setTrackActiveStyleProperty(s,"scaleX("+r+")");var n=a?d:l,i=e.adapter.isRTL()?l:d;t!==tw.START&&t&&e.initialStylesRemoved||e.adapter.setThumbStyleProperty(s,"translateX("+n+"px)",tw.START),t!==tw.END&&t&&e.initialStylesRemoved||e.adapter.setThumbStyleProperty(s,"translateX("+i+"px)",tw.END),e.removeInitialStyles(a),e.updateOverlappingThumbsUI(n,i,t)})}else requestAnimationFrame(function(){var t=a?e.rect.width-o:o;e.adapter.setThumbStyleProperty(s,"translateX("+t+"px)",tw.END),e.adapter.setTrackActiveStyleProperty(s,"scaleX("+r+")"),e.removeInitialStyles(a)})},e.prototype.removeInitialStyles=function(t){if(!this.initialStylesRemoved){var e=t?"right":"left";this.adapter.removeThumbStyleProperty(e,tw.END),this.isRange&&this.adapter.removeThumbStyleProperty(e,tw.START),this.initialStylesRemoved=!0,this.resetTrackAndThumbAnimation()}},e.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(this.isDiscrete){var e=ii?nP(window,"transition"):"transition",n="all 0s ease 0s";this.adapter.setThumbStyleProperty(e,n,tw.END),this.isRange&&this.adapter.setThumbStyleProperty(e,n,tw.START),this.adapter.setTrackActiveStyleProperty(e,n),requestAnimationFrame(function(){t.adapter.removeThumbStyleProperty(e,tw.END),t.adapter.removeTrackActiveStyleProperty(e),t.isRange&&t.adapter.removeThumbStyleProperty(e,tw.START)})}},e.prototype.updateOverlappingThumbsUI=function(t,e,n){var i=!1;if(this.adapter.isRTL()){var r=t-this.startThumbKnobWidth/2;i=e+this.endThumbKnobWidth/2>=r}else i=t+this.startThumbKnobWidth/2>=e-this.endThumbKnobWidth/2;i?(this.adapter.addThumbClass(n4,n||tw.END),this.adapter.removeThumbClass(n4,n===tw.START?tw.END:tw.START)):(this.adapter.removeThumbClass(n4,tw.START),this.adapter.removeThumbClass(n4,tw.END))},e.prototype.convertAttributeValueToNumber=function(t,e){if(null===t)throw Error("MDCSliderFoundation: `"+e+"` must be non-null.");var n=Number(t);if(isNaN(n))throw Error("MDCSliderFoundation: `"+e+"` value is `"+t+"`, but must be a number.");return n},e.prototype.validateProperties=function(t){var e=t.min,n=t.max,i=t.value,r=t.valueStart;if(e>=n)throw Error("MDCSliderFoundation: min must be strictly less than max. "+("Current: [min: "+e+", max: ")+n+"]");if(this.isRange){if(i<e||i>n||r<e||r>n)throw Error("MDCSliderFoundation: values must be in [min, max] range. "+("Current values: [start value: "+r+", end value: ")+i+"]");if(r>i)throw Error("MDCSliderFoundation: start value must be <= end value. "+("Current values: [start value: "+r+", end value: ")+i+"]")}else if(i<e||i>n)throw Error("MDCSliderFoundation: value must be in [min, max] range. Current value: "+i)},e.prototype.registerEventHandlers=function(){this.adapter.registerWindowEventHandler("resize",this.resizeListener),e.SUPPORTS_POINTER_EVENTS?(this.adapter.registerEventHandler("pointerdown",this.pointerdownListener),this.adapter.registerEventHandler("pointerup",this.pointerupListener)):(this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.registerThumbEventHandler(tw.START,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(tw.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(tw.START,"change",this.inputStartChangeListener),this.adapter.registerInputEventHandler(tw.START,"focus",this.inputStartFocusListener),this.adapter.registerInputEventHandler(tw.START,"blur",this.inputStartBlurListener)),this.adapter.registerThumbEventHandler(tw.END,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(tw.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(tw.END,"change",this.inputEndChangeListener),this.adapter.registerInputEventHandler(tw.END,"focus",this.inputEndFocusListener),this.adapter.registerInputEventHandler(tw.END,"blur",this.inputEndBlurListener)},e.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener),e.SUPPORTS_POINTER_EVENTS?(this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener),this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)):(this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.deregisterThumbEventHandler(tw.START,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(tw.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(tw.START,"change",this.inputStartChangeListener),this.adapter.deregisterInputEventHandler(tw.START,"focus",this.inputStartFocusListener),this.adapter.deregisterInputEventHandler(tw.START,"blur",this.inputStartBlurListener)),this.adapter.deregisterThumbEventHandler(tw.END,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(tw.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(tw.END,"change",this.inputEndChangeListener),this.adapter.deregisterInputEventHandler(tw.END,"focus",this.inputEndFocusListener),this.adapter.deregisterInputEventHandler(tw.END,"blur",this.inputEndBlurListener)},e.prototype.handlePointerup=function(){this.handleUp(),this.adapter.deregisterEventHandler("pointermove",this.moveListener)},e.SUPPORTS_POINTER_EVENTS=ii&&!!window.PointerEvent,e}(tV),io=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.skipInitialUIUpdate=!1,e.valueToAriaValueTextFn=null,e}return n0(e,t),e.attachTo=function(t,n){return void 0===n&&(n={}),new e(t,void 0,n)},e.prototype.getDefaultFoundation=function(){var t=this;return new ir({hasClass:function(e){return t.root.classList.contains(e)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},addThumbClass:function(e,n){t.getThumbEl(n).classList.add(e)},removeThumbClass:function(e,n){t.getThumbEl(n).classList.remove(e)},getAttribute:function(e){return t.root.getAttribute(e)},getInputValue:function(e){return t.getInput(e).value},setInputValue:function(e,n){t.getInput(n).value=e},getInputAttribute:function(e,n){return t.getInput(n).getAttribute(e)},setInputAttribute:function(e,n,i){t.getInput(i).setAttribute(e,n)},removeInputAttribute:function(e,n){t.getInput(n).removeAttribute(e)},focusInput:function(e){t.getInput(e).focus()},isInputFocused:function(e){return t.getInput(e)===document.activeElement},getThumbKnobWidth:function(e){return t.getThumbEl(e).querySelector(".mdc-slider__thumb-knob").getBoundingClientRect().width},getThumbBoundingClientRect:function(e){return t.getThumbEl(e).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},setThumbStyleProperty:function(e,n,i){t.getThumbEl(i).style.setProperty(e,n)},removeThumbStyleProperty:function(e,n){t.getThumbEl(n).style.removeProperty(e)},setTrackActiveStyleProperty:function(e,n){t.trackActive.style.setProperty(e,n)},removeTrackActiveStyleProperty:function(e){t.trackActive.style.removeProperty(e)},setValueIndicatorText:function(e,n){t.getThumbEl(n).querySelector(".mdc-slider__value-indicator-text").textContent=String(e)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(e){var n=t.root.querySelector("."+n7);n||((n=document.createElement("div")).classList.add(n7),t.root.querySelector(".mdc-slider__track").appendChild(n)),e.length!==n.children.length?(n.innerHTML="",t.addTickMarks(n,e)):t.updateTickMarks(n,e)},setPointerCapture:function(e){t.root.setPointerCapture(e)},emitChangeEvent:function(e,n){t.emit("MDCSlider:change",{value:e,thumb:n})},emitInputEvent:function(e,n){t.emit("MDCSlider:input",{value:e,thumb:n})},emitDragStartEvent:function(e,n){t.getRipple(n).activate()},emitDragEndEvent:function(e,n){t.getRipple(n).deactivate()},registerEventHandler:function(e,n){t.listen(e,n)},deregisterEventHandler:function(e,n){t.unlisten(e,n)},registerThumbEventHandler:function(e,n,i){t.getThumbEl(e).addEventListener(n,i)},deregisterThumbEventHandler:function(e,n,i){t.getThumbEl(e).removeEventListener(n,i)},registerInputEventHandler:function(e,n,i){t.getInput(e).addEventListener(n,i)},deregisterInputEventHandler:function(e,n,i){t.getInput(e).removeEventListener(n,i)},registerBodyEventHandler:function(t,e){document.body.addEventListener(t,e)},deregisterBodyEventHandler:function(t,e){document.body.removeEventListener(t,e)},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)}})},e.prototype.initialize=function(t){var e=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll(".mdc-slider__input")),this.thumbs=[].slice.call(this.root.querySelectorAll("."+n5)),this.trackActive=this.root.querySelector(".mdc-slider__track--active_fill"),this.ripples=this.createRipples(),e&&(this.skipInitialUIUpdate=!0)},e.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})},e.prototype.layout=function(){this.foundation.layout()},e.prototype.getValueStart=function(){return this.foundation.getValueStart()},e.prototype.setValueStart=function(t){this.foundation.setValueStart(t)},e.prototype.getValue=function(){return this.foundation.getValue()},e.prototype.setValue=function(t){this.foundation.setValue(t)},e.prototype.getDisabled=function(){return this.foundation.getDisabled()},e.prototype.setDisabled=function(t){this.foundation.setDisabled(t)},e.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t},e.prototype.getThumbEl=function(t){return t===tw.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},e.prototype.getInput=function(t){return t===tw.END?this.inputs[this.inputs.length-1]:this.inputs[0]},e.prototype.getRipple=function(t){return t===tw.END?this.ripples[this.ripples.length-1]:this.ripples[0]},e.prototype.addTickMarks=function(t,e){for(var n=document.createDocumentFragment(),i=0;i<e.length;i++){var r=document.createElement("div"),o=e[i]===tx.ACTIVE?n8:n6;r.classList.add(o),n.appendChild(r)}t.appendChild(n)},e.prototype.updateTickMarks=function(t,e){for(var n=Array.from(t.children),i=0;i<n.length;i++)e[i]===tx.ACTIVE?(n[i].classList.add(n8),n[i].classList.remove(n6)):(n[i].classList.add(n6),n[i].classList.remove(n8))},e.prototype.createRipples=function(){for(var t=[],e=[].slice.call(this.root.querySelectorAll("."+n5)),n=this,i=0;i<e.length;i++)!function(i){var r=e[i],o=n.inputs[i],a=n1(n1({},eT.createAdapter(n)),{addClass:function(t){r.classList.add(t)},computeBoundingRect:function(){return r.getBoundingClientRect()},deregisterInteractionHandler:function(t,e){o.removeEventListener(t,e)},isSurfaceActive:function(){return tG(o,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(t,e){o.addEventListener(t,e)},removeClass:function(t){r.classList.remove(t)},updateCssVariable:function(t,e){r.style.setProperty(t,e)}}),s=new eT(r,new eA(a));s.unbounded=!0,t.push(s)}(i);return t},e}(tY),ia=function(t,e){return(ia=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)};function is(t,e){function n(){this.constructor=t}ia(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var il=function(){return(il=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},id={ANCHOR:"mdc-menu-surface--anchor",ANIMATING_CLOSED:"mdc-menu-surface--animating-closed",ANIMATING_OPEN:"mdc-menu-surface--animating-open",FIXED:"mdc-menu-surface--fixed",IS_OPEN_BELOW:"mdc-menu-surface--is-open-below",OPEN:"mdc-menu-surface--open",ROOT:"mdc-menu-surface"},ic={CLOSED_EVENT:"MDCMenuSurface:closed",OPENED_EVENT:"MDCMenuSurface:opened",FOCUSABLE_ELEMENTS:'button:not(:disabled), [href]:not([aria-disabled="true"]), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'},im={TRANSITION_OPEN_DURATION:120,TRANSITION_CLOSE_DURATION:75,MARGIN_TO_EDGE:32,ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO:.67};(tf=tk||(tk={}))[tf.BOTTOM=1]="BOTTOM",tf[tf.CENTER=2]="CENTER",tf[tf.RIGHT=4]="RIGHT",tf[tf.FLIP_RTL=8]="FLIP_RTL",(tg=tE||(tE={}))[tg.TOP_LEFT=0]="TOP_LEFT",tg[tg.TOP_RIGHT=4]="TOP_RIGHT",tg[tg.BOTTOM_LEFT=1]="BOTTOM_LEFT",tg[tg.BOTTOM_RIGHT=5]="BOTTOM_RIGHT",tg[tg.TOP_START=8]="TOP_START",tg[tg.TOP_END=12]="TOP_END",tg[tg.BOTTOM_START=9]="BOTTOM_START",tg[tg.BOTTOM_END=13]="BOTTOM_END";var ip=function(t,e){return(ip=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)};function iu(t,e){function n(){this.constructor=t}ip(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var ih=function(){return(ih=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},ig=function(t,e){return(ig=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)};function ib(t,e){function n(){this.constructor=t}ig(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var i_=function(){return(i_=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},iv={LIST_ITEM_ACTIVATED_CLASS:"mdc-list-item--activated",LIST_ITEM_CLASS:"mdc-list-item",LIST_ITEM_DISABLED_CLASS:"mdc-list-item--disabled",LIST_ITEM_SELECTED_CLASS:"mdc-list-item--selected",LIST_ITEM_TEXT_CLASS:"mdc-list-item__text",LIST_ITEM_PRIMARY_TEXT_CLASS:"mdc-list-item__primary-text",ROOT:"mdc-list"},iy={ACTION_EVENT:"MDCList:action",ARIA_CHECKED:"aria-checked",ARIA_CHECKED_CHECKBOX_SELECTOR:'[role="checkbox"][aria-checked="true"]',ARIA_CHECKED_RADIO_SELECTOR:'[role="radio"][aria-checked="true"]',ARIA_CURRENT:"aria-current",ARIA_DISABLED:"aria-disabled",ARIA_ORIENTATION:"aria-orientation",ARIA_ORIENTATION_HORIZONTAL:"horizontal",ARIA_ROLE_CHECKBOX_SELECTOR:'[role="checkbox"]',ARIA_SELECTED:"aria-selected",CHECKBOX_RADIO_SELECTOR:'input[type="checkbox"], input[type="radio"]',CHECKBOX_SELECTOR:'input[type="checkbox"]',CHILD_ELEMENTS_TO_TOGGLE_TABINDEX:"\n ."+iv.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+iv.LIST_ITEM_CLASS+" a\n ",FOCUSABLE_CHILD_ELEMENTS:"\n ."+iv.LIST_ITEM_CLASS+" button:not(:disabled),\n ."+iv.LIST_ITEM_CLASS+" a,\n ."+iv.LIST_ITEM_CLASS+' input[type="radio"]:not(:disabled),\n .'+iv.LIST_ITEM_CLASS+' input[type="checkbox"]:not(:disabled)\n ',RADIO_SELECTOR:'input[type="radio"]'},ix={UNSET_INDEX:-1,TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS:300},iw="Backspace",ik="Enter",iE="Spacebar",iC="PageUp",iA="PageDown",iT="Home",iI="ArrowLeft",iO="ArrowUp",iS="ArrowRight",iL="ArrowDown",iM="Delete",iN="Escape",iD=new Set;iD.add(iw),iD.add(ik),iD.add(iE),iD.add(iC),iD.add(iA),iD.add("End"),iD.add(iT),iD.add(iI),iD.add(iO),iD.add(iS),iD.add(iL),iD.add(iM),iD.add(iN);var iR=new Map;iR.set(8,iw),iR.set(13,ik),iR.set(32,iE),iR.set(33,iC),iR.set(34,iA),iR.set(35,"End"),iR.set(36,iT),iR.set(37,iI),iR.set(38,iO),iR.set(39,iS),iR.set(40,iL),iR.set(46,iM),iR.set(27,iN);var iz=new Set;function iP(t){var e=t.key;if(iD.has(e))return e;var n=iR.get(t.keyCode);return n||"Unknown"}iz.add(iC),iz.add(iA),iz.add("End"),iz.add(iT),iz.add(iI),iz.add(iO),iz.add(iS),iz.add(iL);var ij=["input","button","textarea","select"],i$=function(t){var e=t.target;if(e){var n=(""+e.tagName).toLowerCase();-1===ij.indexOf(n)&&t.preventDefault()}};function iF(t,e){var n,i=t.nextChar,r=t.focusItemAtIndex,o=t.sortedIndexByFirstChar,a=t.focusedItemIndex,s=t.skipFocus,l=t.isItemAtIndexDisabled;return clearTimeout(e.bufferClearTimeout),e.bufferClearTimeout=setTimeout(function(){iU(e)},ix.TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS),e.typeaheadBuffer=e.typeaheadBuffer+i,-1===(n=1===e.typeaheadBuffer.length?function(t,e,n,i){var r,o=i.typeaheadBuffer[0],a=t.get(o);if(!a)return -1;if(o===i.currentFirstChar&&a[i.sortedIndexCursor].index===e){i.sortedIndexCursor=(i.sortedIndexCursor+1)%a.length;var s=a[i.sortedIndexCursor].index;if(!n(s))return s}i.currentFirstChar=o;var l=-1;for(r=0;r<a.length;r++)if(!n(a[r].index)){l=r;break}for(;r<a.length;r++)if(a[r].index>e&&!n(a[r].index)){l=r;break}return -1!==l?(i.sortedIndexCursor=l,a[i.sortedIndexCursor].index):-1}(o,a,l,e):function(t,e,n){var i=n.typeaheadBuffer[0],r=t.get(i);if(!r)return -1;var o=r[n.sortedIndexCursor];if(0===o.text.lastIndexOf(n.typeaheadBuffer,0)&&!e(o.index))return o.index;for(var a=(n.sortedIndexCursor+1)%r.length,s=-1;a!==n.sortedIndexCursor;){var l=r[a],d=0===l.text.lastIndexOf(n.typeaheadBuffer,0),c=!e(l.index);if(d&&c){s=a;break}a=(a+1)%r.length}return -1!==s?(n.sortedIndexCursor=s,r[n.sortedIndexCursor].index):-1}(o,l,e))||s||r(n),n}function iB(t){return t.typeaheadBuffer.length>0}function iU(t){t.typeaheadBuffer=""}function iH(t,e){var n=t.event,i=t.isTargetListItem,r=t.focusedItemIndex,o=t.focusItemAtIndex,a=t.sortedIndexByFirstChar,s=t.isItemAtIndexDisabled,l="ArrowLeft"===iP(n),d="ArrowUp"===iP(n),c="ArrowRight"===iP(n),m="ArrowDown"===iP(n),p="Home"===iP(n),u="End"===iP(n),h="Enter"===iP(n),f="Spacebar"===iP(n);if(l||d||c||m||p||u||h)return -1;if(!f&&1===n.key.length){i$(n);var g={focusItemAtIndex:o,focusedItemIndex:r,nextChar:n.key.toLowerCase(),sortedIndexByFirstChar:a,skipFocus:!1,isItemAtIndexDisabled:s};return iF(g,e)}if(!f)return -1;if(i&&i$(n),i&&iB(e)){var g={focusItemAtIndex:o,focusedItemIndex:r,nextChar:" ",sortedIndexByFirstChar:a,skipFocus:!1,isItemAtIndexDisabled:s};return iF(g,e)}return -1}var iV=function(t){function e(n){var i=t.call(this,i_(i_({},e.defaultAdapter),n))||this;return i.wrapFocus_=!1,i.isVertical_=!0,i.isSingleSelectionList_=!1,i.selectedIndex_=ix.UNSET_INDEX,i.focusedItemIndex=ix.UNSET_INDEX,i.useActivatedClass_=!1,i.useSelectedAttr_=!1,i.ariaCurrentAttrValue_=null,i.isCheckboxList_=!1,i.isRadioList_=!1,i.hasTypeahead=!1,i.typeaheadState={bufferClearTimeout:0,currentFirstChar:"",sortedIndexCursor:0,typeaheadBuffer:""},i.sortedIndexByFirstChar=new Map,i}return ib(e,t),Object.defineProperty(e,"strings",{get:function(){return iy},enumerable:!0,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return iv},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return ix},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassForElementIndex:function(){},focusItemAtIndex:function(){},getAttributeForElementIndex:function(){return null},getFocusedElementIndex:function(){return 0},getListItemCount:function(){return 0},hasCheckboxAtIndex:function(){return!1},hasRadioAtIndex:function(){return!1},isCheckboxCheckedAtIndex:function(){return!1},isFocusInsideList:function(){return!1},isRootFocused:function(){return!1},listItemAtIndexHasClass:function(){return!1},notifyAction:function(){},removeClassForElementIndex:function(){},setAttributeForElementIndex:function(){},setCheckedCheckboxOrRadioAtIndex:function(){},setTabIndexForListItemChildren:function(){},getPrimaryTextAtIndex:function(){return""}}},enumerable:!0,configurable:!0}),e.prototype.layout=function(){0!==this.adapter.getListItemCount()&&(this.adapter.hasCheckboxAtIndex(0)?this.isCheckboxList_=!0:this.adapter.hasRadioAtIndex(0)?this.isRadioList_=!0:this.maybeInitializeSingleSelection(),this.hasTypeahead&&(this.sortedIndexByFirstChar=this.typeaheadInitSortedIndex()))},e.prototype.setWrapFocus=function(t){this.wrapFocus_=t},e.prototype.setVerticalOrientation=function(t){this.isVertical_=t},e.prototype.setSingleSelection=function(t){this.isSingleSelectionList_=t,t&&this.maybeInitializeSingleSelection()},e.prototype.maybeInitializeSingleSelection=function(){for(var t=0;t<this.adapter.getListItemCount();t++){var e=this.adapter.listItemAtIndexHasClass(t,iv.LIST_ITEM_SELECTED_CLASS),n=this.adapter.listItemAtIndexHasClass(t,iv.LIST_ITEM_ACTIVATED_CLASS);if(e||n){n&&this.setUseActivatedClass(!0),this.isSingleSelectionList_=!0,this.selectedIndex_=t;return}}},e.prototype.setHasTypeahead=function(t){this.hasTypeahead=t,t&&(this.sortedIndexByFirstChar=this.typeaheadInitSortedIndex())},e.prototype.isTypeaheadInProgress=function(){return this.hasTypeahead&&iB(this.typeaheadState)},e.prototype.setUseActivatedClass=function(t){this.useActivatedClass_=t},e.prototype.setUseSelectedAttribute=function(t){this.useSelectedAttr_=t},e.prototype.getSelectedIndex=function(){return this.selectedIndex_},e.prototype.setSelectedIndex=function(t){this.isIndexValid_(t)&&(this.isCheckboxList_?this.setCheckboxAtIndex_(t):this.isRadioList_?this.setRadioAtIndex_(t):this.setSingleSelectionAtIndex_(t))},e.prototype.handleFocusIn=function(t,e){e>=0&&(this.focusedItemIndex=e,this.adapter.setAttributeForElementIndex(e,"tabindex","0"),this.adapter.setTabIndexForListItemChildren(e,"0"))},e.prototype.handleFocusOut=function(t,e){var n=this;e>=0&&(this.adapter.setAttributeForElementIndex(e,"tabindex","-1"),this.adapter.setTabIndexForListItemChildren(e,"-1")),setTimeout(function(){n.adapter.isFocusInsideList()||n.setTabindexToFirstSelectedOrFocusedItem()},0)},e.prototype.handleKeydown=function(t,e,n){var i=this,r="ArrowLeft"===iP(t),o="ArrowUp"===iP(t),a="ArrowRight"===iP(t),s="ArrowDown"===iP(t),l="Home"===iP(t),d="End"===iP(t),c="Enter"===iP(t),m="Spacebar"===iP(t),p="A"===t.key||"a"===t.key;if(this.adapter.isRootFocused()){if(o||d?(t.preventDefault(),this.focusLastElement()):(s||l)&&(t.preventDefault(),this.focusFirstElement()),this.hasTypeahead){var u={event:t,focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:-1,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,iv.LIST_ITEM_DISABLED_CLASS)}};iH(u,this.typeaheadState)}return}var h=this.adapter.getFocusedElementIndex();if(-1!==h||!((h=n)<0)){if(this.isVertical_&&s||!this.isVertical_&&a)i$(t),this.focusNextElement(h);else if(this.isVertical_&&o||!this.isVertical_&&r)i$(t),this.focusPrevElement(h);else if(l)i$(t),this.focusFirstElement();else if(d)i$(t),this.focusLastElement();else if(p&&t.ctrlKey&&this.isCheckboxList_)t.preventDefault(),this.toggleAll(this.selectedIndex_===ix.UNSET_INDEX?[]:this.selectedIndex_);else if((c||m)&&e){var f=t.target;if(f&&"A"===f.tagName&&c||(i$(t),this.adapter.listItemAtIndexHasClass(h,iv.LIST_ITEM_DISABLED_CLASS)))return;this.isTypeaheadInProgress()||(this.isSelectableList_()&&this.setSelectedIndexOnAction_(h),this.adapter.notifyAction(h))}if(this.hasTypeahead){var u={event:t,focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:this.focusedItemIndex,isTargetListItem:e,sortedIndexByFirstChar:this.sortedIndexByFirstChar,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,iv.LIST_ITEM_DISABLED_CLASS)}};iH(u,this.typeaheadState)}}},e.prototype.handleClick=function(t,e){t===ix.UNSET_INDEX||this.adapter.listItemAtIndexHasClass(t,iv.LIST_ITEM_DISABLED_CLASS)||(this.isSelectableList_()&&this.setSelectedIndexOnAction_(t,e),this.adapter.notifyAction(t))},e.prototype.focusNextElement=function(t){var e=this.adapter.getListItemCount(),n=t+1;if(n>=e)if(!this.wrapFocus_)return t;else n=0;return this.focusItemAtIndex(n),n},e.prototype.focusPrevElement=function(t){var e=t-1;if(e<0)if(!this.wrapFocus_)return t;else e=this.adapter.getListItemCount()-1;return this.focusItemAtIndex(e),e},e.prototype.focusFirstElement=function(){return this.focusItemAtIndex(0),0},e.prototype.focusLastElement=function(){var t=this.adapter.getListItemCount()-1;return this.focusItemAtIndex(t),t},e.prototype.focusInitialElement=function(){var t=this.getFirstSelectedOrFocusedItemIndex();return this.focusItemAtIndex(t),t},e.prototype.setEnabled=function(t,e){this.isIndexValid_(t)&&(e?(this.adapter.removeClassForElementIndex(t,iv.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,iy.ARIA_DISABLED,"false")):(this.adapter.addClassForElementIndex(t,iv.LIST_ITEM_DISABLED_CLASS),this.adapter.setAttributeForElementIndex(t,iy.ARIA_DISABLED,"true")))},e.prototype.setSingleSelectionAtIndex_=function(t){if(this.selectedIndex_!==t){var e=iv.LIST_ITEM_SELECTED_CLASS;this.useActivatedClass_&&(e=iv.LIST_ITEM_ACTIVATED_CLASS),this.selectedIndex_!==ix.UNSET_INDEX&&this.adapter.removeClassForElementIndex(this.selectedIndex_,e),this.setAriaForSingleSelectionAtIndex_(t),this.setTabindexAtIndex(t),t!==ix.UNSET_INDEX&&this.adapter.addClassForElementIndex(t,e),this.selectedIndex_=t}},e.prototype.setAriaForSingleSelectionAtIndex_=function(t){this.selectedIndex_===ix.UNSET_INDEX&&(this.ariaCurrentAttrValue_=this.adapter.getAttributeForElementIndex(t,iy.ARIA_CURRENT));var e=null!==this.ariaCurrentAttrValue_,n=e?iy.ARIA_CURRENT:iy.ARIA_SELECTED;if(this.selectedIndex_!==ix.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex_,n,"false"),t!==ix.UNSET_INDEX){var i=e?this.ariaCurrentAttrValue_:"true";this.adapter.setAttributeForElementIndex(t,n,i)}},e.prototype.getSelectionAttribute=function(){return this.useSelectedAttr_?iy.ARIA_SELECTED:iy.ARIA_CHECKED},e.prototype.setRadioAtIndex_=function(t){var e=this.getSelectionAttribute();this.adapter.setCheckedCheckboxOrRadioAtIndex(t,!0),this.selectedIndex_!==ix.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(this.selectedIndex_,e,"false"),this.adapter.setAttributeForElementIndex(t,e,"true"),this.selectedIndex_=t},e.prototype.setCheckboxAtIndex_=function(t){for(var e=this.getSelectionAttribute(),n=0;n<this.adapter.getListItemCount();n++){var i=!1;t.indexOf(n)>=0&&(i=!0),this.adapter.setCheckedCheckboxOrRadioAtIndex(n,i),this.adapter.setAttributeForElementIndex(n,e,i?"true":"false")}this.selectedIndex_=t},e.prototype.setTabindexAtIndex=function(t){this.focusedItemIndex===ix.UNSET_INDEX&&0!==t?this.adapter.setAttributeForElementIndex(0,"tabindex","-1"):this.focusedItemIndex>=0&&this.focusedItemIndex!==t&&this.adapter.setAttributeForElementIndex(this.focusedItemIndex,"tabindex","-1"),this.selectedIndex_ instanceof Array||this.selectedIndex_===t||this.adapter.setAttributeForElementIndex(this.selectedIndex_,"tabindex","-1"),t!==ix.UNSET_INDEX&&this.adapter.setAttributeForElementIndex(t,"tabindex","0")},e.prototype.isSelectableList_=function(){return this.isSingleSelectionList_||this.isCheckboxList_||this.isRadioList_},e.prototype.setTabindexToFirstSelectedOrFocusedItem=function(){var t=this.getFirstSelectedOrFocusedItemIndex();this.setTabindexAtIndex(t)},e.prototype.getFirstSelectedOrFocusedItemIndex=function(){var t=this.focusedItemIndex>=0?this.focusedItemIndex:0;return this.isSelectableList_()&&("number"==typeof this.selectedIndex_&&this.selectedIndex_!==ix.UNSET_INDEX?t=this.selectedIndex_:this.selectedIndex_ instanceof Array&&this.selectedIndex_.length>0&&(t=this.selectedIndex_.reduce(function(t,e){return Math.min(t,e)}))),t},e.prototype.isIndexValid_=function(t){var e=this;if(t instanceof Array){if(!this.isCheckboxList_)throw Error("MDCListFoundation: Array of index is only supported for checkbox based list");return 0===t.length||t.some(function(t){return e.isIndexInRange_(t)})}if("number"!=typeof t)return!1;if(this.isCheckboxList_)throw Error("MDCListFoundation: Expected array of index for checkbox based list but got number: "+t);return this.isIndexInRange_(t)||this.isSingleSelectionList_&&t===ix.UNSET_INDEX},e.prototype.isIndexInRange_=function(t){var e=this.adapter.getListItemCount();return t>=0&&t<e},e.prototype.setSelectedIndexOnAction_=function(t,e){void 0===e&&(e=!0),this.isCheckboxList_?this.toggleCheckboxAtIndex_(t,e):this.setSelectedIndex(t)},e.prototype.toggleCheckboxAtIndex_=function(t,e){var n=this.getSelectionAttribute(),i=this.adapter.isCheckboxCheckedAtIndex(t);e&&(i=!i,this.adapter.setCheckedCheckboxOrRadioAtIndex(t,i)),this.adapter.setAttributeForElementIndex(t,n,i?"true":"false");var r=this.selectedIndex_===ix.UNSET_INDEX?[]:this.selectedIndex_.slice();i?r.push(t):r=r.filter(function(e){return e!==t}),this.selectedIndex_=r},e.prototype.focusItemAtIndex=function(t){this.adapter.focusItemAtIndex(t),this.focusedItemIndex=t},e.prototype.toggleAll=function(t){var e=this.adapter.getListItemCount();if(t.length===e)this.setCheckboxAtIndex_([]);else{for(var n=[],i=0;i<e;i++)(!this.adapter.listItemAtIndexHasClass(i,iv.LIST_ITEM_DISABLED_CLASS)||t.indexOf(i)>-1)&&n.push(i);this.setCheckboxAtIndex_(n)}},e.prototype.typeaheadMatchItem=function(t,e,n){var i=this;return void 0===n&&(n=!1),iF({focusItemAtIndex:function(t){i.focusItemAtIndex(t)},focusedItemIndex:e||this.focusedItemIndex,nextChar:t,sortedIndexByFirstChar:this.sortedIndexByFirstChar,skipFocus:n,isItemAtIndexDisabled:function(t){return i.adapter.listItemAtIndexHasClass(t,iv.LIST_ITEM_DISABLED_CLASS)}},this.typeaheadState)},e.prototype.typeaheadInitSortedIndex=function(){return function(t,e){for(var n=new Map,i=0;i<t;i++){var r=e(i).trim();if(r){var o=r[0].toLowerCase();n.has(o)||n.set(o,[]),n.get(o).push({text:r.toLowerCase(),index:i})}}return n.forEach(function(t){t.sort(function(t,e){return t.index-e.index})}),n}(this.adapter.getListItemCount(),this.adapter.getPrimaryTextAtIndex)},e.prototype.clearTypeaheadBuffer=function(){iU(this.typeaheadState)},e}(tV),iY=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return ib(e,t),Object.defineProperty(e.prototype,"vertical",{set:function(t){this.foundation.setVerticalOrientation(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"listElements",{get:function(){return[].slice.call(this.root.querySelectorAll("."+iv.LIST_ITEM_CLASS))},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"wrapFocus",{set:function(t){this.foundation.setWrapFocus(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"typeaheadInProgress",{get:function(){return this.foundation.isTypeaheadInProgress()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasTypeahead",{set:function(t){this.foundation.setHasTypeahead(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"singleSelection",{set:function(t){this.foundation.setSingleSelection(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.foundation.getSelectedIndex()},set:function(t){this.foundation.setSelectedIndex(t)},enumerable:!0,configurable:!0}),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){this.handleClick_=this.handleClickEvent_.bind(this),this.handleKeydown_=this.handleKeydownEvent_.bind(this),this.focusInEventListener_=this.handleFocusInEvent_.bind(this),this.focusOutEventListener_=this.handleFocusOutEvent_.bind(this),this.listen("keydown",this.handleKeydown_),this.listen("click",this.handleClick_),this.listen("focusin",this.focusInEventListener_),this.listen("focusout",this.focusOutEventListener_),this.layout(),this.initializeListType()},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown_),this.unlisten("click",this.handleClick_),this.unlisten("focusin",this.focusInEventListener_),this.unlisten("focusout",this.focusOutEventListener_)},e.prototype.layout=function(){var t=this.root.getAttribute(iy.ARIA_ORIENTATION);this.vertical=t!==iy.ARIA_ORIENTATION_HORIZONTAL,[].slice.call(this.root.querySelectorAll(".mdc-list-item:not([tabindex])")).forEach(function(t){t.setAttribute("tabindex","-1")}),[].slice.call(this.root.querySelectorAll(iy.FOCUSABLE_CHILD_ELEMENTS)).forEach(function(t){return t.setAttribute("tabindex","-1")}),this.foundation.layout()},e.prototype.getPrimaryText=function(t){var e=t.querySelector("."+iv.LIST_ITEM_PRIMARY_TEXT_CLASS);if(e)return e.textContent||"";var n=t.querySelector("."+iv.LIST_ITEM_TEXT_CLASS);return n&&n.textContent||""},e.prototype.initializeListType=function(){var t=this,e=this.root.querySelectorAll(iy.ARIA_ROLE_CHECKBOX_SELECTOR),n=this.root.querySelector(iy.ARIA_CHECKED_RADIO_SELECTOR);if(e.length){var i=this.root.querySelectorAll(iy.ARIA_CHECKED_CHECKBOX_SELECTOR);this.selectedIndex=[].map.call(i,function(e){return t.listElements.indexOf(e)})}else n&&(this.selectedIndex=this.listElements.indexOf(n))},e.prototype.setEnabled=function(t,e){this.foundation.setEnabled(t,e)},e.prototype.typeaheadMatchItem=function(t,e){return this.foundation.typeaheadMatchItem(t,e,!0)},e.prototype.getDefaultFoundation=function(){var t=this;return new iV({addClassForElementIndex:function(e,n){var i=t.listElements[e];i&&i.classList.add(n)},focusItemAtIndex:function(e){var n=t.listElements[e];n&&n.focus()},getAttributeForElementIndex:function(e,n){return t.listElements[e].getAttribute(n)},getFocusedElementIndex:function(){return t.listElements.indexOf(document.activeElement)},getListItemCount:function(){return t.listElements.length},getPrimaryTextAtIndex:function(e){return t.getPrimaryText(t.listElements[e])},hasCheckboxAtIndex:function(e){return!!t.listElements[e].querySelector(iy.CHECKBOX_SELECTOR)},hasRadioAtIndex:function(e){return!!t.listElements[e].querySelector(iy.RADIO_SELECTOR)},isCheckboxCheckedAtIndex:function(e){return t.listElements[e].querySelector(iy.CHECKBOX_SELECTOR).checked},isFocusInsideList:function(){return t.root!==document.activeElement&&t.root.contains(document.activeElement)},isRootFocused:function(){return document.activeElement===t.root},listItemAtIndexHasClass:function(e,n){return t.listElements[e].classList.contains(n)},notifyAction:function(e){t.emit(iy.ACTION_EVENT,{index:e},!0)},removeClassForElementIndex:function(e,n){var i=t.listElements[e];i&&i.classList.remove(n)},setAttributeForElementIndex:function(e,n,i){var r=t.listElements[e];r&&r.setAttribute(n,i)},setCheckedCheckboxOrRadioAtIndex:function(e,n){var i=t.listElements[e].querySelector(iy.CHECKBOX_RADIO_SELECTOR);i.checked=n;var r=document.createEvent("Event");r.initEvent("change",!0,!0),i.dispatchEvent(r)},setTabIndexForListItemChildren:function(e,n){var i=t.listElements[e];[].slice.call(i.querySelectorAll(iy.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX)).forEach(function(t){return t.setAttribute("tabindex",n)})}})},e.prototype.getListItemIndex_=function(t){var e=tX(t.target,"."+iv.LIST_ITEM_CLASS+", ."+iv.ROOT);return e&&tG(e,"."+iv.LIST_ITEM_CLASS)?this.listElements.indexOf(e):-1},e.prototype.handleFocusInEvent_=function(t){var e=this.getListItemIndex_(t);this.foundation.handleFocusIn(t,e)},e.prototype.handleFocusOutEvent_=function(t){var e=this.getListItemIndex_(t);this.foundation.handleFocusOut(t,e)},e.prototype.handleKeydownEvent_=function(t){var e=this.getListItemIndex_(t),n=t.target;this.foundation.handleKeydown(t,n.classList.contains(iv.LIST_ITEM_CLASS),e)},e.prototype.handleClickEvent_=function(t){var e=this.getListItemIndex_(t),n=!tG(t.target,iy.CHECKBOX_RADIO_SELECTOR);this.foundation.handleClick(e,n)},e}(tY),iX=function(t,e){return(iX=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)};function iG(t,e){function n(){this.constructor=t}iX(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var iK=function(){return(iK=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},iq=function(t){function e(n){var i=t.call(this,iK(iK({},e.defaultAdapter),n))||this;return i.isSurfaceOpen=!1,i.isQuickOpen=!1,i.isHoistedElement=!1,i.isFixedPosition=!1,i.openAnimationEndTimerId=0,i.closeAnimationEndTimerId=0,i.animationRequestId=0,i.anchorCorner=tE.TOP_START,i.originCorner=tE.TOP_START,i.anchorMargin={top:0,right:0,bottom:0,left:0},i.position={x:0,y:0},i}return iG(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return id},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return ic},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return im},enumerable:!0,configurable:!0}),Object.defineProperty(e,"Corner",{get:function(){return tE},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},hasAnchor:function(){return!1},isElementInContainer:function(){return!1},isFocused:function(){return!1},isRtl:function(){return!1},getInnerDimensions:function(){return{height:0,width:0}},getAnchorDimensions:function(){return null},getWindowDimensions:function(){return{height:0,width:0}},getBodyDimensions:function(){return{height:0,width:0}},getWindowScroll:function(){return{x:0,y:0}},setPosition:function(){},setMaxHeight:function(){},setTransformOrigin:function(){},saveFocus:function(){},restoreFocus:function(){},notifyClose:function(){},notifyOpen:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=e.cssClasses,n=t.ROOT,i=t.OPEN;if(!this.adapter.hasClass(n))throw Error(n+" class required in root element.");this.adapter.hasClass(i)&&(this.isSurfaceOpen=!0)},e.prototype.destroy=function(){clearTimeout(this.openAnimationEndTimerId),clearTimeout(this.closeAnimationEndTimerId),cancelAnimationFrame(this.animationRequestId)},e.prototype.setAnchorCorner=function(t){this.anchorCorner=t},e.prototype.flipCornerHorizontally=function(){this.originCorner=this.originCorner^tk.RIGHT},e.prototype.setAnchorMargin=function(t){this.anchorMargin.top=t.top||0,this.anchorMargin.right=t.right||0,this.anchorMargin.bottom=t.bottom||0,this.anchorMargin.left=t.left||0},e.prototype.setIsHoisted=function(t){this.isHoistedElement=t},e.prototype.setFixedPosition=function(t){this.isFixedPosition=t},e.prototype.setAbsolutePosition=function(t,e){this.position.x=this.isFinite(t)?t:0,this.position.y=this.isFinite(e)?e:0},e.prototype.setQuickOpen=function(t){this.isQuickOpen=t},e.prototype.isOpen=function(){return this.isSurfaceOpen},e.prototype.open=function(){var t=this;this.isSurfaceOpen||(this.adapter.saveFocus(),this.isQuickOpen?(this.isSurfaceOpen=!0,this.adapter.addClass(e.cssClasses.OPEN),this.dimensions=this.adapter.getInnerDimensions(),this.autoposition(),this.adapter.notifyOpen()):(this.adapter.addClass(e.cssClasses.ANIMATING_OPEN),this.animationRequestId=requestAnimationFrame(function(){t.adapter.addClass(e.cssClasses.OPEN),t.dimensions=t.adapter.getInnerDimensions(),t.autoposition(),t.openAnimationEndTimerId=setTimeout(function(){t.openAnimationEndTimerId=0,t.adapter.removeClass(e.cssClasses.ANIMATING_OPEN),t.adapter.notifyOpen()},im.TRANSITION_OPEN_DURATION)}),this.isSurfaceOpen=!0))},e.prototype.close=function(t){var n=this;void 0===t&&(t=!1),this.isSurfaceOpen&&(this.isQuickOpen?(this.isSurfaceOpen=!1,t||this.maybeRestoreFocus(),this.adapter.removeClass(e.cssClasses.OPEN),this.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),this.adapter.notifyClose()):(this.adapter.addClass(e.cssClasses.ANIMATING_CLOSED),requestAnimationFrame(function(){n.adapter.removeClass(e.cssClasses.OPEN),n.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW),n.closeAnimationEndTimerId=setTimeout(function(){n.closeAnimationEndTimerId=0,n.adapter.removeClass(e.cssClasses.ANIMATING_CLOSED),n.adapter.notifyClose()},im.TRANSITION_CLOSE_DURATION)}),this.isSurfaceOpen=!1,t||this.maybeRestoreFocus()))},e.prototype.handleBodyClick=function(t){var e=t.target;this.adapter.isElementInContainer(e)||this.close()},e.prototype.handleKeydown=function(t){var e=t.keyCode;("Escape"===t.key||27===e)&&this.close()},e.prototype.autoposition=function(){this.measurements=this.getAutoLayoutmeasurements();var t,n=this.getoriginCorner(),i=this.getMenuSurfaceMaxHeight(n),r=this.hasBit(n,tk.BOTTOM)?"bottom":"top",o=this.hasBit(n,tk.RIGHT)?"right":"left",a=this.getHorizontalOriginOffset(n),s=this.getVerticalOriginOffset(n),l=this.measurements,d=l.anchorSize,c=l.surfaceSize,m=((t={})[o]=a,t[r]=s,t);d.width/c.width>im.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO&&(o="center"),(this.isHoistedElement||this.isFixedPosition)&&this.adjustPositionForHoistedElement(m),this.adapter.setTransformOrigin(o+" "+r),this.adapter.setPosition(m),this.adapter.setMaxHeight(i?i+"px":""),this.hasBit(n,tk.BOTTOM)||this.adapter.addClass(e.cssClasses.IS_OPEN_BELOW)},e.prototype.getAutoLayoutmeasurements=function(){var t=this.adapter.getAnchorDimensions(),e=this.adapter.getBodyDimensions(),n=this.adapter.getWindowDimensions(),i=this.adapter.getWindowScroll();return t||(t={top:this.position.y,right:this.position.x,bottom:this.position.y,left:this.position.x,width:0,height:0}),{anchorSize:t,bodySize:e,surfaceSize:this.dimensions,viewportDistance:{top:t.top,right:n.width-t.right,bottom:n.height-t.bottom,left:t.left},viewportSize:n,windowScroll:i}},e.prototype.getoriginCorner=function(){var t,n,i,r,o=this.originCorner,a=this.measurements,s=a.viewportDistance,l=a.anchorSize,d=a.surfaceSize,c=e.numbers.MARGIN_TO_EDGE;this.hasBit(this.anchorCorner,tk.BOTTOM)?(t=s.top-c+l.height+this.anchorMargin.bottom,n=s.bottom-c-this.anchorMargin.bottom):(t=s.top-c+this.anchorMargin.top,n=s.bottom-c+l.height-this.anchorMargin.top),!(n-d.height>0)&&t>=n&&(o=this.setBit(o,tk.BOTTOM));var m=this.adapter.isRtl(),p=this.hasBit(this.anchorCorner,tk.FLIP_RTL),u=this.hasBit(this.anchorCorner,tk.RIGHT)||this.hasBit(o,tk.RIGHT),h=!1;(h=m&&p?!u:u)?(i=s.left+l.width+this.anchorMargin.right,r=s.right-this.anchorMargin.right):(i=s.left+this.anchorMargin.left,r=s.right+l.width-this.anchorMargin.left);var f=i-d.width>0,g=r-d.width>0,b=this.hasBit(o,tk.FLIP_RTL)&&this.hasBit(o,tk.RIGHT);return g&&b&&m||!f&&b?o=this.unsetBit(o,tk.RIGHT):(f&&h&&m||f&&!h&&u||!g&&i>=r)&&(o=this.setBit(o,tk.RIGHT)),o},e.prototype.getMenuSurfaceMaxHeight=function(t){var n=this.measurements.viewportDistance,i=0,r=this.hasBit(t,tk.BOTTOM),o=this.hasBit(this.anchorCorner,tk.BOTTOM),a=e.numbers.MARGIN_TO_EDGE;return r?(i=n.top+this.anchorMargin.top-a,o||(i+=this.measurements.anchorSize.height)):(i=n.bottom-this.anchorMargin.bottom+this.measurements.anchorSize.height-a,o&&(i-=this.measurements.anchorSize.height)),i},e.prototype.getHorizontalOriginOffset=function(t){var e=this.measurements.anchorSize,n=this.hasBit(t,tk.RIGHT),i=this.hasBit(this.anchorCorner,tk.RIGHT);if(n){var r=i?e.width-this.anchorMargin.left:this.anchorMargin.right;return this.isHoistedElement||this.isFixedPosition?r-(this.measurements.viewportSize.width-this.measurements.bodySize.width):r}return i?e.width-this.anchorMargin.right:this.anchorMargin.left},e.prototype.getVerticalOriginOffset=function(t){var e=this.measurements.anchorSize,n=this.hasBit(t,tk.BOTTOM),i=this.hasBit(this.anchorCorner,tk.BOTTOM);return n?i?e.height-this.anchorMargin.top:-this.anchorMargin.bottom:i?e.height+this.anchorMargin.bottom:this.anchorMargin.top},e.prototype.adjustPositionForHoistedElement=function(t){var e,n,i=this.measurements,r=i.windowScroll,o=i.viewportDistance,a=Object.keys(t);try{for(var s=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&i>=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}(a),l=s.next();!l.done;l=s.next()){var d=l.value,c=t[d]||0;c+=o[d],this.isFixedPosition||("top"===d?c+=r.y:"bottom"===d?c-=r.y:"left"===d?c+=r.x:c-=r.x),t[d]=c}}catch(t){e={error:t}}finally{try{l&&!l.done&&(n=s.return)&&n.call(s)}finally{if(e)throw e.error}}},e.prototype.maybeRestoreFocus=function(){var t=this.adapter.isFocused(),e=document.activeElement&&this.adapter.isElementInContainer(document.activeElement);(t||e)&&this.adapter.restoreFocus()},e.prototype.hasBit=function(t,e){return!!(t&e)},e.prototype.setBit=function(t,e){return t|e},e.prototype.unsetBit=function(t,e){return t^e},e.prototype.isFinite=function(t){return"number"==typeof t&&isFinite(t)},e}(tV),iW=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return iG(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this,e=this.root.parentElement;this.anchorElement=e&&e.classList.contains(id.ANCHOR)?e:null,this.root.classList.contains(id.FIXED)&&this.setFixedPosition(!0),this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleBodyClick=function(e){t.foundation.handleBodyClick(e)},this.registerBodyClickListener=function(){document.body.addEventListener("click",t.handleBodyClick,{capture:!0})},this.deregisterBodyClickListener=function(){document.body.removeEventListener("click",t.handleBodyClick,{capture:!0})},this.listen("keydown",this.handleKeydown),this.listen(ic.OPENED_EVENT,this.registerBodyClickListener),this.listen(ic.CLOSED_EVENT,this.deregisterBodyClickListener)},e.prototype.destroy=function(){this.unlisten("keydown",this.handleKeydown),this.unlisten(ic.OPENED_EVENT,this.registerBodyClickListener),this.unlisten(ic.CLOSED_EVENT,this.deregisterBodyClickListener),t.prototype.destroy.call(this)},e.prototype.isOpen=function(){return this.foundation.isOpen()},e.prototype.open=function(){this.foundation.open()},e.prototype.close=function(t){void 0===t&&(t=!1),this.foundation.close(t)},Object.defineProperty(e.prototype,"quickOpen",{set:function(t){this.foundation.setQuickOpen(t)},enumerable:!0,configurable:!0}),e.prototype.setIsHoisted=function(t){this.foundation.setIsHoisted(t)},e.prototype.setMenuSurfaceAnchorElement=function(t){this.anchorElement=t},e.prototype.setFixedPosition=function(t){t?this.root.classList.add(id.FIXED):this.root.classList.remove(id.FIXED),this.foundation.setFixedPosition(t)},e.prototype.setAbsolutePosition=function(t,e){this.foundation.setAbsolutePosition(t,e),this.setIsHoisted(!0)},e.prototype.setAnchorCorner=function(t){this.foundation.setAnchorCorner(t)},e.prototype.setAnchorMargin=function(t){this.foundation.setAnchorMargin(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new iq({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},hasAnchor:function(){return!!t.anchorElement},notifyClose:function(){return t.emit(iq.strings.CLOSED_EVENT,{})},notifyOpen:function(){return t.emit(iq.strings.OPENED_EVENT,{})},isElementInContainer:function(e){return t.root.contains(e)},isRtl:function(){return"rtl"===getComputedStyle(t.root).getPropertyValue("direction")},setTransformOrigin:function(e){var n,i,r=(n=window,void 0===i&&(i=!1),(void 0===tC||i)&&(tC="transform"in n.document.createElement("div").style?"transform":"webkitTransform"),tC+"-origin");t.root.style.setProperty(r,e)},isFocused:function(){return document.activeElement===t.root},saveFocus:function(){t.previousFocus=document.activeElement},restoreFocus:function(){t.root.contains(document.activeElement)&&t.previousFocus&&t.previousFocus.focus&&t.previousFocus.focus()},getInnerDimensions:function(){return{width:t.root.offsetWidth,height:t.root.offsetHeight}},getAnchorDimensions:function(){return t.anchorElement?t.anchorElement.getBoundingClientRect():null},getWindowDimensions:function(){return{width:window.innerWidth,height:window.innerHeight}},getBodyDimensions:function(){return{width:document.body.clientWidth,height:document.body.clientHeight}},getWindowScroll:function(){return{x:window.pageXOffset,y:window.pageYOffset}},setPosition:function(e){var n=t.root;n.style.left="left"in e?e.left+"px":"",n.style.right="right"in e?e.right+"px":"",n.style.top="top"in e?e.top+"px":"",n.style.bottom="bottom"in e?e.bottom+"px":""},setMaxHeight:function(e){t.root.style.maxHeight=e}})},e}(tY),iQ={MENU_SELECTED_LIST_ITEM:"mdc-menu-item--selected",MENU_SELECTION_GROUP:"mdc-menu__selection-group",ROOT:"mdc-menu"},iZ={ARIA_CHECKED_ATTR:"aria-checked",ARIA_DISABLED_ATTR:"aria-disabled",CHECKBOX_SELECTOR:'input[type="checkbox"]',LIST_SELECTOR:".mdc-list",SELECTED_EVENT:"MDCMenu:selected"},iJ={FOCUS_ROOT_INDEX:-1};(tb=tA||(tA={}))[tb.NONE=0]="NONE",tb[tb.LIST_ROOT=1]="LIST_ROOT",tb[tb.FIRST_ITEM=2]="FIRST_ITEM",tb[tb.LAST_ITEM=3]="LAST_ITEM";var i0=function(t){function e(n){var i=t.call(this,ih(ih({},e.defaultAdapter),n))||this;return i.closeAnimationEndTimerId_=0,i.defaultFocusState_=tA.LIST_ROOT,i}return iu(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return iQ},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return iZ},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return iJ},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClassToElementAtIndex:function(){},removeClassFromElementAtIndex:function(){},addAttributeToElementAtIndex:function(){},removeAttributeFromElementAtIndex:function(){},elementContainsClass:function(){return!1},closeSurface:function(){},getElementIndex:function(){return -1},notifySelected:function(){},getMenuItemCount:function(){return 0},focusItemAtIndex:function(){},focusListRoot:function(){},getSelectedSiblingOfItemAtIndex:function(){return -1},isSelectableItemAtIndex:function(){return!1}}},enumerable:!0,configurable:!0}),e.prototype.destroy=function(){this.closeAnimationEndTimerId_&&clearTimeout(this.closeAnimationEndTimerId_),this.adapter.closeSurface()},e.prototype.handleKeydown=function(t){var e=t.key,n=t.keyCode;("Tab"===e||9===n)&&this.adapter.closeSurface(!0)},e.prototype.handleItemAction=function(t){var e=this,n=this.adapter.getElementIndex(t);n<0||(this.adapter.notifySelected({index:n}),this.adapter.closeSurface(),this.closeAnimationEndTimerId_=setTimeout(function(){var n=e.adapter.getElementIndex(t);n>=0&&e.adapter.isSelectableItemAtIndex(n)&&e.setSelectedIndex(n)},iq.numbers.TRANSITION_CLOSE_DURATION))},e.prototype.handleMenuSurfaceOpened=function(){switch(this.defaultFocusState_){case tA.FIRST_ITEM:this.adapter.focusItemAtIndex(0);break;case tA.LAST_ITEM:this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount()-1);break;case tA.NONE:break;default:this.adapter.focusListRoot()}},e.prototype.setDefaultFocusState=function(t){this.defaultFocusState_=t},e.prototype.setSelectedIndex=function(t){if(this.validatedIndex_(t),!this.adapter.isSelectableItemAtIndex(t))throw Error("MDCMenuFoundation: No selection group at specified index.");var e=this.adapter.getSelectedSiblingOfItemAtIndex(t);e>=0&&(this.adapter.removeAttributeFromElementAtIndex(e,iZ.ARIA_CHECKED_ATTR),this.adapter.removeClassFromElementAtIndex(e,iQ.MENU_SELECTED_LIST_ITEM)),this.adapter.addClassToElementAtIndex(t,iQ.MENU_SELECTED_LIST_ITEM),this.adapter.addAttributeToElementAtIndex(t,iZ.ARIA_CHECKED_ATTR,"true")},e.prototype.setEnabled=function(t,e){this.validatedIndex_(t),e?(this.adapter.removeClassFromElementAtIndex(t,iv.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,iZ.ARIA_DISABLED_ATTR,"false")):(this.adapter.addClassToElementAtIndex(t,iv.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(t,iZ.ARIA_DISABLED_ATTR,"true"))},e.prototype.validatedIndex_=function(t){var e=this.adapter.getMenuItemCount();if(!(t>=0&&t<e))throw Error("MDCMenuFoundation: No list item at specified index.")},e}(tV),i1=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return iu(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e){void 0===t&&(t=function(t){return new iW(t)}),void 0===e&&(e=function(t){return new iY(t)}),this.menuSurfaceFactory_=t,this.listFactory_=e},e.prototype.initialSyncWithDOM=function(){var t=this;this.menuSurface_=this.menuSurfaceFactory_(this.root);var e=this.root.querySelector(iZ.LIST_SELECTOR);e?(this.list_=this.listFactory_(e),this.list_.wrapFocus=!0):this.list_=null,this.handleKeydown_=function(e){return t.foundation.handleKeydown(e)},this.handleItemAction_=function(e){return t.foundation.handleItemAction(t.items[e.detail.index])},this.handleMenuSurfaceOpened_=function(){return t.foundation.handleMenuSurfaceOpened()},this.menuSurface_.listen(iq.strings.OPENED_EVENT,this.handleMenuSurfaceOpened_),this.listen("keydown",this.handleKeydown_),this.listen(iV.strings.ACTION_EVENT,this.handleItemAction_)},e.prototype.destroy=function(){this.list_&&this.list_.destroy(),this.menuSurface_.destroy(),this.menuSurface_.unlisten(iq.strings.OPENED_EVENT,this.handleMenuSurfaceOpened_),this.unlisten("keydown",this.handleKeydown_),this.unlisten(iV.strings.ACTION_EVENT,this.handleItemAction_),t.prototype.destroy.call(this)},Object.defineProperty(e.prototype,"open",{get:function(){return this.menuSurface_.isOpen()},set:function(t){t?this.menuSurface_.open():this.menuSurface_.close()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"wrapFocus",{get:function(){return!!this.list_&&this.list_.wrapFocus},set:function(t){this.list_&&(this.list_.wrapFocus=t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasTypeahead",{set:function(t){this.list_&&(this.list_.hasTypeahead=t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"typeaheadInProgress",{get:function(){return!!this.list_&&this.list_.typeaheadInProgress},enumerable:!0,configurable:!0}),e.prototype.typeaheadMatchItem=function(t,e){return this.list_?this.list_.typeaheadMatchItem(t,e):-1},e.prototype.layout=function(){this.list_&&this.list_.layout()},Object.defineProperty(e.prototype,"items",{get:function(){return this.list_?this.list_.listElements:[]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"singleSelection",{set:function(t){this.list_&&(this.list_.singleSelection=t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.list_?this.list_.selectedIndex:ix.UNSET_INDEX},set:function(t){this.list_&&(this.list_.selectedIndex=t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"quickOpen",{set:function(t){this.menuSurface_.quickOpen=t},enumerable:!0,configurable:!0}),e.prototype.setDefaultFocusState=function(t){this.foundation.setDefaultFocusState(t)},e.prototype.setAnchorCorner=function(t){this.menuSurface_.setAnchorCorner(t)},e.prototype.setAnchorMargin=function(t){this.menuSurface_.setAnchorMargin(t)},e.prototype.setSelectedIndex=function(t){this.foundation.setSelectedIndex(t)},e.prototype.setEnabled=function(t,e){this.foundation.setEnabled(t,e)},e.prototype.getOptionByIndex=function(t){return t<this.items.length?this.items[t]:null},e.prototype.getPrimaryTextAtIndex=function(t){var e=this.getOptionByIndex(t);return e&&this.list_&&this.list_.getPrimaryText(e)||""},e.prototype.setFixedPosition=function(t){this.menuSurface_.setFixedPosition(t)},e.prototype.setIsHoisted=function(t){this.menuSurface_.setIsHoisted(t)},e.prototype.setAbsolutePosition=function(t,e){this.menuSurface_.setAbsolutePosition(t,e)},e.prototype.setAnchorElement=function(t){this.menuSurface_.anchorElement=t},e.prototype.getDefaultFoundation=function(){var t=this;return new i0({addClassToElementAtIndex:function(e,n){t.items[e].classList.add(n)},removeClassFromElementAtIndex:function(e,n){t.items[e].classList.remove(n)},addAttributeToElementAtIndex:function(e,n,i){t.items[e].setAttribute(n,i)},removeAttributeFromElementAtIndex:function(e,n){t.items[e].removeAttribute(n)},elementContainsClass:function(t,e){return t.classList.contains(e)},closeSurface:function(e){return t.menuSurface_.close(e)},getElementIndex:function(e){return t.items.indexOf(e)},notifySelected:function(e){return t.emit(iZ.SELECTED_EVENT,{index:e.index,item:t.items[e.index]})},getMenuItemCount:function(){return t.items.length},focusItemAtIndex:function(e){return t.items[e].focus()},focusListRoot:function(){return t.root.querySelector(iZ.LIST_SELECTOR).focus()},isSelectableItemAtIndex:function(e){return!!tX(t.items[e],"."+iQ.MENU_SELECTION_GROUP)},getSelectedSiblingOfItemAtIndex:function(e){var n=tX(t.items[e],"."+iQ.MENU_SELECTION_GROUP).querySelector("."+iQ.MENU_SELECTED_LIST_ITEM);return n?t.items.indexOf(n):-1}})},e}(tY),i2={ACTIVATED:"mdc-select--activated",DISABLED:"mdc-select--disabled",FOCUSED:"mdc-select--focused",INVALID:"mdc-select--invalid",MENU_INVALID:"mdc-select__menu--invalid",OUTLINED:"mdc-select--outlined",REQUIRED:"mdc-select--required",ROOT:"mdc-select",WITH_LEADING_ICON:"mdc-select--with-leading-icon"},i5={ARIA_CONTROLS:"aria-controls",ARIA_DESCRIBEDBY:"aria-describedby",ARIA_SELECTED_ATTR:"aria-selected",CHANGE_EVENT:"MDCSelect:change",HIDDEN_INPUT_SELECTOR:'input[type="hidden"]',LABEL_SELECTOR:".mdc-floating-label",LEADING_ICON_SELECTOR:".mdc-select__icon",LINE_RIPPLE_SELECTOR:".mdc-line-ripple",MENU_SELECTOR:".mdc-select__menu",OUTLINE_SELECTOR:".mdc-notched-outline",SELECTED_TEXT_SELECTOR:".mdc-select__selected-text",SELECT_ANCHOR_SELECTOR:".mdc-select__anchor",VALUE_ATTR:"data-value"},i4={LABEL_SCALE:.75,UNSET_INDEX:-1,CLICK_DEBOUNCE_TIMEOUT_MS:330},i3=function(t){function e(n,i){void 0===i&&(i={});var r=t.call(this,il(il({},e.defaultAdapter),n))||this;return r.disabled=!1,r.isMenuOpen=!1,r.useDefaultValidation=!0,r.customValidity=!0,r.lastSelectedIndex=i4.UNSET_INDEX,r.clickDebounceTimeout=0,r.recentlyClicked=!1,r.leadingIcon=i.leadingIcon,r.helperText=i.helperText,r}return is(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return i2},enumerable:!0,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return i4},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return i5},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},activateBottomLine:function(){},deactivateBottomLine:function(){},getSelectedIndex:function(){return -1},setSelectedIndex:function(){},hasLabel:function(){return!1},floatLabel:function(){},getLabelWidth:function(){return 0},setLabelRequired:function(){},hasOutline:function(){return!1},notchOutline:function(){},closeOutline:function(){},setRippleCenter:function(){},notifyChange:function(){},setSelectedText:function(){},isSelectAnchorFocused:function(){return!1},getSelectAnchorAttr:function(){return""},setSelectAnchorAttr:function(){},removeSelectAnchorAttr:function(){},addMenuClass:function(){},removeMenuClass:function(){},openMenu:function(){},closeMenu:function(){},getAnchorElement:function(){return null},setMenuAnchorElement:function(){},setMenuAnchorCorner:function(){},setMenuWrapFocus:function(){},focusMenuItemAtIndex:function(){},getMenuItemCount:function(){return 0},getMenuItemValues:function(){return[]},getMenuItemTextAtIndex:function(){return""},isTypeaheadInProgress:function(){return!1},typeaheadMatchItem:function(){return -1}}},enumerable:!0,configurable:!0}),e.prototype.getSelectedIndex=function(){return this.adapter.getSelectedIndex()},e.prototype.setSelectedIndex=function(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1),t>=this.adapter.getMenuItemCount()||(t===i4.UNSET_INDEX?this.adapter.setSelectedText(""):this.adapter.setSelectedText(this.adapter.getMenuItemTextAtIndex(t).trim()),this.adapter.setSelectedIndex(t),e&&this.adapter.closeMenu(),n||this.lastSelectedIndex===t||this.handleChange(),this.lastSelectedIndex=t)},e.prototype.setValue=function(t,e){void 0===e&&(e=!1);var n=this.adapter.getMenuItemValues().indexOf(t);this.setSelectedIndex(n,!1,e)},e.prototype.getValue=function(){var t=this.adapter.getSelectedIndex(),e=this.adapter.getMenuItemValues();return t!==i4.UNSET_INDEX?e[t]:""},e.prototype.getDisabled=function(){return this.disabled},e.prototype.setDisabled=function(t){this.disabled=t,this.disabled?(this.adapter.addClass(i2.DISABLED),this.adapter.closeMenu()):this.adapter.removeClass(i2.DISABLED),this.leadingIcon&&this.leadingIcon.setDisabled(this.disabled),this.disabled?this.adapter.removeSelectAnchorAttr("tabindex"):this.adapter.setSelectAnchorAttr("tabindex","0"),this.adapter.setSelectAnchorAttr("aria-disabled",this.disabled.toString())},e.prototype.openMenu=function(){this.adapter.addClass(i2.ACTIVATED),this.adapter.openMenu(),this.isMenuOpen=!0,this.adapter.setSelectAnchorAttr("aria-expanded","true")},e.prototype.setHelperTextContent=function(t){this.helperText&&this.helperText.setContent(t)},e.prototype.layout=function(){if(this.adapter.hasLabel()){var t=this.getValue().length>0,e=this.adapter.hasClass(i2.FOCUSED),n=t||e,i=this.adapter.hasClass(i2.REQUIRED);this.notchOutline(n),this.adapter.floatLabel(n),this.adapter.setLabelRequired(i)}},e.prototype.layoutOptions=function(){var t=this.adapter.getMenuItemValues().indexOf(this.getValue());this.setSelectedIndex(t,!1,!0)},e.prototype.handleMenuOpened=function(){if(0!==this.adapter.getMenuItemValues().length){var t=this.getSelectedIndex();this.adapter.focusMenuItemAtIndex(t>=0?t:0)}},e.prototype.handleMenuClosed=function(){this.adapter.removeClass(i2.ACTIVATED),this.isMenuOpen=!1,this.adapter.setSelectAnchorAttr("aria-expanded","false"),this.adapter.isSelectAnchorFocused()||this.blur()},e.prototype.handleChange=function(){this.layout(),this.adapter.notifyChange(this.getValue()),this.adapter.hasClass(i2.REQUIRED)&&this.useDefaultValidation&&this.setValid(this.isValid())},e.prototype.handleMenuItemAction=function(t){this.setSelectedIndex(t,!0)},e.prototype.handleFocus=function(){this.adapter.addClass(i2.FOCUSED),this.layout(),this.adapter.activateBottomLine()},e.prototype.handleBlur=function(){this.isMenuOpen||this.blur()},e.prototype.handleClick=function(t){if(!this.disabled&&!this.recentlyClicked){if(this.setClickDebounceTimeout(),this.isMenuOpen)return void this.adapter.closeMenu();this.adapter.setRippleCenter(t),this.openMenu()}},e.prototype.handleKeydown=function(t){if(!this.isMenuOpen&&this.adapter.hasClass(i2.FOCUSED)){var e=iP(t)===ik,n=iP(t)===iE,i=iP(t)===iO,r=iP(t)===iL;if(!n&&t.key&&1===t.key.length||n&&this.adapter.isTypeaheadInProgress()){var o=n?" ":t.key,a=this.adapter.typeaheadMatchItem(o,this.getSelectedIndex());a>=0&&this.setSelectedIndex(a),t.preventDefault();return}(e||n||i||r)&&(i&&this.getSelectedIndex()>0?this.setSelectedIndex(this.getSelectedIndex()-1):r&&this.getSelectedIndex()<this.adapter.getMenuItemCount()-1&&this.setSelectedIndex(this.getSelectedIndex()+1),this.openMenu(),t.preventDefault())}},e.prototype.notchOutline=function(t){if(this.adapter.hasOutline()){var e=this.adapter.hasClass(i2.FOCUSED);if(t){var n=i4.LABEL_SCALE,i=this.adapter.getLabelWidth()*n;this.adapter.notchOutline(i)}else e||this.adapter.closeOutline()}},e.prototype.setLeadingIconAriaLabel=function(t){this.leadingIcon&&this.leadingIcon.setAriaLabel(t)},e.prototype.setLeadingIconContent=function(t){this.leadingIcon&&this.leadingIcon.setContent(t)},e.prototype.setUseDefaultValidation=function(t){this.useDefaultValidation=t},e.prototype.setValid=function(t){this.useDefaultValidation||(this.customValidity=t),this.adapter.setSelectAnchorAttr("aria-invalid",(!t).toString()),t?(this.adapter.removeClass(i2.INVALID),this.adapter.removeMenuClass(i2.MENU_INVALID)):(this.adapter.addClass(i2.INVALID),this.adapter.addMenuClass(i2.MENU_INVALID)),this.syncHelperTextValidity(t)},e.prototype.isValid=function(){return this.useDefaultValidation&&this.adapter.hasClass(i2.REQUIRED)&&!this.adapter.hasClass(i2.DISABLED)?this.getSelectedIndex()!==i4.UNSET_INDEX&&(0!==this.getSelectedIndex()||!!this.getValue()):this.customValidity},e.prototype.setRequired=function(t){t?this.adapter.addClass(i2.REQUIRED):this.adapter.removeClass(i2.REQUIRED),this.adapter.setSelectAnchorAttr("aria-required",t.toString()),this.adapter.setLabelRequired(t)},e.prototype.getRequired=function(){return"true"===this.adapter.getSelectAnchorAttr("aria-required")},e.prototype.init=function(){var t=this.adapter.getAnchorElement();t&&(this.adapter.setMenuAnchorElement(t),this.adapter.setMenuAnchorCorner(tE.BOTTOM_START)),this.adapter.setMenuWrapFocus(!1),this.setDisabled(this.adapter.hasClass(i2.DISABLED)),this.syncHelperTextValidity(!this.adapter.hasClass(i2.INVALID)),this.layout(),this.layoutOptions()},e.prototype.blur=function(){this.adapter.removeClass(i2.FOCUSED),this.layout(),this.adapter.deactivateBottomLine(),this.adapter.hasClass(i2.REQUIRED)&&this.useDefaultValidation&&this.setValid(this.isValid())},e.prototype.syncHelperTextValidity=function(t){if(this.helperText){this.helperText.setValidity(t);var e=this.helperText.isVisible(),n=this.helperText.getId();e&&n?this.adapter.setSelectAnchorAttr(i5.ARIA_DESCRIBEDBY,n):this.adapter.removeSelectAnchorAttr(i5.ARIA_DESCRIBEDBY)}},e.prototype.setClickDebounceTimeout=function(){var t=this;clearTimeout(this.clickDebounceTimeout),this.clickDebounceTimeout=setTimeout(function(){t.recentlyClicked=!1},i4.CLICK_DEBOUNCE_TIMEOUT_MS),this.recentlyClicked=!0},e}(tV),i7={ARIA_HIDDEN:"aria-hidden",ROLE:"role"},i8={HELPER_TEXT_VALIDATION_MSG:"mdc-select-helper-text--validation-msg",HELPER_TEXT_VALIDATION_MSG_PERSISTENT:"mdc-select-helper-text--validation-msg-persistent"},i6=function(t){function e(n){return t.call(this,il(il({},e.defaultAdapter),n))||this}return is(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return i8},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return i7},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setAttr:function(){},getAttr:function(){return null},removeAttr:function(){},setContent:function(){}}},enumerable:!0,configurable:!0}),e.prototype.getId=function(){return this.adapter.getAttr("id")},e.prototype.isVisible=function(){return"true"!==this.adapter.getAttr(i7.ARIA_HIDDEN)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.setValidation=function(t){t?this.adapter.addClass(i8.HELPER_TEXT_VALIDATION_MSG):this.adapter.removeClass(i8.HELPER_TEXT_VALIDATION_MSG)},e.prototype.setValidationMsgPersistent=function(t){t?this.adapter.addClass(i8.HELPER_TEXT_VALIDATION_MSG_PERSISTENT):this.adapter.removeClass(i8.HELPER_TEXT_VALIDATION_MSG_PERSISTENT)},e.prototype.setValidity=function(t){if(this.adapter.hasClass(i8.HELPER_TEXT_VALIDATION_MSG)){var e=this.adapter.hasClass(i8.HELPER_TEXT_VALIDATION_MSG_PERSISTENT);if(!t||e){this.showToScreenReader(),t?this.adapter.removeAttr(i7.ROLE):this.adapter.setAttr(i7.ROLE,"alert");return}this.adapter.removeAttr(i7.ROLE),this.hide()}},e.prototype.showToScreenReader=function(){this.adapter.removeAttr(i7.ARIA_HIDDEN)},e.prototype.hide=function(){this.adapter.setAttr(i7.ARIA_HIDDEN,"true")},e}(tV),i9=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return is(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForSelect",{get:function(){return this.foundation},enumerable:!0,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new i6({addClass:function(e){return t.root.classList.add(e)},removeClass:function(e){return t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e}})},e}(tY),rt={ICON_EVENT:"MDCSelect:icon",ICON_ROLE:"button"},re=["click","keydown"],rn=function(t){function e(n){var i=t.call(this,il(il({},e.defaultAdapter),n))||this;return i.savedTabIndex_=null,i.interactionHandler_=function(t){return i.handleInteraction(t)},i}return is(e,t),Object.defineProperty(e,"strings",{get:function(){return rt},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{getAttr:function(){return null},setAttr:function(){},removeAttr:function(){},setContent:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},notifyIconAction:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this;this.savedTabIndex_=this.adapter.getAttr("tabindex"),re.forEach(function(e){t.adapter.registerInteractionHandler(e,t.interactionHandler_)})},e.prototype.destroy=function(){var t=this;re.forEach(function(e){t.adapter.deregisterInteractionHandler(e,t.interactionHandler_)})},e.prototype.setDisabled=function(t){this.savedTabIndex_&&(t?(this.adapter.setAttr("tabindex","-1"),this.adapter.removeAttr("role")):(this.adapter.setAttr("tabindex",this.savedTabIndex_),this.adapter.setAttr("role",rt.ICON_ROLE)))},e.prototype.setAriaLabel=function(t){this.adapter.setAttr("aria-label",t)},e.prototype.setContent=function(t){this.adapter.setContent(t)},e.prototype.handleInteraction=function(t){var e="Enter"===t.key||13===t.keyCode;("click"===t.type||e)&&this.adapter.notifyIconAction()},e}(tV),ri=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return is(e,t),e.attachTo=function(t){return new e(t)},Object.defineProperty(e.prototype,"foundationForSelect",{get:function(){return this.foundation},enumerable:!0,configurable:!0}),e.prototype.getDefaultFoundation=function(){var t=this;return new rn({getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)},removeAttr:function(e){return t.root.removeAttribute(e)},setContent:function(e){t.root.textContent=e},registerInteractionHandler:function(e,n){return t.listen(e,n)},deregisterInteractionHandler:function(e,n){return t.unlisten(e,n)},notifyIconAction:function(){return t.emit(rn.strings.ICON_EVENT,{},!0)}})},e}(tY),rr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return is(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialize=function(t,e,n,i,r,o){if(void 0===t&&(t=function(t){return new e4(t)}),void 0===e&&(e=function(t){return new nt(t)}),void 0===n&&(n=function(t){return new nl(t)}),void 0===i&&(i=function(t){return new i1(t)}),void 0===r&&(r=function(t){return new ri(t)}),void 0===o&&(o=function(t){return new i9(t)}),this.selectAnchor=this.root.querySelector(i5.SELECT_ANCHOR_SELECTOR),this.selectedText=this.root.querySelector(i5.SELECTED_TEXT_SELECTOR),this.hiddenInput=this.root.querySelector(i5.HIDDEN_INPUT_SELECTOR),!this.selectedText)throw Error("MDCSelect: Missing required element: The following selector must be present: '"+i5.SELECTED_TEXT_SELECTOR+"'");if(this.selectAnchor.hasAttribute(i5.ARIA_CONTROLS)){var a=document.getElementById(this.selectAnchor.getAttribute(i5.ARIA_CONTROLS));a&&(this.helperText=o(a))}this.menuSetup(i);var s=this.root.querySelector(i5.LABEL_SELECTOR);this.label=s?t(s):null;var l=this.root.querySelector(i5.LINE_RIPPLE_SELECTOR);this.lineRipple=l?e(l):null;var d=this.root.querySelector(i5.OUTLINE_SELECTOR);this.outline=d?n(d):null;var c=this.root.querySelector(i5.LEADING_ICON_SELECTOR);c&&(this.leadingIcon=r(c)),this.root.classList.contains(i2.OUTLINED)||(this.ripple=this.createRipple())},e.prototype.initialSyncWithDOM=function(){var t=this;if(this.handleFocus=function(){t.foundation.handleFocus()},this.handleBlur=function(){t.foundation.handleBlur()},this.handleClick=function(e){t.selectAnchor.focus(),t.foundation.handleClick(t.getNormalizedXCoordinate(e))},this.handleKeydown=function(e){t.foundation.handleKeydown(e)},this.handleMenuItemAction=function(e){t.foundation.handleMenuItemAction(e.detail.index)},this.handleMenuOpened=function(){t.foundation.handleMenuOpened()},this.handleMenuClosed=function(){t.foundation.handleMenuClosed()},this.selectAnchor.addEventListener("focus",this.handleFocus),this.selectAnchor.addEventListener("blur",this.handleBlur),this.selectAnchor.addEventListener("click",this.handleClick),this.selectAnchor.addEventListener("keydown",this.handleKeydown),this.menu.listen(ic.CLOSED_EVENT,this.handleMenuClosed),this.menu.listen(ic.OPENED_EVENT,this.handleMenuOpened),this.menu.listen(iZ.SELECTED_EVENT,this.handleMenuItemAction),this.hiddenInput){if(this.hiddenInput.value){this.foundation.setValue(this.hiddenInput.value,!0),this.foundation.layout();return}this.hiddenInput.value=this.value}},e.prototype.destroy=function(){this.selectAnchor.removeEventListener("focus",this.handleFocus),this.selectAnchor.removeEventListener("blur",this.handleBlur),this.selectAnchor.removeEventListener("keydown",this.handleKeydown),this.selectAnchor.removeEventListener("click",this.handleClick),this.menu.unlisten(ic.CLOSED_EVENT,this.handleMenuClosed),this.menu.unlisten(ic.OPENED_EVENT,this.handleMenuOpened),this.menu.unlisten(iZ.SELECTED_EVENT,this.handleMenuItemAction),this.menu.destroy(),this.ripple&&this.ripple.destroy(),this.outline&&this.outline.destroy(),this.leadingIcon&&this.leadingIcon.destroy(),this.helperText&&this.helperText.destroy(),t.prototype.destroy.call(this)},Object.defineProperty(e.prototype,"value",{get:function(){return this.foundation.getValue()},set:function(t){this.foundation.setValue(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.foundation.getSelectedIndex()},set:function(t){this.foundation.setSelectedIndex(t,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return this.foundation.getDisabled()},set:function(t){this.foundation.setDisabled(t),this.hiddenInput&&(this.hiddenInput.disabled=t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconAriaLabel",{set:function(t){this.foundation.setLeadingIconAriaLabel(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"leadingIconContent",{set:function(t){this.foundation.setLeadingIconContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"helperTextContent",{set:function(t){this.foundation.setHelperTextContent(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"useDefaultValidation",{set:function(t){this.foundation.setUseDefaultValidation(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.foundation.isValid()},set:function(t){this.foundation.setValid(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"required",{get:function(){return this.foundation.getRequired()},set:function(t){this.foundation.setRequired(t)},enumerable:!0,configurable:!0}),e.prototype.layout=function(){this.foundation.layout()},e.prototype.layoutOptions=function(){this.foundation.layoutOptions(),this.menu.layout(),this.menuItemValues=this.menu.items.map(function(t){return t.getAttribute(i5.VALUE_ATTR)||""}),this.hiddenInput&&(this.hiddenInput.value=this.value)},e.prototype.getDefaultFoundation=function(){return new i3(il(il(il(il({},this.getSelectAdapterMethods()),this.getCommonAdapterMethods()),this.getOutlineAdapterMethods()),this.getLabelAdapterMethods()),this.getFoundationMap())},e.prototype.menuSetup=function(t){this.menuElement=this.root.querySelector(i5.MENU_SELECTOR),this.menu=t(this.menuElement),this.menu.hasTypeahead=!0,this.menu.singleSelection=!0,this.menuItemValues=this.menu.items.map(function(t){return t.getAttribute(i5.VALUE_ATTR)||""})},e.prototype.createRipple=function(){var t=this,e=il(il({},eT.createAdapter({root:this.selectAnchor})),{registerInteractionHandler:function(e,n){t.selectAnchor.addEventListener(e,n)},deregisterInteractionHandler:function(e,n){t.selectAnchor.removeEventListener(e,n)}});return new eT(this.selectAnchor,new eA(e))},e.prototype.getSelectAdapterMethods=function(){var t=this;return{getMenuItemAttr:function(t,e){return t.getAttribute(e)},setSelectedText:function(e){t.selectedText.textContent=e},isSelectAnchorFocused:function(){return document.activeElement===t.selectAnchor},getSelectAnchorAttr:function(e){return t.selectAnchor.getAttribute(e)},setSelectAnchorAttr:function(e,n){t.selectAnchor.setAttribute(e,n)},removeSelectAnchorAttr:function(e){t.selectAnchor.removeAttribute(e)},addMenuClass:function(e){t.menuElement.classList.add(e)},removeMenuClass:function(e){t.menuElement.classList.remove(e)},openMenu:function(){t.menu.open=!0},closeMenu:function(){t.menu.open=!1},getAnchorElement:function(){return t.root.querySelector(i5.SELECT_ANCHOR_SELECTOR)},setMenuAnchorElement:function(e){t.menu.setAnchorElement(e)},setMenuAnchorCorner:function(e){t.menu.setAnchorCorner(e)},setMenuWrapFocus:function(e){t.menu.wrapFocus=e},getSelectedIndex:function(){var e=t.menu.selectedIndex;return e instanceof Array?e[0]:e},setSelectedIndex:function(e){t.menu.selectedIndex=e},focusMenuItemAtIndex:function(e){t.menu.items[e].focus()},getMenuItemCount:function(){return t.menu.items.length},getMenuItemValues:function(){return t.menuItemValues},getMenuItemTextAtIndex:function(e){return t.menu.getPrimaryTextAtIndex(e)},isTypeaheadInProgress:function(){return t.menu.typeaheadInProgress},typeaheadMatchItem:function(e,n){return t.menu.typeaheadMatchItem(e,n)}}},e.prototype.getCommonAdapterMethods=function(){var t=this;return{addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},hasClass:function(e){return t.root.classList.contains(e)},setRippleCenter:function(e){t.lineRipple&&t.lineRipple.setRippleCenter(e)},activateBottomLine:function(){t.lineRipple&&t.lineRipple.activate()},deactivateBottomLine:function(){t.lineRipple&&t.lineRipple.deactivate()},notifyChange:function(e){var n=t.selectedIndex;t.emit(i5.CHANGE_EVENT,{value:e,index:n},!0),t.hiddenInput&&(t.hiddenInput.value=e)}}},e.prototype.getOutlineAdapterMethods=function(){var t=this;return{hasOutline:function(){return!!t.outline},notchOutline:function(e){t.outline&&t.outline.notch(e)},closeOutline:function(){t.outline&&t.outline.closeNotch()}}},e.prototype.getLabelAdapterMethods=function(){var t=this;return{hasLabel:function(){return!!t.label},floatLabel:function(e){t.label&&t.label.float(e)},getLabelWidth:function(){return t.label?t.label.getWidth():0},setLabelRequired:function(e){t.label&&t.label.setRequired(e)}}},e.prototype.getNormalizedXCoordinate=function(t){var e=t.target.getBoundingClientRect();return(this.isTouchEvent(t)?t.touches[0].clientX:t.clientX)-e.left},e.prototype.isTouchEvent=function(t){return!!t.touches},e.prototype.getFoundationMap=function(){return{helperText:this.helperText?this.helperText.foundationForSelect:void 0,leadingIcon:this.leadingIcon?this.leadingIcon.foundationForSelect:void 0}},e}(tY),ro=function(t,e){return(ro=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)};function ra(t,e){function n(){this.constructor=t}ro(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var rs=function(){return(rs=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},rl={ROOT:"mdc-form-field"},rd={LABEL_SELECTOR:".mdc-form-field > label"},rc=function(t){function e(n){var i=t.call(this,rs(rs({},e.defaultAdapter),n))||this;return i.click=function(){i.handleClick()},i}return ra(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return rl},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return rd},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{activateInputRipple:function(){},deactivateInputRipple:function(){},deregisterInteractionHandler:function(){},registerInteractionHandler:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){this.adapter.registerInteractionHandler("click",this.click)},e.prototype.destroy=function(){this.adapter.deregisterInteractionHandler("click",this.click)},e.prototype.handleClick=function(){var t=this;this.adapter.activateInputRipple(),requestAnimationFrame(function(){t.adapter.deactivateInputRipple()})},e}(tV),rm=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return ra(e,t),e.attachTo=function(t){return new e(t)},e.prototype.labelEl=function(){var t=rc.strings.LABEL_SELECTOR;return this.root.querySelector(t)},e.prototype.getDefaultFoundation=function(){var t=this;return new rc({activateInputRipple:function(){t.input&&t.input.ripple&&t.input.ripple.activate()},deactivateInputRipple:function(){t.input&&t.input.ripple&&t.input.ripple.deactivate()},deregisterInteractionHandler:function(e,n){var i=t.labelEl();i&&i.removeEventListener(e,n)},registerInteractionHandler:function(e,n){var i=t.labelEl();i&&i.addEventListener(e,n)}})},e}(tY),rp=function(t,e){return(rp=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)};function ru(t,e){function n(){this.constructor=t}rp(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var rh=function(){return(rh=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},rf={ICON_BUTTON_ON:"mdc-icon-button--on",ROOT:"mdc-icon-button"},rg={ARIA_LABEL:"aria-label",ARIA_PRESSED:"aria-pressed",DATA_ARIA_LABEL_OFF:"data-aria-label-off",DATA_ARIA_LABEL_ON:"data-aria-label-on",CHANGE_EVENT:"MDCIconButtonToggle:change"},rb=function(t){function e(n){var i=t.call(this,rh(rh({},e.defaultAdapter),n))||this;return i.hasToggledAriaLabel=!1,i}return ru(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return rf},enumerable:!0,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return rg},enumerable:!0,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},hasClass:function(){return!1},notifyChange:function(){},removeClass:function(){},getAttr:function(){return null},setAttr:function(){}}},enumerable:!0,configurable:!0}),e.prototype.init=function(){var t=this.adapter.getAttr(rg.DATA_ARIA_LABEL_ON),e=this.adapter.getAttr(rg.DATA_ARIA_LABEL_OFF);if(t&&e){if(null!==this.adapter.getAttr(rg.ARIA_PRESSED))throw Error("MDCIconButtonToggleFoundation: Button should not set `aria-pressed` if it has a toggled aria label.");this.hasToggledAriaLabel=!0}else this.adapter.setAttr(rg.ARIA_PRESSED,String(this.isOn()))},e.prototype.handleClick=function(){this.toggle(),this.adapter.notifyChange({isOn:this.isOn()})},e.prototype.isOn=function(){return this.adapter.hasClass(rf.ICON_BUTTON_ON)},e.prototype.toggle=function(t){if(void 0===t&&(t=!this.isOn()),t?this.adapter.addClass(rf.ICON_BUTTON_ON):this.adapter.removeClass(rf.ICON_BUTTON_ON),this.hasToggledAriaLabel){var e=t?this.adapter.getAttr(rg.DATA_ARIA_LABEL_ON):this.adapter.getAttr(rg.DATA_ARIA_LABEL_OFF);this.adapter.setAttr(rg.ARIA_LABEL,e||"")}else this.adapter.setAttr(rg.ARIA_PRESSED,""+t)},e}(tV),r_=rb.strings,rv=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.rippleComponent=e.createRipple(),e}return ru(e,t),e.attachTo=function(t){return new e(t)},e.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()},this.listen("click",this.handleClick)},e.prototype.destroy=function(){this.unlisten("click",this.handleClick),this.ripple.destroy(),t.prototype.destroy.call(this)},e.prototype.getDefaultFoundation=function(){var t=this;return new rb({addClass:function(e){return t.root.classList.add(e)},hasClass:function(e){return t.root.classList.contains(e)},notifyChange:function(e){t.emit(r_.CHANGE_EVENT,e)},removeClass:function(e){return t.root.classList.remove(e)},getAttr:function(e){return t.root.getAttribute(e)},setAttr:function(e,n){return t.root.setAttribute(e,n)}})},Object.defineProperty(e.prototype,"ripple",{get:function(){return this.rippleComponent},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"on",{get:function(){return this.foundation.isOn()},set:function(t){this.foundation.toggle(t)},enumerable:!0,configurable:!0}),e.prototype.createRipple=function(){var t=new eT(this.root);return t.unbounded=!0,t},e}(tY);n(368);let ry="important",rx=" !"+ry,rw=eD(class extends eR{constructor(t){if(super(t),1!==t.type||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,n)=>{let i=t[n];return null==i?e:e+`${n=n.includes("-")?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(t,[e]){let{style:n}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(let t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?n.removeProperty(t):n[t]=null);for(let t in e){let i=e[t];if(null!=i){this.ft.add(t);let e="string"==typeof i&&i.endsWith(rx);t.includes("-")||e?n.setProperty(t,e?i.slice(0,-11):i,e?ry:""):n[t]=i}}return G}});var rk=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a};let rE=n(612),rC=n(188);class rA extends CustomEvent{constructor(t){super(rA.NAME,{detail:t,bubbles:!0,composed:!0})}}function rT(t,e,n,i,r){switch(i=i||"listbox",t){case tT.RADIO:i="radiogroup";break;case tT.MULTI_CHECKBOX:i="group"}return X`
|
|
24
|
+
<ul
|
|
25
|
+
id="list"
|
|
26
|
+
class="mdc-list${n?" mdc-list--two-line":""}"
|
|
27
|
+
role="${i??K}"
|
|
28
|
+
@MDCList:action="${t=>r&&r(t)}"
|
|
29
|
+
aria-hidden="true"
|
|
30
|
+
aria-orientation="vertical"
|
|
31
|
+
tabindex="-1"
|
|
32
|
+
>
|
|
33
|
+
${e}
|
|
34
|
+
</ul>
|
|
35
|
+
`}function rI(t,e,n,i,r,o){let a,s,l;if(null===t)return X`<li role="separator" class="mdc-list-divider"></li>`;let d=i===tT.MULTI_CHECKBOX||i===tT.MULTI_TICK,c=t.value,m=i!==tT.PLAIN&&n.length>0&&n.some(t=>t===c),p=void 0!==t.text?t.text:t.value,u=t.secondaryText,h="menuitem",f="",g="",b="",_=t.icon,v="mdc-list-item--selected";switch(r=r||t.translate,d&&i===tT.MULTI_TICK&&(_=m?"checkbox-marked":"checkbox-blank-outline"),(i===tT.MULTI_TICK||_)&&(g=X`
|
|
36
|
+
<span class="mdc-list-item__graphic">
|
|
37
|
+
<or-icon icon="${_}"></or-icon>
|
|
38
|
+
</span>
|
|
39
|
+
`),t.trailingIcon&&(b=X`
|
|
40
|
+
<span class="mdc-list-item__meta" aria-hidden="true">
|
|
41
|
+
<or-icon icon="${t.trailingIcon}"></or-icon>
|
|
42
|
+
</span>
|
|
43
|
+
`),i){case tT.SELECT:a=m?"true":"false",l=m||(!n||0===n.length)&&0===e?"0":void 0,h="option";break;case tT.RADIO:s=m?"true":"false",h="radio",g=X`
|
|
44
|
+
<span class="mdc-list-item__graphic">
|
|
45
|
+
<div class="mdc-radio">
|
|
46
|
+
<input class="mdc-radio__native-control" id="radio-item-${e+1}" type="radio" value="${c}" />
|
|
47
|
+
<div class="mdc-radio__background">
|
|
48
|
+
<div class="mdc-radio__outer-circle"></div>
|
|
49
|
+
<div class="mdc-radio__inner-circle"></div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
</span>
|
|
53
|
+
`;break;case tT.MULTI_CHECKBOX:s=m?"true":"false",h="checkbox",g=X`
|
|
54
|
+
<div class="mdc-checkbox">
|
|
55
|
+
<input type="checkbox" class="mdc-checkbox__native-control" />
|
|
56
|
+
<div class="mdc-checkbox__background">
|
|
57
|
+
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
|
|
58
|
+
<path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
|
|
59
|
+
</svg>
|
|
60
|
+
<div class="mdc-checkbox__mixedmark"></div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
`;break;case tT.MULTI_TICK:s=m?"true":"false",v="mdc-list-item--selected"}return p&&(f=void 0!==u?X`
|
|
64
|
+
<span class="mdc-list-item__text">
|
|
65
|
+
<span class="mdc-list-item__primary-text"
|
|
66
|
+
>${r&&p?X`<or-translate value="${p}"></or-translate>`:p}</span
|
|
67
|
+
>
|
|
68
|
+
<span class="mdc-list-item__secondary-text"
|
|
69
|
+
>${r&&u?X`<or-translate value="${u}"></or-translate>`:u}</span
|
|
70
|
+
>
|
|
71
|
+
</span>
|
|
72
|
+
`:i===tT.RADIO?X`<label class="mdc-list-item__text" for="radio-item-${e+1}"
|
|
73
|
+
>${r&&p?X`<or-translate value="${p}"></or-translate>`:p}</label
|
|
74
|
+
>`:X`<span class="mdc-list-item__text" title="${r&&p?tP.i18next.t(p):p}"
|
|
75
|
+
>${r&&p?X`<or-translate value="${p}"></or-translate>`:p}</span
|
|
76
|
+
>`),X`
|
|
77
|
+
<li
|
|
78
|
+
@click="${e=>{o&&o(e,t)}}"
|
|
79
|
+
style="${t.styleMap?rw(t.styleMap):""}"
|
|
80
|
+
class="mdc-list-item ${m?v:""}"
|
|
81
|
+
role="${h??K}"
|
|
82
|
+
tabindex="${l??K}"
|
|
83
|
+
aria-checked="${s??K}"
|
|
84
|
+
aria-selected="${a??K}"
|
|
85
|
+
data-value="${c}"
|
|
86
|
+
>
|
|
87
|
+
<span class="mdc-list-item__ripple"></span>
|
|
88
|
+
${g} ${f} ${b}
|
|
89
|
+
</li>
|
|
90
|
+
`}rA.NAME="or-mwc-list-changed",(t_=tT||(tT={})).PLAIN="PLAIN",t_.SELECT="SELECT",t_.RADIO="RADIO",t_.MULTI_CHECKBOX="MULTI_CHECKBOX",t_.MULTI_TICK="MULTI_TICK";let rO=d`
|
|
91
|
+
:host {
|
|
92
|
+
white-space: nowrap;
|
|
93
|
+
--internal-or-mwc-input-color: var(--or-mwc-input-color, var(--or-app-color4, ${l(ed.DefaultColor4)}));
|
|
94
|
+
--internal-or-mwc-input-text-color: var(
|
|
95
|
+
--or-mwc-input-text-color,
|
|
96
|
+
var(--or-app-color8, ${l(ed.DefaultColor8)})
|
|
97
|
+
);
|
|
98
|
+
|
|
99
|
+
--mdc-theme-primary: var(--internal-or-mwc-input-color);
|
|
100
|
+
--mdc-theme-on-primary: var(--internal-or-mwc-input-text-color);
|
|
101
|
+
--mdc-theme-secondary: var(--internal-or-mwc-input-color);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.mdc-list-item__graphic {
|
|
105
|
+
margin-right: 16px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
a {
|
|
109
|
+
text-decoration: none;
|
|
110
|
+
color: rgba(0, 0, 0, 0.87);
|
|
111
|
+
}
|
|
112
|
+
`,rS=class extends tS.OrElement{static get styles(){return[d`
|
|
113
|
+
${l(rE)}
|
|
114
|
+
`,d`
|
|
115
|
+
${l(rC)}
|
|
116
|
+
`,rO]}constructor(){super(),this.type=tT.SELECT}disconnectedCallback(){super.disconnectedCallback(),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0)}shouldUpdate(t){if(this._mdcComponent&&t.has("values")&&!ed.Util.objectsEqual(this.values,t.get("values"))){let t=this.values?Array.isArray(this.values)?this.values:[this.values]:[];this.setSelectedItems(this.values&&this.listItems?this.listItems.filter(e=>e&&(null==t?void 0:t.includes(e.value))):void 0)}return!0}render(){let t=this.listItems?X`${this.listItems.map((t,e)=>rI(t,e,Array.isArray(this.values)?this.values:this.values?[this.values]:[],this.type))}`:X``,e=this.listItems&&this.listItems.some(t=>t&&!!t.secondaryText);return rT(this.type,t,e,void 0,t=>this._onSelected(t))}firstUpdated(t){super.firstUpdated(t),this._mdcElem&&(this._mdcComponent=new iY(this._mdcElem),(this.type===tT.SELECT||this.type===tT.RADIO)&&(this._mdcComponent.singleSelection=!0))}get selectedItems(){if(!this._mdcComponent)return[];let t=Array.isArray(this._mdcComponent.selectedIndex)?this._mdcComponent.selectedIndex:[this._mdcComponent.selectedIndex],e=this.listItems?this.listItems.filter(t=>null!==t):[];return t.map(t=>e[t])}setSelectedItems(t){if(!this._mdcComponent||!this.listItems)return;if(!t){this._mdcComponent.selectedIndex=-1;return}let e=(!Array.isArray(t)?[t]:t).map(t=>"string"==typeof t?t:t.value),n=this.listItems.filter(t=>null!==t).reduce((t,n,i)=>(n&&e.includes(n.value)&&t.push(i),t),[]);this._mdcComponent.selectedIndex=this.type===tT.MULTI_CHECKBOX?n:n.length>=1?n[0]:-1}_onSelected(t){this.values=this.selectedItems.map(t=>t.value),t.stopPropagation(),this.dispatchEvent(new rA(this.selectedItems))}};rk([tN({type:Array})],rS.prototype,"listItems",void 0),rk([tN({type:Array})],rS.prototype,"values",void 0),rk([tN({type:String,attribute:!0})],rS.prototype,"type",void 0),rk([tz("#wrapper")],rS.prototype,"_wrapperElem",void 0),rk([tz("#list")],rS.prototype,"_mdcElem",void 0),rS=rk([tL("or-mwc-list")],rS);var rL=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a},rM=function(t,e,n,i){return new(n||(n=Promise))(function(r,o){function a(t){try{l(i.next(t))}catch(t){o(t)}}function s(t){try{l(i.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?r(t.value):((e=t.value)instanceof n?e:new n(function(t){t(e)})).then(a,s)}l((i=i.apply(t,e||[])).next())})};let rN=n(28),rD=n(702),rR=n(168),rz=n(914),rP=n(104),rj=n(618),r$=n(788),rF=n(360),rB=n(188),rU=n(814),rH=n(324),rV=n(512),rY=n(612),rX=n(724),rG=n(396),rK=n(376);class rq extends CustomEvent{constructor(t,e,n){super(rq.NAME,{detail:{value:t,previousValue:e,enterPressed:n},bubbles:!0,composed:!0})}}rq.NAME="or-mwc-input-changed",(tv=tI||(tI={})).BUTTON="button",tv.BUTTON_TOGGLE="button-toggle",tv.BUTTON_MOMENTARY="button-momentary",tv.CHECKBOX="checkbox",tv.CHECKBOX_LIST="checkbox-list",tv.COLOUR="color",tv.DATE="date",tv.DATETIME="datetime-local",tv.EMAIL="email",tv.JSON="json",tv.JSON_OBJECT="json-object",tv.MONTH="month",tv.NUMBER="number",tv.BIG_INT="big-int",tv.PASSWORD="password",tv.RADIO="radio",tv.SWITCH="switch",tv.RANGE="range",tv.TELEPHONE="tel",tv.TEXT="text",tv.TEXTAREA="textarea",tv.TIME="time",tv.URL="url",tv.WEEK="week",tv.SELECT="select",tv.LIST="list",tv.CRON="cron",tv.DURATION="duration",tv.DURATION_TIME="duration-time",tv.DURATION_PERIOD="duration-period";let rW=d`
|
|
117
|
+
:host {
|
|
118
|
+
display: inline-block;
|
|
119
|
+
--internal-or-mwc-input-color: var(--or-mwc-input-color, var(--or-app-color4, ${l(ed.DefaultColor4)}));
|
|
120
|
+
--internal-or-mwc-input-text-color: var(
|
|
121
|
+
--or-mwc-input-text-color,
|
|
122
|
+
var(--or-app-color8, ${l(ed.DefaultColor8)})
|
|
123
|
+
);
|
|
124
|
+
|
|
125
|
+
--mdc-theme-primary: var(--internal-or-mwc-input-color);
|
|
126
|
+
--mdc-theme-on-primary: var(--internal-or-mwc-input-text-color);
|
|
127
|
+
--mdc-theme-secondary: var(--internal-or-mwc-input-color);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
:host([hidden]) {
|
|
131
|
+
display: none;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
:host([type="select"]) {
|
|
135
|
+
height: 56px;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
#wrapper {
|
|
139
|
+
display: flex;
|
|
140
|
+
align-items: center;
|
|
141
|
+
min-height: 48px;
|
|
142
|
+
height: 100%;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
#wrapper > label {
|
|
146
|
+
white-space: nowrap;
|
|
147
|
+
margin-right: 20px;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
#component {
|
|
151
|
+
max-width: 100%;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.mdc-text-field {
|
|
155
|
+
flex: 1 1 0;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.mdc-list {
|
|
159
|
+
flex: 1;
|
|
160
|
+
overflow: auto;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.mdc-select__anchor {
|
|
164
|
+
max-width: 100%;
|
|
165
|
+
width: 100%;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.mdc-checkbox-list input {
|
|
169
|
+
display: none;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.mdc-checkbox-list label {
|
|
173
|
+
display: block;
|
|
174
|
+
border-radius: 50%;
|
|
175
|
+
text-align: center;
|
|
176
|
+
width: 32px;
|
|
177
|
+
line-height: 32px;
|
|
178
|
+
height: 32px;
|
|
179
|
+
cursor: pointer;
|
|
180
|
+
background-color: var(--or-app-color2);
|
|
181
|
+
font-size: 13px;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
input::-webkit-calendar-picker-indicator {
|
|
185
|
+
margin: 0;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.mdc-checkbox-list .mdc-checkbox {
|
|
189
|
+
padding: 0;
|
|
190
|
+
height: 32px;
|
|
191
|
+
width: 32px;
|
|
192
|
+
}
|
|
193
|
+
.mdc-radio-container {
|
|
194
|
+
display: flex;
|
|
195
|
+
flex-direction: column;
|
|
196
|
+
}
|
|
197
|
+
.mdc-form-field:has(> .mdc-radio) {
|
|
198
|
+
height: 56px !important;
|
|
199
|
+
}
|
|
200
|
+
.mdc-text-field.mdc-text-field--invalid:not(.mdc-text-field--disabled)
|
|
201
|
+
+ .mdc-text-field-helper-line
|
|
202
|
+
.mdc-text-field-helper-text {
|
|
203
|
+
color: var(--mdc-theme-error, #b00020);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.mdc-checkbox-list input:checked + label {
|
|
207
|
+
color: var(--or-app-color2);
|
|
208
|
+
background-color: var(--mdc-theme-primary);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.mdc-button--rounded,
|
|
212
|
+
.or-mwc-input--rounded {
|
|
213
|
+
border-radius: 24px !important;
|
|
214
|
+
--mdc-shape-small: 32px;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
#select-searchable {
|
|
218
|
+
background-color: transparent;
|
|
219
|
+
border: 1px solid var(--or-app-color5, ${l(ed.DefaultColor5)});
|
|
220
|
+
margin: 8px;
|
|
221
|
+
width: calc(100% - 16px);
|
|
222
|
+
border-radius: 4px;
|
|
223
|
+
padding: 4px 16px;
|
|
224
|
+
flex: 0 0 auto;
|
|
225
|
+
align-items: center;
|
|
226
|
+
height: auto;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
.mdc-text-field__input::-webkit-calendar-picker-indicator {
|
|
230
|
+
display: block;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
::-webkit-clear-button {
|
|
234
|
+
display: none;
|
|
235
|
+
}
|
|
236
|
+
::-webkit-inner-spin-button {
|
|
237
|
+
display: none;
|
|
238
|
+
}
|
|
239
|
+
::-webkit-datetime-edit {
|
|
240
|
+
padding: 0em;
|
|
241
|
+
}
|
|
242
|
+
::-webkit-datetime-edit-text {
|
|
243
|
+
padding: 0;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
|
|
247
|
+
color: var(--mdc-theme-primary);
|
|
248
|
+
}
|
|
249
|
+
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
|
|
250
|
+
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
|
|
251
|
+
color: var(--mdc-theme-primary);
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.mdc-text-field__input.resize-vertical {
|
|
255
|
+
resize: vertical;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.mdc-text-field,
|
|
259
|
+
.mdc-text-field-helper-line {
|
|
260
|
+
width: 100%;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.mdc-text-field.dense-comfortable,
|
|
264
|
+
.mdc-select.dense-comfortable {
|
|
265
|
+
height: 48px;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
.mdc-text-field.dense-compact {
|
|
269
|
+
height: 36px;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.mdc-select:not(.mdc-list) {
|
|
273
|
+
white-space: nowrap;
|
|
274
|
+
display: flex;
|
|
275
|
+
flex-direction: column;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
|
|
279
|
+
color: var(--mdc-theme-primary);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.mdc-select-helper-text {
|
|
283
|
+
white-space: normal;
|
|
284
|
+
color: rgba(0, 0, 0, 0.6);
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.mdc-icon-button {
|
|
288
|
+
padding: 0;
|
|
289
|
+
color: var(--internal-or-mwc-input-color);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
/* Give slider min width like select etc. */
|
|
293
|
+
.mdc-slider {
|
|
294
|
+
min-width: 200px;
|
|
295
|
+
flex: 1;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
.mdc-switch {
|
|
299
|
+
margin: 0 24px;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.mdc-switch--full-width {
|
|
303
|
+
margin-left: auto;
|
|
304
|
+
}
|
|
305
|
+
.mdc-button--fullwidth {
|
|
306
|
+
width: 100%;
|
|
307
|
+
}
|
|
308
|
+
#field {
|
|
309
|
+
height: 100%;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.mdc-select__menu .mdc-list .mdc-list-item.mdc-list-item--selected or-icon {
|
|
313
|
+
--or-icon-fill: var(--or-app-color4);
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
.mdc-menu__searchable {
|
|
317
|
+
overflow: hidden;
|
|
318
|
+
}
|
|
319
|
+
.mdc-menu__searchable.mdc-menu-surface--open {
|
|
320
|
+
display: flex;
|
|
321
|
+
flex-direction: column-reverse;
|
|
322
|
+
}
|
|
323
|
+
.mdc-menu__searchable.mdc-menu-surface--is-open-below {
|
|
324
|
+
flex-direction: column;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
/* Prevent mouse events being fired from inside the or-icon shadowDOM */
|
|
328
|
+
.mdc-list-item__graphic > or-icon {
|
|
329
|
+
pointer-events: none;
|
|
330
|
+
}
|
|
331
|
+
`,rQ=class extends tS.OrElement{constructor(){super(...arguments),this.readonly=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.multiple=!1,this.searchLabel="search",this.compact=!1,this.comfortable=!1,this.raised=!1,this.action=!1,this.unElevated=!1,this.outlined=!1,this.rounded=!1,this.disableSliderNumberInput=!1,this.fullWidth=!1,this.helperPersistent=!1,this.autoValidate=!1,this.charCounter=!1,this.disabled=!1,this.continuous=!1,this.resizeVertical=!1,this.censored=!1,this.advertised=!1,this._selectedIndex=-1,this.isUiValid=!0}static get styles(){return[d`
|
|
332
|
+
${l(rR)}
|
|
333
|
+
`,d`
|
|
334
|
+
${l(rN)}
|
|
335
|
+
`,d`
|
|
336
|
+
${l(rD)}
|
|
337
|
+
`,d`
|
|
338
|
+
${l(rz)}
|
|
339
|
+
`,d`
|
|
340
|
+
${l(rP)}
|
|
341
|
+
`,d`
|
|
342
|
+
${l(rj)}
|
|
343
|
+
`,d`
|
|
344
|
+
${l(r$)}
|
|
345
|
+
`,d`
|
|
346
|
+
${l(rF)}
|
|
347
|
+
`,d`
|
|
348
|
+
${l(rB)}
|
|
349
|
+
`,d`
|
|
350
|
+
${l(rU)}
|
|
351
|
+
`,d`
|
|
352
|
+
${l(rH)}
|
|
353
|
+
`,d`
|
|
354
|
+
${l(rV)}
|
|
355
|
+
`,d`
|
|
356
|
+
${l(rY)}
|
|
357
|
+
`,d`
|
|
358
|
+
${l(rG)}
|
|
359
|
+
`,d`
|
|
360
|
+
${l(rX)}
|
|
361
|
+
`,d`
|
|
362
|
+
${l(rK)}
|
|
363
|
+
`,rW]}get nativeValue(){if(this._mdcComponent)return this._mdcComponent.value}disconnectedCallback(){var t,e;super.disconnectedCallback(),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0,null==(t=this._menuObserver)||t.disconnect()),this._mdcComponent2&&(this._mdcComponent2.destroy(),this._mdcComponent2=void 0,null==(e=this._menuObserver)||e.disconnect())}shouldUpdate(t){return t.has("indeterminate")&&this._mdcComponent&&this.type===tI.CHECKBOX&&(this._mdcComponent.indeterminate=this.indeterminate),t.has("disabled")&&(this._mdcComponent&&(this._mdcComponent.disabled=this.disabled),this.type===tI.RANGE&&this._mdcComponent2&&(this._mdcComponent2.disabled=this.disabled)),t.has("readonly")&&(this._mdcComponent&&(this._mdcComponent.readonly=this.readonly),this.type===tI.RANGE&&this._mdcComponent2&&(this._mdcComponent2.readonly=this.readonly)),!this.type&&this.value&&(this.value instanceof Date?this.type=tI.DATETIME:"boolean"==typeof this.value?this.type=tI.CHECKBOX:"number"==typeof this.value?this.type=tI.NUMBER:"string"==typeof this.value?this.type=tI.TEXT:this.type=tI.JSON),!0}focus(){this.type===tI.RANGE&&this._mdcComponent2&&"function"==typeof this._mdcComponent2.focus?this._mdcComponent2.focus():this._mdcComponent&&"function"==typeof this._mdcComponent.focus&&this._mdcComponent.focus()}render(){if(this.type){let t=!this.fullWidth&&this.label,e=!this.fullWidth&&this.outlined,n=!!this.helperText,i=!this.isUiValid&&(!!this.errorMessage||!!this.validationMessage),r={"mdc-text-field-helper-text--persistent":!i&&this.helperPersistent,"mdc-text-field-helper-text--validation-msg":i},o=null!==this.value&&void 0!==this.value||!1===this.value,a=t?X`<span class="mdc-floating-label ${o?"mdc-floating-label--float-above":""}" id="label"
|
|
364
|
+
>${this.label}</span
|
|
365
|
+
>`:void 0;switch(this.type){case tI.RADIO:let s=this.resolveOptions(this.options);return X`
|
|
366
|
+
<div class="mdc-radio-container">
|
|
367
|
+
${s?s.map(([t,e])=>X` <div id="field" class="mdc-form-field">
|
|
368
|
+
<div class="mdc-radio">
|
|
369
|
+
<input
|
|
370
|
+
type="radio"
|
|
371
|
+
id="elem-${t}"
|
|
372
|
+
name="${this.name??K}"
|
|
373
|
+
value="${t}"
|
|
374
|
+
.checked="${this.value===t}"
|
|
375
|
+
?required="${this.required}"
|
|
376
|
+
?disabled="${this.disabled||this.readonly}"
|
|
377
|
+
@change="${e=>this.onValueChange(e.target,t)}"
|
|
378
|
+
class="mdc-radio__native-control"
|
|
379
|
+
/>
|
|
380
|
+
<div class="mdc-radio__background">
|
|
381
|
+
<div class="mdc-radio__outer-circle"></div>
|
|
382
|
+
<div class="mdc-radio__inner-circle"></div>
|
|
383
|
+
</div>
|
|
384
|
+
<div class="mdc-radio__ripple"></div>
|
|
385
|
+
</div>
|
|
386
|
+
<label for="elem-${t}"><or-translate value="${e}"></or-translate></label>
|
|
387
|
+
</div>`):""}
|
|
388
|
+
</div>
|
|
389
|
+
`;case tI.SWITCH:let l={"mdc-switch--disabled":this.disabled||this.readonly,"mdc-switch--full-width":this.fullWidth,"mdc-switch--checked":this.value};return X`
|
|
390
|
+
<span id="wrapper">
|
|
391
|
+
${this.label?X`<label for="elem" class="${this.disabled?"mdc-switch--disabled":""}">${this.label}</label>`:""}
|
|
392
|
+
<div id="component" class="mdc-switch ${ez(l)}">
|
|
393
|
+
<div class="mdc-switch__track"></div>
|
|
394
|
+
<div class="mdc-switch__thumb-underlay">
|
|
395
|
+
<div class="mdc-switch__thumb">
|
|
396
|
+
<input
|
|
397
|
+
type="checkbox"
|
|
398
|
+
id="elem"
|
|
399
|
+
class="mdc-switch__native-control"
|
|
400
|
+
?checked="${this.value}"
|
|
401
|
+
?required="${this.required}"
|
|
402
|
+
?disabled="${this.disabled||this.readonly}"
|
|
403
|
+
@change="${t=>this.onValueChange(t.target,t.target.checked)}"
|
|
404
|
+
role="switch"
|
|
405
|
+
/>
|
|
406
|
+
</div>
|
|
407
|
+
</div>
|
|
408
|
+
</div>
|
|
409
|
+
</span>
|
|
410
|
+
`;case tI.LIST:let d={"mdc-select--outlined":e,"mdc-select--disabled":this.disabled,"mdc-select--required":this.required,"mdc-select--dense":!1,"mdc-select--no-label":!this.label,"mdc-select--with-leading-icon":!!this.icon},c=this.resolveOptions(this.options);return this._selectedIndex=-1,X`
|
|
411
|
+
<div
|
|
412
|
+
id="component"
|
|
413
|
+
class="mdc-list mdc-select ${ez(d)}"
|
|
414
|
+
@MDCList:action="${t=>this.onValueChange(void 0,-1===t.detail.index?void 0:Array.isArray(this.options[t.detail.index])?this.options[t.detail.index][0]:this.options[t.detail.index])}"
|
|
415
|
+
>
|
|
416
|
+
<ul class="mdc-list">
|
|
417
|
+
${c?c.map(([t,e],n)=>(this.value===t&&(this._selectedIndex=n),X`<li
|
|
418
|
+
class="${ez({"mdc-list-item":!0,"mdc-list-item--selected":this.value===t})}"
|
|
419
|
+
role="option"
|
|
420
|
+
data-value="${t}"
|
|
421
|
+
>
|
|
422
|
+
<or-translate value="${e}"></or-translate>
|
|
423
|
+
</li>`)):""}
|
|
424
|
+
</ul>
|
|
425
|
+
</div>
|
|
426
|
+
`;case tI.SELECT:let m,p={"mdc-select--outlined":e,"mdc-select--filled":!e,"mdc-select--disabled":this.disabled||this.readonly,"mdc-select--required":this.required,"mdc-select--dense":!1,"dense-comfortable":this.comfortable,"mdc-select--no-label":!this.label,"mdc-select--with-leading-icon":!!this.icon,"or-mwc-input--rounded":this.rounded};m=void 0!=this.searchProvider?this.searchProvider(this.searchableValue):this.resolveOptions(this.options);let u=(t,e)=>{var n;let i=e.value;if(this.multiple){t.stopPropagation();let e=null!=(n=this._tempValue)?n:Array.isArray(this.value)?[...this.value]:void 0!==this.value?[this.value]:[],r=e.findIndex(t=>t===i);r>=0?e.splice(r,1):e.push(i);let o=t.composedPath()[0].closest("li"),a=o.getElementsByTagName("or-icon")[0];o&&(r>=0?o.classList.remove("mdc-list-item--selected"):o.classList.add("mdc-list-item--selected")),a&&(a.icon=r>=0?"checkbox-blank-outline":"checkbox-marked"),this._tempValue=e}else void 0==this.searchProvider&&Array.isArray(m)||this.onValueChange(void 0,e.value)},h=()=>{var t;let e=null!=(t=this._tempValue)?t:this.value;if(window.setTimeout(()=>{this._mdcComponent&&this._mdcComponent.foundation.adapter.floatLabel(e&&(!Array.isArray(e)||e.length>0))}),!this._tempValue)return;let n=[...this._tempValue];this._tempValue=void 0,this.onValueChange(void 0,n)},f=t=>void 0==this.searchProvider||t&&0!=t.length?rT(this.multiple?tT.MULTI_TICK:tT.SELECT,X`${null==t?void 0:t.map(([t,e],n)=>rI({text:e,value:t},n,Array.isArray(this.value)?this.value:this.value?[this.value]:[],this.multiple?tT.MULTI_TICK:tT.SELECT,!1,u))}`,!1,void 0):X`<span class="mdc-text-field-helper-line" style="margin: 8px 8px 8px 0;"
|
|
427
|
+
>${tP.i18next.t("noResults")}</span
|
|
428
|
+
>`;return X`
|
|
429
|
+
<div
|
|
430
|
+
id="component"
|
|
431
|
+
class="mdc-select ${ez(p)}"
|
|
432
|
+
@MDCSelect:change="${t=>rM(this,void 0,void 0,function*(){let e=Array.isArray(m)?m:yield m;this.onValueChange(void 0,-1===t.detail.index?void 0:Array.isArray(e[t.detail.index])?e[t.detail.index][0]:e[t.detail.index])})}"
|
|
433
|
+
>
|
|
434
|
+
<div
|
|
435
|
+
class="mdc-select__anchor"
|
|
436
|
+
role="button"
|
|
437
|
+
aria-haspopup="listbox"
|
|
438
|
+
aria-expanded="false"
|
|
439
|
+
aria-disabled="${""+(this.disabled||this.readonly)}"
|
|
440
|
+
aria-labelledby="label selected-text"
|
|
441
|
+
>
|
|
442
|
+
${!e?X`<span class="mdc-select__ripple"></span>`:void 0}
|
|
443
|
+
${e?this.renderOutlined(a):a}
|
|
444
|
+
<span class="mdc-select__selected-text-container">
|
|
445
|
+
<span id="selected-text" class="mdc-select__selected-text"></span>
|
|
446
|
+
</span>
|
|
447
|
+
<span class="mdc-select__dropdown-icon">
|
|
448
|
+
<svg class="mdc-select__dropdown-icon-graphic" viewBox="7 10 10 5">
|
|
449
|
+
<polygon
|
|
450
|
+
class="mdc-select__dropdown-icon-inactive"
|
|
451
|
+
stroke="none"
|
|
452
|
+
fill-rule="evenodd"
|
|
453
|
+
points="7 10 12 15 17 10"
|
|
454
|
+
></polygon>
|
|
455
|
+
<polygon
|
|
456
|
+
class="mdc-select__dropdown-icon-active"
|
|
457
|
+
stroke="none"
|
|
458
|
+
fill-rule="evenodd"
|
|
459
|
+
points="7 15 12 10 17 15"
|
|
460
|
+
></polygon>
|
|
461
|
+
</svg>
|
|
462
|
+
</span>
|
|
463
|
+
${!e?X`<div class="mdc-line-ripple"></div>`:""}
|
|
464
|
+
</div>
|
|
465
|
+
<div
|
|
466
|
+
id="mdc-select-menu"
|
|
467
|
+
class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fixed ${void 0!=this.searchProvider?"mdc-menu__searchable":void 0}"
|
|
468
|
+
@MDCMenuSurface:closed="${h}"
|
|
469
|
+
>
|
|
470
|
+
${eP(void 0!=this.searchProvider,()=>X`
|
|
471
|
+
<label id="select-searchable" class="mdc-text-field mdc-text-field--filled">
|
|
472
|
+
<span
|
|
473
|
+
class="mdc-floating-label"
|
|
474
|
+
style="color: rgba(0, 0, 0, 0.6); text-transform: capitalize; visibility: ${this.searchableValue?"hidden":"visible"}"
|
|
475
|
+
id="my-label-id"
|
|
476
|
+
>
|
|
477
|
+
<or-translate .value="${this.searchLabel}"></or-translate>
|
|
478
|
+
</span>
|
|
479
|
+
<input
|
|
480
|
+
id="searchable-input"
|
|
481
|
+
class="mdc-text-field__input"
|
|
482
|
+
type="text"
|
|
483
|
+
@keyup="${t=>this.searchableValue=t.target.value}"
|
|
484
|
+
/>
|
|
485
|
+
</label>
|
|
486
|
+
`)}
|
|
487
|
+
${eP(Array.isArray(m),()=>f(m),()=>eq(new Promise(t=>rM(this,void 0,void 0,function*(){t(f((yield m)))})),X`<span class="mdc-text-field-helper-line" style="margin: 8px 8px 8px 0;"
|
|
488
|
+
>${tP.i18next.t("loading")}</span
|
|
489
|
+
>`))}
|
|
490
|
+
</div>
|
|
491
|
+
${n||i?X` <p
|
|
492
|
+
id="component-helper-text"
|
|
493
|
+
class="mdc-select-helper-text ${ez(r)}"
|
|
494
|
+
aria-hidden="true"
|
|
495
|
+
>
|
|
496
|
+
${i?this.errorMessage||this.validationMessage:this.helperText}
|
|
497
|
+
</p>`:""}
|
|
498
|
+
</div>
|
|
499
|
+
`;case tI.BUTTON_TOGGLE:return X`
|
|
500
|
+
<button
|
|
501
|
+
id="component"
|
|
502
|
+
class="mdc-icon-button ${this.value?"mdc-icon-button--on":""}"
|
|
503
|
+
?readonly="${this.readonly}"
|
|
504
|
+
?disabled="${this.disabled}"
|
|
505
|
+
@MDCIconButtonToggle:change="${t=>this.onValueChange(void 0,t.detail.isOn)}"
|
|
506
|
+
>
|
|
507
|
+
${this.icon?X`<or-icon class="mdc-icon-button__icon" aria-hidden="true" icon="${this.icon}"></or-icon>`:""}
|
|
508
|
+
${this.iconOn?X`<or-icon class="mdc-icon-button__icon mdc-icon-button__icon--on" aria-hidden="true" icon="${this.iconOn}"></or-icon>`:""}
|
|
509
|
+
</button>
|
|
510
|
+
`;case tI.BUTTON:case tI.BUTTON_MOMENTARY:{let t=t=>{this.disabled&&t.stopPropagation(),i&&this.dispatchEvent(new rq(!0,null))},e=t=>{this.disabled&&t.stopPropagation(),i&&this.dispatchEvent(new rq(!1,!0))},n=t=>{this.disabled&&t.stopPropagation(),i||this.dispatchEvent(new rq(!0,null))},i=this.type===tI.BUTTON_MOMENTARY,r=!this.action&&!this.label;!r||this.iconTrailing||this.icon||(this.icon="circle");let o={"mdc-icon-button":r,"mdc-fab":!r&&this.action,"mdc-fab--extended":!r&&this.action&&!!this.label,"mdc-fab--mini":!r&&this.action&&(this.compact||this.comfortable),"mdc-button":!r&&!this.action,"mdc-button--raised":!r&&!this.action&&this.raised,"mdc-button--unelevated":!r&&!this.action&&this.unElevated,"mdc-button--outlined":!r&&!this.action&&(this.outlined||i),"mdc-button--rounded":!r&&!this.action&&this.rounded,"mdc-button--fullwidth":this.fullWidth};return X`
|
|
511
|
+
<button
|
|
512
|
+
id="component"
|
|
513
|
+
class="${ez(o)}"
|
|
514
|
+
?readonly="${this.readonly}"
|
|
515
|
+
?disabled="${this.disabled}"
|
|
516
|
+
@click="${t=>n(t)}"
|
|
517
|
+
@mousedown="${e=>t(e)}"
|
|
518
|
+
@mouseup="${t=>e(t)}"
|
|
519
|
+
>
|
|
520
|
+
${!r?X`<div class="mdc-button__ripple"></div>`:""}
|
|
521
|
+
${this.icon?X`<or-icon class="${r?"":this.action?"mdc-fab__icon":"mdc-button__icon"}" aria-hidden="true" icon="${this.icon}"></or-icon>`:""}
|
|
522
|
+
${this.label?X`<span class="${this.action?"mdc-fab__label":"mdc-button__label"}"><or-translate .value="${this.label}"></or-translate></span>`:""}
|
|
523
|
+
${!r&&this.iconTrailing?X`<or-icon class="${this.action?"mdc-fab__icon":"mdc-button__icon"}" aria-hidden="true" icon="${this.iconTrailing}"></or-icon>`:""}
|
|
524
|
+
</button>
|
|
525
|
+
`}case tI.CHECKBOX_LIST:Array.isArray(this.value)||(null===this.value||void 0===this.value?this.value=[]:this.value=[this.value]);let g=this.resolveOptions(this.options);return this._selectedIndex=-1,X`
|
|
526
|
+
<div class="mdc-checkbox-list">
|
|
527
|
+
${g?g.map(([t,e],n)=>(this.value===t&&(this._selectedIndex=n),X`
|
|
528
|
+
<div id="field" class="mdc-form-field">
|
|
529
|
+
<div id="component" class="mdc-checkbox">
|
|
530
|
+
<input
|
|
531
|
+
type="checkbox"
|
|
532
|
+
?checked="${this.value&&this.value.includes(t)}"
|
|
533
|
+
?required="${this.required}"
|
|
534
|
+
name="${t}"
|
|
535
|
+
?disabled="${this.disabled||this.readonly}"
|
|
536
|
+
@change="${e=>{let n=this.value;e.target.checked?n.includes(t)||(n=[t,...n]):n=n.filter(e=>e!==t),this.onValueChange(e.target,n)}}"
|
|
537
|
+
class="mdc-checkbox__native-control"
|
|
538
|
+
id="elem-${t}"
|
|
539
|
+
/>
|
|
540
|
+
|
|
541
|
+
<label for="elem-${t}"><or-translate value="${e}"></or-translate></label>
|
|
542
|
+
</div>
|
|
543
|
+
</div>
|
|
544
|
+
`)):""}
|
|
545
|
+
</div>
|
|
546
|
+
`;case tI.CHECKBOX:let b={"mdc-checkbox":!0,"mdc-checkbox--disabled":this.disabled||this.readonly};return X`
|
|
547
|
+
<div id="field" class="mdc-form-field">
|
|
548
|
+
<div id="component" class="${ez(b)}">
|
|
549
|
+
<input
|
|
550
|
+
type="checkbox"
|
|
551
|
+
id="elem"
|
|
552
|
+
data-indeterminate="${this.indeterminate}"
|
|
553
|
+
?checked="${this.value}"
|
|
554
|
+
?required="${this.required}"
|
|
555
|
+
?disabled="${this.disabled||this.readonly}"
|
|
556
|
+
@change="${t=>this.onValueChange(t.target,t.target.checked)}"
|
|
557
|
+
class="mdc-checkbox__native-control"
|
|
558
|
+
/>
|
|
559
|
+
<div class="mdc-checkbox__background">
|
|
560
|
+
<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
|
|
561
|
+
<path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
|
|
562
|
+
</svg>
|
|
563
|
+
<div class="mdc-checkbox__mixedmark"></div>
|
|
564
|
+
</div>
|
|
565
|
+
<div class="mdc-checkbox__ripple"></div>
|
|
566
|
+
</div>
|
|
567
|
+
<label class="mdc-checkbox-circle" for="elem">${this.label}</label>
|
|
568
|
+
</div>
|
|
569
|
+
`;case tI.COLOUR:return X`
|
|
570
|
+
<div id="component" style="width: 100%; display: inline-flex; align-items: center; padding: 8px 0;">
|
|
571
|
+
<input
|
|
572
|
+
type="color"
|
|
573
|
+
id="elem"
|
|
574
|
+
style="border: none; height: 31px; width: 31px; padding: 1px 3px; min-height: 22px; min-width: 30px;cursor: pointer"
|
|
575
|
+
value="${this.value}"
|
|
576
|
+
?disabled="${this.disabled||this.readonly}"
|
|
577
|
+
?required="${this.required}"
|
|
578
|
+
@change="${t=>this.onValueChange(t.target,t.target.value)}"
|
|
579
|
+
/>
|
|
580
|
+
<label style="margin-left: 10px; cursor: pointer" for="elem">${this.label}</label>
|
|
581
|
+
</div>
|
|
582
|
+
`;case tI.NUMBER:case tI.RANGE:case tI.DATE:case tI.DATETIME:case tI.TIME:case tI.MONTH:case tI.WEEK:case tI.EMAIL:case tI.PASSWORD:case tI.TELEPHONE:case tI.URL:case tI.TEXT:case tI.TEXTAREA:case tI.JSON:case tI.JSON_OBJECT:{let t,s=[void 0===this.value||null===this.value?void 0:this.value,this.min,this.max];if(s.some(t=>"string"!=typeof t))if(this.type===tI.JSON||this.type===tI.JSON_OBJECT)if(void 0!==s[0]){if("string"!=typeof s[0]||null===s[0])try{s[0]=JSON.stringify(s[0],null,2)}catch(t){console.warn("Failed to parse JSON expression for input control"),s[0]=""}}else s[0]="";else{let t=this.format?Object.assign({},this.format):{};switch(this.type){case tI.TIME:t.asDate=!0,t.hour12=!1,t.timeStyle=this.step&&this.step<60?"medium":"short";break;case tI.DATE:t.asDate=!0,t.momentJsFormat="YYYY-MM-DD";break;case tI.WEEK:t.asDate=!0,t.momentJsFormat="YYYY-[W]WW";break;case tI.MONTH:t.asDate=!0,t.momentJsFormat="YYYY-MM";break;case tI.DATETIME:t.asDate=!0,t.momentJsFormat="YYYY-MM-DDTHH:mm";break;case tI.NUMBER:null!=t.maximumFractionDigits||(t.maximumFractionDigits=20)}t.useGrouping=!1,s=s.map(e=>void 0!==e?ed.Util.getValueAsString(e,()=>t,"en-GB"):void 0)}let l=this.label,d=this.type,c="component";if(this.type===tI.RANGE&&(l=void 0,e=!1,n=!1,d=tI.NUMBER,c="number"),!(this.type===tI.RANGE&&this.disableSliderNumberInput)){this.censored&&(d=tI.PASSWORD),this.type===tI.PASSWORD&&this.advertised&&(d=tI.TEXT);let m={"mdc-text-field":!0,"mdc-text-field--invalid":!this.valid,"mdc-text-field--filled":!e,"mdc-text-field--outlined":e,"mdc-text-field--textarea":d===tI.TEXTAREA||d===tI.JSON||d===tI.JSON_OBJECT,"mdc-text-field--disabled":this.disabled,"mdc-text-field--fullwidth":this.fullWidth&&!e,"dense-comfortable":this.comfortable&&d!==tI.TEXTAREA&&d!==tI.JSON&&d!==tI.JSON_OBJECT,"dense-compact":!this.comfortable&&this.compact,"mdc-text-field--label-floating":o,"mdc-text-field--no-label":!this.label,"mdc-text-field--with-leading-icon":!!this.icon,"mdc-text-field--with-trailing-icon":!!this.iconTrailing,"or-mwc-input--rounded":this.rounded};t=d===tI.TEXTAREA||d===tI.JSON||d===tI.JSON_OBJECT?X` <textarea
|
|
583
|
+
id="elem"
|
|
584
|
+
class="mdc-text-field__input ${this.resizeVertical?"resize-vertical":""}"
|
|
585
|
+
?required="${this.required}"
|
|
586
|
+
?readonly="${this.readonly}"
|
|
587
|
+
?disabled="${this.disabled}"
|
|
588
|
+
minlength="${this.minLength??K}"
|
|
589
|
+
maxlength="${this.maxLength??K}"
|
|
590
|
+
rows="${this.rows?this.rows:5}"
|
|
591
|
+
cols="${this.cols??K}"
|
|
592
|
+
aria-label="${l??K}"
|
|
593
|
+
aria-labelledby="${(l?"label":void 0)??K}"
|
|
594
|
+
@change="${t=>this.onValueChange(t.target,t.target.value)}"
|
|
595
|
+
>
|
|
596
|
+
${s[0]?s[0]:""}</textarea>`:X` <input
|
|
597
|
+
type="${d}"
|
|
598
|
+
id="elem"
|
|
599
|
+
aria-labelledby="${(l?"label":void 0)??K}"
|
|
600
|
+
class="mdc-text-field__input"
|
|
601
|
+
?required="${this.required}"
|
|
602
|
+
?readonly="${this.readonly}"
|
|
603
|
+
?disabled="${this.disabled}"
|
|
604
|
+
min="${s[1]??K}"
|
|
605
|
+
max="${s[2]??K}"
|
|
606
|
+
step="${this.step?this.step:"any"}"
|
|
607
|
+
minlength="${this.minLength??K}"
|
|
608
|
+
pattern="${this.pattern??K}"
|
|
609
|
+
maxlength="${this.maxLength??K}"
|
|
610
|
+
placeholder="${this.placeHolder??K}"
|
|
611
|
+
.value="${null!==s[0]&&void 0!==s[0]?s[0]:""}"
|
|
612
|
+
@keydown="${t=>{("Enter"===t.code||"NumpadEnter"===t.code)&&this.onValueChange(t.target,t.target.value,!0)}}"
|
|
613
|
+
@blur="${t=>{""===t.target.value&&this.reportValidity()}}"
|
|
614
|
+
@change="${t=>this.onValueChange(t.target,t.target.value)}"
|
|
615
|
+
/>`,t=X`
|
|
616
|
+
<label id="${c}" class="${ez(m)}">
|
|
617
|
+
${this.icon?X`<or-icon class="mdc-text-field__icon mdc-text-field__icon--leading" style="color: ${this.iconColor?"#"+this.iconColor:"unset"}" aria-hidden="true" icon="${this.icon}"></or-icon>`:""}
|
|
618
|
+
${e?"":X`<span class="mdc-text-field__ripple"></span>`} ${t}
|
|
619
|
+
${e?this.renderOutlined(a):a}
|
|
620
|
+
${e?"":X`<span class="mdc-line-ripple"></span>`}
|
|
621
|
+
${this.type===tI.PASSWORD&&!this.censored?X`<or-icon class="mdc-text-field__icon mdc-text-field__icon--trailing" aria-hidden="true" icon=${this.advertised?"eye":"eye-off"} style="pointer-events: auto;" @click=${()=>this.advertised=!this.advertised}></or-icon>`:""}
|
|
622
|
+
${this.iconTrailing?X`<or-icon class="mdc-text-field__icon mdc-text-field__icon--trailing" aria-hidden="true" icon="${this.iconTrailing}"></or-icon>`:""}
|
|
623
|
+
</label>
|
|
624
|
+
${n||i?X`
|
|
625
|
+
<div class="mdc-text-field-helper-line">
|
|
626
|
+
<div class="mdc-text-field-helper-text ${ez(r)}">
|
|
627
|
+
${i?this.errorMessage||this.validationMessage:this.helperText}
|
|
628
|
+
</div>
|
|
629
|
+
${this.charCounter&&!this.readonly?X`<div class="mdc-text-field-character-counter"></div>`:""}
|
|
630
|
+
</div>
|
|
631
|
+
`:""}
|
|
632
|
+
`}if(this.type===tI.RANGE){let e={"mdc-slider":!0,"mdc-slider--range":this.continuous,"mdc-slider--discreet":!this.continuous,"mdc-slider--disabled":this.disabled||this.readonly};t=X`
|
|
633
|
+
<span id="wrapper">
|
|
634
|
+
${this.label?X`<label for="component" class="${this.disabled?"mdc-switch--disabled":""}">${this.label}</label>`:""}
|
|
635
|
+
<div
|
|
636
|
+
id="component"
|
|
637
|
+
class="${ez(e)}"
|
|
638
|
+
@MDCSlider:change="${t=>this.onValueChange(void 0,t.detail.value)}"
|
|
639
|
+
>
|
|
640
|
+
<input
|
|
641
|
+
id="elem"
|
|
642
|
+
class="mdc-slider__input"
|
|
643
|
+
type="range"
|
|
644
|
+
min="${s[1]??K}"
|
|
645
|
+
max="${s[2]??K}"
|
|
646
|
+
value="${s[0]||s[1]||0}"
|
|
647
|
+
name="slider"
|
|
648
|
+
step="${this.step||1}"
|
|
649
|
+
?readonly="${this.readonly}"
|
|
650
|
+
?disabled="${this.disabled}"
|
|
651
|
+
aria-label="${this.label??K}"
|
|
652
|
+
/>
|
|
653
|
+
<div class="mdc-slider__track">
|
|
654
|
+
<div class="mdc-slider__track--inactive"></div>
|
|
655
|
+
<div class="mdc-slider__track--active">
|
|
656
|
+
<div class="mdc-slider__track--active_fill"></div>
|
|
657
|
+
</div>
|
|
658
|
+
</div>
|
|
659
|
+
<div class="mdc-slider__thumb">
|
|
660
|
+
${!this.continuous?X`<div class="mdc-slider__value-indicator-container" aria-hidden="true">
|
|
661
|
+
<div class="mdc-slider__value-indicator">
|
|
662
|
+
<span class="mdc-slider__value-indicator-text"> 50 </span>
|
|
663
|
+
</div>
|
|
664
|
+
</div>`:""}
|
|
665
|
+
<div class="mdc-slider__thumb-knob"></div>
|
|
666
|
+
</div>
|
|
667
|
+
</div>
|
|
668
|
+
${t?X`<div style="min-width: 70px; width: 70px;">${t}</div>`:""}
|
|
669
|
+
</span>
|
|
670
|
+
`}return t}}}return X`<span>INPUT TYPE NOT IMPLEMENTED</span>`}_getFormat(){if(this.format)return this.format}update(t){if(t.has("autoValidate")&&this._mdcComponent){let t=this._mdcComponent;t.foundation&&t.foundation.setValidateOnValueChange&&t.foundation.setValidateOnValueChange(this.autoValidate)}super.update(t)}firstUpdated(t){super.firstUpdated(t),this.autoValidate&&this.reportValidity()}updated(t){var e,n;if(super.updated(t),t.has("type")){let t=this.shadowRoot.getElementById("component");if(this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0),this._mdcComponent2&&(this._mdcComponent2.destroy(),this._mdcComponent2=void 0),t&&this.type){switch(this.type){case tI.LIST:let e=new iY(t);this._mdcComponent=e,e.selectedIndex=this._selectedIndex;break;case tI.SELECT:let n=new rr(t);this._mdcComponent=n,(null===this.value||void 0===this.value)&&(n.selectedIndex=-1),this.multiple&&(this._mdcComponent.foundation.adapter.getSelectedIndex=()=>{if(!Array.isArray(this.value)||0===this.value.length)return -1;let t=this.value[0];return this._mdcComponent.foundation.adapter.getMenuItemValues().indexOf(t)}),n.useDefaultValidation=!this.multiple,n.valid=!this.required||!this.multiple&&n.valid||this.multiple&&Array.isArray(this.value)&&this.value.length>0;let i=this.getSelectedTextValue();this._mdcComponent.foundation.adapter.setSelectedText(i),this._mdcComponent.foundation.adapter.floatLabel(!!i),this._menuObserver||(this._menuObserver=new IntersectionObserver((t,e)=>{var n,i;t[0].target.style.minWidth!=(null==(n=t[0].target.parentElement)?void 0:n.clientWidth)+"px"&&(t[0].target.style.minWidth=(null==(i=t[0].target.parentElement)?void 0:i.clientWidth)+"px")}),this._menuObserver.observe(this.shadowRoot.getElementById("mdc-select-menu")));let r=void 0!==this.searchProvider,o=this.multiple;n.menu.menuSurface_.foundation.handleBodyClick=function(t){let e=t.composedPath()[0];if(this.adapter.isElementInContainer(e)){if(!r)return;else if(e instanceof Element&&!e.className.includes("mdc-list-item"))return;else if(o)return}n.menu.menuSurface_.close()};break;case tI.RADIO:case tI.CHECKBOX_LIST:case tI.COLOUR:break;case tI.BUTTON:case tI.BUTTON_MOMENTARY:let a=!this.action&&!this.label,s=new eT(t);a&&(s.unbounded=!0),this._mdcComponent=s;break;case tI.BUTTON_TOGGLE:this._mdcComponent=new rv(t);break;case tI.CHECKBOX:this._mdcComponent=new nV(t);let l=this.shadowRoot.getElementById("field");if(l){let t=new rm(l);t.input=this._mdcComponent,this._mdcComponent2=t}break;case tI.SWITCH:this._mdcComponent=new nZ(t);break;case tI.RANGE:this._mdcComponent=new io(t);let d=this.shadowRoot.getElementById("number");if(d){let t=new nS(d);t.useNativeValidation=!1,this._mdcComponent2=t}break;default:let c=new nS(t);c.useNativeValidation=!1,this._mdcComponent=c}this._mdcComponent&&this.focused&&"function"==typeof this._mdcComponent.focus&&this._mdcComponent.focus()}}else{if(this.type===tI.SELECT&&this._mdcComponent){t.has("options")&&this._mdcComponent.layoutOptions(),this._mdcComponent.disabled=!!(this.disabled||this.readonly),this._mdcComponent.useDefaultValidation=!this.multiple,this._mdcComponent.valid=!this.required||!this.multiple&&this._mdcComponent.valid||this.multiple&&Array.isArray(this.value)&&this.value.length>0;let e=this.getSelectedTextValue();this._mdcComponent.foundation.adapter.setSelectedText(e),this._mdcComponent.foundation.adapter.floatLabel(!!e)}else if(this.type===tI.RANGE&&this._mdcComponent){let t=this._mdcComponent;t.setDisabled(this.disabled||this.readonly),t.setValue(this.value)}else if(this.type===tI.SWITCH&&this._mdcComponent)this._mdcComponent.checked=this.value;else if(this.type===tI.CHECKBOX&&this._mdcComponent){let t=this._mdcComponent;t.checked=!!this.value,t.disabled=!!(this.disabled||this.readonly)}this._mdcComponent&&(this._mdcComponent.required=!!this.required)}t.has("label")&&(null==(n=null==(e=this._mdcComponent)?void 0:e.layout)||n.call(e)),this.autoValidate&&this.reportValidity()}renderOutlined(t){return X`
|
|
671
|
+
<span class="mdc-notched-outline">
|
|
672
|
+
<span class="mdc-notched-outline__leading"></span>
|
|
673
|
+
${t?X` <span class="mdc-notched-outline__notch"> ${t} </span> `:""}
|
|
674
|
+
<span class="mdc-notched-outline__trailing"></span>
|
|
675
|
+
</span>
|
|
676
|
+
`}setCustomValidity(t){this.errorMessage=t;let e=this.shadowRoot.getElementById("elem");e&&e.setCustomValidity&&e.setCustomValidity(null!=t?t:""),this.reportValidity()}checkValidity(){let t=this.shadowRoot.getElementById("elem"),e=!0;return t&&t.validity&&(e=t.validity.valid),e&&(this.type===tI.JSON||this.type===tI.JSON_OBJECT)&&void 0!==this.value&&null!==this.value&&""===this._mdcComponent.value&&(e=!1),e}reportValidity(){let t=this.checkValidity();return this.isUiValid=t,this._mdcComponent&&(this._mdcComponent.valid=t),t}onValueChange(t,e,n){var i,r;let o,a=this.value;if("undefined"===e&&(a=null,e=void 0),"null"===e&&(a=void 0,e=null),"string"==typeof e)switch(this.type){case tI.CHECKBOX:case tI.SWITCH:e="on"===e;break;case tI.JSON:case tI.JSON_OBJECT:case tI.NUMBER:case tI.RANGE:if(""===e)e=null;else try{e=JSON.parse(e),this.type===tI.JSON_OBJECT&&("object"!=typeof e||Array.isArray(e))&&(e=this.value,o=tP.i18next.t("validation.invalidJSON"))}catch(t){e=this.value,o=this.type===tI.JSON||this.type==tI.JSON_OBJECT?tP.i18next.t("validation.invalidJSON"):tP.i18next.t("validation.invalidNumber")}break;case tI.DATETIME:if(""===e)e=null;else try{e=Date.parse(e)}catch(t){e=this.value,o=tP.i18next.t("validation.invalidDate")}}if(this.value=e,this.setCustomValidity(o),this.reportValidity(),this.type!==tI.CHECKBOX_LIST&&e!==a&&(this.type===tI.RANGE&&(this._mdcComponent.setValue(e),this._mdcComponent2&&(this._mdcComponent2.value=e)),this.dispatchEvent(new rq(this.value,a,n))),void 0!=this.searchProvider&&this.type===tI.SELECT){let t=null==(r=null==(i=this.shadowRoot)?void 0:i.getElementById("select-searchable"))?void 0:r.children[1];t&&(this.searchableValue=void 0,t.value="")}this.type!==tI.CHECKBOX_LIST||ed.Util.objectsEqual(e,a,!0)||this.dispatchEvent(new rq(e,a,n))}get valid(){let t=this.shadowRoot.getElementById("elem");return!t||!t.checkValidity||t.checkValidity()}get currentValue(){let t=this.shadowRoot.getElementById("elem");if(t&&t.value)return t.value}resolveOptions(t){let e;return t&&t.length>0&&(e=t.map(t=>{if(Array.isArray(t))return t;{let e=""+t;return[t,tP.i18next.t(e,{defaultValue:ed.Util.camelCaseToSentenceCase(e)})]}})),e}getSelectedTextValue(t){let e=this.value,n=Array.isArray(e)?e:null!=e?[e]:void 0;if(!n)return"";let i=t||this.resolveOptions(this.options);return i&&n?n.map(t=>i.find(([e,n],i)=>t===e)).map(t=>t?t[1]:"").join(", "):""}};rL([tN({type:Boolean})],rQ.prototype,"focused",void 0),rL([tN()],rQ.prototype,"value",void 0),rL([tN({type:String})],rQ.prototype,"type",void 0),rL([tN({type:String})],rQ.prototype,"name",void 0),rL([tN({type:Boolean})],rQ.prototype,"readonly",void 0),rL([tN({type:Boolean})],rQ.prototype,"required",void 0),rL([tN()],rQ.prototype,"max",void 0),rL([tN()],rQ.prototype,"min",void 0),rL([tN({type:Number})],rQ.prototype,"step",void 0),rL([tN({type:Boolean})],rQ.prototype,"checked",void 0),rL([tN({type:Boolean})],rQ.prototype,"indeterminate",void 0),rL([tN({type:Number})],rQ.prototype,"maxLength",void 0),rL([tN({type:Number})],rQ.prototype,"minLength",void 0),rL([tN({type:Number})],rQ.prototype,"rows",void 0),rL([tN({type:Number})],rQ.prototype,"cols",void 0),rL([tN({type:Boolean})],rQ.prototype,"multiple",void 0),rL([tN({type:String,attribute:!0,reflect:!1})],rQ.prototype,"pattern",void 0),rL([tN({type:String})],rQ.prototype,"placeHolder",void 0),rL([tN({type:Array})],rQ.prototype,"options",void 0),rL([tN({type:Boolean})],rQ.prototype,"autoSelect",void 0),rL([tN({type:Object})],rQ.prototype,"searchProvider",void 0),rL([tN({type:String})],rQ.prototype,"searchLabel",void 0),rL([tN({type:String})],rQ.prototype,"icon",void 0),rL([tN({type:String})],rQ.prototype,"iconColor",void 0),rL([tN({type:String})],rQ.prototype,"iconOn",void 0),rL([tN({type:String})],rQ.prototype,"iconTrailing",void 0),rL([tN({type:Boolean})],rQ.prototype,"compact",void 0),rL([tN({type:Boolean})],rQ.prototype,"comfortable",void 0),rL([tN({type:Boolean})],rQ.prototype,"raised",void 0),rL([tN({type:Boolean})],rQ.prototype,"action",void 0),rL([tN({type:Boolean})],rQ.prototype,"unElevated",void 0),rL([tN({type:Boolean})],rQ.prototype,"outlined",void 0),rL([tN({type:Boolean})],rQ.prototype,"rounded",void 0),rL([tN({type:Object})],rQ.prototype,"format",void 0),rL([tN({type:Boolean})],rQ.prototype,"disableSliderNumberInput",void 0),rL([tN({type:Boolean})],rQ.prototype,"fullWidth",void 0),rL([tN({type:String})],rQ.prototype,"helperText",void 0),rL([tN({type:Boolean})],rQ.prototype,"helperPersistent",void 0),rL([tN({type:String,attribute:!0})],rQ.prototype,"validationMessage",void 0),rL([tN({type:Boolean})],rQ.prototype,"autoValidate",void 0),rL([tN({type:Boolean})],rQ.prototype,"charCounter",void 0),rL([tN({type:String})],rQ.prototype,"label",void 0),rL([tN({type:Boolean})],rQ.prototype,"disabled",void 0),rL([tN({type:Boolean})],rQ.prototype,"continuous",void 0),rL([tN({type:Boolean})],rQ.prototype,"resizeVertical",void 0),rL([tN({type:Boolean})],rQ.prototype,"censored",void 0),rL([tN({type:Boolean,reflect:!0})],rQ.prototype,"advertised",void 0),rL([tD()],rQ.prototype,"isUiValid",void 0),rL([tD()],rQ.prototype,"searchableValue",void 0),rL([tD()],rQ.prototype,"errorMessage",void 0),rQ=rL([tL("or-mwc-input")],rQ);var rZ=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a};let rJ=n(384),r0=n(612);class r1 extends CustomEvent{constructor(){super(r1.NAME,{bubbles:!0,composed:!0})}}r1.NAME="or-mwc-dialog-opened";class r2 extends CustomEvent{constructor(t){super(r2.NAME,{detail:t,bubbles:!0,composed:!0})}}r2.NAME="or-mwc-dialog-closed";let r5=d`
|
|
677
|
+
:host {
|
|
678
|
+
position: relative;
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
.dialog-container {
|
|
682
|
+
font-family: inherit; /* Disables Material UI font family, and prioritizes our own */
|
|
683
|
+
display: flex;
|
|
684
|
+
flex-direction: row;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.dialog-container > * {
|
|
688
|
+
flex: 1 1 0;
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
.mdc-list {
|
|
692
|
+
padding: 0 24px;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.mdc-dialog .mdc-dialog__surface {
|
|
696
|
+
outline: none;
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
@media (min-width: 1280px) {
|
|
700
|
+
.mdc-dialog .mdc-dialog__surface {
|
|
701
|
+
max-width: 1024px;
|
|
702
|
+
}
|
|
703
|
+
}
|
|
704
|
+
`,r4=class extends tS.OrElement{constructor(){super(...arguments),this._open=!1,this._popstateEventBind=t=>this._onBrowserNavigate(t)}static get styles(){return[d`
|
|
705
|
+
${l(rJ)}
|
|
706
|
+
`,d`
|
|
707
|
+
${l(r0)}
|
|
708
|
+
`,r5]}get isOpen(){return!!this._mdcComponent&&this._mdcComponent.isOpen}setOpen(t){return this._open=!0,this}setHeading(t){return this.heading=t,this}setContent(t){return this.content=t,this}setActions(t){return this.actions=t,this}setDismissAction(t){return this.dismissAction=t,this}setStyles(t){return this.styles=t,this}setAvatar(t){return this.avatar=t,this}open(){this._mdcElem&&!this._mdcComponent&&(this._mdcComponent=new eN(this._mdcElem),this._mdcComponent.scrimClickAction=this.dismissAction||null===this.dismissAction?"close":""),this._mdcComponent&&this._mdcComponent.open()}close(t){this._mdcComponent&&this._mdcComponent.close(t)}connectedCallback(){super.connectedCallback(),window.addEventListener("popstate",this._popstateEventBind)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("popstate",this._popstateEventBind),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0)}render(){return X`
|
|
709
|
+
${"string"==typeof this.styles?X`<style>
|
|
710
|
+
${this.styles}
|
|
711
|
+
</style>`:this.styles||""}
|
|
712
|
+
|
|
713
|
+
<div
|
|
714
|
+
id="dialog"
|
|
715
|
+
class="mdc-dialog"
|
|
716
|
+
role="alertdialog"
|
|
717
|
+
aria-modal="true"
|
|
718
|
+
aria-labelledby="dialog-title"
|
|
719
|
+
aria-describedby="dialog-content"
|
|
720
|
+
@MDCDialog:opened="${()=>this._onDialogOpened()}"
|
|
721
|
+
@MDCDialog:closed="${t=>this._onDialogClosed(t.detail.action)}"
|
|
722
|
+
>
|
|
723
|
+
<div class="mdc-dialog__container">
|
|
724
|
+
<div class="mdc-dialog__surface" tabindex="0">
|
|
725
|
+
${"string"==typeof this.heading?X`<h2 class="mdc-dialog__title" id="dialog-title">
|
|
726
|
+
<or-translate value="${this.heading}"></or-translate>
|
|
727
|
+
</h2>`:this.heading?X`<span class="mdc-dialog__title" id="dialog-title">${this.heading}</span>`:""}
|
|
728
|
+
${this.content?X`
|
|
729
|
+
<div class="dialog-container mdc-dialog__content" id="dialog-content">
|
|
730
|
+
${"function"==typeof this.content?this.content():this.content}
|
|
731
|
+
</div>
|
|
732
|
+
<footer class="mdc-dialog__actions">
|
|
733
|
+
${this.actions?this.actions.map(t=>X` <div
|
|
734
|
+
class="mdc-button mdc-dialog__button"
|
|
735
|
+
?data-mdc-dialog-button-default="${t.default}"
|
|
736
|
+
data-mdc-dialog-action="${t.disabled?void 0:t.actionName}"
|
|
737
|
+
>
|
|
738
|
+
${"string"==typeof t.content?X`<or-mwc-input
|
|
739
|
+
.type="${tI.BUTTON}"
|
|
740
|
+
@or-mwc-input-changed="${t=>{t.currentTarget.disabled&&t.stopPropagation()}}"
|
|
741
|
+
.disabled="${t.disabled}"
|
|
742
|
+
.label="${t.content}"
|
|
743
|
+
></or-mwc-input>`:t.content}
|
|
744
|
+
</div>`):""}
|
|
745
|
+
</footer>
|
|
746
|
+
`:X`
|
|
747
|
+
<ul class="mdc-list ${this.avatar?"mdc-list--avatar-list":""}">
|
|
748
|
+
${!this.actions?"":this.actions.map((t,e)=>X`<li class="mdc-list-item" data-mdc-dialog-action="${t.actionName}">
|
|
749
|
+
<span class="mdc-list-item__text">${t.content}</span>
|
|
750
|
+
</li>`)}
|
|
751
|
+
</ul>
|
|
752
|
+
`}
|
|
753
|
+
</div>
|
|
754
|
+
</div>
|
|
755
|
+
<div class="mdc-dialog__scrim"></div>
|
|
756
|
+
</div>
|
|
757
|
+
`}updated(t){super.updated(t),t.has("_open")&&this._open&&this.open()}_onDialogOpened(){this.dispatchEvent(new r1)}_onDialogClosed(t){if("close"===t&&this.dismissAction&&this.dismissAction.action)this.dismissAction.action(this);else if(t&&this.actions){let e=this.actions.find(e=>e.actionName===t);e&&e.action&&e.action(this)}this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0),this.dispatchEvent(new r2(t))}_onBrowserNavigate(t){this.close("close")}};rZ([tN({type:String})],r4.prototype,"heading",void 0),rZ([tN({type:Object,attribute:!1})],r4.prototype,"content",void 0),rZ([tN({type:Array,attribute:!1})],r4.prototype,"actions",void 0),rZ([tN({type:Object,attribute:!1})],r4.prototype,"dismissAction",void 0),rZ([tN({type:Boolean})],r4.prototype,"avatar",void 0),rZ([tN()],r4.prototype,"styles",void 0),rZ([tN({attribute:!1})],r4.prototype,"_open",void 0),rZ([tz("#dialog")],r4.prototype,"_mdcElem",void 0),r4=rZ([tL("or-mwc-dialog")],r4),window.Vaadin||={},window.Vaadin.featureFlags||={};let r3={};function r7(t,e="25.2.11"){if(Object.defineProperty(t,"version",{get:()=>e}),t.experimental){let e="string"==typeof t.experimental?t.experimental:`${t.is.split("-").slice(1).join("-").replace(/-[a-z]/gu,t=>t[1].toUpperCase())}Component`;if(window.Vaadin.featureFlags[e]||r3[e]){if(r3[e])return void r3[e].add(t)}else{r3[e]=new Set,r3[e].add(t),Object.defineProperty(window.Vaadin.featureFlags,e,{get:()=>0===r3[e].size,set(t){t&&r3[e].size>0&&(r3[e].forEach(t=>{customElements.define(t.is,t)}),r3[e].clear())}});return}}let n=customElements.get(t.is);if(n){let e=n.version;e&&t.version&&e===t.version?console.warn(`The component ${t.is} has been loaded twice`):console.error(`Tried to define ${t.is} version ${t.version} when version ${n.version} is already in use. Something will probably break.`)}else customElements.define(t.is,t)}let r8=[];function r6(t,e,n=t.getAttribute("dir")){e?t.setAttribute("dir",e):null!=n&&t.removeAttribute("dir")}function r9(){return document.documentElement.getAttribute("dir")}new MutationObserver(function(){let t=r9();r8.forEach(e=>{r6(e,t)})}).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});let ot=t=>class extends t{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:!0,converter:{fromAttribute:t=>t||"",toAttribute:t=>""===t?null:t}}}}get __isRTL(){return"rtl"===this.getAttribute("dir")}connectedCallback(){super.connectedCallback(),(!this.hasAttribute("dir")||this.__restoreSubscription)&&(this.__subscribe(),r6(this,r9(),null))}attributeChangedCallback(t,e,n){if(super.attributeChangedCallback(t,e,n),"dir"!==t)return;let i=r9(),r=n===i&&-1===r8.indexOf(this),o=!n&&e&&-1===r8.indexOf(this),a=n!==i&&e===i;r||o?(this.__subscribe(),r6(this,i,n)):a&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=r8.includes(this),this.__unsubscribe()}_valueToNodeAttribute(t,e,n){("dir"!==n||""!==e||t.hasAttribute("dir"))&&super._valueToNodeAttribute(t,e,n)}_attributeToProperty(t,e,n){"dir"!==t||e?super._attributeToProperty(t,e,n):this.dir=""}__subscribe(){r8.includes(this)||r8.push(this)}__unsubscribe(){r8.includes(this)&&r8.splice(r8.indexOf(this),1)}},oe=new WeakMap;function on(t){return e=>{if(function(t,e){let n=e;for(;n;){if(oe.get(n)===t)return!0;n=Object.getPrototypeOf(n)}return!1}(t,e))return e;let n=t(e);return oe.set(n,t),n}}let oi={},or=/([A-Z])/gu;function oo(t){return oi[t]||(oi[t]=t.replace(or,"-$1").toLowerCase()),oi[t]}function oa(t){return t[0].toUpperCase()+t.substring(1)}function os(t){let[e,n]=t.split("(");return{method:e,observerProps:n.replace(")","").split(",").map(t=>t.trim())}}function ol(t,e){return Object.prototype.hasOwnProperty.call(t,e)||(t[e]=new Map(t[e])),t[e]}let od=on(t=>class extends t{static enabledWarnings=[];static createProperty(t,e){[String,Boolean,Number,Array].includes(e)&&(e={type:e}),e?.reflectToAttribute&&(e.reflect=!0),super.createProperty(t,e)}static getOrCreateMap(t){return ol(this,t)}static finalize(){if(window.litIssuedWarnings&&(window.litIssuedWarnings.add("no-override-create-property"),window.litIssuedWarnings.add("no-override-get-property-descriptor")),super.finalize(),Array.isArray(this.observers)){let t=this.getOrCreateMap("__complexObservers");this.observers.forEach(e=>{let{method:n,observerProps:i}=os(e);t.set(n,i)})}}static addCheckedInitializer(t){super.addInitializer(e=>{e instanceof this&&t(e)})}static getPropertyDescriptor(t,e,n){let i=super.getPropertyDescriptor(t,e,n),r=i;if(this.getOrCreateMap("__propKeys").set(t,e),n.sync&&(r={get:i.get,set(i){let r=this[t];k(i,r)&&(this[e]=i,this.requestUpdate(t,r,n),this.hasUpdated&&this.performUpdate())},configurable:!0,enumerable:!0}),n.readOnly){let e=r.set;this.addCheckedInitializer(n=>{n[`_set${oa(t)}`]=function(t){e.call(n,t)}}),r={get:r.get,set(){},configurable:!0,enumerable:!0}}if("value"in n&&this.addCheckedInitializer(e=>{let i="function"==typeof n.value?n.value.call(e):n.value;n.readOnly?e[`_set${oa(t)}`](i):e[t]=i}),n.observer){let e=n.observer;this.getOrCreateMap("__observers").set(t,e),this.addCheckedInitializer(t=>{t[e]||console.warn(`observer method ${e} not defined`)})}if(n.notify){if(this.__notifyProps){if(!this.hasOwnProperty("__notifyProps")){let t=this.__notifyProps;this.__notifyProps=new Set(t)}}else this.__notifyProps=new Set;this.__notifyProps.add(t)}if(n.computed){let e=`__assignComputed${t}`,i=os(n.computed);this.prototype[e]=function(...e){this[t]=this[i.method](...e)},this.getOrCreateMap("__computedObservers").set(e,i.observerProps)}return n.attribute||(n.attribute=oo(t)),r}static get polylitConfig(){return{asyncFirstRender:!1}}connectedCallback(){super.connectedCallback();let{polylitConfig:t}=this.constructor;this.hasUpdated||t.asyncFirstRender||this.performUpdate()}firstUpdated(){super.firstUpdated(),this.$||(this.$={}),this.renderRoot.querySelectorAll("[id]").forEach(t=>{this.$[t.id]=t})}ready(){}willUpdate(t){this.constructor.__computedObservers&&this.__runComplexObservers(t,this.constructor.__computedObservers)}updated(t){let e=this.__isReadyInvoked;this.__isReadyInvoked=!0,this.constructor.__observers&&this.__runObservers(t,this.constructor.__observers),this.constructor.__complexObservers&&this.__runComplexObservers(t,this.constructor.__complexObservers),this.__dynamicPropertyObservers&&this.__runDynamicObservers(t,this.__dynamicPropertyObservers),this.__dynamicMethodObservers&&this.__runComplexObservers(t,this.__dynamicMethodObservers),this.constructor.__notifyProps&&this.__runNotifyProps(t,this.constructor.__notifyProps),e||this.ready()}setProperties(t){Object.entries(t).forEach(([t,e])=>{let n=this.constructor.__propKeys.get(t),i=this[n];this[n]=e,this.requestUpdate(t,i)}),this.hasUpdated&&this.performUpdate()}_createMethodObserver(t){let e=ol(this,"__dynamicMethodObservers"),{method:n,observerProps:i}=os(t);e.set(n,i)}_createPropertyObserver(t,e){ol(this,"__dynamicPropertyObservers").set(e,t)}__runComplexObservers(t,e){e.forEach((e,n)=>{e.some(e=>t.has(e))&&(this[n]?this[n](...e.map(t=>this[t])):console.warn(`observer method ${n} not defined`))})}__runDynamicObservers(t,e){e.forEach((e,n)=>{t.has(e)&&this[n]&&this[n](this[e],t.get(e))})}__runObservers(t,e){t.forEach((t,n)=>{let i=e.get(n);void 0!==i&&this[i]&&this[i](this[n],t)})}__runNotifyProps(t,e){t.forEach((t,n)=>{e.has(n)&&this.dispatchEvent(new CustomEvent(`${oo(n)}-changed`,{detail:{value:this[n]}}))})}_get(t,e){return t.split(".").reduce((t,e)=>t?t[e]:void 0,e)}_set(t,e,n){let i,r;r=(i=t.split(".")).pop(),i.reduce((t,e)=>t[e],n)[r]=e}}),oc=0,om=0,op=[],ou=!1,oh={after:t=>({run:e=>window.setTimeout(e,t),cancel(t){window.clearTimeout(t)}}),run:(t,e)=>window.setTimeout(t,e),cancel(t){window.clearTimeout(t)}},of={run:t=>window.requestIdleCallback?window.requestIdleCallback(t):window.setTimeout(t,16),cancel(t){window.cancelIdleCallback?window.cancelIdleCallback(t):window.clearTimeout(t)}},og={run(t){ou||(ou=!0,queueMicrotask(()=>(function(){ou=!1;let t=op.length;for(let e=0;e<t;e++){let t=op[e];if(t)try{t()}catch(t){setTimeout(()=>{throw t})}}op.splice(0,t),om+=t})())),op.push(t);let e=oc;return oc+=1,e},cancel(t){let e=t-om;if(e>=0){if(!op[e])throw Error(`invalid async handle: ${t}`);op[e]=null}}},ob="string"==typeof document.head.style.touchAction,o_="__polymerGestures",ov="__polymerGesturesHandled",oy="__polymerGesturesTouchAction",ox=["mousedown","mousemove","mouseup","click"],ow=[0,1,4,2],ok=function(){try{return 1===new MouseEvent("test",{buttons:1}).buttons}catch(t){return!1}}();function oE(t){return ox.indexOf(t)>-1}try{let t=Object.defineProperty({},"passive",{get(){}});window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(t){}let oC=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/u),oA={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function oT(t){let e=t.type;if(!oE(e))return!1;if("mousemove"===e){let e=t.buttons??1;return t instanceof window.MouseEvent&&!ok&&(e=ow[t.which]||0),!!(1&e)}return 0===(t.button??0)}let oI={x:0,y:0,id:-1,scrollDecided:!1};function oO(t,e,n){t.movefn=e,t.upfn=n,document.addEventListener("mousemove",e),document.addEventListener("mouseup",n)}function oS(t){document.removeEventListener("mousemove",t.movefn),document.removeEventListener("mouseup",t.upfn),t.movefn=null,t.upfn=null}let oL=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:t=>t.composedPath&&t.composedPath()||[],oM={},oN=[];function oD(t,e){let n=document.elementFromPoint(t,e),i=n;for(;i?.shadowRoot&&!window.ShadyDOM&&i!==(i=i.shadowRoot.elementFromPoint(t,e));)i&&(n=i);return n}function oR(t){let e=oL(t);return e.length>0?e[0]:t.target}function oz(t){let e=t.type,n=t.currentTarget[o_];if(!n)return;let i=n[e];if(!i)return;if(!t[ov]&&(t[ov]={},e.startsWith("touch"))){let n=t.changedTouches[0];if("touchstart"===e&&1===t.touches.length&&(oI.id=n.identifier),oI.id!==n.identifier)return;ob||"touchstart"!==e&&"touchmove"!==e||function(t){let e=t.changedTouches[0],n=t.type;if("touchstart"===n)oI.x=e.clientX,oI.y=e.clientY,oI.scrollDecided=!1;else if("touchmove"===n){if(oI.scrollDecided)return;oI.scrollDecided=!0;let n=function(t){let e="auto",n=oL(t);for(let t=0,i;t<n.length;t++)if((i=n[t])[oy]){e=i[oy];break}return e}(t),i=!1,r=Math.abs(oI.x-e.clientX),o=Math.abs(oI.y-e.clientY);t.cancelable&&("none"===n?i=!0:"pan-x"===n?i=o>r:"pan-y"===n&&(i=r>o)),i?t.preventDefault():oF("track")}}(t)}let r=t[ov];if(!r.skip){for(let e=0,n;e<oN.length;e++)i[(n=oN[e]).name]&&!r[n.name]&&n.flow&&n.flow.start.indexOf(t.type)>-1&&n.reset&&n.reset();for(let n=0,o;n<oN.length;n++)i[(o=oN[n]).name]&&!r[o.name]&&(r[o.name]=!0,o[e](t))}}function oP(t,e,n){return!!oM[e]&&(function(t,e,n){var i,r;let o=oM[e],a=o.deps,s=o.name,l=t[o_];l||(t[o_]=l={});for(let e=0,n,i;e<a.length;e++)n=a[e],oC&&oE(n)&&"click"!==n||((i=l[n])||(l[n]=i={_count:0}),0===i._count&&t.addEventListener(n,oz,void oE(n)),i[s]=(i[s]||0)+1,i._count=(i._count||0)+1);t.addEventListener(e,n),o.touchAction&&(i=t,r=o.touchAction,ob&&i instanceof HTMLElement&&og.run(()=>{i.style.touchAction=r}),i[oy]=r)}(t,e,n),!0)}function oj(t){oN.push(t),t.emits.forEach(e=>{oM[e]=t})}function o$(t,e,n){let i=new Event(e,{bubbles:!0,cancelable:!0,composed:!0});if(i.detail=n,t.dispatchEvent(i),i.defaultPrevented){let t=n.preventer||n.sourceEvent;t?.preventDefault&&t.preventDefault()}}function oF(t){let e=function(t){for(let e=0,n;e<oN.length;e++){n=oN[e];for(let e=0;e<n.emits.length;e++)if(n.emits[e]===t)return n}return null}(t);e.info&&(e.info.prevent=!0)}function oB(t,e,n,i){e&&o$(e,t,{x:n.clientX,y:n.clientY,sourceEvent:n,preventer:i,prevent:t=>oF(t)})}function oU(t,e,n){if(t.prevent)return!1;if(t.started)return!0;let i=Math.abs(t.x-e),r=Math.abs(t.y-n);return i>=5||r>=5}function oH(t,e,n){if(!e)return;let i=t.moves[t.moves.length-2],r=t.moves[t.moves.length-1],o=r.x-t.x,a=r.y-t.y,s,l=0;i&&(s=r.x-i.x,l=r.y-i.y),o$(e,"track",{state:t.state,x:n.clientX,y:n.clientY,dx:o,dy:a,ddx:s,ddy:l,sourceEvent:n,hover:()=>oD(n.clientX,n.clientY)})}function oV(t,e,n){let i=Math.abs(e.clientX-t.x),r=Math.abs(e.clientY-t.y),o=oR(n||e);!(!o||oA[o.localName]&&o.hasAttribute("disabled"))&&(isNaN(i)||isNaN(r)||i<=25&&r<=25||function(t){if("click"===t.type){if(0===t.detail)return!0;let e=oR(t);if(!e.nodeType||e.nodeType!==Node.ELEMENT_NODE)return!0;let n=e.getBoundingClientRect(),i=t.pageX,r=t.pageY;return!(i>=n.left&&i<=n.right&&r>=n.top&&r<=n.bottom)}return!1}(e))&&!t.prevent&&o$(o,"tap",{x:e.clientX,y:e.clientY,sourceEvent:e,preventer:n})}oj({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){oS(this.info)},mousedown(t){if(!oT(t))return;let e=oR(t),n=this;oO(this.info,t=>{oT(t)||(oB("up",e,t),oS(n.info))},t=>{oT(t)&&oB("up",e,t),oS(n.info)}),oB("down",e,t)},touchstart(t){oB("down",oR(t),t.changedTouches[0],t)},touchend(t){oB("up",oR(t),t.changedTouches[0],t)}}),oj({name:"track",touchAction:"none",deps:["mousedown","touchstart","touchmove","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["track"],info:{x:0,y:0,state:"start",started:!1,moves:[],addMove(t){this.moves.length>2&&this.moves.shift(),this.moves.push(t)},movefn:null,upfn:null,prevent:!1},reset(){this.info.state="start",this.info.started=!1,this.info.moves=[],this.info.x=0,this.info.y=0,this.info.prevent=!1,oS(this.info)},mousedown(t){if(!oT(t))return;let e=oR(t),n=this,i=t=>{let i=t.clientX,r=t.clientY;oU(n.info,i,r)&&(n.info.state=n.info.started?"mouseup"===t.type?"end":"track":"start","start"===n.info.state&&oF("tap"),n.info.addMove({x:i,y:r}),oT(t)||(n.info.state="end",oS(n.info)),e&&oH(n.info,e,t),n.info.started=!0)};oO(this.info,i,t=>{n.info.started&&i(t),oS(n.info)}),this.info.x=t.clientX,this.info.y=t.clientY},touchstart(t){let e=t.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchmove(t){let e=oR(t),n=t.changedTouches[0],i=n.clientX,r=n.clientY;oU(this.info,i,r)&&("start"===this.info.state&&oF("tap"),this.info.addMove({x:i,y:r}),oH(this.info,e,n),this.info.state="track",this.info.started=!0)},touchend(t){let e=oR(t),n=t.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:n.clientX,y:n.clientY}),oH(this.info,e,n))}}),oj({name:"tap",deps:["mousedown","click","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["click","touchend"]},emits:["tap"],info:{x:0/0,y:0/0,prevent:!1},reset(){this.info.x=0/0,this.info.y=0/0,this.info.prevent=!1},mousedown(t){oT(t)&&(this.info.x=t.clientX,this.info.y=t.clientY)},click(t){oT(t)&&oV(this.info,t)},touchstart(t){let e=t.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchend(t){oV(this.info,t.changedTouches[0],t)}});let oY=on(t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0,sync:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}),oX=on(t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",t=>{this._onKeyDown(t)}),this.addEventListener("keyup",t=>{this._onKeyUp(t)})}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}),oG=t=>class extends oY(oX(t)){get _activeKeys(){return[" "]}ready(){super.ready(),oP(this,"down",t=>{this._shouldSetActive(t)&&this._setActive(!0)}),oP(this,"up",()=>{this._setActive(!1)})}disconnectedCallback(){super.disconnectedCallback(),this._setActive(!1)}_shouldSetActive(t){return!this.disabled}_onKeyDown(t){super._onKeyDown(t),this._shouldSetActive(t)&&this._activeKeys.includes(t.key)&&(this._setActive(!0),document.addEventListener("keyup",t=>{this._activeKeys.includes(t.key)&&this._setActive(!1)},{once:!0}))}_setActive(t){this.toggleAttribute("active",t)}},oK=!1;function oq(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function oW(t){let e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;let n=window.getComputedStyle(t);return"hidden"===n.visibility||"none"===n.display}function oQ(t){return t.checkVisibility?!t.checkVisibility({visibilityProperty:!0}):null===t.offsetParent&&0===t.clientWidth&&0===t.clientHeight||oW(t)}function oZ(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}function oJ(t){return t.getRootNode().activeElement===t}window.addEventListener("keydown",()=>{oK=!0},{capture:!0}),window.addEventListener("mousedown",()=>{oK=!1},{capture:!0});let o0=on(t=>class extends t{get _keyboardActive(){return oK}ready(){this.addEventListener("focusin",t=>{this._shouldSetFocus(t)&&this._setFocused(!0)}),this.addEventListener("focusout",t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)}),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}focus(t){super.focus(t),t?.focusVisible!==!1&&this.setAttribute("focus-ring","")}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}),o1=t=>class extends oG(o0(t)){static get properties(){return{_hasVaadinItemMixin:{value:!0},selected:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_selectedChanged",sync:!0},_value:String}}get _activeKeys(){return["Enter"," "]}get value(){return this._value??this.textContent.trim()}set value(t){this._value=t}ready(){super.ready();let t=this.getAttribute("value");null!==t&&(this.value=t),this.__shouldAllowFocusWhenDisabled()&&this.style.setProperty("--_vaadin-item-disabled-pointer-events","auto")}focus(t){(!this.disabled||this.__shouldAllowFocusWhenDisabled())&&super.focus(t)}_shouldSetActive(t){return!this.disabled&&!("keydown"===t.type&&t.defaultPrevented)}_selectedChanged(t){this.setAttribute("aria-selected",t)}_disabledChanged(t){super._disabledChanged(t),t&&(this.selected=!1,this.__shouldAllowFocusWhenDisabled()||this.blur())}_onKeyDown(t){super._onKeyDown(t),this._activeKeys.includes(t.key)&&!t.defaultPrevented&&(t.preventDefault(),this.click())}__shouldAllowFocusWhenDisabled(){return!1}};function o2(t){try{CSS.registerProperty(t)}catch(e){if(e instanceof DOMException&&"InvalidModificationError"===e.name)console.warn(`The CSS property ${t.name} has already been registered.`);else throw e}}class o5 extends EventTarget{#t;#e=new Set;#n;#i=!1;constructor(t){super(),this.#t=t,this.#n=new CSSStyleSheet}#r(t){let{propertyName:e}=t;this.#e.has(e)&&this.dispatchEvent(new CustomEvent("property-changed",{detail:{propertyName:e}}))}observe(t){this.connect(),this.#e.has(t)||(this.#e.add(t),this.#n.replaceSync(`
|
|
758
|
+
:root::before, :host::before {
|
|
759
|
+
content: '' !important;
|
|
760
|
+
position: absolute !important;
|
|
761
|
+
top: -9999px !important;
|
|
762
|
+
left: -9999px !important;
|
|
763
|
+
visibility: hidden !important;
|
|
764
|
+
transition: 1ms allow-discrete step-end !important;
|
|
765
|
+
transition-property: ${[...this.#e].join(", ")} !important;
|
|
766
|
+
}
|
|
767
|
+
`))}connect(){this.#i||(this.#t.adoptedStyleSheets.unshift(this.#n),this.#o.addEventListener("transitionstart",t=>this.#r(t)),this.#o.addEventListener("transitionend",t=>this.#r(t)),this.#i=!0)}disconnect(){this.#e.clear(),this.#t.adoptedStyleSheets=this.#t.adoptedStyleSheets.filter(t=>t!==this.#n),this.#o.removeEventListener("transitionstart",this.#r),this.#o.removeEventListener("transitionend",this.#r),this.#i=!1}get #o(){return this.#t.documentElement??this.#t.host}static for(t){return t.__cssPropertyObserver||=new o5(t),t.__cssPropertyObserver}}function o4(t){c(t.shadowRoot,function(t){let{baseStyles:e,themeStyles:n,elementStyles:i,lumoInjector:r}=t.constructor,o=t.__lumoStyleSheet;return o?[...r.includeBaseStyles?e??i:[],o,...n??[]]:i}(t))}function o3(t,e){t.__lumoStyleSheet=e,o4(t)}function o7(t){t.__lumoStyleSheet=void 0,o4(t)}let o8=new Set;function o6(t){o8.has(t)||(o8.add(t),console.warn(t))}let o9=new WeakMap;function at(t){try{return t.media.mediaText}catch{return o6('[LumoInjector] Browser denied to access property "mediaText" for some CSS rules, so they were skipped.'),""}}function ae(t){return`--_lumo-${t.is}-inject`}class an{#t;#a;#s=new Map;#l=new Map;constructor(t=document){this.#t=t,this.handlePropertyChange=this.handlePropertyChange.bind(this),this.#a=o5.for(t),this.#a.addEventListener("property-changed",this.handlePropertyChange)}disconnect(){this.#a.removeEventListener("property-changed",this.handlePropertyChange),this.#s.clear(),this.#l.values().forEach(t=>t.forEach(o7))}forceUpdate(){for(let t of this.#s.keys())this.#d(t)}componentConnected(t){let{lumoInjector:e}=t.constructor,{is:n}=e;this.#l.set(n,this.#l.get(n)??new Set),this.#l.get(n).add(t);let i=this.#s.get(n);if(i){i.cssRules.length>0&&o3(t,i);return}this.#c(n);let r=ae(e);this.#a.observe(r)}componentDisconnected(t){let{is:e}=t.constructor.lumoInjector;this.#l.get(e)?.delete(t),o7(t)}handlePropertyChange(t){let{propertyName:e}=t.detail,n=e.match(/^--_lumo-(.*)-inject$/u)?.[1];n&&this.#d(n)}#c(t){this.#s.set(t,new CSSStyleSheet),this.#d(t)}#d(t){let{tags:e,modules:n}=function(t){let e=new Map,n=new Map;for(let i of t){let t=o9.get(i);t||(t=function t(e,n={tags:new Map,modules:new Map}){for(let i of function(t){try{return t.cssRules}catch{return o6('[LumoInjector] Browser denied to access property "cssRules" for some CSS stylesheets, so they were skipped.'),[]}}(e)){if(i instanceof CSSImportRule){let e=at(i);e.startsWith("lumo_")?n.modules.set(e,[...i.styleSheet.cssRules]):t(i.styleSheet,n);continue}if(i instanceof CSSMediaRule){let t=at(i);t.startsWith("lumo_")&&n.modules.set(t,[...i.cssRules]);continue}if(i instanceof CSSStyleRule&&i.cssText.includes("-inject")){for(let t of i.style){let e=t.match(/^--_lumo-(.*)-inject-modules$/u)?.[1];if(!e)continue;let r=i.style.getPropertyValue(t);n.tags.set(e,r.split(",").map(t=>t.trim().replace(/'|"/gu,"")))}continue}}return n}(i),o9.set(i,t)),e=new Map([...e,...t.tags]),n=new Map([...n,...t.modules])}return{tags:e,modules:n}}(this.#m),i=(e.get(t)??[]).flatMap(t=>n.get(t)??[]).map(t=>t.cssText).join("\n"),r=this.#s.get(t);r.replaceSync(i),this.#l.get(t)?.forEach(t=>{i?o3(t,r):o7(t)})}get #m(){let t=new Set;for(let e of[this.#t,document])t=(t=t.union(new Set(e.styleSheets))).union(new Set(e.adoptedStyleSheets));return[...t]}}let ai=new Set,ar=t=>class extends t{static finalize(){super.finalize();let t=ae(this.lumoInjector);this.is&&!ai.has(t)&&(ai.add(t),o2({name:t,syntax:"<number>",inherits:!0,initialValue:"0"}))}static get lumoInjector(){return{is:this.is,includeBaseStyles:!1}}connectedCallback(){super.connectedCallback();let t=function t(e){let n=e.getRootNode();return n.host&&n.host.constructor.version?t(n.host):n}(this);!t.__lumoInjectorDisabled&&this.isConnected&&(t.__lumoInjector||=new an(t),this.__lumoInjector=t.__lumoInjector,this.__lumoInjector.componentConnected(this))}disconnectedCallback(){super.disconnectedCallback(),this.__lumoInjector&&(this.__lumoInjector.componentDisconnected(this),this.__lumoInjector=void 0)}},ao=t=>class extends t{static get properties(){return{_theme:{type:String,readOnly:!0}}}static get observedAttributes(){return[...super.observedAttributes,"theme"]}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),"theme"===t&&this._set_theme(n)}},aa=[],as=new Set,al=new Set,ad=t=>class extends ao(t){constructor(){super(),as.add(new WeakRef(this))}static finalize(){if(super.finalize(),this.is&&al.add(this.is),this.elementStyles)return;let t=this.prototype._template;if(!(!t||this&&Object.prototype.hasOwnProperty.call(this,"__themes"))){var e=this.getStylesForThis();let n=document.createElement("style");n.id="vaadin-themable-mixin-style",n.textContent=e.map(t=>t.cssText).join("\n"),t.content.appendChild(n)}}static finalizeStyles(t){return this.baseStyles=t?[t].flat(1/0):[],this.themeStyles=this.getStylesForThis(),[...this.baseStyles,...this.themeStyles]}static getStylesForThis(){var e;let n,i,r=t.__themes||[],o=Object.getPrototypeOf(this.prototype),a=(o?o.constructor.__themes:[])||[];this.__themes=[...r,...a,...(e=this.is,n=`${e}-default-theme`,(i=aa.filter(t=>{var i;return t.moduleId!==n&&(i=t.themeFor,(i||"").split(" ").some(t=>RegExp(`^${t.split("*").join(".*")}$`,"u").test(e)))}).map(t=>({...t,styles:[...function t(e){let n=[];return e.include&&[].concat(e.include).forEach(e=>{let i=aa.find(t=>t.moduleId===e);i?n.push(...t(i),...i.styles):console.warn(`Included moduleId ${e} not found in style registry`)},e.styles),n}(t),...t.styles],includePriority:function(t=""){let e=0;return t.startsWith("lumo-")||t.startsWith("material-")?e=1:t.startsWith("vaadin-")&&(e=2),e}(t.moduleId)})).sort((t,e)=>e.includePriority-t.includePriority)).length>0?i:aa.filter(t=>t.moduleId===n))];let s=this.__themes.flatMap(t=>t.styles);return s.filter((t,e)=>e===s.lastIndexOf(t))}};["--vaadin-text-color","--vaadin-text-color-disabled","--vaadin-text-color-secondary","--vaadin-border-color","--vaadin-border-color-secondary","--vaadin-background-color"].forEach(t=>{o2({name:t,syntax:"<color>",inherits:!0,initialValue:"transparent"})}),((t,...e)=>{let n=document.createElement("style");n.id=t,n.textContent=e.map(t=>t.toString()).join("\n"),document.head.insertAdjacentElement("afterbegin",n)})("vaadin-base",d`
|
|
768
|
+
@layer vaadin.base {
|
|
769
|
+
html {
|
|
770
|
+
/* Background color */
|
|
771
|
+
--vaadin-background-color: light-dark(#fff, #222);
|
|
772
|
+
|
|
773
|
+
/* Container colors */
|
|
774
|
+
--vaadin-background-container: color-mix(in oklab, var(--vaadin-text-color) 5%, var(--vaadin-background-color));
|
|
775
|
+
--vaadin-background-container-strong: color-mix(
|
|
776
|
+
in oklab,
|
|
777
|
+
var(--vaadin-text-color) 10%,
|
|
778
|
+
var(--vaadin-background-color)
|
|
779
|
+
);
|
|
780
|
+
|
|
781
|
+
/* Border colors */
|
|
782
|
+
--vaadin-border-color-secondary: color-mix(in oklab, var(--vaadin-text-color) 24%, transparent);
|
|
783
|
+
--vaadin-border-color: color-mix(in oklab, var(--vaadin-text-color) 48%, transparent); /* Above 3:1 contrast */
|
|
784
|
+
|
|
785
|
+
/* Text colors */
|
|
786
|
+
/* Above 3:1 contrast */
|
|
787
|
+
--vaadin-text-color-disabled: color-mix(in oklab, var(--vaadin-text-color) 48%, transparent);
|
|
788
|
+
/* Above 4.5:1 contrast */
|
|
789
|
+
--vaadin-text-color-secondary: color-mix(in oklab, var(--vaadin-text-color) 68%, transparent);
|
|
790
|
+
/* Above 7:1 contrast */
|
|
791
|
+
--vaadin-text-color: light-dark(#1f1f1f, white);
|
|
792
|
+
|
|
793
|
+
/* Padding */
|
|
794
|
+
--vaadin-padding-xs: 6px;
|
|
795
|
+
--vaadin-padding-s: 8px;
|
|
796
|
+
--vaadin-padding-m: 12px;
|
|
797
|
+
--vaadin-padding-l: 16px;
|
|
798
|
+
--vaadin-padding-xl: 24px;
|
|
799
|
+
--vaadin-padding-block-container: var(--vaadin-padding-xs);
|
|
800
|
+
--vaadin-padding-inline-container: var(--vaadin-padding-s);
|
|
801
|
+
|
|
802
|
+
/* Gap/spacing */
|
|
803
|
+
--vaadin-gap-xs: 6px;
|
|
804
|
+
--vaadin-gap-s: 8px;
|
|
805
|
+
--vaadin-gap-m: 12px;
|
|
806
|
+
--vaadin-gap-l: 16px;
|
|
807
|
+
--vaadin-gap-xl: 24px;
|
|
808
|
+
|
|
809
|
+
/* Border radius */
|
|
810
|
+
--vaadin-radius-s: 3px;
|
|
811
|
+
--vaadin-radius-m: 6px;
|
|
812
|
+
--vaadin-radius-l: 12px;
|
|
813
|
+
|
|
814
|
+
/* Focus outline */
|
|
815
|
+
--vaadin-focus-ring-width: 2px;
|
|
816
|
+
--vaadin-focus-ring-color: var(--vaadin-text-color);
|
|
817
|
+
|
|
818
|
+
/* Icons, used as mask-image */
|
|
819
|
+
--_vaadin-icon-arrow-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>');
|
|
820
|
+
--_vaadin-icon-calendar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>');
|
|
821
|
+
--_vaadin-icon-checkmark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" /></svg>');
|
|
822
|
+
--_vaadin-icon-chevron-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');
|
|
823
|
+
--_vaadin-icon-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>');
|
|
824
|
+
--_vaadin-icon-clock: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 6v6l4 2"/><circle cx="12" cy="12" r="10"/></svg>');
|
|
825
|
+
--_vaadin-icon-cross: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>');
|
|
826
|
+
--_vaadin-icon-drag: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M11 7c0 .82843-.6716 1.5-1.5 1.5C8.67157 8.5 8 7.82843 8 7s.67157-1.5 1.5-1.5c.8284 0 1.5.67157 1.5 1.5Zm0 5c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5Zm0 5c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5Zm5-10c0 .82843-.6716 1.5-1.5 1.5S13 7.82843 13 7s.6716-1.5 1.5-1.5S16 6.17157 16 7Zm0 5c0 .8284-.6716 1.5-1.5 1.5S13 12.8284 13 12s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm0 5c0 .8284-.6716 1.5-1.5 1.5S13 17.8284 13 17s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z" fill="currentColor"/></svg>');
|
|
827
|
+
--_vaadin-icon-ellipsis: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg>');
|
|
828
|
+
--_vaadin-icon-eye: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /></svg>');
|
|
829
|
+
--_vaadin-icon-eye-slash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" /></svg>');
|
|
830
|
+
--_vaadin-icon-file: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg>');
|
|
831
|
+
--_vaadin-icon-fullscreen: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" /></svg>');
|
|
832
|
+
--_vaadin-icon-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>');
|
|
833
|
+
--_vaadin-icon-link: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>');
|
|
834
|
+
--_vaadin-icon-menu: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>');
|
|
835
|
+
--_vaadin-icon-minus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>');
|
|
836
|
+
--_vaadin-icon-paper-airplane: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" /></svg>');
|
|
837
|
+
--_vaadin-icon-pen: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>');
|
|
838
|
+
--_vaadin-icon-play: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" /></svg>');
|
|
839
|
+
--_vaadin-icon-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>');
|
|
840
|
+
--_vaadin-icon-redo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"/></svg>');
|
|
841
|
+
--_vaadin-icon-refresh: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M22 10C22 10 19.995 7.26822 18.3662 5.63824C16.7373 4.00827 14.4864 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.1031 21 19.5649 18.2543 20.6482 14.5M22 10V4M22 10H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
|
|
842
|
+
--_vaadin-icon-resize: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.5303 7.46967c.2929.29289.2929.76777 0 1.06066L8.53033 18.5304c-.29289.2929-.76777.2929-1.06066 0s-.29289-.7678 0-1.0607L17.4697 7.46967c.2929-.29289.7677-.29289 1.0606 0Zm0 4.50003c.2929.2929.2929.7678 0 1.0607l-5.5 5.5c-.2929.2928-.7677.2928-1.0606 0-.2929-.2929-.2929-.7678 0-1.0607l5.4999-5.5c.2929-.2929.7678-.2929 1.0607 0Zm0 4.5c.2929.2928.2929.7677 0 1.0606l-1 1.0001c-.2929.2928-.7677.2929-1.0606 0-.2929-.2929-.2929-.7678 0-1.0607l1-1c.2929-.2929.7677-.2929 1.0606 0Z" fill="currentColor"/></svg>');
|
|
843
|
+
--_vaadin-icon-slash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="13.7812" y="4.22583" width="1.5" height="16" rx="0.75" transform="rotate(20 13.7812 4.22583)" fill="currentColor"/></svg>');
|
|
844
|
+
--_vaadin-icon-sort: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" viewBox="0 0 8 12" fill="none"><path d="M7.49854 6.99951C7.92795 6.99951 8.15791 7.50528 7.87549 7.82861L4.37646 11.8296C4.17728 12.0571 3.82272 12.0571 3.62354 11.8296L0.125488 7.82861C-0.157248 7.50531 0.0719873 6.99956 0.501465 6.99951H7.49854ZM3.62354 0.17041C3.82275 -0.0573875 4.17725 -0.0573848 4.37646 0.17041L7.87549 4.17041C8.15825 4.49373 7.92806 5.00049 7.49854 5.00049L0.501465 4.99951C0.0719873 4.99946 -0.157248 4.49371 0.125488 4.17041L3.62354 0.17041Z" fill="black"/></svg>');
|
|
845
|
+
--_vaadin-icon-undo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/></svg>');
|
|
846
|
+
--_vaadin-icon-upload: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="m17 8-5-5-5 5"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/></svg>');
|
|
847
|
+
--_vaadin-icon-user: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>');
|
|
848
|
+
--_vaadin-icon-warn: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>');
|
|
849
|
+
|
|
850
|
+
/* Cursors for interactive elements */
|
|
851
|
+
--vaadin-clickable-cursor: pointer;
|
|
852
|
+
--vaadin-disabled-cursor: not-allowed;
|
|
853
|
+
|
|
854
|
+
/* Use units so that the values can be used in calc() */
|
|
855
|
+
--safe-area-inset-top: env(safe-area-inset-top, 0px);
|
|
856
|
+
--safe-area-inset-right: env(safe-area-inset-right, 0px);
|
|
857
|
+
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
|
|
858
|
+
--safe-area-inset-left: env(safe-area-inset-left, 0px);
|
|
859
|
+
--safe-area-inset-inline-start: var(--safe-area-inset-left);
|
|
860
|
+
--safe-area-inset-inline-end: var(--safe-area-inset-right);
|
|
861
|
+
|
|
862
|
+
&:dir(rtl) {
|
|
863
|
+
--safe-area-inset-inline-start: var(--safe-area-inset-right);
|
|
864
|
+
--safe-area-inset-inline-end: var(--safe-area-inset-left);
|
|
865
|
+
}
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
@supports not (color: hsl(0 0 0)) {
|
|
869
|
+
html {
|
|
870
|
+
--_vaadin-safari-17-deg: 1deg;
|
|
871
|
+
}
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
@media (forced-colors: active) {
|
|
875
|
+
html {
|
|
876
|
+
--vaadin-background-color: Canvas;
|
|
877
|
+
--vaadin-border-color: CanvasText;
|
|
878
|
+
--vaadin-border-color-secondary: CanvasText;
|
|
879
|
+
--vaadin-text-color-disabled: CanvasText;
|
|
880
|
+
--vaadin-text-color-secondary: CanvasText;
|
|
881
|
+
--vaadin-text-color: CanvasText;
|
|
882
|
+
--vaadin-icon-color: CanvasText;
|
|
883
|
+
--vaadin-focus-ring-color: Highlight;
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
}
|
|
887
|
+
`);let ac=[d`
|
|
888
|
+
:host {
|
|
889
|
+
align-items: center;
|
|
890
|
+
border-radius: var(--vaadin-item-border-radius, var(--vaadin-radius-m));
|
|
891
|
+
box-sizing: border-box;
|
|
892
|
+
cursor: var(--vaadin-clickable-cursor);
|
|
893
|
+
display: flex;
|
|
894
|
+
column-gap: var(--vaadin-item-gap, var(--vaadin-gap-s));
|
|
895
|
+
height: var(--vaadin-item-height, auto);
|
|
896
|
+
padding: var(--vaadin-item-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container));
|
|
897
|
+
-webkit-tap-highlight-color: transparent;
|
|
898
|
+
}
|
|
899
|
+
|
|
900
|
+
:host([focus-ring]) {
|
|
901
|
+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
|
|
902
|
+
outline-offset: calc(var(--vaadin-focus-ring-width) / -1);
|
|
903
|
+
}
|
|
904
|
+
|
|
905
|
+
:host([disabled]) {
|
|
906
|
+
cursor: var(--vaadin-disabled-cursor);
|
|
907
|
+
opacity: 0.5;
|
|
908
|
+
pointer-events: var(--_vaadin-item-disabled-pointer-events, none);
|
|
909
|
+
}
|
|
910
|
+
|
|
911
|
+
:host([hidden]) {
|
|
912
|
+
display: none !important;
|
|
913
|
+
}
|
|
914
|
+
|
|
915
|
+
[part='checkmark'] {
|
|
916
|
+
color: var(--vaadin-item-checkmark-color, inherit);
|
|
917
|
+
display: var(--vaadin-item-checkmark-display, none);
|
|
918
|
+
visibility: hidden;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
[part='checkmark']::before {
|
|
922
|
+
content: '';
|
|
923
|
+
display: block;
|
|
924
|
+
background: currentColor;
|
|
925
|
+
height: var(--vaadin-icon-size, 1lh);
|
|
926
|
+
mask: var(--_vaadin-icon-checkmark) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
|
|
927
|
+
width: var(--vaadin-icon-size, 1lh);
|
|
928
|
+
}
|
|
929
|
+
|
|
930
|
+
:host([selected]) [part='checkmark'] {
|
|
931
|
+
visibility: visible;
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
[part='content'] {
|
|
935
|
+
flex: 1;
|
|
936
|
+
display: flex;
|
|
937
|
+
align-items: center;
|
|
938
|
+
column-gap: inherit;
|
|
939
|
+
justify-content: var(--vaadin-item-text-align, start);
|
|
940
|
+
}
|
|
941
|
+
|
|
942
|
+
@media (forced-colors: active) {
|
|
943
|
+
[part='checkmark']::before {
|
|
944
|
+
background: CanvasText;
|
|
945
|
+
}
|
|
946
|
+
}
|
|
947
|
+
`,d`
|
|
948
|
+
:host([aria-haspopup='true'])::after {
|
|
949
|
+
background: var(--vaadin-text-color-secondary);
|
|
950
|
+
content: '';
|
|
951
|
+
display: block;
|
|
952
|
+
height: var(--vaadin-icon-size, 1lh);
|
|
953
|
+
mask: var(--_vaadin-icon-chevron-down) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
|
|
954
|
+
rotate: -90deg;
|
|
955
|
+
width: var(--vaadin-icon-size, 1lh);
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
:host([dir='rtl'])::after {
|
|
959
|
+
rotate: 90deg;
|
|
960
|
+
}
|
|
961
|
+
|
|
962
|
+
/* TODO would be nice to only reserve the space if
|
|
963
|
+
one or mote items in the list is checkable */
|
|
964
|
+
:host([menu-item-checked]) [part='checkmark'] {
|
|
965
|
+
visibility: visible;
|
|
966
|
+
}
|
|
967
|
+
`];class am extends o1(ad(ot(od(ar(tm))))){static get is(){return"vaadin-menu-bar-item"}static get styles(){return ac}render(){return X`
|
|
968
|
+
<span part="checkmark" aria-hidden="true"></span>
|
|
969
|
+
<div part="content">
|
|
970
|
+
<slot></slot>
|
|
971
|
+
</div>
|
|
972
|
+
`}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem")}__shouldAllowFocusWhenDisabled(){return window.Vaadin.featureFlags.accessibleDisabledMenuItems}}r7(am);let ap=new Set;class au{static debounce(t,e,n){return t instanceof au?t._cancelAsync():t=new au,t.setConfig(e,n),t}constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(t,e){this._asyncModule=t,this._callback=e,this._timer=this._asyncModule.run(()=>{this._timer=null,ap.delete(this),this._callback()})}cancel(){this.isActive()&&(this._cancelAsync(),ap.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}}class ah{constructor(t,e,n={}){this.target=t,this.callback=e,this.forceInitial=n.forceInitial,this._storedNodes=[],this._isSlot=t instanceof HTMLSlotElement,this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),n.syncInitial?this.flush():this._schedule()}connect(){this.target.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.target.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this._scheduled&&this.flush()}))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_collectNodes(){return[...new Set((this._isSlot?[this.target]:[...this.target.querySelectorAll("slot")]).flatMap(t=>t.assignedNodes({flatten:!0})))]}_groupNodesBySlot(t){let e=new Map;return t.forEach(t=>{let n=t.assignedSlot;e.set(n,e.get(n)??[]),e.get(n).push(t)}),e}_collectMovedNodes(t){let e=this._groupNodesBySlot(t),n=this._groupNodesBySlot(this._storedNodes),i=[];return e.forEach((t,e)=>{let r=n.get(e)||[];new Set(r).difference(new Set(t)).size>0||r.forEach((e,n)=>{t.indexOf(e)!==n&&i.push(e)})}),i}_processNodes(){let t=this._collectNodes(),e=t.filter(t=>!this._storedNodes.includes(t)),n=this._storedNodes.filter(e=>!t.includes(e)),i=this._collectMovedNodes(t);(e.length||n.length||i.length||this.forceInitial)&&this.callback({addedNodes:e,currentNodes:t,movedNodes:i,removedNodes:n}),this.forceInitial&&(this.forceInitial=!1),this._storedNodes=t}}let af=t=>class extends oX(t){get focused(){return(this._getItems()||[]).find(oJ)}get _vertical(){return!0}get _tabNavigation(){return!1}focus(t){let e=this._getFocusableIndex();e>=0&&this._focus(e,t)}_getFocusableIndex(){let t=this._getItems();return Array.isArray(t)?this._getAvailableIndex(t,0,null,t=>!oQ(t)):-1}_getItems(){return Array.from(this.children)}_onKeyDown(t){let e,n;if(super._onKeyDown(t),t.metaKey||t.ctrlKey)return;let{key:i,shiftKey:r}=t,o=this._getItems()||[],a=o.indexOf(this.focused),s=this._vertical||"rtl"!==this.getAttribute("dir")?1:-1;this.__isPrevKeyPressed(i,r)?(n=-s,e=a-s):this.__isNextKeyPressed(i,r)?(n=s,e=a+s):"Home"===i?(n=1,e=0):"End"===i&&(n=-1,e=o.length-1),e=this._getAvailableIndex(o,e,n,t=>!oQ(t)),this._tabNavigation&&"Tab"===i&&(e>a&&t.shiftKey||e<a&&!t.shiftKey||e===a)||e>=0&&(t.preventDefault(),this._focus(e,{focusVisible:!0,preventScroll:!0},!0))}__isPrevKeyPressed(t,e){return this._vertical?"ArrowUp"===t:"ArrowLeft"===t||this._tabNavigation&&"Tab"===t&&e}__isNextKeyPressed(t,e){return this._vertical?"ArrowDown"===t:"ArrowRight"===t||this._tabNavigation&&"Tab"===t&&!e}_focus(t,e,n=!1){let i=this._getItems();this._focusItem(i[t],e,n)}_focusItem(t,e){t&&t.focus(e)}_getAvailableIndex(t,e,n,i){let r=t.length,o=e;for(let e=0;"number"==typeof o&&e<r;e+=1,o+=n||1){o<0?o=r-1:o>=r&&(o=0);let e=t[o];if(this._isItemFocusable(e)&&this.__isMatchingItem(e,i))return o}return -1}__isMatchingItem(t,e){return"function"!=typeof e||e(t)}_isItemFocusable(t){return!t.hasAttribute("disabled")}},ag=t=>class extends af(t){static get properties(){return{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},selected:{type:Number,reflectToAttribute:!0,notify:!0,sync:!0},orientation:{type:String,reflectToAttribute:!0,value:""},items:{type:Array,readOnly:!0,notify:!0},_searchBuf:{type:String,value:""}}}static get observers(){return["_enhanceItems(items, orientation, selected, disabled)"]}get _isRTL(){return!this._vertical&&"rtl"===this.getAttribute("dir")}get _scrollerElement(){return console.warn(`Please implement the '_scrollerElement' property in <${this.localName}>`),this}get _vertical(){return"horizontal"!==this.orientation}focus(t){this._observer&&this._observer.flush();let e=Array.isArray(this.items)?this.items:[],n=this._getAvailableIndex(e,0,null,t=>0===t.tabIndex&&!oQ(t));n>=0?this._focus(n,t):super.focus(t)}ready(){super.ready(),this.addEventListener("click",t=>this._onClick(t));let t=this.shadowRoot.querySelector("slot:not([name])");this._observer=new ah(t,()=>{this._setItems(this._filterItems([...this.children]))})}_getItems(){return this.items}_enhanceItems(t,e,n,i){if(!i&&t){this.setAttribute("aria-orientation",e||"vertical"),t.forEach(t=>{e?t.setAttribute("orientation",e):t.removeAttribute("orientation")}),this._setFocusable(n<0||!n?0:n);let i=t[n];t.forEach(t=>{t.selected=t===i}),i&&!i.disabled&&this._scrollToItem(n)}}_filterItems(t){return t.filter(t=>t._hasVaadinItemMixin)}_onClick(t){let e;if(t.metaKey||t.shiftKey||t.ctrlKey||t.defaultPrevented)return;let n=this._filterItems(t.composedPath())[0];n&&!n.disabled&&(e=this.items.indexOf(n))>=0&&(this.selected=e)}_searchKey(t,e){this._searchReset=au.debounce(this._searchReset,oh.after(500),()=>{this._searchBuf=""}),this._searchBuf+=e.toLowerCase(),this.items.some(t=>this.__isMatchingKey(t))||(this._searchBuf=e.toLowerCase());let n=1===this._searchBuf.length?t+1:t;return this._getAvailableIndex(this.items,n,1,t=>this.__isMatchingKey(t)&&"none"!==getComputedStyle(t).display)}__isMatchingKey(t){return t.textContent.replace(/[^\p{L}\p{Nd}]/gu,"").toLowerCase().startsWith(this._searchBuf)}_onKeyDown(t){if(t.metaKey||t.ctrlKey)return;let e=t.key,n=this.items.indexOf(this.focused);if(/[\p{L}\p{Nd}]/u.test(e)&&1===e.length){let t=this._searchKey(n,e);t>=0&&this._focus(t);return}super._onKeyDown(t)}_setFocusable(t){t=this._getAvailableIndex(this.items,t,1);let e=this.items[t];this.items.forEach(t=>{t.tabIndex=t===e?0:-1})}_focus(t,e){this.items.forEach((e,n)=>{e.focused=n===t}),this._setFocusable(t),this._scrollToItem(t),super._focus(t,e??{preventScroll:!0})}_scrollToItem(t){let e=this._getItems()[t];e&&e.scrollIntoView({block:"nearest",inline:"nearest"})}_scroll(t){if(this._vertical)this._scrollerElement.scrollTop+=t;else{var e;let n=this.getAttribute("dir")||"ltr",i=function(t,e){let{scrollLeft:n}=t;return"rtl"!==e?n:t.scrollWidth-t.clientWidth+n}(this._scrollerElement,n)+t;e=this._scrollerElement,"rtl"!==n?e.scrollLeft=i:e.scrollLeft=e.clientWidth-e.scrollWidth+i}}_isItemFocusable(t){return t.disabled&&t.__shouldAllowFocusWhenDisabled?t.__shouldAllowFocusWhenDisabled():super._isItemFocusable(t)}},ab=d`
|
|
973
|
+
:host {
|
|
974
|
+
--vaadin-item-checkmark-display: block;
|
|
975
|
+
display: flex;
|
|
976
|
+
}
|
|
977
|
+
|
|
978
|
+
:host([hidden]) {
|
|
979
|
+
display: none !important;
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
[part='items'] {
|
|
983
|
+
height: 100%;
|
|
984
|
+
overflow-y: auto;
|
|
985
|
+
width: 100%;
|
|
986
|
+
}
|
|
987
|
+
|
|
988
|
+
[part='items'] ::slotted(hr) {
|
|
989
|
+
border-color: var(--vaadin-divider-color, var(--vaadin-border-color-secondary));
|
|
990
|
+
border-width: 0 0 1px;
|
|
991
|
+
margin: 4px 8px;
|
|
992
|
+
margin-inline-start: calc(var(--vaadin-icon-size, 1lh) + var(--vaadin-item-gap, var(--vaadin-gap-s)) + 8px);
|
|
993
|
+
}
|
|
994
|
+
`;class a_ extends ag(ad(ot(od(ar(tm))))){static get is(){return"vaadin-menu-bar-list-box"}static get styles(){return ab}static get properties(){return{orientation:{type:String,readOnly:!0}}}get _scrollerElement(){return this.shadowRoot.querySelector('[part="items"]')}render(){return X`
|
|
995
|
+
<div part="items">
|
|
996
|
+
<slot></slot>
|
|
997
|
+
</div>
|
|
998
|
+
`}ready(){super.ready(),this.setAttribute("role","menu")}}r7(a_);class av{saveFocus(t){this.focusNode=t||oq()}restoreFocus(t){let e=this.focusNode;if(!e)return;let n={preventScroll:!!t&&t.preventScroll,focusVisible:!!t&&t.focusVisible};oq()===document.body?setTimeout(()=>e.focus(n)):e.focus(n),this.focusNode=null}}let ay=[];class ax{constructor(t){this.host=t,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}get __focusableElements(){var t;let e;return t=this.__trapNode,!function t(e,n){if(e.nodeType!==Node.ELEMENT_NODE||oW(e))return!1;let i=oZ(e)?Number(e.getAttribute("tabindex")||0):-1,r=i>0;i>=0&&n.push(e);return[..."slot"===e.localName?e.assignedNodes({flatten:!0}):(e.shadowRoot||e).children].forEach(e=>{r=t(e,n)||r}),r}(t,e=[])?e:function t(e){let n=e.length;if(n<2)return e;let i=Math.ceil(n/2),r=t(e.slice(0,i)),o=t(e.slice(i)),a=[];for(;r.length>0&&o.length>0;)!function(t,e){let n=Math.max(t.tabIndex,0),i=Math.max(e.tabIndex,0);return 0===n||0===i?i>n:n>i}(r[0],o[0])?a.push(r.shift()):a.push(o.shift());return a.concat(r,o)}(e)}get __focusedElementIndex(){let t=this.__focusableElements;return t.indexOf(t.filter(oJ).pop())}hostConnected(){document.addEventListener("keydown",this.__onKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.__onKeyDown)}trapFocus(t){if(this.__trapNode=t,0===this.__focusableElements.length)throw this.__trapNode=null,Error("The trap node should have at least one focusable descendant or be focusable itself.");ay.push(this),-1===this.__focusedElementIndex&&this.__focusableElements[0].focus({focusVisible:oK})}releaseFocus(){this.__trapNode=null,ay.pop()}__onKeyDown(t){if(this.__trapNode&&this===Array.from(ay).pop()&&"Tab"===t.key){if(t.defaultPrevented)return;t.preventDefault();let e=t.shiftKey;this.__focusNextElement(e)}}__focusNextElement(t=!1){let e=this.__focusableElements,n=this.__focusedElementIndex,i=(e.length+n+(t?-1:1))%e.length,r=e[i];r.focus({focusVisible:!0}),"input"===r.localName&&r.select()}}let aw=t=>class extends t{static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__focusTrapController=new ax(this),this.__focusRestorationController=new av}get _contentRoot(){return this}ready(){super.ready(),this.addController(this.__focusTrapController),this.addController(this.__focusRestorationController)}get _focusTrapRoot(){return this.$.overlay}_resetFocus(){if(this.focusTrap&&this.__focusTrapController.releaseFocus(),this.restoreFocusOnClose&&this._shouldRestoreFocus()){let t=oK;this.__focusRestorationController.restoreFocus({preventScroll:!t,focusVisible:t})}}_saveFocus(){this.restoreFocusOnClose&&this.__focusRestorationController.saveFocus(this.restoreFocusNode)}_trapFocus(){this.focusTrap&&!oQ(this._focusTrapRoot)&&this.__focusTrapController.trapFocus(this._focusTrapRoot)}_shouldRestoreFocus(){let t=oq();return t===document.body||this._deepContains(t)}_deepContains(t){if(this._contentRoot.contains(t))return!0;let e=t,n=t.ownerDocument;for(;e&&e!==n&&e!==this._contentRoot;)e=e.parentNode||e.host;return e===this._contentRoot}};function ak(t){return t?new Set(t.split(" ")):new Set}function aE(t){return t?[...t].join(" "):""}function aC(t,e,n){let i=[t];t.owner&&i.push(t.owner),"string"==typeof n?i.forEach(t=>{t.setAttribute(e,n)}):n?i.forEach(t=>{t.setAttribute(e,"")}):i.forEach(t=>{t.removeAttribute(e)})}let aA={start:"top",end:"bottom"},aT={start:"left",end:"right"},aI=new ResizeObserver(t=>{setTimeout(()=>{t.forEach(t=>{t.target.__overlay&&t.target.__overlay._updatePosition()})})}),aO=t=>class extends t{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!0}}}constructor(){super(),this._hasOverlayPositionMixin=!0,this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}updated(t){if(super.updated(t),t.has("positionTarget")){let e=t.get("positionTarget");this.__oldContentWidth=void 0,this.__oldContentHeight=void 0,(!this.positionTarget&&e||this.positionTarget&&!e&&this.__margins)&&this.__resetPosition()}(t.has("opened")||t.has("positionTarget"))&&this.__updatePositionSettings(this.opened,this.positionTarget),["horizontalAlign","verticalAlign","noHorizontalOverlap","noVerticalOverlap","requiredVerticalSpace"].some(e=>t.has(e))&&this._updatePosition()}__addUpdatePositionEventListeners(){window.visualViewport.addEventListener("resize",this._updatePosition),window.visualViewport.addEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes=function(t){let e=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}if(t.nodeType===Node.DOCUMENT_FRAGMENT_NODE){e.push(t),t=t.host;continue}if(t.assignedSlot){t=t.assignedSlot;continue}t=t.parentNode}return e}(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach(t=>{t.addEventListener("scroll",this.__onScroll,!0)}),this.positionTarget&&(this.__observePositionTargetMove=function(t,e){let n,i=null,r=document.documentElement;function o(){n&&clearTimeout(n),i?.disconnect(),i=null}return!function a(s=!1,l=1){o();let{left:d,top:c,width:m,height:p}=t.getBoundingClientRect();if(s||e(),!m||!p)return;let u=Math.floor(c),h=Math.floor(r.clientWidth-(d+m)),f=Math.floor(r.clientHeight-(c+p)),g=Math.floor(d),b=!0;(i=new IntersectionObserver(function(t){let e=t[0].intersectionRatio;if(e!==l){if(!b)return a();e?a(!1,e):n=setTimeout(()=>{a(!1,1e-7)},1e3)}b=!1},{rootMargin:`${-u}px ${-h}px ${-f}px ${-g}px`,threshold:Math.max(0,Math.min(1,l))||1})).observe(t)}(!0),o}(this.positionTarget,()=>{this._updatePosition()}))}__removeUpdatePositionEventListeners(){window.visualViewport.removeEventListener("resize",this._updatePosition),window.visualViewport.removeEventListener("scroll",this.__onScroll,!0),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach(t=>{t.removeEventListener("scroll",this.__onScroll,!0)}),this.__positionTargetAncestorRootNodes=null),this.__observePositionTargetMove&&(this.__observePositionTargetMove(),this.__observePositionTargetMove=null)}__updatePositionSettings(t,e){if(this.__removeUpdatePositionEventListeners(),e&&(e.__overlay=null,aI.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,aI.observe(e))),t){let t=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach(e=>{this.__margins[e]=parseInt(t[e],10)})),this._updatePosition(),requestAnimationFrame(()=>this._updatePosition())}}__onScroll(t){t.target instanceof Node&&this._deepContains(t.target)||this._updatePosition()}__resetPosition(){this.__margins=null,Object.assign(this.style,{justifyContent:"",alignItems:"",top:"",bottom:"",left:"",right:""}),aC(this,"bottom-aligned",!1),aC(this,"top-aligned",!1),aC(this,"end-aligned",!1),aC(this,"start-aligned",!1)}_updatePosition(){if(!this.positionTarget||!this.opened||!this.__margins)return;let t=this.positionTarget.getBoundingClientRect();if(0===t.width&&0===t.height&&this.opened){this.opened=!1;return}let e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";let n=this.__isRTL,i=this.__shouldAlignStartHorizontally(t,n),r=!n&&i||n&&!i;this.style.alignItems=r?"flex-start":"flex-end";let o=this.getBoundingClientRect(),a=this.__calculatePositionInOneDimension(t,o,this.noVerticalOverlap,aA,this,e),s=this.__calculatePositionInOneDimension(t,o,this.noHorizontalOverlap,aT,this,i);Object.assign(this.style,a,s),aC(this,"bottom-aligned",!e),aC(this,"top-aligned",e),aC(this,"end-aligned",!r),aC(this,"start-aligned",r)}__shouldAlignStartHorizontally(t,e){let n=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;let i=Math.min(window.innerWidth,document.documentElement.clientWidth),r=!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign;return this.__shouldAlignStart(t,n,i,this.__margins,r,this.noHorizontalOverlap,aT)}__shouldAlignStartVertically(t){let e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;let n=Math.min(window.innerHeight,document.documentElement.clientHeight),i="top"===this.verticalAlign;return this.__shouldAlignStart(t,e,n,this.__margins,i,this.noVerticalOverlap,aA)}__shouldAlignStart(t,e,n,i,r,o,a){let s=n-t[o?a.end:a.start]-i[a.end],l=t[o?a.start:a.end]-i[a.start],d=r?s:l;return r===(d>(r?l:s)||d>e)}__adjustBottomProperty(t,e,n){let i;if(t===e.end){if(e.end===aA.end){let t=Math.min(window.innerHeight,document.documentElement.clientHeight);n>t&&this.__oldViewportHeight&&(i=n-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===aT.end){let t=Math.min(window.innerWidth,document.documentElement.clientWidth);n>t&&this.__oldViewportWidth&&(i=n-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return i}__calculatePositionInOneDimension(t,e,n,i,r,o){let a=o?i.start:i.end,s=o?i.end:i.start,l=parseFloat(r.style[a]||getComputedStyle(r)[a]),d=this.__adjustBottomProperty(a,i,l),c=e[o?i.start:i.end]-t[n===o?i.end:i.start];return{[a]:d?`${d}px`:`${l+c*(o?-1:1)}px`,[s]:""}}},aS=t=>class extends aw(aO(t)){static get properties(){return{parentOverlay:{type:Object,readOnly:!0},_theme:{type:String,readOnly:!0,sync:!0}}}static get observers(){return["_themeChanged(_theme)"]}get _contentRoot(){return this._rendererRoot}get _rendererRoot(){if(!this.__savedRoot){let t=document.createElement("div");t.setAttribute("slot","overlay"),t.style.display="contents",this.owner.appendChild(t),this.__savedRoot=t}return this.__savedRoot}ready(){super.ready(),this.restoreFocusOnClose=!0,this.addEventListener("keydown",t=>{if(!t.defaultPrevented&&t.composedPath()[0]===this.$.overlay&&[38,40].indexOf(t.keyCode)>-1){let e=this._contentRoot.firstElementChild;e&&Array.isArray(e.items)&&e.items.length&&(t.preventDefault(),38===t.keyCode?e.items[e.items.length-1].focus():e.focus())}})}_themeChanged(){this.close()}getBoundaries(){let t=this.getBoundingClientRect(),e=this.$.overlay.getBoundingClientRect(),n=t.bottom-e.height,i=this.parentOverlay;if(i?.hasAttribute("bottom-aligned")){let t=getComputedStyle(i);n=n-parseFloat(t.bottom)-parseFloat(t.height)}return{xMax:t.right-e.width,xMin:t.left+e.width,yMax:n}}_updatePosition(){if(super._updatePosition(),this.positionTarget&&this.parentOverlay&&this.opened){let t=getComputedStyle(this.$.content);this.style.left?this.style.left=`${parseFloat(this.style.left)+parseFloat(t.paddingLeft)}px`:this.style.right=`${parseFloat(this.style.right)+parseFloat(t.paddingRight)}px`,this.style.bottom?this.style.bottom=`${parseFloat(this.style.bottom)-parseFloat(t.paddingBottom)}px`:this.style.top=`${parseFloat(this.style.top)-parseFloat(t.paddingTop)}px`}}_shouldRestoreFocus(){return!this.parentOverlay&&super._shouldRestoreFocus()}_deepContains(t){return this.owner.contains(t)}},aL=/Android/u.test(navigator.userAgent);/Chrome/u.test(navigator.userAgent)&&/Google Inc/u.test(navigator.vendor),/Firefox/u.test(navigator.userAgent);let aM=/^iPad/u.test(navigator.platform)||/^Mac/u.test(navigator.platform)&&navigator.maxTouchPoints>1,aN=/^iPhone/u.test(navigator.platform)||aM;/^((?!chrome|android).)*safari/iu.test(navigator.userAgent);let aD=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})(),aR=new Set,az=()=>[...aR].filter(t=>!t.hasAttribute("closing")),aP=t=>{let e=az(),n=e.indexOf(t);return -1===n?[]:e.slice(n+1)},aj=(t,e=t=>!0)=>t===az().filter(e).pop(),a$=t=>class extends t{get _last(){return aj(this)}get _isAttached(){return aR.has(this)}bringToFront(){if(aj(this))return;let t=aP(this),e=t.filter(t=>t._hasOverlayPositionMixin&&this._deepContains(t));e.length!==t.length&&[this,...e].forEach(t=>{t.matches(":popover-open")&&(t.hidePopover(),t.showPopover()),t._removeAttachedInstance(),t._appendAttachedInstance()})}_enterModalState(){"none"!==document.body.style.pointerEvents&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),az().forEach(t=>{t!==this&&t.toggleAttribute("suppressed",!0)})}_exitModalState(){let t;void 0!==this._previousDocumentPointerEvents&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);let e=az();for(;(t=e.pop())&&(t===this||(t.toggleAttribute("suppressed",!1),t.modeless)););}_appendAttachedInstance(){aR.add(this)}_removeAttachedInstance(){this._isAttached&&aR.delete(this)}},aF=t=>class extends aw(a$(t)){static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0,sync:!0},owner:{type:Object,sync:!0},model:{type:Object,sync:!0},renderer:{type:Object,sync:!0},modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged",sync:!0},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged",sync:!0},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_withBackdropChanged",sync:!0}}}static get observers(){return["_rendererOrDataChanged(renderer, owner, model, opened)"]}get _rendererRoot(){return this}constructor(){super(),this._boundMouseDownListener=this._mouseDownListener.bind(this),this._boundMouseUpListener=this._mouseUpListener.bind(this),this._boundOutsideClickListener=this._outsideClickListener.bind(this),this._boundKeydownListener=this._keydownListener.bind(this),aN&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}firstUpdated(){super.firstUpdated(),this.popover="manual",this.addEventListener("click",()=>{}),this.$.backdrop&&this.$.backdrop.addEventListener("click",()=>{}),this.addEventListener("mouseup",()=>{document.activeElement===document.body&&"0"===this.$.overlay.getAttribute("tabindex")&&this.$.overlay.focus()}),this.addEventListener("animationcancel",()=>{this._flushAnimation("opening"),this._flushAnimation("closing")})}connectedCallback(){super.connectedCallback(),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener)),this.opened&&this._attachOverlay()}disconnectedCallback(){super.disconnectedCallback(),this.__scheduledOpen&&(cancelAnimationFrame(this.__scheduledOpen),this.__scheduledOpen=null),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener)}requestContentUpdate(){this.renderer&&this.renderer.call(this.owner,this._rendererRoot,this.owner,this.model)}close(t){let e=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{overlay:this,sourceEvent:t}});this.dispatchEvent(e),document.body.dispatchEvent(e),e.defaultPrevented||(this.opened=!1)}setBounds(t,e=!0){let n=this.$.overlay,i={...t};e&&"absolute"!==n.style.position&&(n.style.position="absolute"),Object.keys(i).forEach(t=>{null===i[t]||isNaN(i[t])||(i[t]=`${i[t]}px`)}),Object.assign(n.style,i)}_detectIosNavbar(){if(!this.opened)return;let t=window.innerHeight,e=window.innerWidth,n=document.documentElement.clientHeight;e>t&&n>t?this.style.setProperty("--vaadin-overlay-viewport-bottom",`${n-t}px`):this.style.setProperty("--vaadin-overlay-viewport-bottom","0px")}_shouldAddGlobalListeners(){return!this.modeless}_addGlobalListeners(){this.__hasGlobalListeners||(this.__hasGlobalListeners=!0,document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0))}_removeGlobalListeners(){this.__hasGlobalListeners&&(this.__hasGlobalListeners=!1,document.removeEventListener("mousedown",this._boundMouseDownListener),document.removeEventListener("mouseup",this._boundMouseUpListener),document.documentElement.removeEventListener("click",this._boundOutsideClickListener,!0))}_rendererOrDataChanged(t,e,n,i){let r=this._oldOwner!==e||this._oldModel!==n;this._oldModel=n,this._oldOwner=e;let o=this._oldRenderer!==t,a=void 0!==this._oldRenderer;this._oldRenderer=t;let s=this._oldOpened!==i;this._oldOpened=i,o&&a&&(this._rendererRoot.innerHTML="",delete this._rendererRoot._$litPart$),i&&t&&(o||s||r)&&this.requestContentUpdate()}_modelessChanged(t){this.opened&&(this._shouldAddGlobalListeners()?this._addGlobalListeners():this._removeGlobalListeners()),t?this._exitModalState():this.opened&&this._enterModalState(),aC(this,"modeless",t)}_withBackdropChanged(t){aC(this,"with-backdrop",t)}_openedChanged(t,e){if(t){if(!this.isConnected){this.opened=!1;return}this._saveFocus(),this._animatedOpening(),this.__scheduledOpen=requestAnimationFrame(()=>{setTimeout(()=>{this._trapFocus();let t=new CustomEvent("vaadin-overlay-open",{detail:{overlay:this},bubbles:!0});this.dispatchEvent(t),document.body.dispatchEvent(t)})}),document.addEventListener("keydown",this._boundKeydownListener),this._shouldAddGlobalListeners()&&this._addGlobalListeners()}else e&&(this.__scheduledOpen&&(cancelAnimationFrame(this.__scheduledOpen),this.__scheduledOpen=null),this._resetFocus(),this._animatedClosing(),document.removeEventListener("keydown",this._boundKeydownListener),this._shouldAddGlobalListeners()&&this._removeGlobalListeners())}_hiddenChanged(t){t&&this.hasAttribute("closing")&&this._flushAnimation("closing")}_shouldAnimate(){let t=getComputedStyle(this),e=t.getPropertyValue("animation-name");return"none"!==t.getPropertyValue("display")&&e&&"none"!==e}_enqueueAnimation(t,e){let n=`__${t}Handler`,i=t=>{t&&t.target!==this||(e(),this.removeEventListener("animationend",i),delete this[n])};this[n]=i,this.addEventListener("animationend",i)}_flushAnimation(t){let e=`__${t}Handler`;"function"==typeof this[e]&&this[e]()}_animatedOpening(){this._isAttached&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this._appendAttachedInstance(),this.bringToFront(),this.modeless||this._enterModalState(),aC(this,"opening",!0),this._shouldAnimate()?this._enqueueAnimation("opening",()=>{this._finishOpening()}):this._finishOpening()}_attachOverlay(){this.matches(":popover-open")||this.showPopover()}_finishOpening(){aC(this,"opening",!1)}_finishClosing(){this._detachOverlay(),this._removeAttachedInstance(),this.toggleAttribute("suppressed",!1),aC(this,"closing",!1),this.dispatchEvent(new CustomEvent("vaadin-overlay-closed"))}_animatedClosing(){this.hasAttribute("opening")&&this._flushAnimation("opening"),this._isAttached&&(this._exitModalState(),aC(this,"closing",!0),this.dispatchEvent(new CustomEvent("vaadin-overlay-closing")),this._shouldAnimate()?this._enqueueAnimation("closing",()=>{this._finishClosing()}):this._finishClosing())}_detachOverlay(){this.hidePopover()}_mouseDownListener(t){this._mouseDownInside=t.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(t){this._mouseUpInside=t.composedPath().indexOf(this.$.overlay)>=0}_shouldCloseOnOutsideClick(t){return this._last}_outsideClickListener(t){if(t.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside){this._mouseDownInside=!1,this._mouseUpInside=!1;return}if(!this._shouldCloseOnOutsideClick(t))return;let e=new CustomEvent("vaadin-overlay-outside-click",{cancelable:!0,detail:{sourceEvent:t}});this.dispatchEvent(e),this.opened&&!e.defaultPrevented&&(this.close(t),this.opened||this.modeless||t.preventDefault())}_keydownListener(t){if(this._last&&!t.defaultPrevented&&(this._shouldAddGlobalListeners()||t.composedPath().includes(this._focusTrapRoot))&&"Escape"===t.key){let e=new CustomEvent("vaadin-overlay-escape-press",{cancelable:!0,detail:{sourceEvent:t}});this.dispatchEvent(e),this.opened&&!e.defaultPrevented&&this.close(t)}}},aB=d`
|
|
999
|
+
:host {
|
|
1000
|
+
align-items: flex-start;
|
|
1001
|
+
justify-content: flex-start;
|
|
1002
|
+
}
|
|
1003
|
+
|
|
1004
|
+
:host([right-aligned]),
|
|
1005
|
+
:host([end-aligned]) {
|
|
1006
|
+
align-items: flex-end;
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
:host([bottom-aligned]) {
|
|
1010
|
+
justify-content: flex-end;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
[part='backdrop'] {
|
|
1014
|
+
background: transparent;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
[part='content'] {
|
|
1018
|
+
padding: var(--vaadin-item-overlay-padding, 4px);
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
/* TODO keyboard focus becomes visible even when navigating the menu with the mouse */
|
|
1022
|
+
[part='overlay']:focus-visible {
|
|
1023
|
+
outline: none;
|
|
1024
|
+
}
|
|
1025
|
+
`,aU=d`
|
|
1026
|
+
:host {
|
|
1027
|
+
z-index: 200;
|
|
1028
|
+
position: fixed;
|
|
1029
|
+
|
|
1030
|
+
/* Despite of what the names say, <vaadin-overlay> is just a container
|
|
1031
|
+
for position/sizing/alignment. The actual overlay is the overlay part. */
|
|
1032
|
+
|
|
1033
|
+
/* Default position constraints. Themes can
|
|
1034
|
+
override this to adjust the gap between the overlay and the viewport. */
|
|
1035
|
+
inset: max(env(safe-area-inset-top, 0px), var(--vaadin-overlay-viewport-inset, 8px))
|
|
1036
|
+
max(env(safe-area-inset-right, 0px), var(--vaadin-overlay-viewport-inset, 8px))
|
|
1037
|
+
max(env(safe-area-inset-bottom, 0px), var(--vaadin-overlay-viewport-bottom))
|
|
1038
|
+
max(env(safe-area-inset-left, 0px), var(--vaadin-overlay-viewport-inset, 8px));
|
|
1039
|
+
|
|
1040
|
+
/* Override native [popover] user agent styles */
|
|
1041
|
+
width: auto;
|
|
1042
|
+
height: auto;
|
|
1043
|
+
border: none;
|
|
1044
|
+
padding: 0;
|
|
1045
|
+
background-color: transparent;
|
|
1046
|
+
overflow: visible;
|
|
1047
|
+
|
|
1048
|
+
/* Use flexbox alignment for the overlay part. */
|
|
1049
|
+
display: flex;
|
|
1050
|
+
flex-direction: column; /* makes dropdowns sizing easier */
|
|
1051
|
+
/* Align to center by default. */
|
|
1052
|
+
align-items: center;
|
|
1053
|
+
justify-content: center;
|
|
1054
|
+
|
|
1055
|
+
/* Allow centering when max-width/max-height applies. */
|
|
1056
|
+
margin: auto;
|
|
1057
|
+
|
|
1058
|
+
/* The host is not clickable, only the overlay part is. */
|
|
1059
|
+
pointer-events: none;
|
|
1060
|
+
|
|
1061
|
+
/* Remove tap highlight on touch devices. */
|
|
1062
|
+
-webkit-tap-highlight-color: transparent;
|
|
1063
|
+
|
|
1064
|
+
/* CSS API for host */
|
|
1065
|
+
--vaadin-overlay-viewport-bottom: 8px;
|
|
1066
|
+
}
|
|
1067
|
+
|
|
1068
|
+
:host([hidden]),
|
|
1069
|
+
:host(:not([opened]):not([closing])),
|
|
1070
|
+
:host(:not([opened]):not([closing])) [part='overlay'] {
|
|
1071
|
+
display: none !important;
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
:host([suppressed]) [part='overlay'],
|
|
1075
|
+
:host([suppressed]) ::slotted(*) {
|
|
1076
|
+
pointer-events: none !important;
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1079
|
+
[part='overlay'] {
|
|
1080
|
+
color: var(--vaadin-overlay-text-color, var(--vaadin-text-color));
|
|
1081
|
+
background: var(--vaadin-overlay-background, var(--vaadin-background-color));
|
|
1082
|
+
border: var(--vaadin-overlay-border-width, 1px) solid
|
|
1083
|
+
var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary));
|
|
1084
|
+
border-radius: var(--vaadin-overlay-border-radius, var(--vaadin-radius-m));
|
|
1085
|
+
box-shadow: var(--vaadin-overlay-shadow, 0 8px 24px -4px rgba(0, 0, 0, 0.3));
|
|
1086
|
+
box-sizing: border-box;
|
|
1087
|
+
max-width: 100%;
|
|
1088
|
+
overflow: auto;
|
|
1089
|
+
overscroll-behavior: contain;
|
|
1090
|
+
pointer-events: auto;
|
|
1091
|
+
-webkit-tap-highlight-color: initial;
|
|
1092
|
+
|
|
1093
|
+
/* CSS reset for font styles */
|
|
1094
|
+
font: initial;
|
|
1095
|
+
letter-spacing: initial;
|
|
1096
|
+
text-align: initial;
|
|
1097
|
+
text-decoration: initial;
|
|
1098
|
+
text-indent: initial;
|
|
1099
|
+
text-transform: initial;
|
|
1100
|
+
user-select: text;
|
|
1101
|
+
white-space: initial;
|
|
1102
|
+
word-spacing: initial;
|
|
1103
|
+
|
|
1104
|
+
/* Inherit font-family */
|
|
1105
|
+
font-family: inherit;
|
|
1106
|
+
}
|
|
1107
|
+
|
|
1108
|
+
[part='backdrop'] {
|
|
1109
|
+
background: var(--vaadin-overlay-backdrop-background, rgba(0, 0, 0, 0.2));
|
|
1110
|
+
content: '';
|
|
1111
|
+
inset: 0;
|
|
1112
|
+
pointer-events: auto;
|
|
1113
|
+
position: fixed;
|
|
1114
|
+
z-index: -1;
|
|
1115
|
+
}
|
|
1116
|
+
|
|
1117
|
+
[part='overlay']:focus-visible {
|
|
1118
|
+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
|
|
1119
|
+
}
|
|
1120
|
+
|
|
1121
|
+
@media (forced-colors: active) {
|
|
1122
|
+
[part='overlay'] {
|
|
1123
|
+
border: 3px solid !important;
|
|
1124
|
+
}
|
|
1125
|
+
}
|
|
1126
|
+
`,aH=[aU,aB];class aV extends aS(aF(ot(ad(od(ar(tm)))))){static get is(){return"vaadin-menu-bar-overlay"}static get styles(){return aH}static get lumoInjector(){return{...super.lumoInjector,includeBaseStyles:!0}}render(){return X`
|
|
1127
|
+
<div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
|
|
1128
|
+
<div part="overlay" id="overlay" tabindex="0">
|
|
1129
|
+
<div part="content" id="content">
|
|
1130
|
+
<slot></slot>
|
|
1131
|
+
<slot name="submenu"></slot>
|
|
1132
|
+
</div>
|
|
1133
|
+
</div>
|
|
1134
|
+
`}}r7(aV);class aY{constructor(t,e){this.query=t,this.callback=e,this._boundQueryHandler=this._queryHandler.bind(this)}hostConnected(){this._removeListener(),this._mediaQuery=window.matchMedia(this.query),this._addListener(),this._queryHandler(this._mediaQuery)}hostDisconnected(){this._removeListener()}_addListener(){this._mediaQuery&&this._mediaQuery.addListener(this._boundQueryHandler)}_removeListener(){this._mediaQuery&&this._mediaQuery.removeListener(this._boundQueryHandler),this._mediaQuery=null}_queryHandler(t){"function"==typeof this.callback&&this.callback(t.matches)}}let aX=0;class aG extends EventTarget{static generateId(t,e="default"){return`${e}-${t.localName}-${aX++}`}constructor(t,e,n,i={}){super();const{initializer:r,multiple:o,observe:a,useUniqueId:s,uniqueIdPrefix:l}=i;this.host=t,this.slotName=e,this.tagName=n,this.observe="boolean"!=typeof a||a,this.multiple="boolean"==typeof o&&o,this.slotInitializer=r,o&&(this.nodes=[]),s&&(this.defaultId=this.constructor.generateId(t,l||e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){let t=this.getSlotChildren();if(0===t.length){let t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach(t=>{this.initAddedNode(t)})}attachDefaultNode(){let{host:t,slotName:e,tagName:n}=this,i=this.defaultNode;return!i&&n&&(i=document.createElement(n))instanceof Element&&(""!==e&&i.setAttribute("slot",e),this.defaultNode=i),i&&(this.node=i,t.appendChild(i)),i}getSlotChildren(){let{slotName:t}=this;return Array.from(this.host.childNodes).filter(e=>!(e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("data-slot-ignore"))&&(e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t))}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){let{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){let{slotName:t}=this,e=""===t?"slot:not([name])":`slot[name=${t}]`,n=this.host.shadowRoot.querySelector(e);this.__slotObserver=new ah(n,({addedNodes:t,removedNodes:e})=>{let n=this.multiple?this.nodes:[this.node],i=t.filter(t=>(t.nodeType!==Node.TEXT_NODE||""!==t.textContent.trim())&&!n.includes(t)&&!(t.nodeType===Node.ELEMENT_NODE&&t.hasAttribute("data-slot-ignore")));e.length&&(this.nodes=n.filter(t=>!e.includes(t)),e.forEach(t=>{this.teardownNode(t)})),i?.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...n,...i].filter(t=>t!==this.defaultNode),i.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=i[0],this.initAddedNode(this.node)))})}}class aK extends aG{constructor(t){super(t,"tooltip")}initCustomNode(t){t.manual=!0,t.generator||=({item:t})=>t?.tooltip}_getItem(t){return t._item}_getDefaultPosition(t){let e=this._getItem(t);return e.children?.length>0&&!e.disabled?"start":"end"}setTarget(t){let e=this.node;if(!e)return;let n=t?this._getItem(t):null;n?.tooltip?(e.target=t,e.context={item:n},e._position=n.tooltipPosition||this._getDefaultPosition(t)):(e.target=null,e.context={item:null},this.close(!0))}open({trigger:t}){let e=this.node;e?.isConnected&&e.target&&e._stateController.open({hover:"hover"===t,focus:"focus"===t})}bringToFront(){let t=this.node;t?._overlayElement?.bringToFront()}close(t){let e=this.node;e?._stateController.close(t)}}let aq=t=>class extends t{static get properties(){return{items:{type:Array,sync:!0},_positionTarget:{type:Object,sync:!0}}}constructor(){super(),this.__itemsOutsideClickListener=t=>{this._shouldCloseOnOutsideClick(t)&&this.dispatchEvent(new CustomEvent("items-outside-click"))},this.addEventListener("items-outside-click",()=>{this.items&&this.close()})}get _tagNamePrefix(){return"vaadin-context-menu"}connectedCallback(){super.connectedCallback(),document.documentElement.addEventListener("click",this.__itemsOutsideClickListener)}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.__itemsOutsideClickListener),this._tooltipController.setTarget(null)}_shouldCloseOnOutsideClick(t){return!t.composedPath().some(t=>t.localName===`${this._tagNamePrefix}-overlay`)}__forwardFocus(){let t=this._overlayElement,e=t._contentRoot.firstElementChild;if(t.parentOverlay){let n=t.parentOverlay._contentRoot.querySelector("[expanded]");n?.hasAttribute("focused")&&e?e.focus():t.$.overlay.focus()}else e&&e.focus()}__openSubMenu(t,e){this.__updateSubMenuForItem(t,e);let n=this._overlayElement,i=t._overlayElement;i._setParentOverlay(n),n.hasAttribute("theme")?t.setAttribute("theme",n.getAttribute("theme")):t.removeAttribute("theme"),i.$.content.style.minWidth="",e.dispatchEvent(new CustomEvent("opensubmenu",{detail:{children:e._item.children}}))}__updateSubMenuForItem(t,e){t.items=e._item.children,t.listenOn=e,t._positionTarget=e,t._overlayElement.requestContentUpdate()}__createComponent(t){let e;return(e=t.component instanceof HTMLElement?t.component:document.createElement(t.component||`${this._tagNamePrefix}-item`))._hasVaadinItemMixin&&(e.setAttribute("role","menuitem"),e.tabIndex=-1),"hr"===e.localName?e.setAttribute("role","separator"):e.setAttribute("aria-haspopup","false"),this._setMenuItemTheme(e,t,this._theme),e._item=t,t.text&&(e.textContent=t.text),t.className&&e.setAttribute("class",t.className),this.__toggleMenuComponentAttribute(e,"menu-item-checked",t.checked),this.__toggleMenuComponentAttribute(e,"disabled",t.disabled),t.children&&t.children.length&&(this.__updateExpanded(e,!1),e.setAttribute("aria-haspopup","true")),e}__initListBox(){let t=document.createElement(`${this._tagNamePrefix}-list-box`);return this._theme&&t.setAttribute("theme",this._theme),t.addEventListener("mouseover",t=>{let e=t.target.closest(`${this._tagNamePrefix}-item`);this._tooltipController.setTarget(e),this._tooltipController.open({trigger:"hover"})}),t.addEventListener("mouseleave",()=>{this._tooltipController.close(!0)}),t.addEventListener("focusin",t=>{if(!oK)return;let e=t.target.closest(`${this._tagNamePrefix}-item`);this._tooltipController.setTarget(e),this._tooltipController.open({trigger:"focus"})}),t.addEventListener("selected-changed",e=>{let{value:n}=e.detail;if("number"==typeof n){let e=t.items[n]._item;t.selected=null,e.children||this.dispatchEvent(new CustomEvent("item-selected",{detail:{value:e}}))}}),t}__initOverlay(){let t=this._overlayElement;t.$.backdrop.addEventListener("click",()=>{this.close()}),t.addEventListener(aD?"click":"mouseover",t=>{t.composedPath().includes(this._subMenu)||this.__showSubMenu(t)}),t.addEventListener("keydown",t=>{if(t.composedPath().includes(this._subMenu))return;let{key:e}=t,n=this.__isRTL,i="ArrowRight"===e,r="ArrowLeft"===e;!n&&i||n&&r||"Enter"===e||" "===e?this.__showSubMenu(t):!n&&r||n&&i||"Escape"===e?("Escape"===e&&t.stopPropagation(),this.close(),this.listenOn.focus()):"Tab"!==e||t.defaultPrevented||this.dispatchEvent(new CustomEvent("close-all-menus"))})}__initSubMenu(){let t=document.createElement(this.constructor.is);return t._tooltipController=this._tooltipController,t.__parentMenu=this,t._modeless=!0,t.openOn="opensubmenu",this.addEventListener("opened-changed",t=>{t.detail.value||this._subMenu.close()}),t.addEventListener("close-all-menus",()=>{this.dispatchEvent(new CustomEvent("close-all-menus"))}),t.addEventListener("item-selected",t=>{let{detail:e}=t;this.dispatchEvent(new CustomEvent("item-selected",{detail:e}))}),this.addEventListener("close-all-menus",()=>{this.close()}),this.addEventListener("item-selected",t=>{let e=t.target,n=t.detail.value,i=e.items.indexOf(n);n.keepOpen&&i>-1&&e.opened?(e.__selectedIndex=i,e.requestContentUpdate()):n.keepOpen||this.close()}),t.addEventListener("opened-changed",t=>{if(t.detail.value)this._tooltipController.bringToFront();else{let t=this._listBox.querySelector("[expanded]");t&&this.__updateExpanded(t,!1)}}),t}__showSubMenu(t,e=t.composedPath().find(t=>t.localName===`${this._tagNamePrefix}-item`)){if(!this.__openListenerActive)return;if(this._overlayElement.hasAttribute("opening"))return void requestAnimationFrame(()=>{this.__showSubMenu(t,e)});let n=this._subMenu,i=this._listBox.querySelector("[expanded]");if(e&&e!==i&&!e.disabled){let{children:t}=e._item,r=n._overlayElement._contentRoot.firstElementChild,o=r?.focused;if(i&&this.__updateExpanded(i,!1),t&&t.length||n.close(),!this.opened)return;t?.length?(this.__updateExpanded(e,!0),this.__openSubMenu(n,e)):o?n.listenOn.focus():this._listBox.focused||this._overlayElement.$.overlay.focus()}e?.disabled&&n.close()}__getListBox(){return this._overlayElement._contentRoot.querySelector(`${this._tagNamePrefix}-list-box`)}__itemsRenderer(t,e){this.__initMenu(t,e),this._subMenu.closeOn=e.closeOn,this._listBox.innerHTML="",e.items.forEach(t=>{let e=this.__createComponent(t);this._listBox.appendChild(e)})}_setMenuItemTheme(t,e,n){let i=t.getAttribute("theme")||n;null!=e.theme&&(i=Array.isArray(e.theme)?e.theme.join(" "):e.theme),this.__updateTheme(t,i)}__toggleMenuComponentAttribute(t,e,n){n?(t.setAttribute(e,""),t[`__has-${e}`]=!0):t[`__has-${e}`]&&(t.removeAttribute(e),t[`__has-${e}`]=!1)}__initMenu(t,e){if(t.firstElementChild)this.__updateTheme(this._listBox,this._theme);else{this.__initOverlay();let e=this.__initListBox();this._listBox=e,t.appendChild(e);let n=this.__initSubMenu();n.slot="submenu",this._subMenu=n,this.appendChild(n),requestAnimationFrame(()=>{this.__openListenerActive=!0})}}__updateExpanded(t,e){t.setAttribute("aria-expanded",e.toString()),t.toggleAttribute("expanded",e)}__updateTheme(t,e){e?t.setAttribute("theme",e):t.removeAttribute("theme")}close(){this.__parentMenu||this._tooltipController.close(!0)}},aW=t=>class extends aq(t){static get properties(){return{selector:{type:String},opened:{type:Boolean,reflectToAttribute:!0,observer:"_openedChanged",value:!1,notify:!0,readOnly:!0,sync:!0},openOn:{type:String,value:"vaadin-contextmenu",sync:!0},listenOn:{type:Object,sync:!0,value(){return this}},closeOn:{type:String,value:"click",observer:"_closeOnChanged",sync:!0},renderer:{type:Function,sync:!0},_modeless:{type:Boolean,sync:!0},_context:{type:Object,sync:!0},_phone:{type:Boolean},_fullscreen:{type:Boolean},_fullscreenMediaQuery:{type:String,value:"(max-width: 450px), (max-height: 450px)"}}}static get observers(){return["_targetOrOpenOnChanged(listenOn, openOn)","_rendererChanged(renderer, items)","_fullscreenChanged(_fullscreen)"]}constructor(){super(),this._boundOpen=this.open.bind(this),this._boundClose=this.close.bind(this),this._boundPreventDefault=this._preventDefault.bind(this),this.__onGlobalContextMenu=this.__onGlobalContextMenu.bind(this)}connectedCallback(){super.connectedCallback(),this.__boundOnScroll=this.__onScroll.bind(this),window.addEventListener("scroll",this.__boundOnScroll,!0),document.documentElement.addEventListener("contextmenu",this.__onGlobalContextMenu,!0),this.__restoreOpened&&this._setOpened(!0)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("scroll",this.__boundOnScroll,!0),document.documentElement.removeEventListener("contextmenu",this.__onGlobalContextMenu,!0),this.__restoreOpened=this.opened,setTimeout(()=>{this.isConnected||this.close()})}firstUpdated(){super.firstUpdated(),this._overlayElement=this.$.overlay,this.addController(new aY(this._fullscreenMediaQuery,t=>{this._fullscreen=t})),this._tooltipController||(this._tooltipController=new aK(this),this.addController(this._tooltipController))}_onOverlayOpened(t){if(t.target!==this._overlayElement)return;let e=t.detail.value;this._setOpened(e),e&&this.__alignOverlayPosition()}_onVaadinOverlayOpen(t){t.target===this._overlayElement&&(this.__alignOverlayPosition(),this._overlayElement.style.visibility="",this.__forwardFocus())}_onVaadinOverlayClosed(){this.dispatchEvent(new CustomEvent("closed"))}_targetOrOpenOnChanged(t,e){this._oldListenOn&&this._oldOpenOn&&(this._unlisten(this._oldListenOn,this._oldOpenOn,this._boundOpen),this._oldListenOn.style.webkitTouchCallout="",this._oldListenOn.style.webkitUserSelect="",this._oldListenOn.style.userSelect="",this._oldListenOn=null,this._oldOpenOn=null),t&&e&&(this._listen(t,e,this._boundOpen),this._oldListenOn=t,this._oldOpenOn=e)}_fullscreenChanged(t){this._phone=t}__setListenOnUserSelect(t){let e=t?"none":"";this.listenOn.style.webkitTouchCallout=e,this.listenOn.style.webkitUserSelect=e,this.listenOn.style.userSelect=e,t&&document.getSelection().removeAllRanges()}_closeOnChanged(t,e){let n="vaadin-overlay-outside-click",i=this._overlayElement;e&&this._unlisten(i,e,this._boundClose),t?(this._listen(i,t,this._boundClose),i.removeEventListener(n,this._boundPreventDefault)):i.addEventListener(n,this._boundPreventDefault)}_preventDefault(t){t.preventDefault()}_openedChanged(t){this.__setListenOnUserSelect(t)}requestContentUpdate(){this._overlayElement&&(this.__preserveMenuState(),this._overlayElement.requestContentUpdate(),this.__restoreMenuState())}_rendererChanged(t,e){if(e){if(t)throw Error("The items API cannot be used together with a renderer");"click"===this.closeOn&&(this.closeOn="")}}close(){super.close(),this._setOpened(!1)}__getComposedPath(t){return t.__composedPath??t.detail?.sourceEvent?.__composedPath??t.composedPath()}_contextTarget(t){if(this.selector){let e=this.listenOn.querySelectorAll(this.selector);return Array.prototype.filter.call(e,e=>this.__getComposedPath(t).indexOf(e)>-1)[0]}return this.listenOn&&this.listenOn!==this&&this.position?this.listenOn:t.target}open(t){!(this._overlayElement&&this.__getComposedPath(t).includes(this._overlayElement))&&t&&!this.opened&&(this._context={detail:t.detail,target:this._contextTarget(t)},this._context.target&&(t.preventDefault(),t.stopPropagation(),this.__x=this._getEventCoordinate(t,"x"),this.__pageXOffset=window.pageXOffset,this.__y=this._getEventCoordinate(t,"y"),this.__pageYOffset=window.pageYOffset,this._overlayElement.style.visibility="hidden",this._setOpened(!0)))}__preserveMenuState(){let t=this.__getListBox();t&&(this.__focusedIndex=t.items.indexOf(t.focused),this._subMenu&&this._subMenu.opened&&(this.__subMenuIndex=t.items.indexOf(this._subMenu.listenOn)))}__restoreMenuState(){let t=this.__focusedIndex,e=this.__subMenuIndex,n=this.__selectedIndex,i=this.__getListBox();if(i){if(i._observer.flush(),e>-1){let t=i.items[e];t?Array.isArray(t._item.children)&&t._item.children.length?(this.__updateSubMenuForItem(this._subMenu,t),this._subMenu.requestContentUpdate()):(this._subMenu.close(),this.__focusItem(t)):i.focus()}this.__focusItem(n>-1?i.children[n]:i.items[t])}this.__focusedIndex=void 0,this.__subMenuIndex=void 0,this.__selectedIndex=void 0}__focusItem(t){t&&t.focus({focusVisible:oK})}__onScroll(){if(!this.opened||this.position)return;let t=window.pageYOffset-this.__pageYOffset,e=window.pageXOffset-this.__pageXOffset;this.__adjustPosition("left",-e),this.__adjustPosition("right",e),this.__adjustPosition("top",-t),this.__adjustPosition("bottom",t),this.__pageYOffset+=t,this.__pageXOffset+=e}__adjustPosition(t,e){let n=this._overlayElement.style;n[t]=`${(parseInt(n[t])||0)+e}px`}__alignOverlayPosition(){let t=this._overlayElement;if(t.positionTarget)return;let e=t.style;["top","right","bottom","left"].forEach(t=>e.removeProperty(t)),["right-aligned","end-aligned","bottom-aligned"].forEach(e=>t.removeAttribute(e));let{xMax:n,xMin:i,yMax:r}=t.getBoundaries(),o=this.__x,a=this.__y,s=document.documentElement.clientWidth,l=document.documentElement.clientHeight;this.__isRTL?o>s/2||o>i?e.right=`${Math.max(0,s-o)}px`:(e.left=`${o}px`,this._setEndAligned(t)):o<s/2||o<n?e.left=`${o}px`:(e.right=`${Math.max(0,s-o)}px`,this._setEndAligned(t)),a<l/2||a<r?e.top=`${a}px`:(e.bottom=`${Math.max(0,l-a)}px`,t.setAttribute("bottom-aligned",""))}_setEndAligned(t){t.setAttribute("end-aligned",""),this.__isRTL||t.setAttribute("right-aligned","")}_getEventCoordinate(t,e){if(t.detail instanceof Object){if(t.detail[e])return t.detail[e];else if(t.detail.sourceEvent)return this._getEventCoordinate(t.detail.sourceEvent,e)}else{let n=`client${e.toUpperCase()}`,i=t.changedTouches?t.changedTouches[0][n]:t[n];if(0===i){let n=(this.__getComposedPath(t)[0]||t.target).getBoundingClientRect();return"x"===e?n.left:n.top+n.height}return i}}_listen(t,e,n){oM[e]?oP(t,e,n):t.addEventListener(e,n)}_unlisten(t,e,n){if(oM[e])oM[e]&&function(t,e,n){let i=oM[e],r=i.deps,o=i.name,a=t[o_];if(a)for(let e=0,n,i;e<r.length;e++){var s;i=a[n=r[e]],i?.[o]&&(i[o]=(i[o]||1)-1,i._count=(i._count||1)-1,0===i._count&&t.removeEventListener(n,oz,void oE(s=n)))}t.removeEventListener(e,n)}(t,e,n);else t.removeEventListener(e,n)}__createMouseEvent(t,e,n){return new MouseEvent(t,{bubbles:!0,composed:!0,cancelable:!0,clientX:e,clientY:n})}__focusClosestFocusable(t){let e=t;for(;e;){if(e instanceof HTMLElement&&oZ(e))return void e.focus();e=e.parentNode||e.host}}__contextMenuAt(t,e){let n=oD(t,e);n&&queueMicrotask(()=>{n.dispatchEvent(this.__createMouseEvent("mousedown",t,e)),n.dispatchEvent(this.__createMouseEvent("mouseup",t,e)),this.__focusClosestFocusable(n),n.dispatchEvent(this.__createMouseEvent("contextmenu",t,e))})}__onGlobalContextMenu(t){this.opened&&(t.shiftKey||(aL||aN||(t.stopPropagation(),this._overlayElement.__focusRestorationController.focusNode=null,this._overlayElement.addEventListener("vaadin-overlay-closed",e=>{e.target===this._overlayElement&&this.__contextMenuAt(t.clientX,t.clientY)},{once:!0})),t.preventDefault(),this.close()))}};class aQ extends aW(ao(od(tm))){static get is(){return"vaadin-menu-bar-submenu"}static get styles(){return d`
|
|
1135
|
+
:host {
|
|
1136
|
+
display: block;
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
:host([hidden]) {
|
|
1140
|
+
display: none !important;
|
|
1141
|
+
}
|
|
1142
|
+
`}static get properties(){return{isRoot:{type:Boolean,reflectToAttribute:!0,sync:!0}}}constructor(){super(),this.openOn="opensubmenu"}firstUpdated(t){this._tooltipController=this.parentElement._tooltipController,super.firstUpdated(t)}get _tagNamePrefix(){return"vaadin-menu-bar"}render(){return X`
|
|
1143
|
+
<vaadin-menu-bar-overlay
|
|
1144
|
+
id="overlay"
|
|
1145
|
+
.owner="${this}"
|
|
1146
|
+
.opened="${this.opened}"
|
|
1147
|
+
.model="${this._context}"
|
|
1148
|
+
.modeless="${this._modeless}"
|
|
1149
|
+
.renderer="${this.__itemsRenderer}"
|
|
1150
|
+
.withBackdrop="${this._phone}"
|
|
1151
|
+
.positionTarget="${this._positionTarget}"
|
|
1152
|
+
?no-horizontal-overlap="${!this.isRoot}"
|
|
1153
|
+
?phone="${this._phone}"
|
|
1154
|
+
theme="${this._theme??K}"
|
|
1155
|
+
exportparts="backdrop, overlay, content"
|
|
1156
|
+
@opened-changed="${this._onOverlayOpened}"
|
|
1157
|
+
@vaadin-overlay-open="${this._onVaadinOverlayOpen}"
|
|
1158
|
+
>
|
|
1159
|
+
<slot name="overlay"></slot>
|
|
1160
|
+
<slot name="submenu" slot="submenu"></slot>
|
|
1161
|
+
</vaadin-menu-bar-overlay>
|
|
1162
|
+
`}_openedChanged(){}__onGlobalContextMenu(){}close(){super.close(),this.hasAttribute("is-root")&&this.parentElement._close()}_shouldCloseOnOutsideClick(t){return!(this.hasAttribute("is-root")&&t.composedPath().includes(this.listenOn))&&super._shouldCloseOnOutsideClick(t)}}r7(aQ);let aZ=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,aJ=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function a0(t,e){if("function"!=typeof t)return;let n=aZ.exec(t.toString());if(n)try{t=Function(n[1])}catch(t){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",t)}return t(e)}window.Vaadin=window.Vaadin||{};let a1=function(t,e){if(window.Vaadin.developmentMode)return a0(t,e)};function a2(){}void 0===window.Vaadin.developmentMode&&(window.Vaadin.developmentMode=function(){try{if(localStorage.getItem("vaadin.developmentmode.force"))return!0;if(!(["localhost","127.0.0.1"].indexOf(window.location.hostname)>=0))return!1;if(aJ)return!(aJ&&Object.keys(aJ).map(t=>aJ[t]).filter(t=>t.productionMode).length>0);return!a0(function(){return!0})}catch(t){return!1}}());let a5=function(){if("function"==typeof a1)return a1(a2)};window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){a5()};let a4=new Set,a3=e=>class extends ot(e){static _ensureRegistrations(){let{is:e}=this;if(e&&!a4.has(e)){window.Vaadin.registrations.push(this),a4.add(e);let i=window.Vaadin.developmentModeCallback;if(i){var n;n=t=au.debounce(t,of,()=>{i["vaadin-usage-statistics"]()}),ap.add(n)}}}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.'),this.constructor._ensureRegistrations()}};class a7 extends aG{constructor(t){super(t,"tooltip"),this.setTarget(t),this.__onContentChange=this.__onContentChange.bind(this)}initCustomNode(t){t.target=this.target,void 0!==this.ariaTarget&&(t.ariaTarget=this.ariaTarget),void 0!==this.context&&(t.context=this.context),void 0!==this.manual&&(t.manual=this.manual),void 0!==this.position&&(t._position=this.position),void 0!==this.shouldShow&&(t.shouldShow=this.shouldShow),this.manual||this.host.setAttribute("has-tooltip",""),this.__notifyChange(t),t.addEventListener("content-changed",this.__onContentChange)}teardownNode(t){this.manual||this.host.removeAttribute("has-tooltip"),t.removeEventListener("content-changed",this.__onContentChange),this.__notifyChange(null)}setAriaTarget(t){this.ariaTarget=t;let e=this.node;e&&(e.ariaTarget=t)}setContext(t){this.context=t;let e=this.node;e&&(e.context=t)}setManual(t){this.manual=t;let e=this.node;e&&(e.manual=t)}setPosition(t){this.position=t;let e=this.node;e&&(e._position=t)}setShouldShow(t){this.shouldShow=t;let e=this.node;e&&(e.shouldShow=t)}setTarget(t){this.target=t;let e=this.node;e&&(e.target=t)}open(t){let e=this.node;e?.isConnected&&e._stateController.open(t)}close(t){let e=this.node;e&&e._stateController.close(t)}__onContentChange(t){this.__notifyChange(t.target)}__notifyChange(t){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:t}}))}}let a8=d`
|
|
1163
|
+
:host {
|
|
1164
|
+
display: inline-flex;
|
|
1165
|
+
align-items: center;
|
|
1166
|
+
justify-content: center;
|
|
1167
|
+
text-align: center;
|
|
1168
|
+
gap: var(--vaadin-button-gap, 0 var(--vaadin-gap-s));
|
|
1169
|
+
white-space: var(--vaadin-button-label-wrap, normal);
|
|
1170
|
+
-webkit-tap-highlight-color: transparent;
|
|
1171
|
+
-webkit-user-select: none;
|
|
1172
|
+
user-select: none;
|
|
1173
|
+
cursor: var(--vaadin-clickable-cursor);
|
|
1174
|
+
box-sizing: border-box;
|
|
1175
|
+
flex-shrink: 0;
|
|
1176
|
+
height: var(--vaadin-button-height, fit-content);
|
|
1177
|
+
margin: var(--vaadin-button-margin, 0);
|
|
1178
|
+
padding: var(--vaadin-button-padding, var(--vaadin-padding-block-container) var(--vaadin-padding-inline-container));
|
|
1179
|
+
font-family: var(--vaadin-button-font-family, inherit);
|
|
1180
|
+
font-size: var(--vaadin-button-font-size, inherit);
|
|
1181
|
+
line-height: var(--vaadin-button-line-height, inherit);
|
|
1182
|
+
font-weight: var(--vaadin-button-font-weight, 500);
|
|
1183
|
+
color: var(--vaadin-button-text-color, var(--vaadin-text-color));
|
|
1184
|
+
background: var(--vaadin-button-background, var(--vaadin-background-container));
|
|
1185
|
+
background-origin: border-box;
|
|
1186
|
+
border: var(--vaadin-button-border-width, 1px) solid
|
|
1187
|
+
var(--vaadin-button-border-color, var(--vaadin-border-color-secondary));
|
|
1188
|
+
border-radius: var(--vaadin-button-border-radius, var(--vaadin-radius-m));
|
|
1189
|
+
touch-action: manipulation;
|
|
1190
|
+
}
|
|
1191
|
+
|
|
1192
|
+
:host([hidden]) {
|
|
1193
|
+
display: none !important;
|
|
1194
|
+
}
|
|
1195
|
+
|
|
1196
|
+
.vaadin-button-container,
|
|
1197
|
+
[part='prefix'],
|
|
1198
|
+
[part='suffix'] {
|
|
1199
|
+
display: contents;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
[part='label'] {
|
|
1203
|
+
overflow: hidden;
|
|
1204
|
+
text-overflow: ellipsis;
|
|
1205
|
+
}
|
|
1206
|
+
|
|
1207
|
+
:host(:is([focus-ring], :focus-visible)) {
|
|
1208
|
+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
|
|
1209
|
+
outline-offset: 1px;
|
|
1210
|
+
}
|
|
1211
|
+
|
|
1212
|
+
:host([theme~='primary']) {
|
|
1213
|
+
--vaadin-button-background: var(--vaadin-text-color);
|
|
1214
|
+
--vaadin-button-text-color: var(--vaadin-background-color);
|
|
1215
|
+
--vaadin-button-border-color: transparent;
|
|
1216
|
+
}
|
|
1217
|
+
|
|
1218
|
+
:host([theme~='tertiary']) {
|
|
1219
|
+
background: transparent;
|
|
1220
|
+
border-color: transparent;
|
|
1221
|
+
}
|
|
1222
|
+
|
|
1223
|
+
:host([disabled]) {
|
|
1224
|
+
pointer-events: var(--_vaadin-button-disabled-pointer-events, none);
|
|
1225
|
+
cursor: var(--vaadin-disabled-cursor);
|
|
1226
|
+
opacity: 0.5;
|
|
1227
|
+
}
|
|
1228
|
+
|
|
1229
|
+
:host([disabled][theme~='primary']) {
|
|
1230
|
+
--vaadin-button-text-color: var(--vaadin-background-container-strong);
|
|
1231
|
+
--vaadin-button-background: var(--vaadin-text-color-disabled);
|
|
1232
|
+
}
|
|
1233
|
+
|
|
1234
|
+
@media (forced-colors: active) {
|
|
1235
|
+
:host {
|
|
1236
|
+
--vaadin-button-border-width: 1px;
|
|
1237
|
+
--vaadin-button-background: ButtonFace;
|
|
1238
|
+
--vaadin-button-text-color: ButtonText;
|
|
1239
|
+
}
|
|
1240
|
+
|
|
1241
|
+
:host([theme~='primary']) {
|
|
1242
|
+
forced-color-adjust: none;
|
|
1243
|
+
--vaadin-button-background: CanvasText;
|
|
1244
|
+
--vaadin-button-text-color: Canvas;
|
|
1245
|
+
--vaadin-icon-color: Canvas;
|
|
1246
|
+
}
|
|
1247
|
+
|
|
1248
|
+
::slotted(*) {
|
|
1249
|
+
forced-color-adjust: auto;
|
|
1250
|
+
}
|
|
1251
|
+
|
|
1252
|
+
:host([disabled]) {
|
|
1253
|
+
--vaadin-button-background: transparent !important;
|
|
1254
|
+
--vaadin-button-border-color: GrayText !important;
|
|
1255
|
+
--vaadin-button-text-color: GrayText !important;
|
|
1256
|
+
opacity: 1;
|
|
1257
|
+
}
|
|
1258
|
+
}
|
|
1259
|
+
`,a6=t=>class extends oY(t){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged",sync:!0},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),!this.__shouldAllowFocusWhenDisabled()&&(t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.setAttribute("tabindex","-1")):e&&(void 0!==this._lastTabIndex?this.setAttribute("tabindex",this._lastTabIndex):this.tabindex=void 0))}_tabindexChanged(t){!this.__shouldAllowFocusWhenDisabled()&&this.disabled&&-1!==t&&(this._lastTabIndex=t,this.setAttribute("tabindex","-1"))}focus(t){(!this.disabled||this.__shouldAllowFocusWhenDisabled())&&super.focus(t)}__shouldAllowFocusWhenDisabled(){return!1}},a9=["mousedown","mouseup","click","dblclick","keypress","keydown","keyup"],st=t=>class extends oG(a6(o0(t))){constructor(){super(),this.__onInteractionEvent=this.__onInteractionEvent.bind(this),a9.forEach(t=>{this.addEventListener(t,this.__onInteractionEvent,!0)}),this.tabindex=0}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button"),this.__shouldAllowFocusWhenDisabled()&&this.style.setProperty("--_vaadin-button-disabled-pointer-events","auto")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}__onInteractionEvent(t){this.__shouldSuppressInteractionEvent(t)&&t.stopImmediatePropagation()}__shouldSuppressInteractionEvent(t){return this.disabled}};class se extends st(a3(ad(od(ar(tm))))){static get is(){return"vaadin-button"}static get styles(){return a8}static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0,sync:!0}}}render(){return X`
|
|
1260
|
+
<div class="vaadin-button-container" role="presentation">
|
|
1261
|
+
<span part="prefix" aria-hidden="true">
|
|
1262
|
+
<slot name="prefix"></slot>
|
|
1263
|
+
</span>
|
|
1264
|
+
<span part="label">
|
|
1265
|
+
<slot></slot>
|
|
1266
|
+
</span>
|
|
1267
|
+
<span part="suffix" aria-hidden="true">
|
|
1268
|
+
<slot name="suffix"></slot>
|
|
1269
|
+
</span>
|
|
1270
|
+
|
|
1271
|
+
<slot name="tooltip"></slot>
|
|
1272
|
+
</div>
|
|
1273
|
+
`}ready(){super.ready(),this._tooltipController=new a7(this),this.addController(this._tooltipController)}__shouldAllowFocusWhenDisabled(){return window.Vaadin.featureFlags.accessibleDisabledButtons}}r7(se);let sn=d`
|
|
1274
|
+
:host {
|
|
1275
|
+
flex-shrink: 0;
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1278
|
+
:host([focus-ring]) {
|
|
1279
|
+
z-index: 1;
|
|
1280
|
+
}
|
|
1281
|
+
|
|
1282
|
+
:host([slot='overflow']) {
|
|
1283
|
+
margin-inline-end: 0;
|
|
1284
|
+
}
|
|
1285
|
+
|
|
1286
|
+
.vaadin-button-container {
|
|
1287
|
+
gap: inherit;
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1290
|
+
:host(:not([slot='overflow'])[aria-haspopup]) [part='suffix'] {
|
|
1291
|
+
display: flex;
|
|
1292
|
+
align-items: center;
|
|
1293
|
+
gap: inherit;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1296
|
+
:host(:not([slot='overflow'])[aria-haspopup]) [part='suffix']::after {
|
|
1297
|
+
background: currentColor;
|
|
1298
|
+
content: '';
|
|
1299
|
+
height: var(--vaadin-icon-size, 1lh);
|
|
1300
|
+
mask: var(--_vaadin-icon-chevron-down) 50% / var(--vaadin-icon-visual-size, 100%) no-repeat;
|
|
1301
|
+
width: var(--vaadin-icon-size, 1lh);
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
::slotted(vaadin-menu-bar-item) {
|
|
1305
|
+
padding: 0;
|
|
1306
|
+
gap: 0;
|
|
1307
|
+
}
|
|
1308
|
+
|
|
1309
|
+
::slotted(vaadin-menu-bar-item)::after {
|
|
1310
|
+
display: none;
|
|
1311
|
+
}
|
|
1312
|
+
`;r7(class extends se{static get is(){return"vaadin-menu-bar-button"}static get styles(){return[super.styles,sn]}_onKeyDown(t){this.__triggeredWithActiveKeys=this._activeKeys.includes(t.key),super._onKeyDown(t),this.__triggeredWithActiveKeys=null}_setActive(t){!t&&this.hasAttribute("expanded")||super._setActive(t)}__shouldSuppressInteractionEvent(t){return!("keydown"===t.type&&["ArrowLeft","ArrowRight"].includes(t.key))&&super.__shouldSuppressInteractionEvent(t)}});let si=d`
|
|
1313
|
+
:host {
|
|
1314
|
+
display: block;
|
|
1315
|
+
min-width: 0;
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
:host([hidden]) {
|
|
1319
|
+
display: none !important;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
[part='container'] {
|
|
1323
|
+
display: flex;
|
|
1324
|
+
flex-wrap: nowrap;
|
|
1325
|
+
position: relative;
|
|
1326
|
+
width: 100%;
|
|
1327
|
+
--_gap: var(--vaadin-menu-bar-gap, 0px);
|
|
1328
|
+
--_bw: var(--vaadin-button-border-width, 1px);
|
|
1329
|
+
gap: var(--_gap);
|
|
1330
|
+
--_rad-button: var(--vaadin-button-border-radius, var(--vaadin-radius-m));
|
|
1331
|
+
}
|
|
1332
|
+
|
|
1333
|
+
:host(:not([has-single-button])) ::slotted(vaadin-menu-bar-button:not(:first-of-type)) {
|
|
1334
|
+
margin-inline-start: min(var(--_bw) * -1 + var(--_gap) * 1000, 0px);
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1337
|
+
::slotted(vaadin-menu-bar-button) {
|
|
1338
|
+
border-radius: 0;
|
|
1339
|
+
}
|
|
1340
|
+
|
|
1341
|
+
::slotted([first-visible]),
|
|
1342
|
+
:host([has-single-button]) ::slotted([slot='overflow']),
|
|
1343
|
+
::slotted(vaadin-menu-bar-button[theme~='tertiary']) {
|
|
1344
|
+
border-start-start-radius: var(--_rad-button);
|
|
1345
|
+
border-end-start-radius: var(--_rad-button);
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1348
|
+
::slotted(:is([last-visible], [slot='overflow'])),
|
|
1349
|
+
::slotted(vaadin-menu-bar-button[theme~='tertiary']) {
|
|
1350
|
+
border-start-end-radius: var(--_rad-button);
|
|
1351
|
+
border-end-end-radius: var(--_rad-button);
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
:host([theme~='end-aligned']) ::slotted(vaadin-menu-bar-button[first-visible]),
|
|
1355
|
+
:host([theme~='end-aligned'][has-single-button]) ::slotted(vaadin-menu-bar-button) {
|
|
1356
|
+
margin-inline-start: auto;
|
|
1357
|
+
}
|
|
1358
|
+
`,sr=["__proto__","constructor","prototype"],so=t=>{if(!t||"object"!=typeof t)return!1;let e=Object.getPrototypeOf(t);return e===Object.prototype||null===e};function sa(t,...e){return e.forEach(e=>(function t(e,n,i){return so(e)&&so(n)&&Object.keys(n).forEach(r=>{if(sr.includes(r))return;let o=n[r];if(so(o)){if(!Object.hasOwn(e,r)||!so(e[r])){if(i&&Object.hasOwn(e,r)&&e[r])return;e[r]={}}t(e[r],o,i)}else i&&Array.isArray(o)?e[r]=[...o]:i&&null==o||(e[r]=o)}),e})(t,e,!0)),t}let ss=t=>class extends t{static get properties(){return{i18n:{type:Object},__effectiveI18n:{type:Object,sync:!0}}}static get defaultI18n(){return{}}constructor(){super(),this.i18n=sa({},this.constructor.defaultI18n)}get i18n(){return this.__customI18n}set i18n(t){t!==this.__customI18n&&(this.__customI18n=t,this.__effectiveI18n=sa({},this.constructor.defaultI18n,this.__customI18n))}},sl=new ResizeObserver(t=>{setTimeout(()=>{t.forEach(t=>{t.target.isConnected&&(t.target.resizables?t.target.resizables.forEach(e=>{e._onResize(t.contentRect)}):t.target._onResize(t.contentRect))})})}),sd=on(t=>class extends t{get _observeParent(){return!1}connectedCallback(){if(super.connectedCallback(),sl.observe(this),this._observeParent){let t=this.parentNode instanceof ShadowRoot?this.parentNode.host:this.parentNode;t.resizables||(t.resizables=new Set,sl.observe(t)),t.resizables.add(this),this.__parent=t}}disconnectedCallback(){super.disconnectedCallback(),sl.unobserve(this);let t=this.__parent;if(this._observeParent&&t){let e=t.resizables;e&&(e.delete(this),0===e.size&&sl.unobserve(t)),this.__parent=null}}_onResize(t){}});class sc extends aK{_getItem(t){return"vaadin-menu-bar-button"===t.localName?t.item:super._getItem(t)}_getDefaultPosition(t){return"vaadin-menu-bar-button"===t.localName?"bottom":super._getDefaultPosition(t)}}let sm=eD(class extends eR{update(t,[{component:e,text:n}]){let{parentNode:i,startNode:r}=t,o=e||(n?document.createTextNode(n):null),a=this.getOldNode(t);return a===o||(a&&o?i.replaceChild(o,a):a?i.removeChild(a):o&&r.after(o)),G}getOldNode(t){let{startNode:e,endNode:n}=t;return e.nextSibling===n?null:e.nextSibling}}),sp={moreOptions:"More options"},su=t=>class extends ss(af(sd(o0(oY(t))))){static get properties(){return{items:{type:Array,sync:!0,value:()=>[]},openOnHover:{type:Boolean},reverseCollapse:{type:Boolean,sync:!0},tabNavigation:{type:Boolean,sync:!0}}}static get defaultI18n(){return sp}get i18n(){return super.i18n}set i18n(t){super.i18n=t}constructor(){super(),this.__boundOnContextMenuKeydown=this.__onContextMenuKeydown.bind(this)}get focused(){return(this._getItems()||[]).find(oJ)||this._expandedButton}get _vertical(){return!1}get _tabNavigation(){return this.tabNavigation}get _observeParent(){return!0}get _buttons(){return Array.from(this.querySelectorAll("vaadin-menu-bar-button"))}get _hasOverflow(){return this._overflow&&!this._overflow.hasAttribute("hidden")}set _hasOverflow(t){this._overflow&&this._overflow.toggleAttribute("hidden",!t)}ready(){super.ready(),this.setAttribute("role","menubar"),this._subMenuController=new aG(this,"submenu","vaadin-menu-bar-submenu",{initializer:t=>{t.setAttribute("is-root",""),t.addEventListener("item-selected",this.__onItemSelected.bind(this)),t.addEventListener("close-all-menus",this.__onEscapeClose.bind(this)),t._overlayElement._contentRoot.addEventListener("keydown",this.__boundOnContextMenuKeydown),this._subMenu=t}}),this._overflowController=new aG(this,"overflow","vaadin-menu-bar-button",{initializer:t=>{t.setAttribute("hidden","");let e=document.createElement("div");e.setAttribute("aria-hidden","true"),e.innerHTML="·".repeat(3),t.appendChild(e),t.setAttribute("aria-haspopup","true"),t.setAttribute("aria-expanded","false"),t.setAttribute("role",this.tabNavigation?"button":"menuitem"),this._overflow=t}}),this._tooltipController=new sc(this),this.addEventListener("mousedown",()=>this._tooltipController.close(!0)),this.addEventListener("mouseleave",()=>this._tooltipController.close()),this.addController(this._tooltipController),this.addController(this._subMenuController),this.addController(this._overflowController),this._container=this.shadowRoot.querySelector('[part="container"]')}updated(t){super.updated(t),(t.has("items")||t.has("_theme")||t.has("disabled"))&&this.__renderButtons(this.items),(t.has("items")||t.has("_theme")||t.has("reverseCollapse"))&&this.__scheduleOverflow(),t.has("items")&&this.__updateSubMenu(),t.has("_theme")&&this._themeChanged(this._theme),t.has("disabled")&&this._overflow.toggleAttribute("disabled",this.disabled),t.has("tabNavigation")&&this._tabNavigationChanged(this.tabNavigation),t.has("__effectiveI18n")&&this.__i18nChanged(this.__effectiveI18n)}_getItems(){return this._buttons}disconnectedCallback(){super.disconnectedCallback(),this._tooltipController.setTarget(null)}_onResize(){this.__scheduleOverflow()}_themeChanged(t){t?(this._overflow.setAttribute("theme",t),this._subMenu.setAttribute("theme",t)):(this._overflow.removeAttribute("theme"),this._subMenu.removeAttribute("theme"))}_tabNavigationChanged(t){let e=this.querySelector('[tabindex="0"]');this._buttons.forEach(n=>{e?this._setTabindex(n,n===e):this._setTabindex(n,!1),n.setAttribute("role",t?"button":"menuitem")}),this.setAttribute("role",t?"group":"menubar")}__updateSubMenu(){let t=this._subMenu;if(t?.opened){let e=t._positionTarget;e.isConnected&&Array.isArray(e.item.children)&&0!==e.item.children.length||t.close()}}__i18nChanged(t){t?.moreOptions!==void 0&&(t.moreOptions?this._overflow.setAttribute("aria-label",t.moreOptions):this._overflow.removeAttribute("aria-label"))}__getOverflowCount(t){return t.item&&t.item.children&&t.item.children.length||0}__restoreButtons(t){t.forEach(t=>{t.style.visibility="",t.style.position="",t.style.width="";let e=t.item&&t.item.component;e instanceof HTMLElement&&"menuitem"===e.getAttribute("role")&&this.__restoreItem(t,e)}),this.__updateOverflow([])}__restoreItem(t,e){t.appendChild(e),e.removeAttribute("role"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-haspopup"),e.removeAttribute("tabindex")}__updateOverflow(t){this._overflow.item={children:t},this._hasOverflow=t.length>0}__setOverflowItems(t,e){let n=this._container;if(n.style.minWidth=`${n.offsetWidth}px`,n.offsetWidth<n.scrollWidth){this._hasOverflow=!0;let i=this.__isRTL,r=n.offsetLeft,o=[...t];for(;o.length;){let t=o[o.length-1],a=t.offsetLeft-r;if(!i&&a+t.offsetWidth<n.offsetWidth-e.offsetWidth||i&&a>=e.offsetWidth)break;let s=this.reverseCollapse?o.shift():o.pop();s.style.width=getComputedStyle(s).width,s.style.visibility="hidden",s.style.position="absolute"}let a=t.filter(t=>!o.includes(t)).map(t=>t.item);this.__updateOverflow(a)}n.style.minWidth=""}__scheduleOverflow(){this._overflowDebouncer=au.debounce(this._overflowDebouncer,og,()=>{this.__detectOverflow()})}__detectOverflow(){let t=this._overflow,e=this._buttons.filter(e=>e!==t),n=this.__getOverflowCount(t);this.__restoreButtons(e),this.__setOverflowItems(e,t);let i=this.__getOverflowCount(t);n!==i&&this._subMenu.opened&&this._subMenu.close();let r=i===e.length||0===i&&1===e.length;this.toggleAttribute("has-single-button",r);let o=e.filter(t=>"hidden"!==t.style.visibility);o.length?o.some(t=>"0"===t.getAttribute("tabindex"))||this._setTabindex(o[o.length-1],!0):this._overflow.setAttribute("tabindex","0"),o.forEach((t,e,n)=>{t.toggleAttribute("first-visible",0===e),t.toggleAttribute("last-visible",!this._hasOverflow&&e===n.length-1)})}__getButtonTheme(t,e){let n=e,i=t?.theme;return null!=i&&(n=Array.isArray(i)?i.join(" "):i),n}__getComponent(t){let e,n=t.component,i=n instanceof HTMLElement;return i&&"vaadin-menu-bar-item"===n.localName?e=n:(e=document.createElement("vaadin-menu-bar-item")).appendChild(i?n:document.createElement(n)),t.text&&((e.firstChild||e).textContent=t.text),e}__renderButtons(t=[]){td(X`
|
|
1359
|
+
${t.map(t=>{let e={...t},n=!!t?.children;if(e.component){let t=this.__getComponent(e);e.component=t,t.item=e}return X`
|
|
1360
|
+
<vaadin-menu-bar-button
|
|
1361
|
+
.item="${e}"
|
|
1362
|
+
.disabled="${this.disabled||t.disabled}"
|
|
1363
|
+
role="${this.tabNavigation?"button":"menuitem"}"
|
|
1364
|
+
aria-haspopup="${(n?"true":K)??K}"
|
|
1365
|
+
aria-expanded="${(n?"false":K)??K}"
|
|
1366
|
+
class="${(t.className||K)??K}"
|
|
1367
|
+
theme="${(this.__getButtonTheme(t,this._theme)||K)??K}"
|
|
1368
|
+
@click="${this.__onRootButtonClick}"
|
|
1369
|
+
>${sm(e)}</vaadin-menu-bar-button
|
|
1370
|
+
>
|
|
1371
|
+
`})}
|
|
1372
|
+
`,this,{renderBefore:this._overflow})}__onRootButtonClick(t){let e=t.target;e.item&&e.item.component&&!t.composedPath().includes(e.item.component)&&(t.stopPropagation(),e.item.component.click())}_setExpanded(t,e){t.toggleAttribute("expanded",e),t.toggleAttribute("active",e),t.setAttribute("aria-expanded",e?"true":"false")}_setTabindex(t,e){this.tabNavigation&&this._isItemFocusable(t)?t.setAttribute("tabindex","0"):t.setAttribute("tabindex",e?"0":"-1")}_focusItem(t,e,n){let i=n&&this.focused===this._expandedButton;i&&this._close(),super._focusItem(t,e,n),this._buttons.forEach(e=>{this._setTabindex(e,e===t)}),this._tooltipController.setTarget(t),i&&t.item&&t.item.children?this.__openSubMenu(t,!0,{keepFocus:!0}):this._subMenu.opened||this._tooltipController.open({trigger:"focus"})}_getButtonFromEvent(t){return Array.from(t.composedPath()).find(t=>"vaadin-menu-bar-button"===t.localName)}_shouldSetFocus(t){return!t.composedPath().includes(this._subMenu)&&super._shouldSetFocus(t)}_shouldRemoveFocus(t){return!t.composedPath().includes(this._subMenu)&&super._shouldRemoveFocus(t)}_setFocused(t){let e=t?this.__getFocusTarget():null;e?(this._tooltipController.setTarget(e),this._buttons.forEach(t=>{this._setTabindex(t,t===e)}),!this._subMenu.opened&&oK&&this._tooltipController.open({trigger:"focus"})):this._tooltipController.close(!0)}__getFocusTarget(){let t=this._buttons.find(t=>oJ(t));if(!t){let e=this.tabNavigation?"[focused]":'[tabindex="0"]';oQ(t=this.querySelector(`vaadin-menu-bar-button${e}`))&&(t=this._buttons[this._getFocusableIndex()])}return t}_onArrowDown(t){t.preventDefault();let e=this._getButtonFromEvent(t);e===this._expandedButton?this._focusFirstItem():this.__openSubMenu(e,!0)}_onArrowUp(t){t.preventDefault();let e=this._getButtonFromEvent(t);e===this._expandedButton?this._focusLastItem():this.__openSubMenu(e,!0,{focusLast:!0})}_onEscape(t){t.composedPath().includes(this._expandedButton)&&this._close(!0),this._tooltipController.close(!0)}_onKeyDown(t){t.composedPath().includes(this._subMenu)||this._handleKeyDown(t)}_handleKeyDown(t){switch(t.key){case"ArrowDown":this._onArrowDown(t);break;case"ArrowUp":this._onArrowUp(t);break;default:super._onKeyDown(t)}}_onMouseOver(t){if(t.composedPath().includes(this._subMenu))return;let e=this._getButtonFromEvent(t);this._tooltipController.setTarget(e),e&&e!==this._expandedButton&&e.item.children&&(this.openOnHover||this._subMenu.opened)&&this.__openSubMenu(e,!1),this._subMenu.opened||this._tooltipController.open({trigger:"hover"})}__onContextMenuKeydown(t){let e=Array.from(t.composedPath()).find(t=>t._item);if(e){let n=e.parentNode;38===t.keyCode&&e===n.items[0]&&this._close(!0),37!==t.keyCode&&(39!==t.keyCode||e._item.children)||(t.stopImmediatePropagation(),this._handleKeyDown(t)),"Tab"===t.key&&this.tabNavigation&&this._handleKeyDown(t)}}__fireItemSelected(t){this.dispatchEvent(new CustomEvent("item-selected",{detail:{value:t}}))}__onButtonClick(t){let e=this._getButtonFromEvent(t);e&&this.__openSubMenu(e,e.__triggeredWithActiveKeys)}__openSubMenu(t,e,n={}){if(t.disabled)return;let i=this._subMenu,r=t.item;if(i.opened&&(this._close(),i.listenOn===t))return;let o=r?.children;if(!o||0===o.length)return void this.__fireItemSelected(r);i.items=o,i.listenOn=t,i._positionTarget=t;let a=i._overlayElement;a.noVerticalOverlap=!0,this._tooltipController.close(!0),this._expandedButton=t,this._setExpanded(t,!0),this.style.pointerEvents="auto",t.dispatchEvent(new CustomEvent("opensubmenu",{detail:{children:o}})),a.addEventListener("vaadin-overlay-open",()=>{if(n.focusLast&&this._focusLastItem(),n.keepFocus){let t={focusVisible:oK};this._focusItem(this._expandedButton,t,!1)}e||a.$.overlay.focus()},{once:!0})}_focusFirstItem(){this._subMenu._overlayElement._contentRoot.firstElementChild.focus()}_focusLastItem(){let t=this._subMenu._overlayElement._contentRoot.firstElementChild,e=t.items[t.items.length-1];e&&e.focus()}__onItemSelected(t){t.stopPropagation(),this.__fireItemSelected(t.detail.value)}__onEscapeClose(){this.__deactivateButton(!0)}__deactivateButton(t){let e=this._expandedButton;if(e?.hasAttribute("expanded")){if(this._setExpanded(e,!1),t){let t={focusVisible:oK};this._focusItem(e,t,!1)}else this._tooltipController.close(!0);this._expandedButton=null}}_close(t=!1){this.style.pointerEvents="",this.__deactivateButton(t),this._subMenu.opened&&this._subMenu.close()}close(){this._close()}_isItemFocusable(t){return t.disabled&&t.__shouldAllowFocusWhenDisabled?t.__shouldAllowFocusWhenDisabled():super._isItemFocusable(t)}};class sh extends su(a3(ad(od(ar(tm))))){static get is(){return"vaadin-menu-bar"}static get styles(){return si}render(){return X`
|
|
1373
|
+
<div part="container" @click="${this.__onButtonClick}" @mouseover="${this._onMouseOver}">
|
|
1374
|
+
<slot></slot>
|
|
1375
|
+
<slot name="overflow"></slot>
|
|
1376
|
+
</div>
|
|
1377
|
+
|
|
1378
|
+
<slot name="submenu"></slot>
|
|
1379
|
+
|
|
1380
|
+
<slot name="tooltip"></slot>
|
|
1381
|
+
`}}function sf(t){let e=document.createElement("vaadin-menu-bar-item");return td(t,e),e}r7(sh);let sg=class extends sh{};sg=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a}([tL("or-vaadin-menu-bar")],sg);var sb=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a},s_=function(t,e,n,i){return new(n||(n=Promise))(function(r,o){function a(t){try{l(i.next(t))}catch(t){o(t)}}function s(t){try{l(i.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?r(t.value):((e=t.value)instanceof n?e:new n(function(t){t(e)})).then(a,s)}l((i=i.apply(t,e||[])).next())})};function sv(t){return!t.roles||(Array.isArray(t.roles)?t.roles.some(t=>ec().hasRole(t)):"function"==typeof t.roles?t.roles():Object.entries(t.roles).some(([t,e])=>e.some(e=>ec().hasRole(e,t))))}let sy=class extends tS.OrElement{constructor(){super(...arguments),this._drawerOpened=!1,this.alarmButton="bell-outline",this.alarmColor="--or-app-color3, ${unsafeCSS(DefaultColor3)}"}static get styles(){return d`
|
|
1382
|
+
:host {
|
|
1383
|
+
--internal-or-header-color: var(--or-header-color, var(--or-app-color1, ${l(ed.DefaultColor1)}));
|
|
1384
|
+
--internal-or-header-selected-color: var(
|
|
1385
|
+
--or-header-selected-color,
|
|
1386
|
+
var(--or-app-color4, ${l(ed.DefaultColor4)})
|
|
1387
|
+
);
|
|
1388
|
+
--internal-or-header-text-color: var(--or-header-text-color, var(--or-app-color3, inherit));
|
|
1389
|
+
--internal-or-header-height: var(--or-header-height, ${l(ed.DefaultHeaderHeight)});
|
|
1390
|
+
--internal-or-header-logo-margin: var(--or-header-logo-margin, 0 40px 0 0);
|
|
1391
|
+
--internal-or-header-logo-height: var(
|
|
1392
|
+
--or-header-logo-height,
|
|
1393
|
+
var(--internal-or-header-height, ${l(ed.DefaultHeaderHeight)})
|
|
1394
|
+
);
|
|
1395
|
+
--internal-or-header-item-size: var(--or-header-item-size, calc(${l(ed.DefaultHeaderHeight)} - 20px));
|
|
1396
|
+
--internal-or-header-drawer-color: var(
|
|
1397
|
+
--or-header-drawer-color,
|
|
1398
|
+
var(--or-app-color2, ${l(ed.DefaultColor2)})
|
|
1399
|
+
);
|
|
1400
|
+
--internal-or-header-drawer-text-color: var(
|
|
1401
|
+
--or-header-drawer-text-color,
|
|
1402
|
+
var(--or-app-color3, ${l(ed.DefaultColor3)})
|
|
1403
|
+
);
|
|
1404
|
+
--internal-or-header-drawer-item-size: var(--or-header-drawer-item-size, 30px);
|
|
1405
|
+
--internal-or-header-drawer-separator-color: var(
|
|
1406
|
+
--or-header-drawer-separator-color,
|
|
1407
|
+
var(--or-app-color5, ${l(ed.DefaultColor5)})
|
|
1408
|
+
);
|
|
1409
|
+
|
|
1410
|
+
display: block;
|
|
1411
|
+
z-index: 4;
|
|
1412
|
+
}
|
|
1413
|
+
|
|
1414
|
+
#toolbar-top {
|
|
1415
|
+
display: flex;
|
|
1416
|
+
padding: 0;
|
|
1417
|
+
}
|
|
1418
|
+
|
|
1419
|
+
#logo-mobile {
|
|
1420
|
+
margin: 8px;
|
|
1421
|
+
height: calc(var(--internal-or-header-logo-height) - 16px);
|
|
1422
|
+
display: block;
|
|
1423
|
+
}
|
|
1424
|
+
|
|
1425
|
+
#logo {
|
|
1426
|
+
display: none;
|
|
1427
|
+
}
|
|
1428
|
+
|
|
1429
|
+
#header {
|
|
1430
|
+
opacity: 1;
|
|
1431
|
+
width: 100%;
|
|
1432
|
+
height: var(--internal-or-header-height);
|
|
1433
|
+
text-align: center;
|
|
1434
|
+
background-color: var(--internal-or-header-color);
|
|
1435
|
+
color: var(--internal-or-header-text-color);
|
|
1436
|
+
--or-icon-fill: var(--internal-or-header-text-color);
|
|
1437
|
+
--or-icon-height: calc(var(--internal-or-header-item-size) - 12px);
|
|
1438
|
+
--or-icon-width: calc(var(--internal-or-header-item-size) - 12px);
|
|
1439
|
+
z-index: 9999999;
|
|
1440
|
+
}
|
|
1441
|
+
|
|
1442
|
+
.shadow {
|
|
1443
|
+
-webkit-box-shadow: ${l(ed.DefaultBoxShadowBottom)};
|
|
1444
|
+
-moz-box-shadow: ${l(ed.DefaultBoxShadowBottom)};
|
|
1445
|
+
box-shadow: ${l(ed.DefaultBoxShadowBottom)};
|
|
1446
|
+
}
|
|
1447
|
+
|
|
1448
|
+
#drawer-menu vaadin-menu-bar-item::part(content) {
|
|
1449
|
+
gap: 8px;
|
|
1450
|
+
}
|
|
1451
|
+
|
|
1452
|
+
.menu-btn {
|
|
1453
|
+
background: none;
|
|
1454
|
+
border: none;
|
|
1455
|
+
cursor: pointer;
|
|
1456
|
+
padding: 0 16px;
|
|
1457
|
+
height: 100%;
|
|
1458
|
+
}
|
|
1459
|
+
|
|
1460
|
+
#mobile-right {
|
|
1461
|
+
display: flex;
|
|
1462
|
+
padding-right: 4px;
|
|
1463
|
+
gap: 4px;
|
|
1464
|
+
align-items: center;
|
|
1465
|
+
margin-left: auto;
|
|
1466
|
+
--or-icon-height: calc(var(--internal-or-header-item-size) - 8px);
|
|
1467
|
+
--or-icon-width: calc(var(--internal-or-header-item-size) - 8px);
|
|
1468
|
+
}
|
|
1469
|
+
|
|
1470
|
+
#desktop-right {
|
|
1471
|
+
margin-left: auto;
|
|
1472
|
+
padding-right: 10px;
|
|
1473
|
+
display: none;
|
|
1474
|
+
}
|
|
1475
|
+
|
|
1476
|
+
.mobile-bottom-border {
|
|
1477
|
+
border-top: 1px solid var(--internal-or-header-drawer-separator-color);
|
|
1478
|
+
margin-top: 16px;
|
|
1479
|
+
padding-top: 8px;
|
|
1480
|
+
}
|
|
1481
|
+
|
|
1482
|
+
.menu-item {
|
|
1483
|
+
opacity: 0.7;
|
|
1484
|
+
cursor: pointer;
|
|
1485
|
+
text-decoration: none !important;
|
|
1486
|
+
color: inherit;
|
|
1487
|
+
padding: 0 10px;
|
|
1488
|
+
font-size: 14px;
|
|
1489
|
+
}
|
|
1490
|
+
|
|
1491
|
+
.menu-item:hover,
|
|
1492
|
+
.menu-item[selected] {
|
|
1493
|
+
opacity: 1;
|
|
1494
|
+
}
|
|
1495
|
+
#desktop-left .menu-item or-icon {
|
|
1496
|
+
margin-right: 10px;
|
|
1497
|
+
}
|
|
1498
|
+
#desktop-left .menu-item {
|
|
1499
|
+
display: none;
|
|
1500
|
+
line-height: calc(var(--internal-or-header-height) - 4px);
|
|
1501
|
+
}
|
|
1502
|
+
|
|
1503
|
+
#desktop-right .menu-item {
|
|
1504
|
+
line-height: var(--internal-or-header-height);
|
|
1505
|
+
}
|
|
1506
|
+
|
|
1507
|
+
#drawer .menu-item {
|
|
1508
|
+
display: block;
|
|
1509
|
+
line-height: var(--internal-or-header-drawer-item-size);
|
|
1510
|
+
margin: 6px 0;
|
|
1511
|
+
padding: 8px 16px;
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
#drawer .menu-item or-icon {
|
|
1515
|
+
margin: 0 10px;
|
|
1516
|
+
}
|
|
1517
|
+
|
|
1518
|
+
#desktop-left .menu-item[selected] {
|
|
1519
|
+
display: inline-block;
|
|
1520
|
+
line-height: var(--internal-or-header-height);
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
.or-language-container {
|
|
1524
|
+
display: flex;
|
|
1525
|
+
height: 50px;
|
|
1526
|
+
align-items: center;
|
|
1527
|
+
}
|
|
1528
|
+
|
|
1529
|
+
#realm-picker {
|
|
1530
|
+
min-width: 140px;
|
|
1531
|
+
}
|
|
1532
|
+
|
|
1533
|
+
/* Hides the default menu bar content (three horizontal dots) and replace it ourselves using the slot="prefix" */
|
|
1534
|
+
#drawer-menu-button::part(label) {
|
|
1535
|
+
display: none;
|
|
1536
|
+
}
|
|
1537
|
+
|
|
1538
|
+
/* Wide layout: when the viewport width is bigger than 768px, layout
|
|
1539
|
+
changes to a wide layout. */
|
|
1540
|
+
@media (min-width: 900px) {
|
|
1541
|
+
#mobile-right {
|
|
1542
|
+
display: none;
|
|
1543
|
+
}
|
|
1544
|
+
|
|
1545
|
+
#drawer {
|
|
1546
|
+
display: none;
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
#desktop-right {
|
|
1550
|
+
display: flex;
|
|
1551
|
+
align-items: center;
|
|
1552
|
+
gap: 8px;
|
|
1553
|
+
}
|
|
1554
|
+
|
|
1555
|
+
#desktop-left .menu-item {
|
|
1556
|
+
display: inline-block;
|
|
1557
|
+
}
|
|
1558
|
+
|
|
1559
|
+
#desktop-left .menu-item or-icon {
|
|
1560
|
+
display: none;
|
|
1561
|
+
}
|
|
1562
|
+
|
|
1563
|
+
#desktop-left .menu-item[selected] {
|
|
1564
|
+
border-bottom: 4px solid var(--internal-or-header-selected-color);
|
|
1565
|
+
line-height: calc(var(--internal-or-header-height) - 4px);
|
|
1566
|
+
}
|
|
1567
|
+
|
|
1568
|
+
#logo {
|
|
1569
|
+
margin: var(--internal-or-header-logo-margin);
|
|
1570
|
+
height: var(--internal-or-header-logo-height);
|
|
1571
|
+
display: block;
|
|
1572
|
+
}
|
|
1573
|
+
|
|
1574
|
+
#logo-mobile {
|
|
1575
|
+
display: none;
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
#realm-picker {
|
|
1579
|
+
min-width: 160px;
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1582
|
+
#desktop-left ::slotted(*) {
|
|
1583
|
+
display: inline-block;
|
|
1584
|
+
}
|
|
1585
|
+
|
|
1586
|
+
#desktop-left ::slotted(*[selected]) {
|
|
1587
|
+
border-bottom: 4px solid var(--internal-or-header-selected-color);
|
|
1588
|
+
line-height: calc(var(--internal-or-header-height) - 4px);
|
|
1589
|
+
}
|
|
1590
|
+
|
|
1591
|
+
.menu-item {
|
|
1592
|
+
padding: 0 20px;
|
|
1593
|
+
}
|
|
1594
|
+
}
|
|
1595
|
+
|
|
1596
|
+
@media (min-width: 1100px) {
|
|
1597
|
+
#desktop-left .menu-item or-icon {
|
|
1598
|
+
display: inline-block;
|
|
1599
|
+
}
|
|
1600
|
+
}
|
|
1601
|
+
`}_onRealmSelect(t){this.store.dispatch(lV(t))}shouldUpdate(t){var e;return t.has("config")&&(this.activeMenu=(e=this.config&&this.config.mainMenu&&this.config.mainMenu.length>0?this.config.mainMenu[0].href:void 0,window.location.hash.substr(2).split("/")[0]||e)),t.has("realm")&&this._getAlarmButton(),super.shouldUpdate(t)}connectedCallback(){super.connectedCallback(),this._subscribeEvents()}disconnectedCallback(){super.disconnectedCallback(),this._unsubscribeEvents()}_subscribeEvents(){return s_(this,void 0,void 0,function*(){ec().events&&(this._eventSubscriptionId=yield ec().events.subscribe({eventType:"alarm"},t=>this._getAlarmButton()))})}_unsubscribeEvents(){this._eventSubscriptionId&&(ec().events.unsubscribe(this._eventSubscriptionId),this._eventSubscriptionId=void 0)}render(){var t,e;if(!this.config)return X``;let n=null==(t=this.config.mainMenu)?void 0:t.filter(sv),i=null==(e=this.config.secondaryMenu)?void 0:e.filter(sv);return X`
|
|
1602
|
+
<!-- Header -->
|
|
1603
|
+
<div id="header" class="shadow">
|
|
1604
|
+
<div id="toolbar-top">
|
|
1605
|
+
<div><img id="logo" src="${this.logo}" /><img id="logo-mobile" src="${this.logoMobile}" /></div>
|
|
1606
|
+
|
|
1607
|
+
<!-- This gets hidden on a small screen-->
|
|
1608
|
+
<nav id="toolbar-list">
|
|
1609
|
+
<div id="desktop-left">
|
|
1610
|
+
${n?n.map(t=>X`
|
|
1611
|
+
<a
|
|
1612
|
+
class="menu-item"
|
|
1613
|
+
href=${this._getHeaderHref(t)}
|
|
1614
|
+
@click="${e=>this._onHeaderItemSelect(t,e)}"
|
|
1615
|
+
?selected="${this.activeMenu===t.href}"
|
|
1616
|
+
><or-icon icon="${t.icon}"></or-icon
|
|
1617
|
+
><or-translate value="${t.text}"></or-translate
|
|
1618
|
+
></a>
|
|
1619
|
+
`):""}
|
|
1620
|
+
</div>
|
|
1621
|
+
</nav>
|
|
1622
|
+
<div id="desktop-right">
|
|
1623
|
+
<or-vaadin-button
|
|
1624
|
+
theme="icon"
|
|
1625
|
+
title=${tP.i18next.t("alarm.alarm_plural")}
|
|
1626
|
+
@click=${()=>t$.navigate("alarms")}
|
|
1627
|
+
>
|
|
1628
|
+
<or-icon icon=${this.alarmButton} style="color:var(${this.alarmColor})"></or-icon>
|
|
1629
|
+
</or-vaadin-button>
|
|
1630
|
+
${this._getRealmMenu(t=>this._onRealmSelect(t))}
|
|
1631
|
+
${eP(i,()=>this._getSecondaryMenu([null!=i?i:[]]))}
|
|
1632
|
+
</div>
|
|
1633
|
+
<div id="mobile-right">
|
|
1634
|
+
${this._getRealmMenu(t=>this._onRealmSelect(t))}
|
|
1635
|
+
${eP(i,()=>{var t,e;return this._getSecondaryMenu([null!=(t=null==n?void 0:n.filter(t=>!t.hideMobile))?t:[],null!=(e=null==i?void 0:i.filter(t=>!t.hideMobile))?e:[]])})}
|
|
1636
|
+
</div>
|
|
1637
|
+
</div>
|
|
1638
|
+
</div>
|
|
1639
|
+
`}_getRealmMenu(t){var e;if(!ec().isSuperUser())return X``;let n=this.realms.find(t=>t.name===this.realm),i=this.realms.map(t=>({value:t.name,label:t.displayName}));return X`
|
|
1640
|
+
<or-vaadin-select
|
|
1641
|
+
id="realm-picker"
|
|
1642
|
+
.items=${i}
|
|
1643
|
+
.value=${null==n?void 0:n.name}
|
|
1644
|
+
?disabled=${(null!=(e=null==i?void 0:i.length)?e:0)<=1}
|
|
1645
|
+
@change="${e=>t(e.currentTarget.value)}"
|
|
1646
|
+
></or-vaadin-select>
|
|
1647
|
+
`}_getAlarmButton(){return s_(this,void 0,void 0,function*(){let t=!1;(ec().hasRole("read:alarms")||ec().hasRole("read:admin"))&&(t=(yield ec().rest.api.AlarmResource.getAlarms({realm:ec().displayRealm,status:"OPEN"})).data.length>0),this.alarmButton=t?"bell-badge-outline":"bell-outline",this.alarmColor=t?"--or-app-color4, ${unsafeCSS(DefaultColor4)}":"--or-app-color3, ${unsafeCSS(DefaultColor3)}"})}_getSecondaryMenu(t){let e=t.map(t=>t.map(t=>Object.assign(Object.assign({},t),{text:void 0,component:sf(X`
|
|
1648
|
+
<or-icon icon=${t.icon}></or-icon>
|
|
1649
|
+
<or-translate value=${t.text}></or-translate>
|
|
1650
|
+
`)}))),n=e.flatMap((t,n)=>n<e.length-1?[...t,{component:sf(X`<hr style="width: 100%; color: white;" />`)}]:t);return X`
|
|
1651
|
+
<or-vaadin-menu-bar
|
|
1652
|
+
id="drawer-menu"
|
|
1653
|
+
theme="icon"
|
|
1654
|
+
.items=${n}
|
|
1655
|
+
style="min-width: 40px; width: 40px;"
|
|
1656
|
+
@item-selected=${t=>this._onSecondaryMenuSelect(t.detail.value.value)}
|
|
1657
|
+
>
|
|
1658
|
+
<vaadin-menu-bar-button slot="overflow" id="drawer-menu-button" theme="icon">
|
|
1659
|
+
<or-icon slot="prefix" icon="dots-vertical"></or-icon>
|
|
1660
|
+
</vaadin-menu-bar-button>
|
|
1661
|
+
</or-vaadin-menu-bar>
|
|
1662
|
+
`}_onSecondaryMenuSelect(t){let e=[...this.config.mainMenu,...this.config.secondaryMenu].find(e=>e.value===t);e?this._onHeaderItemSelect(e):console.warn("Could not find header item to navigate towards.")}_onHeaderItemSelect(t,e){if(t.action){null==e||e.preventDefault(),t.action();return}!e&&t.href&&(t.absolute?globalThis.location.assign(t.href):t$.navigate(t.href))}_getHeaderHref({href:t,absolute:e}){return t?e?t:`#/${t}`:"#"}_closeDrawer(){this._drawerOpened=!1}_toggleDrawer(){this._drawerOpened=!this._drawerOpened}};function sx(t,e,n){let i=document.head.querySelector(`meta[${t}="${e}"]`);i||((i=document.createElement("meta")).setAttribute(t,e),document.head.appendChild(i)),i.setAttribute("content",n||"")}sb([tN({type:Array})],sy.prototype,"realms",void 0),sb([tN({type:String})],sy.prototype,"realm",void 0),sb([tN({type:Object})],sy.prototype,"store",void 0),sb([tN({type:String})],sy.prototype,"logo",void 0),sb([tN({type:String})],sy.prototype,"logoMobile",void 0),sb([tN({type:Object})],sy.prototype,"config",void 0),sb([tz("div[id=mobile-bottom]")],sy.prototype,"_mobileBottomDiv",void 0),sb([tN()],sy.prototype,"activeMenu",void 0),sb([tD()],sy.prototype,"_drawerOpened",void 0),sb([tD()],sy.prototype,"alarmButton",void 0),sb([tD()],sy.prototype,"alarmColor",void 0),sy=sb([tL("or-header")],sy);let sw=d`
|
|
1663
|
+
/* Optical centering */
|
|
1664
|
+
:host::before,
|
|
1665
|
+
:host::after {
|
|
1666
|
+
content: '';
|
|
1667
|
+
flex-basis: 0;
|
|
1668
|
+
flex-grow: 1;
|
|
1669
|
+
}
|
|
1670
|
+
|
|
1671
|
+
:host::after {
|
|
1672
|
+
flex-grow: 1.1;
|
|
1673
|
+
}
|
|
1674
|
+
|
|
1675
|
+
:host {
|
|
1676
|
+
cursor: default;
|
|
1677
|
+
--_overflow-indicator-height: var(--vaadin-dialog-overflow-indicator-height, 1px);
|
|
1678
|
+
--_overflow-indicator-color: var(--vaadin-dialog-overflow-indicator-color, var(--vaadin-border-color-secondary));
|
|
1679
|
+
}
|
|
1680
|
+
|
|
1681
|
+
[part='overlay']:focus-visible {
|
|
1682
|
+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
|
|
1683
|
+
}
|
|
1684
|
+
|
|
1685
|
+
[part='overlay'] {
|
|
1686
|
+
color: var(--vaadin-dialog-text-color, var(--vaadin-overlay-text-color, var(--vaadin-text-color)));
|
|
1687
|
+
background: var(--vaadin-dialog-background, var(--vaadin-overlay-background, var(--vaadin-background-color)));
|
|
1688
|
+
background-origin: border-box;
|
|
1689
|
+
border: var(--vaadin-dialog-border-width, var(--vaadin-overlay-border-width, 1px)) solid
|
|
1690
|
+
var(--vaadin-dialog-border-color, var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary)));
|
|
1691
|
+
box-shadow: var(--vaadin-dialog-shadow, var(--vaadin-overlay-shadow, 0 8px 24px -4px rgba(0, 0, 0, 0.3)));
|
|
1692
|
+
border-radius: var(--vaadin-dialog-border-radius, var(--vaadin-radius-l));
|
|
1693
|
+
width: max-content;
|
|
1694
|
+
min-width: min(var(--vaadin-dialog-min-width, 4em), 100%);
|
|
1695
|
+
max-width: min(var(--vaadin-dialog-max-width, 100%), 100%);
|
|
1696
|
+
max-height: 100%;
|
|
1697
|
+
}
|
|
1698
|
+
|
|
1699
|
+
[part='header'],
|
|
1700
|
+
[part='header-content'],
|
|
1701
|
+
[part='footer'] {
|
|
1702
|
+
display: flex;
|
|
1703
|
+
align-items: center;
|
|
1704
|
+
flex-wrap: wrap;
|
|
1705
|
+
flex: none;
|
|
1706
|
+
pointer-events: none;
|
|
1707
|
+
z-index: 1;
|
|
1708
|
+
gap: var(--vaadin-dialog-toolbar-gap, var(--vaadin-gap-s));
|
|
1709
|
+
}
|
|
1710
|
+
|
|
1711
|
+
::slotted(*) {
|
|
1712
|
+
pointer-events: auto;
|
|
1713
|
+
}
|
|
1714
|
+
|
|
1715
|
+
[part='header'],
|
|
1716
|
+
[part='content'],
|
|
1717
|
+
[part='footer'] {
|
|
1718
|
+
padding: var(--vaadin-dialog-padding, var(--vaadin-padding-l));
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
:host([theme~='no-padding']) [part='content'] {
|
|
1722
|
+
padding: 0 !important;
|
|
1723
|
+
}
|
|
1724
|
+
|
|
1725
|
+
:host(:is([has-header], [has-title])) [part='content'] {
|
|
1726
|
+
padding-top: 0;
|
|
1727
|
+
}
|
|
1728
|
+
|
|
1729
|
+
:host([has-footer]) [part='content'] {
|
|
1730
|
+
padding-bottom: 0;
|
|
1731
|
+
}
|
|
1732
|
+
|
|
1733
|
+
[part='header'] {
|
|
1734
|
+
flex-wrap: nowrap;
|
|
1735
|
+
}
|
|
1736
|
+
|
|
1737
|
+
::slotted([slot='header-content']),
|
|
1738
|
+
::slotted([slot='title']),
|
|
1739
|
+
::slotted([slot='footer']) {
|
|
1740
|
+
display: contents;
|
|
1741
|
+
}
|
|
1742
|
+
|
|
1743
|
+
::slotted([slot='title']) {
|
|
1744
|
+
font: inherit !important;
|
|
1745
|
+
color: inherit !important;
|
|
1746
|
+
overflow-wrap: anywhere;
|
|
1747
|
+
}
|
|
1748
|
+
|
|
1749
|
+
[part='title'] {
|
|
1750
|
+
color: var(--vaadin-dialog-title-color, var(--vaadin-text-color));
|
|
1751
|
+
font-weight: var(--vaadin-dialog-title-font-weight, 600);
|
|
1752
|
+
font-size: var(--vaadin-dialog-title-font-size, 1em);
|
|
1753
|
+
line-height: var(--vaadin-dialog-title-line-height, inherit);
|
|
1754
|
+
}
|
|
1755
|
+
|
|
1756
|
+
[part='header-content'] {
|
|
1757
|
+
flex: 1;
|
|
1758
|
+
}
|
|
1759
|
+
|
|
1760
|
+
:host([has-title]) [part='header-content'],
|
|
1761
|
+
[part='footer'] {
|
|
1762
|
+
justify-content: flex-end;
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
:host(:not([has-title]):not([has-header])) [part='header'],
|
|
1766
|
+
:host(:not([has-header])) [part='header-content'],
|
|
1767
|
+
:host(:not([has-title])) [part='title'],
|
|
1768
|
+
:host(:not([has-footer])) [part='footer'] {
|
|
1769
|
+
display: none !important;
|
|
1770
|
+
}
|
|
1771
|
+
|
|
1772
|
+
[part='header'],
|
|
1773
|
+
[part='footer'] {
|
|
1774
|
+
position: relative;
|
|
1775
|
+
|
|
1776
|
+
&::after {
|
|
1777
|
+
content: '';
|
|
1778
|
+
opacity: 0;
|
|
1779
|
+
position: absolute;
|
|
1780
|
+
pointer-events: none;
|
|
1781
|
+
height: var(--_overflow-indicator-height);
|
|
1782
|
+
top: 100%;
|
|
1783
|
+
inset-inline: 0;
|
|
1784
|
+
background: linear-gradient(
|
|
1785
|
+
var(--_overflow-indicator-dir, to bottom),
|
|
1786
|
+
var(--_overflow-indicator-color),
|
|
1787
|
+
var(--_overflow-indicator-color) 1px,
|
|
1788
|
+
transparent
|
|
1789
|
+
);
|
|
1790
|
+
}
|
|
1791
|
+
}
|
|
1792
|
+
|
|
1793
|
+
[part='footer']::after {
|
|
1794
|
+
top: auto;
|
|
1795
|
+
bottom: 100%;
|
|
1796
|
+
--_overflow-indicator-dir: to top;
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1799
|
+
:host([overflow~='top']) [part='header']::after,
|
|
1800
|
+
:host([overflow~='bottom']) [part='footer']::after {
|
|
1801
|
+
opacity: 1;
|
|
1802
|
+
}
|
|
1803
|
+
`,sk=[aU,sw,d`
|
|
1804
|
+
[part='overlay'] {
|
|
1805
|
+
position: relative;
|
|
1806
|
+
overflow: visible;
|
|
1807
|
+
display: flex;
|
|
1808
|
+
}
|
|
1809
|
+
|
|
1810
|
+
:host([has-bounds-set]) [part='overlay'] {
|
|
1811
|
+
min-width: 0;
|
|
1812
|
+
}
|
|
1813
|
+
|
|
1814
|
+
:host([has-bounds-set]:not([keep-in-viewport])) [part='overlay'] {
|
|
1815
|
+
max-width: none;
|
|
1816
|
+
max-height: none;
|
|
1817
|
+
}
|
|
1818
|
+
|
|
1819
|
+
/* Content part scrolls by default */
|
|
1820
|
+
[part='content'] {
|
|
1821
|
+
flex: 1;
|
|
1822
|
+
min-height: 0;
|
|
1823
|
+
overflow: auto;
|
|
1824
|
+
overscroll-behavior: contain;
|
|
1825
|
+
clip-path: border-box;
|
|
1826
|
+
}
|
|
1827
|
+
|
|
1828
|
+
[part='header'],
|
|
1829
|
+
:host(:not([has-title], [has-header])) [part='content'] {
|
|
1830
|
+
border-top-left-radius: inherit;
|
|
1831
|
+
border-top-right-radius: inherit;
|
|
1832
|
+
}
|
|
1833
|
+
|
|
1834
|
+
[part='footer'],
|
|
1835
|
+
:host(:not([has-footer])) [part='content'] {
|
|
1836
|
+
border-bottom-left-radius: inherit;
|
|
1837
|
+
border-bottom-right-radius: inherit;
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1840
|
+
.resizer-container {
|
|
1841
|
+
display: flex;
|
|
1842
|
+
flex-direction: column;
|
|
1843
|
+
flex-grow: 1;
|
|
1844
|
+
max-width: 100%;
|
|
1845
|
+
border-radius: calc(
|
|
1846
|
+
var(--vaadin-dialog-border-radius, var(--vaadin-radius-l)) - var(
|
|
1847
|
+
--vaadin-dialog-border-width,
|
|
1848
|
+
var(--vaadin-overlay-border-width, 1px)
|
|
1849
|
+
)
|
|
1850
|
+
);
|
|
1851
|
+
}
|
|
1852
|
+
|
|
1853
|
+
:host(:not([resizable])) .resizer {
|
|
1854
|
+
display: none;
|
|
1855
|
+
}
|
|
1856
|
+
|
|
1857
|
+
.resizer {
|
|
1858
|
+
position: absolute;
|
|
1859
|
+
height: 16px;
|
|
1860
|
+
width: 16px;
|
|
1861
|
+
}
|
|
1862
|
+
|
|
1863
|
+
.resizer.edge {
|
|
1864
|
+
height: 8px;
|
|
1865
|
+
width: 8px;
|
|
1866
|
+
inset: -4px;
|
|
1867
|
+
}
|
|
1868
|
+
|
|
1869
|
+
.resizer.edge.n {
|
|
1870
|
+
width: auto;
|
|
1871
|
+
bottom: auto;
|
|
1872
|
+
cursor: ns-resize;
|
|
1873
|
+
}
|
|
1874
|
+
|
|
1875
|
+
.resizer.ne {
|
|
1876
|
+
top: -4px;
|
|
1877
|
+
right: -4px;
|
|
1878
|
+
cursor: nesw-resize;
|
|
1879
|
+
}
|
|
1880
|
+
|
|
1881
|
+
.resizer.edge.e {
|
|
1882
|
+
height: auto;
|
|
1883
|
+
left: auto;
|
|
1884
|
+
cursor: ew-resize;
|
|
1885
|
+
}
|
|
1886
|
+
|
|
1887
|
+
.resizer.se {
|
|
1888
|
+
bottom: -4px;
|
|
1889
|
+
right: -4px;
|
|
1890
|
+
cursor: nwse-resize;
|
|
1891
|
+
}
|
|
1892
|
+
|
|
1893
|
+
.resizer.edge.s {
|
|
1894
|
+
width: auto;
|
|
1895
|
+
top: auto;
|
|
1896
|
+
cursor: ns-resize;
|
|
1897
|
+
}
|
|
1898
|
+
|
|
1899
|
+
.resizer.sw {
|
|
1900
|
+
bottom: -4px;
|
|
1901
|
+
left: -4px;
|
|
1902
|
+
cursor: nesw-resize;
|
|
1903
|
+
}
|
|
1904
|
+
|
|
1905
|
+
.resizer.edge.w {
|
|
1906
|
+
height: auto;
|
|
1907
|
+
right: auto;
|
|
1908
|
+
cursor: ew-resize;
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1911
|
+
.resizer.nw {
|
|
1912
|
+
top: -4px;
|
|
1913
|
+
left: -4px;
|
|
1914
|
+
cursor: nwse-resize;
|
|
1915
|
+
}
|
|
1916
|
+
`],sE=[aU,sw,d`
|
|
1917
|
+
:host {
|
|
1918
|
+
--vaadin-dialog-min-width: var(--vaadin-confirm-dialog-min-width, 15em);
|
|
1919
|
+
--vaadin-dialog-max-width: var(--vaadin-confirm-dialog-max-width, 25em);
|
|
1920
|
+
}
|
|
1921
|
+
|
|
1922
|
+
::slotted([slot='header']) {
|
|
1923
|
+
display: contents;
|
|
1924
|
+
font: inherit !important;
|
|
1925
|
+
color: inherit !important;
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
[part='header'] {
|
|
1929
|
+
color: var(--vaadin-dialog-title-color, var(--vaadin-text-color));
|
|
1930
|
+
font-weight: var(--vaadin-dialog-title-font-weight, 600);
|
|
1931
|
+
font-size: var(--vaadin-dialog-title-font-size, 1em);
|
|
1932
|
+
line-height: var(--vaadin-dialog-title-line-height, inherit);
|
|
1933
|
+
}
|
|
1934
|
+
|
|
1935
|
+
[part='overlay'] {
|
|
1936
|
+
display: flex;
|
|
1937
|
+
flex-direction: column;
|
|
1938
|
+
}
|
|
1939
|
+
|
|
1940
|
+
[part='content'] {
|
|
1941
|
+
flex: 1;
|
|
1942
|
+
}
|
|
1943
|
+
`];class sC extends aF(ot(ad(od(ar(tm))))){static get is(){return"vaadin-confirm-dialog-overlay"}static get styles(){return sE}static get properties(){return{cancelButtonVisible:{type:Boolean,value:!1},rejectButtonVisible:{type:Boolean,value:!1}}}render(){return X`
|
|
1944
|
+
<div part="backdrop" id="backdrop" ?hidden="${!this.withBackdrop}"></div>
|
|
1945
|
+
<div part="overlay" id="overlay">
|
|
1946
|
+
<header part="header"><slot name="header"></slot></header>
|
|
1947
|
+
<div part="content" id="content">
|
|
1948
|
+
<div part="message"><slot></slot></div>
|
|
1949
|
+
</div>
|
|
1950
|
+
<footer part="footer" role="toolbar">
|
|
1951
|
+
<div part="cancel-button" ?hidden="${!this.cancelButtonVisible}">
|
|
1952
|
+
<slot name="cancel-button"></slot>
|
|
1953
|
+
</div>
|
|
1954
|
+
<div part="reject-button" ?hidden="${!this.rejectButtonVisible}">
|
|
1955
|
+
<slot name="reject-button"></slot>
|
|
1956
|
+
</div>
|
|
1957
|
+
<div part="confirm-button">
|
|
1958
|
+
<slot name="confirm-button"></slot>
|
|
1959
|
+
</div>
|
|
1960
|
+
</footer>
|
|
1961
|
+
</div>
|
|
1962
|
+
`}ready(){super.ready(),this.setAttribute("has-header",""),this.setAttribute("has-footer","")}get _contentRoot(){return this.owner}get _focusTrapRoot(){return this.owner}}r7(sC);let sA=new Map;function sT(t){return sA.has(t)||sA.set(t,new WeakMap),sA.get(t)}let sI=t=>class extends t{static get properties(){return{width:{type:String},height:{type:String}}}static get observers(){return["__sizeChanged(width, height)"]}__sizeChanged(t,e){requestAnimationFrame(()=>this.$.overlay.setBounds({width:t,height:e},!1))}},sO=t=>class extends sI(t){static get properties(){return{accessibleDescriptionRef:{type:String},opened:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0,sync:!0},header:{type:String,value:""},message:{type:String,value:""},confirmText:{type:String,value:"Confirm"},confirmTheme:{type:String,value:"primary"},noCloseOnEsc:{type:Boolean,value:!1},rejectButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1},rejectText:{type:String,value:"Reject"},rejectTheme:{type:String,value:"error tertiary"},cancelButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1},cancelText:{type:String,value:"Cancel"},cancelTheme:{type:String,value:"tertiary"},_cancelButton:{type:Object},_confirmButton:{type:Object},_headerNode:{type:Object},_messageNodes:{type:Array,value:()=>[]},_rejectButton:{type:Object}}}static get observers(){return["__updateConfirmButton(_confirmButton, confirmText, confirmTheme)","__updateCancelButton(_cancelButton, cancelText, cancelTheme, cancelButtonVisible)","__updateHeaderNode(_headerNode, header)","__updateMessageNodes(_messageNodes, message)","__updateRejectButton(_rejectButton, rejectText, rejectTheme, rejectButtonVisible)","__accessibleDescriptionRefChanged(_messageNodes, accessibleDescriptionRef)"]}constructor(){super(),this.__cancel=this.__cancel.bind(this),this.__confirm=this.__confirm.bind(this),this.__reject=this.__reject.bind(this)}connectedCallback(){super.connectedCallback(),this.__restoreOpened&&(this.opened=!0)}disconnectedCallback(){super.disconnectedCallback(),setTimeout(()=>{this.isConnected||(this.__restoreOpened=this.opened,this.opened=!1)})}ready(){super.ready(),this.role="alertdialog",this.setAttribute("aria-modal","true"),this.setAttribute("tabindex","0"),this._headerController=new aG(this,"header","h3",{initializer:t=>{this._headerNode=t}}),this.addController(this._headerController),this._messageController=new aG(this,"","div",{multiple:!0,observe:!1,initializer:t=>{this._messageNodes=[...this._messageNodes,t]}}),this.addController(this._messageController),this._cancelController=new aG(this,"cancel-button","vaadin-button",{initializer:t=>{this.__setupSlottedButton("cancel",t)}}),this.addController(this._cancelController),this._rejectController=new aG(this,"reject-button","vaadin-button",{initializer:t=>{this.__setupSlottedButton("reject",t)}}),this.addController(this._rejectController),this._confirmController=new aG(this,"confirm-button","vaadin-button",{initializer:t=>{this.__setupSlottedButton("confirm",t)}}),this.addController(this._confirmController),this._overlayElement=this.$.overlay}updated(t){super.updated(t),t.has("header")&&(this.ariaLabel=this.header||"confirmation")}__onDialogOpened(){this._confirmButton&&this._confirmButton.focus()}__onDialogClosed(){this.dispatchEvent(new CustomEvent("closed"))}__accessibleDescriptionRefChanged(t,e){if(t){if(e)this.removeAttribute("aria-description"),function(t,e,n={newId:null,oldId:null,fromUser:!1}){let i,r;if(!t||!e)return;let{newId:o,oldId:a,fromUser:s}=n,l=sT(e),d=l.get(t);if(!s&&d){a&&d.delete(a),o&&d.add(o);return}s&&(d?o||l.delete(t):function(t,e){if(!t||!e)return;let n=sT(e);if(n.has(t))return;let i=ak(t.getAttribute(e));n.set(t,new Set(i))}(t,e),t&&t.removeAttribute(e)),((i=ak(t.getAttribute(e))).delete(a),0===i.size)?t.removeAttribute(e):t.setAttribute(e,aE(i));let c=o||aE(d);c&&((r=ak(t.getAttribute(e))).add(c),t.setAttribute(e,aE(r)))}(this,"aria-describedby",{newId:e,oldId:this.__oldAccessibleDescriptionRef,fromUser:!0});else{this.removeAttribute("aria-describedby");let e=t.map(t=>t.textContent.trim()).join(" ");this.setAttribute("aria-description",e)}this.__oldAccessibleDescriptionRef=e}}__setupSlottedButton(t,e){let n=`_${t}Button`,i=`__${t}`;this[n]&&this[n]!==e&&this[n].remove(),e.addEventListener("click",this[i]),this[n]=e}__updateCancelButton(t,e,n,i){t&&(t===this._cancelController.defaultNode&&(t.textContent=e,t.setAttribute("theme",n)),t.toggleAttribute("hidden",!i))}__updateConfirmButton(t,e,n){t&&t===this._confirmController.defaultNode&&(t.textContent=e,t.setAttribute("theme",n))}__updateHeaderNode(t,e){t&&t===this._headerController.defaultNode&&(t.textContent=e)}__updateMessageNodes(t,e){if(t?.length>0){let n=t.find(t=>t===this._messageController.defaultNode);n&&(n.textContent=e)}}__updateRejectButton(t,e,n,i){t&&(t===this._rejectController.defaultNode&&(t.textContent=e,t.setAttribute("theme",n)),t.toggleAttribute("hidden",!i))}_onOverlayEscapePress(t){this.noCloseOnEsc?t.preventDefault():this.__cancel()}_onOverlayOutsideClick(t){t.preventDefault()}__confirm(){this.dispatchEvent(new CustomEvent("confirm")),this.opened=!1}__cancel(){this.dispatchEvent(new CustomEvent("cancel")),this.opened=!1}__reject(){this.dispatchEvent(new CustomEvent("reject")),this.opened=!1}};class sS extends sO(a3(ao(od(tm)))){static get is(){return"vaadin-confirm-dialog"}static get styles(){return d`
|
|
1963
|
+
:host([opened]),
|
|
1964
|
+
:host([opening]),
|
|
1965
|
+
:host([closing]) {
|
|
1966
|
+
display: block !important;
|
|
1967
|
+
position: fixed;
|
|
1968
|
+
outline: none;
|
|
1969
|
+
}
|
|
1970
|
+
|
|
1971
|
+
:host,
|
|
1972
|
+
:host([hidden]) {
|
|
1973
|
+
display: none !important;
|
|
1974
|
+
}
|
|
1975
|
+
|
|
1976
|
+
:host(:focus-visible) ::part(overlay) {
|
|
1977
|
+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
|
|
1978
|
+
}
|
|
1979
|
+
`}render(){return X`
|
|
1980
|
+
<vaadin-confirm-dialog-overlay
|
|
1981
|
+
id="overlay"
|
|
1982
|
+
.owner="${this}"
|
|
1983
|
+
.opened="${this.opened}"
|
|
1984
|
+
theme="${this._theme??K}"
|
|
1985
|
+
.cancelButtonVisible="${this.cancelButtonVisible}"
|
|
1986
|
+
.rejectButtonVisible="${this.rejectButtonVisible}"
|
|
1987
|
+
with-backdrop
|
|
1988
|
+
restore-focus-on-close
|
|
1989
|
+
focus-trap
|
|
1990
|
+
exportparts="backdrop, overlay, header, content, message, footer, cancel-button, confirm-button, reject-button"
|
|
1991
|
+
@opened-changed="${this._onOpenedChanged}"
|
|
1992
|
+
@vaadin-overlay-open="${this.__onDialogOpened}"
|
|
1993
|
+
@vaadin-overlay-closed="${this.__onDialogClosed}"
|
|
1994
|
+
@vaadin-overlay-outside-click="${this._onOverlayOutsideClick}"
|
|
1995
|
+
@vaadin-overlay-escape-press="${this._onOverlayEscapePress}"
|
|
1996
|
+
>
|
|
1997
|
+
<slot name="header" slot="header"></slot>
|
|
1998
|
+
<slot></slot>
|
|
1999
|
+
<slot name="cancel-button" slot="cancel-button"></slot>
|
|
2000
|
+
<slot name="reject-button" slot="reject-button"></slot>
|
|
2001
|
+
<slot name="confirm-button" slot="confirm-button"></slot>
|
|
2002
|
+
</vaadin-confirm-dialog-overlay>
|
|
2003
|
+
`}_onOpenedChanged(t){this.opened=t.detail.value}}function sL(t,e,n="errorOccurred"){var i,r,o;let a,s;return o=X`
|
|
2004
|
+
<or-vaadin-confirm-dialog>
|
|
2005
|
+
${i="error tertiary",r="close",X`
|
|
2006
|
+
${"string"==typeof n?X`<or-translate slot="header" value=${n}></or-translate>`:X`<div slot="header">${n}</div>`}
|
|
2007
|
+
${"string"==typeof e?X`<or-translate value=${e}></or-translate>`:e}
|
|
2008
|
+
${eP(r,()=>X`
|
|
2009
|
+
<or-vaadin-button theme=${i&&i.includes(" ")?i:i+" primary"} slot="confirm-button">
|
|
2010
|
+
<or-translate value=${r}></or-translate>
|
|
2011
|
+
</or-vaadin-button>
|
|
2012
|
+
`)}
|
|
2013
|
+
${eP(void 0,()=>X`
|
|
2014
|
+
<or-vaadin-button theme=${i?`tertiary ${i}`:"tertiary"} slot="cancel-button">
|
|
2015
|
+
<or-translate value=${void 0}></or-translate>
|
|
2016
|
+
</or-vaadin-button>
|
|
2017
|
+
`)}
|
|
2018
|
+
${eP(void 0,()=>X`
|
|
2019
|
+
<or-vaadin-button theme=${i?`tertiary ${i}`:"tertiary"} slot="reject-button">
|
|
2020
|
+
<or-translate value=${void 0}></or-translate>
|
|
2021
|
+
</or-vaadin-button>
|
|
2022
|
+
`)}
|
|
2023
|
+
`}
|
|
2024
|
+
</or-vaadin-confirm-dialog>
|
|
2025
|
+
`,(a=document.createElement("div")).id=`dialog-${ed.Util.generateUniqueUUID()}`,td(o,a),void((s=a.querySelector("or-vaadin-confirm-dialog"))?(s.opened=!0,s.addEventListener("closed",()=>a.remove()),s.querySelector("[slot='cancel-button']")&&(s.cancelButtonVisible=!0),s.querySelector("[slot='reject-button']")&&(s.rejectButtonVisible=!0),t.appendChild(a)):a.remove())}r7(sS);let sM=class extends sS{static get styles(){return[sS.styles,d`
|
|
2026
|
+
::part(header),
|
|
2027
|
+
::part(content) {
|
|
2028
|
+
background-color: var(--lumo-contrast-5pct);
|
|
2029
|
+
margin-inline-start: 0;
|
|
2030
|
+
}
|
|
2031
|
+
::part(header),
|
|
2032
|
+
::part(footer) {
|
|
2033
|
+
padding: var(--lumo-space-l);
|
|
2034
|
+
}
|
|
2035
|
+
::part(content) {
|
|
2036
|
+
padding: 0 var(--lumo-space-l);
|
|
2037
|
+
}
|
|
2038
|
+
`]}open(){this.setAttribute("opened","true")}close(){this.toggleAttribute("opened",!1)}};sM=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a}([tL("or-vaadin-confirm-dialog")],sM);var sN=Symbol.for("immer-nothing"),sD=Symbol.for("immer-draftable"),sR=Symbol.for("immer-state");function sz(t){throw Error(`[Immer] minified error nr: ${t}. Full error at: https://bit.ly/3cXEKWf`)}var sP=Object,sj=sP.getPrototypeOf,s$="constructor",sF="prototype",sB="configurable",sU="enumerable",sH="writable",sV="value",sY=t=>!!t&&!!t[sR];function sX(t){return!!t&&(sq(t)||s1(t)||!!t[sD]||!!t[s$]?.[sD]||s2(t)||s5(t))}var sG=sP[sF][s$].toString(),sK=new WeakMap;function sq(t){if(!t||!s4(t))return!1;let e=sj(t);if(null===e||e===sP[sF])return!0;let n=sP.hasOwnProperty.call(e,s$)&&e[s$];if(n===Object)return!0;if(!s3(n))return!1;let i=sK.get(n);return void 0===i&&(i=Function.toString.call(n),sK.set(n,i)),i===sG}function sW(t,e,n=!0){0===sQ(t)?(n?Reflect.ownKeys(t):sP.keys(t)).forEach(n=>{e(n,t[n],t)}):t.forEach((n,i)=>e(i,n,t))}function sQ(t){let e=t[sR];return e?e.type_:s1(t)?1:s2(t)?2:3*!!s5(t)}var sZ=(t,e,n=sQ(t))=>2===n?t.has(e):sP[sF].hasOwnProperty.call(t,e),sJ=(t,e,n=sQ(t))=>2===n?t.get(e):t[e],s0=(t,e,n,i=sQ(t))=>{2===i?t.set(e,n):3===i?t.add(n):t[e]=n},s1=Array.isArray,s2=t=>t instanceof Map,s5=t=>t instanceof Set,s4=t=>"object"==typeof t,s3=t=>"function"==typeof t,s7=t=>t.modified_?t.copy_:t.base_;function s8(t,e){if(s2(t))return new Map(t);if(s5(t))return new Set(t);if(s1(t))return Array[sF].slice.call(t);let n=sq(t);if(!0!==e&&("class_only"!==e||n)){let e=sj(t);if(null!==e&&n)return{...t};let i=sP.create(e);return sP.assign(i,t)}{let e=sP.getOwnPropertyDescriptors(t);delete e[sR];let n=Reflect.ownKeys(e);for(let i=0;i<n.length;i++){let r=n[i],o=e[r];!1===o[sH]&&(o[sH]=!0,o[sB]=!0),(o.get||o.set)&&(e[r]={[sB]:!0,[sH]:!0,[sU]:o[sU],[sV]:t[r]})}return sP.create(sj(t),e)}}function s6(t,e=!1){return lt(t)||sY(t)||!sX(t)||(sQ(t)>1&&sP.defineProperties(t,{set:s9,add:s9,clear:s9,delete:s9}),sP.freeze(t),e&&sW(t,(t,e)=>{s6(e,!0)},!1)),t}var s9={[sV]:function(){sz(2)}};function lt(t){return!(null!==t&&s4(t))||sP.isFrozen(t)}var le="MapSet",ln="Patches",li="ArrayMethods",lr={};function lo(t){let e=lr[t];return e||sz(0),e}var la=t=>!!lr[t];function ls(t,e){e&&(t.patchPlugin_=lo(ln),t.patches_=[],t.inversePatches_=[],t.patchListener_=e)}function ll(t){ld(t),t.drafts_.forEach(lm),t.drafts_=null}function ld(t){t===tO&&(tO=t.parent_)}var lc=t=>tO={drafts_:[],parent_:tO,immer_:t,canAutoFreeze_:!0,unfinalizedDrafts_:0,handledSet_:new Set,processedForPatches_:new Set,mapSetPlugin_:la(le)?lo(le):void 0,arrayMethodsPlugin_:la(li)?lo(li):void 0};function lm(t){let e=t[sR];0===e.type_||1===e.type_?e.revoke_():e.revoked_=!0}function lp(t,e){e.unfinalizedDrafts_=e.drafts_.length;let n=e.drafts_[0];if(void 0!==t&&t!==n){n[sR].modified_&&(ll(e),sz(4)),sX(t)&&(t=lu(e,t));let{patchPlugin_:i}=e;i&&i.generateReplacementPatches_(n[sR].base_,t,e)}else t=lu(e,n);return function(t,e,n=!1){!t.parent_&&t.immer_.autoFreeze_&&t.canAutoFreeze_&&s6(e,n)}(e,t,!0),ll(e),e.patches_&&e.patchListener_(e.patches_,e.inversePatches_),t!==sN?t:void 0}function lu(t,e){if(lt(e))return e;let n=e[sR];if(!n)return lv(e,t.handledSet_,t);if(!lf(n,t))return e;if(!n.modified_)return n.base_;if(!n.finalized_){let{callbacks_:e}=n;if(e)for(;e.length>0;)e.pop()(t);l_(n,t)}return n.copy_}function lh(t){t.finalized_=!0,t.scope_.unfinalizedDrafts_--}var lf=(t,e)=>t.scope_===e,lg=[];function lb(t,e,n,i){let r=t.copy_||t.base_,o=t.type_;if(void 0!==i&&sJ(r,i,o)===e)return void s0(r,i,n,o);if(!t.draftLocations_){let e=t.draftLocations_=new Map;sW(r,(t,n)=>{if(sY(n)){let i=e.get(n)||[];i.push(t),e.set(n,i)}})}for(let i of t.draftLocations_.get(e)??lg)s0(r,i,n,o)}function l_(t,e){if(t.modified_&&!t.finalized_&&(3===t.type_||1===t.type_&&t.allIndicesReassigned_||(t.assigned_?.size??0)>0)){let{patchPlugin_:n}=e;if(n){let i=n.getPath(t);i&&n.generatePatches_(t,i,e)}lh(t)}}function lv(t,e,n){return!n.immer_.autoFreeze_&&n.unfinalizedDrafts_<1||sY(t)||e.has(t)||!sX(t)||lt(t)||(e.add(t),sW(t,(i,r)=>{if(sY(r)){let e=r[sR];lf(e,n)&&(s0(t,i,s7(e),t.type_),lh(e))}else sX(r)&&lv(r,e,n)})),t}var ly={get(t,e){let n;if(e===sR)return t;let i=t.scope_.arrayMethodsPlugin_,r=1===t.type_&&"string"==typeof e;if(r&&i?.isArrayOperationMethod(e))return i.createMethodInterceptor(t,e);let o=t.copy_||t.base_;if(!sZ(o,e,t.type_)){var a;let n;return a=t,(n=lk(o,e))?sV in n?n[sV]:n.get?.call(a.draft_):void 0}let s=o[e];if(t.finalized_||!sX(s)||r&&t.operationMethod&&i?.isMutatingArrayMethod(t.operationMethod)&&Number.isInteger(n=+e)&&String(n)===e)return s;if(s===lw(t.base_,e)){lC(t);let n=1===t.type_?+e:e,i=lA(t.scope_,s,t,n);return t.copy_[n]=i}return s},has:(t,e)=>e in(t.copy_||t.base_),ownKeys:t=>Reflect.ownKeys(t.copy_||t.base_),set(t,e,n){let i=lk(t.copy_||t.base_,e);if(i?.set)return i.set.call(t.draft_,n),!0;if(!t.modified_){let i=lw(t.copy_||t.base_,e),r=i?.[sR];if(r&&r.base_===n)return t.copy_[e]=n,t.assigned_.set(e,!1),!0;if((n===i?0!==n||1/n==1/i:n!=n&&i!=i)&&(void 0!==n||sZ(t.base_,e,t.type_)))return!0;lC(t),lE(t)}return!!(t.copy_[e]===n&&(void 0!==n||e in t.copy_)||Number.isNaN(n)&&Number.isNaN(t.copy_[e]))||(t.copy_[e]=n,t.assigned_.set(e,!0),!function(t,e,n){let{scope_:i}=t;if(sY(n)){let r=n[sR];lf(r,i)&&r.callbacks_.push(function(){lC(t),lb(t,n,s7(r),e)})}else sX(n)&&t.callbacks_.push(function(){let r=t.copy_||t.base_;3===t.type_?r.has(n)&&lv(n,i.handledSet_,i):sJ(r,e,t.type_)===n&&i.drafts_.length>1&&(t.assigned_.get(e)??!1)===!0&&t.copy_&&lv(sJ(t.copy_,e,t.type_),i.handledSet_,i)})}(t,e,n),!0)},deleteProperty:(t,e)=>(lC(t),void 0!==lw(t.base_,e)||e in t.base_?(t.assigned_.set(e,!1),lE(t)):t.assigned_.delete(e),t.copy_&&delete t.copy_[e],!0),getOwnPropertyDescriptor(t,e){let n=t.copy_||t.base_,i=Reflect.getOwnPropertyDescriptor(n,e);return i?{[sH]:!0,[sB]:1!==t.type_||"length"!==e,[sU]:i[sU],[sV]:n[e]}:i},defineProperty(){sz(11)},getPrototypeOf:t=>sj(t.base_),setPrototypeOf(){sz(12)}},lx={};for(let t in ly){let e=ly[t];lx[t]=function(){let t=arguments;return t[0]=t[0][0],e.apply(this,t)}}function lw(t,e){let n=t[sR];return(n?n.copy_||n.base_:t)[e]}function lk(t,e){if(!(e in t))return;let n=sj(t);for(;n;){let t=Object.getOwnPropertyDescriptor(n,e);if(t)return t;n=sj(n)}}function lE(t){!t.modified_&&(t.modified_=!0,t.parent_&&lE(t.parent_))}function lC(t){t.copy_||(t.assigned_=new Map,t.copy_=s8(t.base_,t.scope_.immer_.useStrictShallowCopy_))}function lA(t,e,n,i){let[r,o]=s2(e)?lo(le).proxyMap_(e,n):s5(e)?lo(le).proxySet_(e,n):function(t,e){let n=s1(t),i={type_:+!!n,scope_:e?e.scope_:tO,modified_:!1,finalized_:!1,assigned_:void 0,parent_:e,base_:t,draft_:null,copy_:null,revoke_:null,isManual_:!1,callbacks_:void 0},r=i,o=ly;n&&(r=[i],o=lx);let{revoke:a,proxy:s}=Proxy.revocable(r,o);return i.draft_=s,i.revoke_=a,[s,i]}(e,n);if((n?.scope_??tO).drafts_.push(r),o.callbacks_=n?.callbacks_??[],o.key_=i,n&&void 0!==i)n.callbacks_.push(function(t){if(!o||!lf(o,t))return;t.mapSetPlugin_?.fixSetContents(o);let e=s7(o);lb(n,o.draft_??o,e,i),l_(o,t)});else o.callbacks_.push(function(t){t.mapSetPlugin_?.fixSetContents(o);let{patchPlugin_:e}=t;o.modified_&&e&&e.generatePatches_(o,[],t)});return r}lx.deleteProperty=function(t,e){return lx.set.call(this,t,e,void 0)},lx.set=function(t,e,n){return ly.set.call(this,t[0],e,n,t[0])};var lT=new class{constructor(t){this.autoFreeze_=!0,this.useStrictShallowCopy_=!1,this.useStrictIteration_=!1,this.produce=(t,e,n)=>{let i;if(s3(t)&&!s3(e)){let n=e;e=t;let i=this;return function(t=n,...r){return i.produce(t,t=>e.call(this,t,...r))}}if(s3(e)||sz(6),void 0===n||s3(n)||sz(7),sX(t)){let r=lc(this),o=lA(r,t,void 0),a=!0;try{i=e(o),a=!1}finally{a?ll(r):ld(r)}return ls(r,n),lp(i,r)}if(t&&s4(t))sz(1);else{if(void 0===(i=e(t))&&(i=t),i===sN&&(i=void 0),this.autoFreeze_&&s6(i,!0),n){let e=[],r=[];lo(ln).generateReplacementPatches_(t,i,{patches_:e,inversePatches_:r}),n(e,r)}return i}},this.produceWithPatches=(t,e)=>{let n,i;return s3(t)?(e,...n)=>this.produceWithPatches(e,e=>t(e,...n)):[this.produce(t,e,(t,e)=>{n=t,i=e}),n,i]},(t=>"boolean"==typeof t)(t?.autoFreeze)&&this.setAutoFreeze(t.autoFreeze),(t=>"boolean"==typeof t)(t?.useStrictShallowCopy)&&this.setUseStrictShallowCopy(t.useStrictShallowCopy),(t=>"boolean"==typeof t)(t?.useStrictIteration)&&this.setUseStrictIteration(t.useStrictIteration)}createDraft(t){var e;sX(t)||sz(8),sY(t)&&(sY(e=t)||sz(10),t=function t(e){let n;if(!sX(e)||lt(e))return e;let i=e[sR],r=!0;if(i){if(!i.modified_)return i.base_;i.finalized_=!0,n=s8(e,i.scope_.immer_.useStrictShallowCopy_),r=i.scope_.immer_.shouldUseStrictIteration()}else n=s8(e,!0);return sW(n,(e,i)=>{s0(n,e,t(i))},r),i&&(i.finalized_=!1),n}(e));let n=lc(this),i=lA(n,t,void 0);return i[sR].isManual_=!0,ld(n),i}finishDraft(t,e){let n=t&&t[sR];n&&n.isManual_||sz(9);let{scope_:i}=n;return ls(i,e),lp(void 0,i)}setAutoFreeze(t){this.autoFreeze_=t}setUseStrictShallowCopy(t){this.useStrictShallowCopy_=t}setUseStrictIteration(t){this.useStrictIteration_=t}shouldUseStrictIteration(){return this.useStrictIteration_}applyPatches(t,e){let n;for(n=e.length-1;n>=0;n--){let i=e[n];if(0===i.path.length&&"replace"===i.op){t=i.value;break}}n>-1&&(e=e.slice(n+1));let i=lo(ln).applyPatches_;return sY(t)?i(t,e):this.produce(t,t=>i(t,e))}}().produce;function lI(t,e){function n(...i){if(e){let n=e(...i);if(!n)throw Error(l$(0));return{type:t,payload:n.payload,..."meta"in n&&{meta:n.meta},..."error"in n&&{error:n.error}}}return{type:t,payload:i[0]}}return n.toString=()=>`${t}`,n.type=t,n.match=e=>(function(t){if("object"!=typeof t||null===t)return!1;let e=t;for(;null!==Object.getPrototypeOf(e);)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(t)===e||null===Object.getPrototypeOf(t)})(e)&&"type"in e&&"string"==typeof e.type&&e.type===t,n}function lO(t){return sX(t)?lT(t,()=>{}):t}function lS(t,e,n){return t.has(e)?t.get(e):t.set(e,n(e)).get(e)}function lL(t){let e,n={},i=[],r={addCase(t,e){let i="string"==typeof t?t:t.type;if(!i)throw Error(l$(28));if(i in n)throw Error(l$(29));return n[i]=e,r},addAsyncThunk:(t,e)=>(e.pending&&(n[t.pending.type]=e.pending),e.rejected&&(n[t.rejected.type]=e.rejected),e.fulfilled&&(n[t.fulfilled.type]=e.fulfilled),e.settled&&i.push({matcher:t.settled,reducer:e.settled}),r),addMatcher:(t,e)=>(i.push({matcher:t,reducer:e}),r),addDefaultCase:t=>(e=t,r)};return t(r),[n,i,e]}"u">typeof window&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__,"u">typeof window&&window.__REDUX_DEVTOOLS_EXTENSION__&&window.__REDUX_DEVTOOLS_EXTENSION__;var lM=Symbol.for("rtk-slice-createasyncthunk"),lN=function({creators:t}={}){let e=t?.asyncThunk?.[lM];return function(t){let n,{name:i,reducerPath:r=i}=t;if(!i)throw Error(l$(11));let o=("function"==typeof t.reducers?t.reducers(function(){function t(t,e){return{_reducerDefinitionType:"asyncThunk",payloadCreator:t,...e}}return t.withTypes=()=>t,{reducer:t=>Object.assign({[t.name]:(...e)=>t(...e)}[t.name],{_reducerDefinitionType:"reducer"}),preparedReducer:(t,e)=>({_reducerDefinitionType:"reducerWithPrepare",prepare:t,reducer:e}),asyncThunk:t}}()):t.reducers)||{},a=Object.keys(o),s={},l={},d={},c=[],m={addCase(t,e){let n="string"==typeof t?t:t.type;if(!n)throw Error(l$(12));if(n in l)throw Error(l$(13));return l[n]=e,m},addMatcher:(t,e)=>(c.push({matcher:t,reducer:e}),m),exposeAction:(t,e)=>(d[t]=e,m),exposeCaseReducer:(t,e)=>(s[t]=e,m)};function p(){let[e={},n=[],i]="function"==typeof t.extraReducers?lL(t.extraReducers):[t.extraReducers],r={...e,...l};return function(t,e){let n,[i,r,o]=lL(e);if("function"==typeof t)n=()=>lO(t());else{let e=lO(t);n=()=>e}function a(t=n(),e){let s=[i[e.type],...r.filter(({matcher:t})=>t(e)).map(({reducer:t})=>t)];return 0===s.filter(t=>!!t).length&&(s=[o]),s.reduce((t,n)=>{if(n)if(sY(t)){let i=n(t,e);return void 0===i?t:i}else{if(sX(t))return lT(t,t=>n(t,e));let i=n(t,e);if(void 0===i){if(null===t)return t;throw Error("A case reducer on a non-draftable value must not return undefined")}return i}return t},t)}return a.getInitialState=n,a}(t.initialState,t=>{for(let e in r)t.addCase(e,r[e]);for(let e of c)t.addMatcher(e.matcher,e.reducer);for(let e of n)t.addMatcher(e.matcher,e.reducer);i&&t.addDefaultCase(i)})}a.forEach(n=>{let r=o[n],a={reducerName:n,type:`${i}/${n}`,createNotation:"function"==typeof t.reducers};"asyncThunk"===r._reducerDefinitionType?function({type:t,reducerName:e},n,i,r){if(!r)throw Error(l$(18));let{payloadCreator:o,fulfilled:a,pending:s,rejected:l,settled:d,options:c}=n,m=r(t,o,c);i.exposeAction(e,m),a&&i.addCase(m.fulfilled,a),s&&i.addCase(m.pending,s),l&&i.addCase(m.rejected,l),d&&i.addMatcher(m.settled,d),i.exposeCaseReducer(e,{fulfilled:a||lD,pending:s||lD,rejected:l||lD,settled:d||lD})}(a,r,m,e):function({type:t,reducerName:e,createNotation:n},i,r){let o,a;if("reducer"in i){if(n&&"reducerWithPrepare"!==i._reducerDefinitionType)throw Error(l$(17));o=i.reducer,a=i.prepare}else o=i;r.addCase(t,o).exposeCaseReducer(e,o).exposeAction(e,a?lI(t,a):lI(t))}(a,r,m)});let u=t=>t,h=new Map,f=new WeakMap;function g(t,e){return n||(n=p()),n(t,e)}function b(){return n||(n=p()),n.getInitialState()}function _(e,n=!1){function i(t){let r=t[e];return void 0===r&&n&&(r=lS(f,i,b)),r}function r(e=u){let i=lS(h,n,()=>new WeakMap);return lS(i,e,()=>{let i={};for(let[r,o]of Object.entries(t.selectors??{}))i[r]=function(t,e,n,i){function r(o,...a){let s=e(o);return void 0===s&&i&&(s=n()),t(s,...a)}return r.unwrapped=t,r}(o,e,()=>lS(f,e,b),n);return i})}return{reducerPath:e,getSelectors:r,get selectors(){return r(i)},selectSlice:i}}let v={name:i,reducer:g,actions:d,caseReducers:s,getInitialState:b,..._(r),injectInto(t,{reducerPath:e,...n}={}){let i=e??r;return t.inject({reducerPath:i,reducer:g},n),{...v,..._(i,!0)}}};return v}}();function lD(){}var{assign:lR}=Object,lz="listenerMiddleware",lP=lR(lI(`${lz}/add`),{withTypes:()=>lP}),lj=lR(lI(`${lz}/remove`),{withTypes:()=>lj});function l$(t){return`Minified Redux Toolkit error #${t}; visit https://redux-toolkit.js.org/Errors?code=${t} for the full message or use the non-minified dev environment for full errors. `}let lF=lN({name:"app",initialState:{page:"",params:null,offline:!1,visible:!0,resolved:!1,drawerOpened:!1,scrollTop:0,realm:void 0},reducers:{updatePage:(t,e)=>Object.assign(Object.assign({},t),{page:"string"==typeof e.payload?e.payload:e.payload.page,params:"string"==typeof e.payload?null:e.payload.params}),updateDrawer:(t,e)=>Object.assign(Object.assign({},t),{drawerOpened:e.payload}),scrollToTop:(t,e)=>Object.assign(Object.assign({},t),{scrollTop:e.payload}),updateRealm:(t,e)=>Object.assign(Object.assign({},t),{realm:e.payload}),setOffline:(t,e)=>Object.assign(Object.assign({},t),{offline:e.payload}),setVisibility:(t,e)=>Object.assign(Object.assign({},t),{visible:e.payload})}}),{updatePage:lB,updateDrawer:lU,scrollToTop:lH,updateRealm:lV,setOffline:lY,setVisibility:lX}=lF.actions,lG=lF.reducer;class lK{constructor(t){this.host=t}hostConnected(){if(!this.__initialized){this.__initialized=!0;let{host:t}=this;this.__resizeObserver=new ResizeObserver(()=>this.__updateState()),this.__resizeObserver.observe(t.$.resizerContainer),t.$.content.addEventListener("scroll",()=>this.__updateState(!0)),t.shadowRoot.addEventListener("slotchange",()=>this.__updateState(!0))}}update(){this.__updateState(!0)}__updateState(t=!1){cancelAnimationFrame(this.__updateRaf),t?this.__writeState(this.__readState()):this.__updateRaf=requestAnimationFrame(()=>this.__writeState(this.__readState()))}__readState(){let t=this.host.$.content,e="";return t.scrollTop>0&&(e+=" top"),t.scrollTop<t.scrollHeight-t.clientHeight&&(e+=" bottom"),e.trim()}__writeState(t){let{host:e}=this;t.length>0?aC(e,"overflow",t):aC(e,"overflow",null)}}let lq=t=>class extends aF(t){static get properties(){return{headerTitle:{type:String},headerRenderer:{type:Object},footerRenderer:{type:Object},keepInViewport:{type:Boolean,reflectToAttribute:!0}}}static get observers(){return["_headerFooterRendererChange(headerRenderer, footerRenderer, opened)","_headerTitleChanged(headerTitle, opened)"]}get _contentRoot(){return this.owner}get _rendererRoot(){if(!this.__savedRoot){let t=document.createElement("vaadin-dialog-content");t.style.display="contents",this.owner.appendChild(t),this.__savedRoot=t}return this.__savedRoot}ready(){super.ready(),this.__overflowController=new lK(this),this.addController(this.__overflowController),this.__resizeObserver=new ResizeObserver(()=>{requestAnimationFrame(()=>{this.__adjustPosition()})}),this.__resizeObserver.observe(this.$.resizerContainer);let t=this.shadowRoot.querySelector('slot[name="header-content"]');this.__headerSlotObserver=new ah(t,({currentNodes:t})=>{aC(this,"has-header",t.length>0),this.__overflowController.update()});let e=this.shadowRoot.querySelector('slot[name="footer"]');this.__footerSlotObserver=new ah(e,({currentNodes:t})=>{aC(this,"has-footer",t.length>0),this.__overflowController.update()}),this.__handleWindowResize=this.__handleWindowResize.bind(this)}updated(t){super.updated(t),(t.has("opened")||t.has("keepInViewport"))&&(this.opened&&this.keepInViewport?window.addEventListener("resize",this.__handleWindowResize):window.removeEventListener("resize",this.__handleWindowResize))}__createContainer(t){let e=document.createElement("vaadin-dialog-content");return e.setAttribute("slot",t),e}__clearContainer(t){t.innerHTML="",delete t._$litPart$}__initContainer(t,e){return t?this.__clearContainer(t):(t=this.__createContainer(e),this.owner.appendChild(t)),t}_headerFooterRendererChange(t,e,n){let i=this.__oldHeaderRenderer!==t;this.__oldHeaderRenderer=t;let r=this.__oldFooterRenderer!==e;this.__oldFooterRenderer=e;let o=this._oldOpenedFooterHeader!==n;this._oldOpenedFooterHeader=n,i&&(t?this.headerContainer=this.__initContainer(this.headerContainer,"header-content"):this.headerContainer&&(this.headerContainer.remove(),this.headerContainer=null)),r&&(e?this.footerContainer=this.__initContainer(this.footerContainer,"footer"):this.footerContainer&&(this.footerContainer.remove(),this.footerContainer=null)),(t&&(i||o)||e&&(r||o))&&n&&this.requestContentUpdate()}_headerTitleChanged(t,e){aC(this,"has-title",!!t),e&&(t||this._oldHeaderTitle)&&this.requestContentUpdate(),this._oldHeaderTitle=t}_headerTitleRenderer(){this.headerTitle?(this.headerTitleElement||(this.headerTitleElement=document.createElement("h2"),this.headerTitleElement.setAttribute("slot","title"),this.headerTitleElement.classList.add("draggable")),this.owner.appendChild(this.headerTitleElement),this.headerTitleElement.textContent=this.headerTitle):this.headerTitleElement&&(this.headerTitleElement.remove(),this.headerTitleElement=null)}requestContentUpdate(){super.requestContentUpdate(),this.headerContainer&&this.headerRenderer&&this.headerRenderer.call(this.owner,this.headerContainer,this.owner),this.footerContainer&&this.footerRenderer&&this.footerRenderer.call(this.owner,this.footerContainer,this.owner),this._headerTitleRenderer(),this.__overflowController?.update()}getBounds(){let t=this.$.overlay.getBoundingClientRect(),e=this.getBoundingClientRect(),n=t.top-e.top,i=t.left-e.left;return{top:n,left:i,width:t.width,height:t.height}}setBounds(t,e=!0){super.setBounds(t,e),this.__adjustPosition()}__handleWindowResize(){this.__adjustPosition()}__adjustPosition(){if(!this.opened||!this.keepInViewport)return;let t=getComputedStyle(this.$.overlay);if("absolute"!==t.position)return;let e=this.getBoundingClientRect(),n=this.getBounds(),i=parseFloat(t.width)||n.width,r=parseFloat(t.height)||n.height,o=e.right-e.left-i,a=e.bottom-e.top-r;if(n.left>o||n.top>a){let t=Math.max(0,Math.min(n.left,o)),e=Math.max(0,Math.min(n.top,a));Object.assign(this.$.overlay.style,{left:`${t}px`,top:`${e}px`})}}};class lW extends lq(ot(ad(od(ar(tm))))){static get is(){return"vaadin-dialog-overlay"}static get styles(){return sk}get _focusTrapRoot(){return this.owner}render(){return X`
|
|
2039
|
+
<div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
|
|
2040
|
+
<div part="overlay" id="overlay">
|
|
2041
|
+
<section id="resizerContainer" class="resizer-container">
|
|
2042
|
+
<header part="header">
|
|
2043
|
+
<div part="title"><slot name="title"></slot></div>
|
|
2044
|
+
<div part="header-content"><slot name="header-content"></slot></div>
|
|
2045
|
+
</header>
|
|
2046
|
+
<div part="content" id="content"><slot></slot></div>
|
|
2047
|
+
<footer part="footer"><slot name="footer"></slot></footer>
|
|
2048
|
+
</section>
|
|
2049
|
+
</div>
|
|
2050
|
+
`}bringToFront(t){if(t instanceof Event){let e=t.composedPath();if(aP(this).some(t=>e.includes(t)&&this._deepContains(t)&&t instanceof lW))return}super.bringToFront()}}r7(lW);let lQ=t=>class extends t{static get properties(){return{opened:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0,sync:!0},noCloseOnOutsideClick:{type:Boolean,value:!1},noCloseOnEsc:{type:Boolean,value:!1},modeless:{type:Boolean,value:!1},noFocusTrap:{type:Boolean,value:!1},top:{type:String},left:{type:String},overlayRole:{type:String},keepInViewport:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["__positionChanged(top, left)"]}ready(){super.ready();let t=this.$.overlay;t.addEventListener("vaadin-overlay-outside-click",this._handleOutsideClick.bind(this)),t.addEventListener("vaadin-overlay-escape-press",this._handleEscPress.bind(this)),t.addEventListener("vaadin-overlay-closed",this.__handleOverlayClosed.bind(this)),this._overlayElement=t,this.hasAttribute("role")||(this.role="dialog"),this.setAttribute("tabindex","0")}updated(t){super.updated(t),t.has("overlayRole")&&(this.role=this.overlayRole||"dialog"),t.has("modeless")&&(this.modeless?this.removeAttribute("aria-modal"):this.setAttribute("aria-modal","true"))}__handleOverlayClosed(){this.dispatchEvent(new CustomEvent("closed"))}connectedCallback(){super.connectedCallback(),this.__restoreOpened&&(this.opened=!0)}disconnectedCallback(){super.disconnectedCallback(),setTimeout(()=>{this.isConnected||(this.__restoreOpened=this.opened,this.opened=!1)})}_onOverlayOpened(t){!1===t.detail.value&&(this.opened=!1)}_handleOutsideClick(t){this.noCloseOnOutsideClick&&t.preventDefault()}_handleEscPress(t){this.noCloseOnEsc&&t.preventDefault()}_bringOverlayToFront(t){this.modeless&&this._overlayElement.bringToFront(t)}__positionChanged(t,e){requestAnimationFrame(()=>this.$.overlay.setBounds({top:t,left:e}))}__sizeChanged(t,e){requestAnimationFrame(()=>this.$.overlay.setBounds({width:t,height:e},!1))}};function lZ(t){return t.touches?t.touches[0]:t}function lJ(t){return t.clientX>=0&&t.clientX<=window.innerWidth&&t.clientY>=0&&t.clientY<=window.innerHeight}let l0=t=>class extends t{static get properties(){return{draggable:{type:Boolean,value:!1,reflectToAttribute:!0},_touchDevice:{type:Boolean,value:aD},__dragHandleClassName:{type:String}}}ready(){super.ready(),this._originalBounds={},this._originalMouseCoords={},this._startDrag=this._startDrag.bind(this),this._drag=this._drag.bind(this),this._stopDrag=this._stopDrag.bind(this),this.$.overlay.$.overlay.addEventListener("mousedown",this._startDrag),this.$.overlay.$.overlay.addEventListener("touchstart",this._startDrag)}_startDrag(t){if(("touchstart"!==t.type||!(t.touches.length>1))&&!t.defaultPrevented&&this.draggable&&(0===t.button||t.touches)){let e=this.$.overlay.$.resizerContainer,n=t.target===e,i=t.offsetX>e.clientWidth||t.offsetY>e.clientHeight,r=t.target===this.$.overlay.$.content,o=t.composedPath().some((t,e)=>{if(!t.classList)return!1;let n=t.classList.contains(this.__dragHandleClassName||"draggable"),i=t.classList.contains("draggable-leaf-only"),r=0===e;return i&&r||n&&(!i||r)});if(n&&!i||r||o){t.preventDefault(),this._originalBounds=this.$.overlay.getBounds();let e=lZ(t);this._originalMouseCoords={top:e.pageY,left:e.pageX},window.addEventListener("mouseup",this._stopDrag),window.addEventListener("touchend",this._stopDrag),window.addEventListener("mousemove",this._drag),window.addEventListener("touchmove",this._drag);let{top:n,left:i,width:r,height:o}=this._originalBounds;"absolute"!==this.$.overlay.$.overlay.style.position&&(this.top=n,this.left=i),this.dispatchEvent(new CustomEvent("drag-start",{detail:{width:r,height:o,top:n,left:i}}))}}}_drag(t){let e=lZ(t);if(lJ(e)){let t=this._originalBounds.top+(e.pageY-this._originalMouseCoords.top),n=this._originalBounds.left+(e.pageX-this._originalMouseCoords.left);if(this.keepInViewport){let{width:e,height:i}=this._originalBounds,r=this.$.overlay.getBoundingClientRect(),o=r.right-r.left-e,a=r.bottom-r.top-i;n=Math.max(0,Math.min(n,o)),t=Math.max(0,Math.min(t,a))}this.top=t,this.left=n}}_stopDrag(){this.dispatchEvent(new CustomEvent("dragged",{detail:{top:this.top,left:this.left}})),window.removeEventListener("mouseup",this._stopDrag),window.removeEventListener("touchend",this._stopDrag),window.removeEventListener("mousemove",this._drag),window.removeEventListener("touchmove",this._drag)}},l1=t=>class extends t{static get properties(){return{renderer:{type:Object},headerTitle:{type:String},headerRenderer:{type:Object},footerRenderer:{type:Object}}}requestContentUpdate(){this._overlayElement&&this._overlayElement.requestContentUpdate()}},l2=t=>class extends t{static get properties(){return{resizable:{type:Boolean,value:!1,reflectToAttribute:!0}}}ready(){super.ready(),this._originalBounds={},this._originalMouseCoords={},this._resizeListeners={start:{},resize:{},stop:{}},this._addResizeListeners()}_addResizeListeners(){["n","e","s","w","nw","ne","se","sw"].forEach(t=>{let e=document.createElement("div");this._resizeListeners.start[t]=e=>this._startResize(e,t),this._resizeListeners.resize[t]=e=>this._resize(e,t),this._resizeListeners.stop[t]=()=>this._stopResize(t),1===t.length&&e.classList.add("edge"),e.classList.add("resizer"),e.classList.add(t),e.addEventListener("mousedown",this._resizeListeners.start[t]),e.addEventListener("touchstart",this._resizeListeners.start[t]),this.$.overlay.$.resizerContainer.appendChild(e)})}_startResize(t,e){if(("touchstart"!==t.type||!(t.touches.length>1))&&(0===t.button||t.touches)){t.preventDefault(),this._originalBounds=this.$.overlay.getBounds();let n=lZ(t);this._originalMouseCoords={top:n.pageY,left:n.pageX},window.addEventListener("mousemove",this._resizeListeners.resize[e]),window.addEventListener("touchmove",this._resizeListeners.resize[e]),window.addEventListener("mouseup",this._resizeListeners.stop[e]),window.addEventListener("touchend",this._resizeListeners.stop[e]),this.$.overlay.setBounds(this._originalBounds),this.$.overlay.setAttribute("has-bounds-set","");let{width:i,height:r,top:o,left:a}=this._originalBounds;this.dispatchEvent(new CustomEvent("resize-start",{detail:{width:i,height:r,top:o,left:a}}))}}_resize(t,e){let n=lZ(t);lJ(n)&&e.split("").forEach(t=>{switch(t){case"n":{let t=this._originalBounds.height-(n.pageY-this._originalMouseCoords.top),e=this._originalBounds.top+(n.pageY-this._originalMouseCoords.top);t>40&&(this.top=e,this.height=t);break}case"e":{let t=this._originalBounds.width+(n.pageX-this._originalMouseCoords.left);t>40&&(this.width=t);break}case"s":{let t=this._originalBounds.height+(n.pageY-this._originalMouseCoords.top);t>40&&(this.height=t);break}case"w":{let t=this._originalBounds.width-(n.pageX-this._originalMouseCoords.left),e=this._originalBounds.left+(n.pageX-this._originalMouseCoords.left);t>40&&(this.left=e,this.width=t)}}})}_stopResize(t){window.removeEventListener("mousemove",this._resizeListeners.resize[t]),window.removeEventListener("touchmove",this._resizeListeners.resize[t]),window.removeEventListener("mouseup",this._resizeListeners.stop[t]),window.removeEventListener("touchend",this._resizeListeners.stop[t]),this.dispatchEvent(new CustomEvent("resize",{detail:this._getResizeDimensions()}))}_getResizeDimensions(){let{width:t,height:e,top:n,left:i}=getComputedStyle(this.$.overlay.$.overlay);return{width:t,height:e,top:n,left:i}}};class l5 extends sI(l0(l2(l1(lQ(ao(a3(od(tm)))))))){static get is(){return"vaadin-dialog"}static get styles(){return d`
|
|
2051
|
+
:host([opened]),
|
|
2052
|
+
:host([opening]),
|
|
2053
|
+
:host([closing]) {
|
|
2054
|
+
display: block !important;
|
|
2055
|
+
position: fixed;
|
|
2056
|
+
outline: none;
|
|
2057
|
+
}
|
|
2058
|
+
|
|
2059
|
+
:host,
|
|
2060
|
+
:host([hidden]) {
|
|
2061
|
+
display: none !important;
|
|
2062
|
+
}
|
|
2063
|
+
|
|
2064
|
+
:host(:focus-visible) ::part(overlay) {
|
|
2065
|
+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
|
|
2066
|
+
}
|
|
2067
|
+
`}render(){return X`
|
|
2068
|
+
<vaadin-dialog-overlay
|
|
2069
|
+
id="overlay"
|
|
2070
|
+
.owner="${this}"
|
|
2071
|
+
.opened="${this.opened}"
|
|
2072
|
+
.headerTitle="${this.headerTitle}"
|
|
2073
|
+
.renderer="${this.renderer}"
|
|
2074
|
+
.headerRenderer="${this.headerRenderer}"
|
|
2075
|
+
.footerRenderer="${this.footerRenderer}"
|
|
2076
|
+
.keepInViewport="${this.keepInViewport}"
|
|
2077
|
+
@opened-changed="${this._onOverlayOpened}"
|
|
2078
|
+
@mousedown="${this._bringOverlayToFront}"
|
|
2079
|
+
@touchstart="${this._bringOverlayToFront}"
|
|
2080
|
+
theme="${this._theme??K}"
|
|
2081
|
+
.modeless="${this.modeless}"
|
|
2082
|
+
.withBackdrop="${!this.modeless}"
|
|
2083
|
+
?resizable="${this.resizable}"
|
|
2084
|
+
restore-focus-on-close
|
|
2085
|
+
?focus-trap="${!this.noFocusTrap}"
|
|
2086
|
+
exportparts="backdrop, overlay, header, title, header-content, content, footer"
|
|
2087
|
+
>
|
|
2088
|
+
<slot name="title" slot="title"></slot>
|
|
2089
|
+
<slot name="header-content" slot="header-content"></slot>
|
|
2090
|
+
<slot name="footer" slot="footer"></slot>
|
|
2091
|
+
<slot></slot>
|
|
2092
|
+
</vaadin-dialog-overlay>
|
|
2093
|
+
`}updated(t){super.updated(t),t.has("headerTitle")&&(this.ariaLabel=this.headerTitle)}}r7(l5);let l4=Symbol("valueNotInitialized");class l3 extends eY{constructor(t){if(super(t),6!==t.type)throw Error(`\`${this.constructor.name}\` must be bound to an element.`);this.previousValue=l4}render(t,e){return K}update(t,[e,n]){return this.hasChanged(n)&&(this.host=t.options&&t.options.host,this.element=t.element,this.renderer=e,this.previousValue===l4?this.addRenderer():this.runRenderer(),this.previousValue=Array.isArray(n)?[...n]:n),K}reconnected(){this.addRenderer()}disconnected(){this.removeRenderer()}addRenderer(){throw Error("The `addRenderer` method must be implemented.")}runRenderer(){throw Error("The `runRenderer` method must be implemented.")}removeRenderer(){throw Error("The `removeRenderer` method must be implemented.")}renderRenderer(t,...e){td(this.renderer.call(this.host,...e),t,{host:this.host})}hasChanged(t){return Array.isArray(t)?!Array.isArray(this.previousValue)||this.previousValue.length!==t.length||t.some((t,e)=>t!==this.previousValue[e]):this.previousValue!==t}}let l7=Symbol("contentUpdateDebouncer");class l8 extends l3{get rendererProperty(){throw Error("The `rendererProperty` getter must be implemented.")}addRenderer(){this.element[this.rendererProperty]=(t,e)=>{this.renderRenderer(t,e)}}runRenderer(){this.element[l7]=au.debounce(this.element[l7],og,()=>{this.element.requestContentUpdate()})}removeRenderer(){this.element[this.rendererProperty]=null,delete this.element[l7]}}let l6=eD(class extends l8{get rendererProperty(){return"renderer"}}),l9=eD(class extends l8{get rendererProperty(){return"headerRenderer"}});eD(class extends l8{get rendererProperty(){return"footerRenderer"}});let dt=class extends l5{static get styles(){return[l5.styles,d`
|
|
2094
|
+
::part(header),
|
|
2095
|
+
::part(content) {
|
|
2096
|
+
background-color: var(--lumo-contrast-5pct);
|
|
2097
|
+
}
|
|
2098
|
+
::part(header) {
|
|
2099
|
+
/* Colour header icons (e.g. the close cross) with the primary colour */
|
|
2100
|
+
--internal-or-icon-fill: var(--lumo-primary-color);
|
|
2101
|
+
}
|
|
2102
|
+
::part(header),
|
|
2103
|
+
::part(footer) {
|
|
2104
|
+
padding: var(--lumo-space-l);
|
|
2105
|
+
}
|
|
2106
|
+
::part(content) {
|
|
2107
|
+
padding: 0 var(--lumo-space-l);
|
|
2108
|
+
}
|
|
2109
|
+
`]}open(){this.setAttribute("opened","true")}close(){this.toggleAttribute("opened",!1)}};dt=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a}([tL("or-vaadin-dialog")],dt);let de=d`
|
|
2110
|
+
#offline-wrapper {
|
|
2111
|
+
display: flex;
|
|
2112
|
+
justify-content: center;
|
|
2113
|
+
align-items: center;
|
|
2114
|
+
height: 100%;
|
|
2115
|
+
width: 100%;
|
|
2116
|
+
flex-direction: column;
|
|
2117
|
+
gap: 32px;
|
|
2118
|
+
padding: 0 32px;
|
|
2119
|
+
}
|
|
2120
|
+
|
|
2121
|
+
#offline-icon {
|
|
2122
|
+
font-size: 64px;
|
|
2123
|
+
}
|
|
2124
|
+
|
|
2125
|
+
#offline-text-container {
|
|
2126
|
+
display: flex;
|
|
2127
|
+
align-items: center;
|
|
2128
|
+
flex-direction: column;
|
|
2129
|
+
gap: 16px;
|
|
2130
|
+
}
|
|
2131
|
+
|
|
2132
|
+
#offline-title {
|
|
2133
|
+
font-size: 24px;
|
|
2134
|
+
font-weight: bold;
|
|
2135
|
+
}
|
|
2136
|
+
|
|
2137
|
+
#reconnecting-text:after {
|
|
2138
|
+
display: inline-block;
|
|
2139
|
+
animation: dotty steps(2, end) 2s infinite;
|
|
2140
|
+
content: "";
|
|
2141
|
+
}
|
|
2142
|
+
|
|
2143
|
+
@keyframes dotty {
|
|
2144
|
+
0% {
|
|
2145
|
+
content: "";
|
|
2146
|
+
}
|
|
2147
|
+
25% {
|
|
2148
|
+
content: ".";
|
|
2149
|
+
}
|
|
2150
|
+
50% {
|
|
2151
|
+
content: "..";
|
|
2152
|
+
}
|
|
2153
|
+
75% {
|
|
2154
|
+
content: "...";
|
|
2155
|
+
}
|
|
2156
|
+
100% {
|
|
2157
|
+
content: "";
|
|
2158
|
+
}
|
|
2159
|
+
}
|
|
2160
|
+
`,dn=class extends tF{static get styles(){return[de]}stateChanged(t){}render(){return X`
|
|
2161
|
+
<div id="offline-wrapper">
|
|
2162
|
+
<or-icon id="offline-icon" icon="web-off"></or-icon>
|
|
2163
|
+
<div id="offline-text-container">
|
|
2164
|
+
<span id="offline-title""><or-translate value="youAreOffline"></or-translate></span>
|
|
2165
|
+
<span id="offline-subtitle"><or-translate value="checkConnection"></or-translate></span>
|
|
2166
|
+
</div>
|
|
2167
|
+
<div>
|
|
2168
|
+
<span><or-translate id="reconnecting-text" value="reconnecting"></or-translate></span>
|
|
2169
|
+
</div>
|
|
2170
|
+
</div>
|
|
2171
|
+
`}get name(){return"offline"}};dn=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a}([tL("page-offline")],dn);var di=function(t,e,n,i){var r,o=arguments.length,a=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(o<3?r(a):o>3?r(e,n,a):r(e,n))||a);return o>3&&a&&Object.defineProperty(e,n,a),a},dr=function(t,e,n,i){return new(n||(n=Promise))(function(r,o){function a(t){try{l(i.next(t))}catch(t){o(t)}}function s(t){try{l(i.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?r(t.value):((e=t.value)instanceof n?e:new n(function(t){t(e)})).then(a,s)}l((i=i.apply(t,e||[])).next())})};let da=n(233),ds=n(900),dl=n(989);function dd(){return(0,ed.normaliseConfig)(dc)}let dc={managerUrl:MANAGER_URL||"",keycloakUrl:KEYCLOAK_URL||"",auth:"KEYCLOAK",autoLogin:!0,realm:void 0,consoleAutoEnable:!0,loadTranslations:["or"]},dm=class extends tS.OrElement{static get styles(){return d`
|
|
2172
|
+
:host {
|
|
2173
|
+
--or-app-color2: ${l(ed.DefaultColor2)};
|
|
2174
|
+
--or-app-color3: ${l(ed.DefaultColor3)};
|
|
2175
|
+
--or-app-color4: ${l(ed.DefaultColor4)};
|
|
2176
|
+
--or-console-primary-color: #4d9d2a;
|
|
2177
|
+
color: ${l(ed.DefaultColor3)};
|
|
2178
|
+
fill: ${l(ed.DefaultColor3)};
|
|
2179
|
+
font-size: 14px;
|
|
2180
|
+
|
|
2181
|
+
height: 100vh; /* Fallback */
|
|
2182
|
+
height: 100dvh; /* Stretch to dynamic viewport height */
|
|
2183
|
+
display: flex;
|
|
2184
|
+
flex: 1;
|
|
2185
|
+
flex-direction: column;
|
|
2186
|
+
}
|
|
2187
|
+
|
|
2188
|
+
.main-content {
|
|
2189
|
+
display: flex;
|
|
2190
|
+
flex: 1;
|
|
2191
|
+
box-sizing: border-box;
|
|
2192
|
+
background-color: var(--or-app-color2);
|
|
2193
|
+
overflow: auto;
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2196
|
+
.no-scroll {
|
|
2197
|
+
overflow: hidden;
|
|
2198
|
+
}
|
|
2199
|
+
|
|
2200
|
+
main > * {
|
|
2201
|
+
display: flex;
|
|
2202
|
+
flex: 1;
|
|
2203
|
+
position: relative;
|
|
2204
|
+
}
|
|
2205
|
+
|
|
2206
|
+
.desktop-hidden {
|
|
2207
|
+
display: none !important;
|
|
2208
|
+
}
|
|
2209
|
+
|
|
2210
|
+
@media only screen and (max-width: 780px) {
|
|
2211
|
+
.desktop-hidden {
|
|
2212
|
+
display: inline-block !important;
|
|
2213
|
+
}
|
|
2214
|
+
}
|
|
2215
|
+
|
|
2216
|
+
/* HEADER STYLES */
|
|
2217
|
+
or-header a > or-icon {
|
|
2218
|
+
margin-right: 10px;
|
|
2219
|
+
}
|
|
2220
|
+
`}constructor(t){super(),this._initialised=!1,this._offline=!1,this._showOfflineFallback=!1,this._onEvent=t=>this._handleEvent(t),this._onVisibilityChanged=t=>this._handleVisibilityChange(t),this._onRealmsChanged=()=>this._refreshRealms(),this._store=t,r4.DialogHostElement=this,el.DialogHostElement=this}getState(){return this._store.getState()}_handleVisibilityChange(t){console.debug("App visibility changed to",document.visibilityState),"visible"===document.visibilityState?(this._store.dispatch(lX(!0)),setTimeout(()=>{var t;(null==(t=ec().console)?void 0:t.isMobile)&&this._offline&&this._startOfflineFallbackTimer(!0),ec().reconnect()},500)):this._store.dispatch(lX(!1))}connectedCallback(){super.connectedCallback(),this._storeUnsubscribe=this._store.subscribe(()=>this.stateChanged(this.getState())),document.addEventListener("visibilitychange",this._onVisibilityChanged),this.addEventListener("realms-changed",this._onRealmsChanged),this.stateChanged(this.getState())}disconnectedCallback(){this._storeUnsubscribe(),document.removeEventListener("visibilitychange",this._onVisibilityChanged),this.removeEventListener("realms-changed",this._onRealmsChanged),ec().removeListener(this._onEvent),super.disconnectedCallback()}firstUpdated(t){super.firstUpdated(t);let e=this.managerConfig?Object.assign(Object.assign({},dc),this.managerConfig):dc;e.realm||(e.realm=ed.Util.getQueryParameter("realm")),e.defaultLanguage||(e.defaultLanguage=ed.Util.getBrowserLanguage()),console.info("Initialising the manager"),ec().init(e).then(t=>dr(this,void 0,void 0,function*(){if(t){let t;if(this.doAppConfigInit(),!this.appConfig){sL(document.body,"appError.noConfig"),console.error("No AppConfig supplied");return}if(!this._config){sL(document.body,"appError.noConfig"),console.error("No default AppConfig or realm specific config provided so cannot render");return}if(!this._store){sL(document.body,"appError.noReduxStore"),console.error("No Redux store supplied");return}if(!this.appConfig.pages||0===Object.keys(this.appConfig.pages).length){sL(document.body,"appError.noPages"),console.error("No page providers");return}yield this._refreshRealms(),ec().isSuperUser()&&(t=window.sessionStorage.getItem("realm"))&&!this._realms.some(e=>e.name===t)&&(t=void 0),this._store.dispatch(lV(t||ec().getRealm()||"master")),this._initialised=!0,ec().addListener(this._onEvent);let e=t=>{this._activeMenu=t};t$.hooks({before:(t,n)=>{e(n?n.url.split("/")[0]:void 0),t()}}),this.appConfig.pages.forEach((t,e)=>{t.routes&&t.routes.forEach(e=>{t$.on(e,e=>{this._store.dispatch(lB({page:t.name,params:e.data}))})})}),this.appConfig.pages.length>0&&t$.notFound(()=>{this._store.dispatch(lB(this.appConfig.pages[0].name))}),t$.resolve()}else sL(this.shadowRoot,ec().isError?"managerError."+ec().error:"")}))}updated(t){var e,n,i;if(super.updated(t),this._initialised&&(t.has("_page")||t.has("_offline")||t.has("_showOfflineFallback"))){if(this._mainElem){let r=this.appConfig.pages.find(t=>t.name===this._page),o=this._showOfflineFallback&&!(null==r?void 0:r.allowOffline),a=this._mainElem.querySelector("#offline-page");if(t.has("_page")&&r){let t=this._mainElem.firstElementChild;if(t){let e=r.pageCreator();o&&(e.style.setProperty("display","none"),e.setAttribute("loadedDuringOffline","true")),this._mainElem.replaceChild(e,t)}else this._mainElem.appendChild(r.pageCreator())}if(a&&!o){this._mainElem.removeChild(a);let t=this._mainElem.firstElementChild;null==t||t.style.removeProperty("display"),(null==t?void 0:t.onRefresh)&&t.onRefresh()}else if(!a&&o){let t=(null==(e=this.appConfig)?void 0:e.offlinePage)?this.appConfig.offlinePage.pageCreator():(i=this._store,{name:"offline",routes:["offline"],pageCreator:()=>new dn(i)}).pageCreator();null==(n=this._mainElem.firstElementChild)||n.style.setProperty("display","none"),t.id="offline-page",this._mainElem.appendChild(t)}}this.updateWindowTitle()}}shouldUpdate(t){var e,n;if(t.has("_realm")&&(this._config=this._getConfig(),this._realm?(ec().displayRealm=this._realm,window.sessionStorage.setItem("realm",this._realm)):window.sessionStorage.removeItem("realm")),t.has("_config")&&this._config){this._config.logo?this._config.logo=(null!=(e=ec().managerUrl)?e:"")+this._config.logo:this._config.logo=da,this._config.logoMobile?this._config.logoMobile=(null!=(n=ec().managerUrl)?n:"")+this._config.logoMobile:this._config.logoMobile=ds;let t=this._config&&this._config.favicon?(ec().managerUrl||"")+this._config.favicon:dl,i=document.querySelector("link[rel~='icon']");i||((i=document.createElement("link")).rel="icon",document.getElementsByTagName("head")[0].appendChild(i)),i.href=t}return this.updateWindowTitle(),super.shouldUpdate(t)}render(){let t;if(!this._initialised)return X`<or-mwc-dialog id="app-modal"></or-mwc-dialog>`;if(ec().consoleAppConfig){let e=ec().consoleAppConfig,n=e.primaryColor,i=e.secondaryColor;t=X`<style>
|
|
2221
|
+
:host {
|
|
2222
|
+
--or-console-primary-color: ${n};
|
|
2223
|
+
--or-console-secondary-color: ${i};
|
|
2224
|
+
}
|
|
2225
|
+
</style>`}return X`
|
|
2226
|
+
${this._config.styles?"string"==typeof this._config.styles?X`<style>
|
|
2227
|
+
${this._config.styles}
|
|
2228
|
+
</style>`:this._config.styles.strings:""}
|
|
2229
|
+
${t}
|
|
2230
|
+
<style>
|
|
2231
|
+
:host > * {
|
|
2232
|
+
/* Vaadin + OR theme styles that are 'user configurable' need to be re-applied inside or-app. */
|
|
2233
|
+
--or-color-primary: var(--or-app-color4);
|
|
2234
|
+
--or-color-primary-50pct: hsl(from var(--or-color-primary) h s l / 0.76);
|
|
2235
|
+
--or-color-primary-10pct: hsl(from var(--or-color-primary) h s l / 0.13);
|
|
2236
|
+
--or-color-text-primary: var(--or-app-color4);
|
|
2237
|
+
--lumo-primary-color: var(--or-color-primary);
|
|
2238
|
+
--lumo-primary-color-50pct: var(--or-color-primary-50pct);
|
|
2239
|
+
--lumo-primary-color-10pct: var(--or-color-primary-10pct);
|
|
2240
|
+
--lumo-primary-text-color: var(--or-color-text-primary);
|
|
2241
|
+
}
|
|
2242
|
+
</style>
|
|
2243
|
+
${this._config.header?X`
|
|
2244
|
+
<or-header
|
|
2245
|
+
.activeMenu="${this._activeMenu}"
|
|
2246
|
+
.store="${this._store}"
|
|
2247
|
+
.realm="${this._realm}"
|
|
2248
|
+
.realms="${this._realms}"
|
|
2249
|
+
.logo="${this._config.logo}"
|
|
2250
|
+
.logoMobile="${this._config.logoMobile}"
|
|
2251
|
+
.config="${this._config.header}"
|
|
2252
|
+
></or-header>
|
|
2253
|
+
`:""}
|
|
2254
|
+
${this._getLanguageDialogTemplate()}
|
|
2255
|
+
|
|
2256
|
+
<!-- Main content -->
|
|
2257
|
+
<main role="main" class="main-content d-none"></main>
|
|
2258
|
+
|
|
2259
|
+
<slot></slot>
|
|
2260
|
+
`}stateChanged(t){this._realm=t.app.realm,this._page=t.app.page,this._offline=t.app.offline}_refreshRealms(){return dr(this,void 0,void 0,function*(){try{let t=yield ec().rest.api.RealmResource.getAccessible();this._realms=t.data,this.requestUpdate()}catch(t){console.error(t),sL(document.body,"errorOccurred")}})}_handleEvent(t){t===ed.OREvent.OFFLINE?(this._offline||this._store.dispatch(lY(!0)),this._startOfflineFallbackTimer()):t===ed.OREvent.ONLINE&&this._offline&&(this._showOfflineFallback=!1,this._completeOfflineFallbackTimer(),this._store.dispatch(lY(!1)))}_getLanguageDialogTemplate(){let t=Object.entries(this.appConfig.languages||ed.DEFAULT_LANGUAGES),e=t.findIndex(([t])=>t===ec().language),n=e=>{var n,i,r;let o=null!=(i=null==(n=t[e.detail.value])?void 0:n[0])?i:t[0][0];o!==ec().language&&(this.setLanguage(o),null==(r=this._languageDialog)||r.close())};return X`
|
|
2261
|
+
<or-vaadin-dialog
|
|
2262
|
+
id="language-dialog"
|
|
2263
|
+
width="240px"
|
|
2264
|
+
${l9(()=>X`
|
|
2265
|
+
<h2 style="padding-left: 7px; margin: 0;">
|
|
2266
|
+
<or-translate value="language"></or-translate>
|
|
2267
|
+
</h2>
|
|
2268
|
+
`)}
|
|
2269
|
+
${l6(()=>X`
|
|
2270
|
+
<or-vaadin-list-box
|
|
2271
|
+
selected=${e??K}
|
|
2272
|
+
style="margin: 0 -18px 6px -18px;"
|
|
2273
|
+
@selected-changed=${t=>n(t)}
|
|
2274
|
+
>
|
|
2275
|
+
${t.map(([t,e])=>X`
|
|
2276
|
+
<or-vaadin-item value=${t}>
|
|
2277
|
+
<or-translate value=${e}></or-translate>
|
|
2278
|
+
</or-vaadin-item>
|
|
2279
|
+
`)}
|
|
2280
|
+
</or-vaadin-list-box>
|
|
2281
|
+
`)}
|
|
2282
|
+
></or-vaadin-dialog>
|
|
2283
|
+
`}_startOfflineFallbackTimer(t=!1){var e;if(t)this._completeOfflineFallbackTimer(!0);else if(this._offlineFallbackDeferred||this._showOfflineFallback)return;let n=new ed.Util.Deferred,i=!1;n.promise.then(()=>{this._showOfflineFallback=this._offline}).finally(()=>{i=!0}),setTimeout(()=>{i||n.resolve()},(null==(e=this.appConfig)?void 0:e.offlineTimeout)||2e4),this._offlineFallbackDeferred=n}_completeOfflineFallbackTimer(t=!1){var e,n;t?null==(e=this._offlineFallbackDeferred)||e.reject():null==(n=this._offlineFallbackDeferred)||n.resolve(),this._offlineFallbackDeferred=void 0}logout(){ec().logout()}setLanguage(t){ec().language=t}showLanguageModal(){var t;null==(t=this._languageDialog)||t.open()}doAppConfigInit(){this.appConfig=this.appConfig||(this.appConfigProvider?this.appConfigProvider(ec()):void 0),this.appConfig&&(this._config||(this._config=this._getConfig()))}updateWindowTitle(){if(!this._initialised)return;let t=this._config.appTitle||"",e=tP.i18next.isInitialized?tP.i18next.t(t):t,n=this._mainElem?this._mainElem.firstElementChild:void 0;n&&(e+=tP.i18next.isInitialized?" - "+tP.i18next.t(n.name):" - "+n.name),(({title:t,description:e,url:n,image:i,imageAlt:r})=>{t&&(document.title=t,sx("property","og:title",t)),e&&(sx("name","description",e),sx("property","og:description",e)),i&&sx("property","og:image",i),r&&sx("property","og:image:alt",r),sx("property","og:url",n=n||window.location.href)})({title:e,description:e})}_getConfig(){let t=this.appConfig.realms?this.appConfig.realms.default:{},e=this.appConfig.realms?this.appConfig.realms[this._realm||""]:void 0;return e=ed.Util.mergeObjects(t,e,!1),this.appConfig&&this.appConfig.superUserHeader&&ec().isSuperUser()&&(e.header=this.appConfig.superUserHeader),e}};di([tN({type:Object})],dm.prototype,"appConfig",void 0),di([tN({type:Object})],dm.prototype,"managerConfig",void 0),di([tz("main")],dm.prototype,"_mainElem",void 0),di([tD()],dm.prototype,"_initialised",void 0),di([tD()],dm.prototype,"_page",void 0),di([tD()],dm.prototype,"_config",void 0),di([tD()],dm.prototype,"_realm",void 0),di([tD()],dm.prototype,"_offline",void 0),di([tD()],dm.prototype,"_showOfflineFallback",void 0),di([tD()],dm.prototype,"_activeMenu",void 0),di([tz("#language-dialog")],dm.prototype,"_languageDialog",void 0),dm=di([tL("or-app")],dm)})(),ORApp=i})();
|