@fluid-topics/ft-text-field 0.1.17 → 0.2.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.
@@ -1,80 +1,78 @@
1
1
  !function(t){
2
2
  /**
3
3
  * @license
4
- * Copyright 2019 Google LLC
5
- * SPDX-License-Identifier: BSD-3-Clause
4
+ * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
5
+ * This code may only be used under the BSD style license found at
6
+ * http://polymer.github.io/LICENSE.txt
7
+ * The complete set of authors may be found at
8
+ * http://polymer.github.io/AUTHORS.txt
9
+ * The complete set of contributors may be found at
10
+ * http://polymer.github.io/CONTRIBUTORS.txt
11
+ * Code distributed by Google as part of the polymer project is also
12
+ * subject to an additional IP rights grant found at
13
+ * http://polymer.github.io/PATENTS.txt
14
+ *
15
+ * @see https://github.com/webcomponents/polyfills/tree/master/packages/scoped-custom-element-registry
6
16
  */
7
- const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),r=new Map;class o{constructor(t,e){if(this._$cssResult$=!0,e!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=r.get(this.cssText);return e&&void 0===t&&(r.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const n=t=>new o("string"==typeof t?t:t+"",i),a=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,i,r)=>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.")})(i)+t[r+1]),t[0]);return new o(r,i)},s=(t,i)=>{e?t.adoptedStyleSheets=i.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):i.forEach((e=>{const i=document.createElement("style"),r=window.litNonce;void 0!==r&&i.setAttribute("nonce",r),i.textContent=e.cssText,t.appendChild(i)}))},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return n(e)})(t):t
17
+ if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,i=window.customElements.get,o=window.customElements,n=new WeakMap,s=new WeakMap,r=new WeakMap,l=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,n){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(n))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const l=n.prototype.attributeChangedCallback,a=new Set(n.observedAttributes||[]);f(n,a,l);const p={elementClass:n,connectedCallback:n.prototype.connectedCallback,disconnectedCallback:n.prototype.disconnectedCallback,adoptedCallback:n.prototype.adoptedCallback,attributeChangedCallback:l,formAssociated:n.formAssociated,formAssociatedCallback:n.prototype.formAssociatedCallback,formDisabledCallback:n.prototype.formDisabledCallback,formResetCallback:n.prototype.formResetCallback,formStateRestoreCallback:n.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,p),this._definitionsByClass.set(n,p);let h=i.call(o,t);h||(h=c(t),e.call(o,t,h)),this===window.customElements&&(r.set(n,p),p.standInClass=h);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)s.delete(t),u(t,p,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(n),this._whenDefinedPromises.delete(t)),n}upgrade(){g.push(this),o.upgrade.apply(o,arguments),g.pop()}get(t){return this._definitionsByTag.get(t)?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let i=this._whenDefinedPromises.get(t);return void 0===i&&(i={},i.promise=new Promise((t=>i.resolve=t)),this._whenDefinedPromises.set(t,i)),i.promise}_upgradeWhenDefined(t,e,i){let o=this._awaitingUpgrade.get(e);o||this._awaitingUpgrade.set(e,o=new Set),i?o.add(t):o.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const i=r.get(this.constructor);if(!i)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],i.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),n.set(e,i),e},window.HTMLElement.prototype=t.prototype;const p=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!p(e)){const t=g[g.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),p(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},c=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=h(i)||window.customElements,n=o._getDefinition(e);return n?u(i,n):s.set(i,o),i}connectedCallback(){const t=n.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):s.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=n.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):s.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){n.get(this)?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=n.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=n.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=n.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=n.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},f=(t,e,i)=>{if(0===e.size||void 0===i)return;const o=t.prototype.setAttribute;o&&(t.prototype.setAttribute=function(t,n){const s=t.toLowerCase();if(e.has(s)){const t=this.getAttribute(s);o.call(this,s,n),i.call(this,s,t,n)}else o.call(this,s,n)});const n=t.prototype.removeAttribute;n&&(t.prototype.removeAttribute=function(t){const o=t.toLowerCase();if(e.has(o)){const t=this.getAttribute(o);n.call(this,o),i.call(this,o,t,null)}else n.call(this,o)})},d=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):d(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),n.set(t,e),a=t;try{new e.elementClass}catch(t){d(e.elementClass),new e.elementClass}e.observedAttributes.forEach((i=>{t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=y.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let g=[document];const b=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){g.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),g.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const v=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){g.push(this),i.set.call(this,t),g.pop()}})};if(v(Element,"innerHTML"),v(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,i=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...i){const o=e.call(this,...i);return t.set(o,this),o},i.forEach((e=>{const i=window.ElementInternals.prototype,o=i[e];i[e]=function(...e){const i=t.get(this);if(!0!==n.get(i).formAssociated)throw new DOMException(`Failed to execute ${o} on 'ElementInternals': The target element is not a form-associated custom element.`);o?.call(this,...e)}}));class o extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class s{constructor(t){const e=new Map;t.forEach(((t,i)=>{const o=t.getAttribute("name"),n=e.get(o)||[];this[+i]=t,n.push(t),e.set(o,n)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new o(t))}))}namedItem(t){return this[t]}}const r=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=r.get.call(this,[]),e=[];for(const i of t){const t=n.get(i);t&&!0!==t.formAssociated||e.push(i)}return new s(e)}})}}try{window.customElements.define("custom-element",null)}catch(t){const e=window.customElements.define;window.customElements.define=(t,i,o)=>{try{e.bind(window.customElements)(t,i,o)}catch(e){console.warn(t,i,o,e)}}}
8
18
  /**
9
19
  * @license
10
20
  * Copyright 2017 Google LLC
11
21
  * SPDX-License-Identifier: BSD-3-Clause
12
- */;var p;const l=window.trustedTypes,d=l?l.emptyScript:"",u=window.reactiveElementPolyfillSupport,f={toAttribute(t,e){switch(e){case Boolean:t=t?d:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},h=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:h};class y extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const r=this._$Eh(i,e);void 0!==r&&(this._$Eu.set(r,i),t.push(r))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);void 0!==r&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){const o=this[t];this[e]=r,this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(c(t))}else void 0!==t&&e.push(c(t));return e}static _$Eh(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return s(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ES(t,e,i=m){var r,o;const n=this.constructor._$Eh(t,i);if(void 0!==n&&!0===i.reflect){const a=(null!==(o=null===(r=i.converter)||void 0===r?void 0:r.toAttribute)&&void 0!==o?o:f.toAttribute)(e,i.type);this._$Ei=t,null==a?this.removeAttribute(n):this.setAttribute(n,a),this._$Ei=null}}_$AK(t,e){var i,r,o;const n=this.constructor,a=n._$Eu.get(t);if(void 0!==a&&this._$Ei!==a){const t=n.getPropertyOptions(a),s=t.converter,c=null!==(o=null!==(r=null===(i=s)||void 0===i?void 0:i.fromAttribute)&&void 0!==r?r:"function"==typeof s?s:null)&&void 0!==o?o:f.fromAttribute;this._$Ei=a,this[a]=c(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let r=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||h)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$E_&&(this._$E_=new Map),this._$E_.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$E_&&(this._$E_.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$E_=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
22
+ */const e=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(i){i.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(i){i.createProperty(e.key,t)}};function i(t){return(i,o)=>void 0!==o?((t,e,i)=>{e.constructor.createProperty(i,t)})(t,i,o):e(t,i)
13
23
  /**
14
24
  * @license
15
25
  * Copyright 2017 Google LLC
16
26
  * SPDX-License-Identifier: BSD-3-Clause
17
- */
18
- var v;y.finalized=!0,y.elementProperties=new Map,y.elementStyles=[],y.shadowRootOptions={mode:"open"},null==u||u({ReactiveElement:y}),(null!==(p=globalThis.reactiveElementVersions)&&void 0!==p?p:globalThis.reactiveElementVersions=[]).push("1.2.2");const g=globalThis.trustedTypes,b=g?g.createPolicy("lit-html",{createHTML:t=>t}):void 0,x=`lit$${(Math.random()+"").slice(9)}$`,w="?"+x,$=`<${w}>`,O=document,S=(t="")=>O.createComment(t),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,k=Array.isArray,R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,C=/-->/g,N=/>/g,A=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,M=/'/g,F=/"/g,T=/^(?:script|style|textarea|title)$/i,z=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),U=Symbol.for("lit-noChange"),j=Symbol.for("lit-nothing"),_=new WeakMap,D=O.createTreeWalker(O,129,null,!1),B=(t,e)=>{const i=t.length-1,r=[];let o,n=2===e?"<svg>":"",a=R;for(let e=0;e<i;e++){const i=t[e];let s,c,p=-1,l=0;for(;l<i.length&&(a.lastIndex=l,c=a.exec(i),null!==c);)l=a.lastIndex,a===R?"!--"===c[1]?a=C:void 0!==c[1]?a=N:void 0!==c[2]?(T.test(c[2])&&(o=RegExp("</"+c[2],"g")),a=A):void 0!==c[3]&&(a=A):a===A?">"===c[0]?(a=null!=o?o:R,p=-1):void 0===c[1]?p=-2:(p=a.lastIndex-c[2].length,s=c[1],a=void 0===c[3]?A:'"'===c[3]?F:M):a===F||a===M?a=A:a===C||a===N?a=R:(a=A,o=void 0);const d=a===A&&t[e+1].startsWith("/>")?" ":"";n+=a===R?i+$:p>=0?(r.push(s),i.slice(0,p)+"$lit$"+i.slice(p)+x+d):i+x+(-2===p?(r.push(void 0),e):d)}const s=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==b?b.createHTML(s):s,r]};class I{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,n=0;const a=t.length-1,s=this.parts,[c,p]=B(t,e);if(this.el=I.createElement(c,i),D.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=D.nextNode())&&s.length<a;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(x)){const i=p[n++];if(t.push(e),void 0!==i){const t=r.getAttribute(i.toLowerCase()+"$lit$").split(x),e=/([.?@])?(.*)/.exec(i);s.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?V:"?"===e[1]?K:"@"===e[1]?G:W})}else s.push({type:6,index:o})}for(const e of t)r.removeAttribute(e)}if(T.test(r.tagName)){const t=r.textContent.split(x),e=t.length-1;if(e>0){r.textContent=g?g.emptyScript:"";for(let i=0;i<e;i++)r.append(t[i],S()),D.nextNode(),s.push({type:2,index:++o});r.append(t[e],S())}}}else if(8===r.nodeType)if(r.data===w)s.push({type:2,index:o});else{let t=-1;for(;-1!==(t=r.data.indexOf(x,t+1));)s.push({type:7,index:o}),t+=x.length-1}o++}}static createElement(t,e){const i=O.createElement("template");return i.innerHTML=t,i}}function P(t,e,i=t,r){var o,n,a,s;if(e===U)return e;let c=void 0!==r?null===(o=i._$Cl)||void 0===o?void 0:o[r]:i._$Cu;const p=E(e)?void 0:e._$litDirective$;return(null==c?void 0:c.constructor)!==p&&(null===(n=null==c?void 0:c._$AO)||void 0===n||n.call(c,!1),void 0===p?c=void 0:(c=new p(t),c._$AT(t,i,r)),void 0!==r?(null!==(a=(s=i)._$Cl)&&void 0!==a?a:s._$Cl=[])[r]=c:i._$Cu=c),void 0!==c&&(e=P(t,c._$AS(t,e.values),c,r)),e}class L{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:r}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:O).importNode(i,!0);D.currentNode=o;let n=D.nextNode(),a=0,s=0,c=r[0];for(;void 0!==c;){if(a===c.index){let e;2===c.type?e=new H(n,n.nextSibling,this,t):1===c.type?e=new c.ctor(n,c.name,c.strings,this,t):6===c.type&&(e=new q(n,this,t)),this.v.push(e),c=r[++s]}a!==(null==c?void 0:c.index)&&(n=D.nextNode(),a++)}return o}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class H{constructor(t,e,i,r){var o;this.type=2,this._$AH=j,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cg=null===(o=null==r?void 0:r.isConnected)||void 0===o||o}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const 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){t=P(this,t,e),E(t)?t===j||null==t||""===t?(this._$AH!==j&&this._$AR(),this._$AH=j):t!==this._$AH&&t!==U&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return k(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==j&&E(this._$AH)?this._$AA.nextSibling.data=t:this.S(O.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=I.createElement(r.h,this.options)),r);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.m(i);else{const t=new L(o,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=_.get(t.strings);return void 0===e&&_.set(t.strings,e=new I(t)),e}A(t){k(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new H(this.M(S()),this.M(S()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class W{constructor(t,e,i,r,o){this.type=1,this._$AH=j,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=j}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const o=this.strings;let n=!1;if(void 0===o)t=P(this,t,e,0),n=!E(t)||t!==this._$AH&&t!==U,n&&(this._$AH=t);else{const r=t;let a,s;for(t=o[0],a=0;a<o.length-1;a++)s=P(this,r[i+a],e,a),s===U&&(s=this._$AH[a]),n||(n=!E(s)||s!==this._$AH[a]),s===j?t=j:t!==j&&(t+=(null!=s?s:"")+o[a+1]),this._$AH[a]=s}n&&!r&&this.k(t)}k(t){t===j?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class V extends W{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===j?void 0:t}}const Z=g?g.emptyScript:"";class K extends W{constructor(){super(...arguments),this.type=4}k(t){t&&t!==j?this.element.setAttribute(this.name,Z):this.element.removeAttribute(this.name)}}class G extends W{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=P(this,t,e,0))&&void 0!==i?i:j)===U)return;const r=this._$AH,o=t===j&&r!==j||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==j&&(r===j||o);o&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class q{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const X=window.litHtmlPolyfillSupport;
27
+ */}function o(t){return i({...t,state:!0})}
19
28
  /**
20
29
  * @license
21
30
  * Copyright 2017 Google LLC
22
31
  * SPDX-License-Identifier: BSD-3-Clause
23
32
  */
24
- var J,Y;null==X||X(I,H),(null!==(v=globalThis.litHtmlVersions)&&void 0!==v?v:globalThis.litHtmlVersions=[]).push("2.1.3");class Q extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,i)=>{var r,o;const n=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:e;let a=n._$litPart$;if(void 0===a){const t=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:null;n._$litPart$=a=new H(e.insertBefore(S(),t),t,void 0,null!=i?i:{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return U}}Q.finalized=!0,Q._$litElement$=!0,null===(J=globalThis.litElementHydrateSupport)||void 0===J||J.call(globalThis,{LitElement:Q});const tt=globalThis.litElementPolyfillSupport;null==tt||tt({LitElement:Q}),(null!==(Y=globalThis.litElementVersions)&&void 0!==Y?Y:globalThis.litElementVersions=[]).push("3.1.2");
25
33
  /**
26
34
  * @license
27
35
  * Copyright 2017 Google LLC
28
36
  * SPDX-License-Identifier: BSD-3-Clause
29
37
  */
30
- const et=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(i){i.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(i){i.createProperty(e.key,t)}};
38
+ function n(t,e){return(({finisher:t,descriptor:e})=>(i,o)=>{var n;if(void 0===o){const o=null!==(n=i.originalKey)&&void 0!==n?n:i.key,s=null!=e?{kind:"method",placement:"prototype",key:o,descriptor:e(i.key)}:{...i,key:o};return null!=t&&(s.finisher=function(e){t(e,o)}),s}{const n=i.constructor;void 0!==e&&Object.defineProperty(i,o,e(o)),null==t||t(n,o)}})({descriptor:i=>{const o={get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==i?i:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof i?Symbol():"__"+i;o.get=function(){var i,o;return void 0===this[e]&&(this[e]=null!==(o=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==o?o:null),this[e]}}return o}})}
31
39
  /**
32
40
  * @license
33
- * Copyright 2017 Google LLC
41
+ * Copyright 2021 Google LLC
34
42
  * SPDX-License-Identifier: BSD-3-Clause
35
- */function it(t){return(e,i)=>void 0!==i?((t,e,i)=>{e.constructor.createProperty(i,t)})(t,e,i):et(t,e)
43
+ */var s;null===(s=window.HTMLSlotElement)||void 0===s||s.prototype.assignedElements;const r=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)}
36
44
  /**
37
45
  * @license
38
- * Copyright 2017 Google LLC
46
+ * Copyright 2019 Google LLC
39
47
  * SPDX-License-Identifier: BSD-3-Clause
40
- */}function rt(t){return it({...t,state:!0})}
48
+ */,l=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),p=new Map;class h{constructor(t,e){if(this._$cssResult$=!0,e!==a)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){let t=p.get(this.cssText);return l&&void 0===t&&(p.set(this.cssText,t=new CSSStyleSheet),t.replaceSync(this.cssText)),t}toString(){return this.cssText}}const c=t=>new h("string"==typeof t?t:t+"",a),f=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,o)=>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.")})(i)+t[o+1]),t[0]);return new h(i,a)},d=(t,e)=>{l?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),o=window.litNonce;void 0!==o&&i.setAttribute("nonce",o),i.textContent=e.cssText,t.appendChild(i)}))},u=l?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return c(e)})(t):t
41
49
  /**
42
50
  * @license
43
51
  * Copyright 2017 Google LLC
44
52
  * SPDX-License-Identifier: BSD-3-Clause
45
- */
53
+ */;var y;const g=window.trustedTypes,b=g?g.emptyScript:"",v=window.reactiveElementPolyfillSupport,x={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},m=(t,e)=>e!==t&&(e==e||t==t),$={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:m};class w extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const o=this._$Eh(i,e);void 0!==o&&(this._$Eu.set(o,i),t.push(o))})),t}static createProperty(t,e=$){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,i,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const n=this[t];this[e]=o,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||$}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(u(t))}else void 0!==t&&e.push(u(t));return e}static _$Eh(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ES(t,e,i=$){var o,n;const s=this.constructor._$Eh(t,i);if(void 0!==s&&!0===i.reflect){const r=(null!==(n=null===(o=i.converter)||void 0===o?void 0:o.toAttribute)&&void 0!==n?n:x.toAttribute)(e,i.type);this._$Ei=t,null==r?this.removeAttribute(s):this.setAttribute(s,r),this._$Ei=null}}_$AK(t,e){var i,o,n;const s=this.constructor,r=s._$Eu.get(t);if(void 0!==r&&this._$Ei!==r){const t=s.getPropertyOptions(r),l=t.converter,a=null!==(n=null!==(o=null===(i=l)||void 0===i?void 0:i.fromAttribute)&&void 0!==o?o:"function"==typeof l?l:null)&&void 0!==n?n:x.fromAttribute;this._$Ei=r,this[r]=a(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let o=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||m)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$E_&&(this._$E_=new Map),this._$E_.set(t,i))):o=!1),!this.isUpdatePending&&o&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$E_&&(this._$E_.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$E_=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
46
54
  /**
47
55
  * @license
48
56
  * Copyright 2017 Google LLC
49
57
  * SPDX-License-Identifier: BSD-3-Clause
50
58
  */
51
- function ot(t,e){return(({finisher:t,descriptor:e})=>(i,r)=>{var o;if(void 0===r){const r=null!==(o=i.originalKey)&&void 0!==o?o:i.key,n=null!=e?{kind:"method",placement:"prototype",key:r,descriptor:e(i.key)}:{...i,key:r};return null!=t&&(n.finisher=function(e){t(e,r)}),n}{const o=i.constructor;void 0!==e&&Object.defineProperty(i,r,e(r)),null==t||t(o,r)}})({descriptor:i=>{const r={get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelector(t))&&void 0!==i?i:null},enumerable:!0,configurable:!0};if(e){const e="symbol"==typeof i?Symbol():"__"+i;r.get=function(){var i,r;return void 0===this[e]&&(this[e]=null!==(r=null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==r?r:null),this[e]}}return r}})}
52
- /**
53
- * @license
54
- * Copyright 2021 Google LLC
55
- * SPDX-License-Identifier: BSD-3-Clause
56
- */var nt;null===(nt=window.HTMLSlotElement)||void 0===nt||nt.prototype.assignedElements;
59
+ var S;w.finalized=!0,w.elementProperties=new Map,w.elementStyles=[],w.shadowRootOptions={mode:"open"},null==v||v({ReactiveElement:w}),(null!==(y=globalThis.reactiveElementVersions)&&void 0!==y?y:globalThis.reactiveElementVersions=[]).push("1.2.2");const O=globalThis.trustedTypes,C=O?O.createPolicy("lit-html",{createHTML:t=>t}):void 0,E=`lit$${(Math.random()+"").slice(9)}$`,N="?"+E,R=`<${N}>`,k=document,M=(t="")=>k.createComment(t),U=t=>null===t||"object"!=typeof t&&"function"!=typeof t,F=Array.isArray,z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,B=/-->/g,A=/>/g,L=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,D=/'/g,T=/"/g,_=/^(?:script|style|textarea|title)$/i,P=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),j=Symbol.for("lit-noChange"),I=Symbol.for("lit-nothing"),W=new WeakMap,H=k.createTreeWalker(k,129,null,!1),K=(t,e)=>{const i=t.length-1,o=[];let n,s=2===e?"<svg>":"",r=z;for(let e=0;e<i;e++){const i=t[e];let l,a,p=-1,h=0;for(;h<i.length&&(r.lastIndex=h,a=r.exec(i),null!==a);)h=r.lastIndex,r===z?"!--"===a[1]?r=B:void 0!==a[1]?r=A:void 0!==a[2]?(_.test(a[2])&&(n=RegExp("</"+a[2],"g")),r=L):void 0!==a[3]&&(r=L):r===L?">"===a[0]?(r=null!=n?n:z,p=-1):void 0===a[1]?p=-2:(p=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?L:'"'===a[3]?T:D):r===T||r===D?r=L:r===B||r===A?r=z:(r=L,n=void 0);const c=r===L&&t[e+1].startsWith("/>")?" ":"";s+=r===z?i+R:p>=0?(o.push(l),i.slice(0,p)+"$lit$"+i.slice(p)+E+c):i+E+(-2===p?(o.push(void 0),e):c)}const l=s+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==C?C.createHTML(l):l,o]};class Z{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let n=0,s=0;const r=t.length-1,l=this.parts,[a,p]=K(t,e);if(this.el=Z.createElement(a,i),H.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=H.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(E)){const i=p[s++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(E),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?Y:"?"===e[1]?Q:"@"===e[1]?tt:q})}else l.push({type:6,index:n})}for(const e of t)o.removeAttribute(e)}if(_.test(o.tagName)){const t=o.textContent.split(E),e=t.length-1;if(e>0){o.textContent=O?O.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],M()),H.nextNode(),l.push({type:2,index:++n});o.append(t[e],M())}}}else if(8===o.nodeType)if(o.data===N)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=o.data.indexOf(E,t+1));)l.push({type:7,index:n}),t+=E.length-1}n++}}static createElement(t,e){const i=k.createElement("template");return i.innerHTML=t,i}}function V(t,e,i=t,o){var n,s,r,l;if(e===j)return e;let a=void 0!==o?null===(n=i._$Cl)||void 0===n?void 0:n[o]:i._$Cu;const p=U(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==p&&(null===(s=null==a?void 0:a._$AO)||void 0===s||s.call(a,!1),void 0===p?a=void 0:(a=new p(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=V(t,a._$AS(t,e.values),a,o)),e}class X{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:k).importNode(i,!0);H.currentNode=n;let s=H.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new J(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new et(s,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(s=H.nextNode(),r++)}return n}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class J{constructor(t,e,i,o){var n;this.type=2,this._$AH=I,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(n=null==o?void 0:o.isConnected)||void 0===n||n}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const 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){t=V(this,t,e),U(t)?t===I||null==t||""===t?(this._$AH!==I&&this._$AR(),this._$AH=I):t!==this._$AH&&t!==j&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return F(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==I&&U(this._$AH)?this._$AA.nextSibling.data=t:this.S(k.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,n="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Z.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.m(i);else{const t=new X(n,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=W.get(t.strings);return void 0===e&&W.set(t.strings,e=new Z(t)),e}A(t){F(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const n of t)o===e.length?e.push(i=new J(this.M(M()),this.M(M()),this,this.options)):i=e[o],i._$AI(n),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class q{constructor(t,e,i,o,n){this.type=1,this._$AH=I,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=I}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const n=this.strings;let s=!1;if(void 0===n)t=V(this,t,e,0),s=!U(t)||t!==this._$AH&&t!==j,s&&(this._$AH=t);else{const o=t;let r,l;for(t=n[0],r=0;r<n.length-1;r++)l=V(this,o[i+r],e,r),l===j&&(l=this._$AH[r]),s||(s=!U(l)||l!==this._$AH[r]),l===I?t=I:t!==I&&(t+=(null!=l?l:"")+n[r+1]),this._$AH[r]=l}s&&!o&&this.k(t)}k(t){t===I?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class Y extends q{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===I?void 0:t}}const G=O?O.emptyScript:"";class Q extends q{constructor(){super(...arguments),this.type=4}k(t){t&&t!==I?this.element.setAttribute(this.name,G):this.element.removeAttribute(this.name)}}class tt extends q{constructor(t,e,i,o,n){super(t,e,i,o,n),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=V(this,t,e,0))&&void 0!==i?i:I)===j)return;const o=this._$AH,n=t===I&&o!==I||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==I&&(o===I||n);n&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class et{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){V(this,t)}}const it=window.litHtmlPolyfillSupport;
57
60
  /**
58
61
  * @license
59
62
  * Copyright 2017 Google LLC
60
63
  * SPDX-License-Identifier: BSD-3-Clause
61
64
  */
62
- const at=1,st=t=>(...e)=>({_$litDirective$:t,values:e});class ct{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
63
- /**
64
- * @license
65
- * Copyright 2018 Google LLC
66
- * SPDX-License-Identifier: BSD-3-Clause
67
- */const pt=st(class extends ct{constructor(t){var e;if(super(t),t.type!==at||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.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]){var i,r;if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.et=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.et)||void 0===i?void 0:i.has(t))&&this.st.add(t);return this.render(e)}const o=t.element.classList;this.st.forEach((t=>{t in e||(o.remove(t),this.st.delete(t))}));for(const t in e){const i=!!e[t];i===this.st.has(t)||(null===(r=this.et)||void 0===r?void 0:r.has(t))||(i?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return U}});(function(){function t(t){var e=0;return function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}}function e(e){var i="undefined"!=typeof Symbol&&Symbol.iterator&&e[Symbol.iterator];return i?i.call(e):{next:t(e)}}function i(t){if(!(t instanceof Array)){t=e(t);for(var i,r=[];!(i=t.next()).done;)r.push(i.value);t=r}return t}var r="function"==typeof Object.create?Object.create:function(t){function e(){}return e.prototype=t,new e};var o,n=function(t){t=["object"==typeof globalThis&&globalThis,t,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var e=0;e<t.length;++e){var i=t[e];if(i&&i.Math==Math)return i}throw Error("Cannot find global object")}(this),a=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function t(){}return Reflect.construct(t,[],(function(){})),new t instanceof t}())return Reflect.construct;var t=Reflect.construct;return function(e,i,r){return e=t(e,i),r&&Reflect.setPrototypeOf(e,r.prototype),e}}return function(t,e,i){return void 0===i&&(i=t),i=r(i.prototype||Object.prototype),Function.prototype.apply.call(t,i,e)||i}}();if("function"==typeof Object.setPrototypeOf)o=Object.setPrototypeOf;else{var s;t:{var c={};try{c.__proto__={a:!0},s=c.a;break t}catch(t){}s=!1}o=s?function(t,e){if(t.__proto__=e,t.__proto__!==e)throw new TypeError(t+" is not extensible");return t}:null}var p=o;if(!ShadowRoot.prototype.createElement){var l,d=window.HTMLElement,u=window.customElements.define,f=window.customElements.get,h=window.customElements,m=new WeakMap,y=new WeakMap,v=new WeakMap,g=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.i=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(t,i){if(t=t.toLowerCase(),void 0!==this.j(t))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+t+'" has already been used with this registry');if(void 0!==this.o.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var r=i.prototype.attributeChangedCallback,o=new Set(i.observedAttributes||[]);if(x(i,o,r),r={g:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:o},this.l.set(t,r),this.o.set(i,r),(o=f.call(h,t))||(o=b(t),u.call(h,t,o)),this===window.customElements&&(v.set(i,r),r.s=o),o=this.h.get(t)){this.h.delete(t);for(var n=(o=e(o)).next();!n.done;n=o.next())n=n.value,y.delete(n),$(n,r,!0)}return void 0!==(r=this.i.get(t))&&(r.resolve(i),this.i.delete(t)),i},window.CustomElementRegistry.prototype.upgrade=function(){S.push(this),h.upgrade.apply(h,arguments),S.pop()},window.CustomElementRegistry.prototype.get=function(t){var e;return null==(e=this.l.get(t))?void 0:e.g},window.CustomElementRegistry.prototype.j=function(t){return this.l.get(t)},window.CustomElementRegistry.prototype.whenDefined=function(t){var e=this.j(t);if(void 0!==e)return Promise.resolve(e.g);var i=this.i.get(t);return void 0===i&&((i={}).promise=new Promise((function(t){return i.resolve=t})),this.i.set(t,i)),i.promise},window.CustomElementRegistry.prototype.m=function(t,e,i){var r=this.h.get(e);r||this.h.set(e,r=new Set),i?r.add(t):r.delete(t)},window.HTMLElement=function(){var t=l;if(t)return l=void 0,t;var e=v.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return t=Reflect.construct(d,[],e.s),Object.setPrototypeOf(t,this.constructor.prototype),m.set(t,e),t},window.HTMLElement.prototype=d.prototype;var b=function(t){function e(){var e=Reflect.construct(d,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);t:{var i=e.getRootNode();if(!(i===document||i instanceof ShadowRoot)){if((i=S[S.length-1])instanceof CustomElementRegistry){var r=i;break t}(i=i.getRootNode())===document||i instanceof ShadowRoot||(i=(null==(r=g.get(i))?void 0:r.getRootNode())||document)}r=i.customElements}return(i=(r=r||window.customElements).j(t))?$(e,i):y.set(e,r),e}return n.Object.defineProperty(e,"formAssociated",{configurable:!0,enumerable:!0,get:function(){return!0}}),e.prototype.connectedCallback=function(){var e=m.get(this);e?e.connectedCallback&&e.connectedCallback.apply(this,arguments):y.get(this).m(this,t,!0)},e.prototype.disconnectedCallback=function(){var e=m.get(this);e?e.disconnectedCallback&&e.disconnectedCallback.apply(this,arguments):y.get(this).m(this,t,!1)},e.prototype.adoptedCallback=function(){var t,e;null==(t=m.get(this))||null==(e=t.adoptedCallback)||e.apply(this,arguments)},e.prototype.formAssociatedCallback=function(){var t,e=m.get(this);e&&e.formAssociated&&(null==e||null==(t=e.formAssociatedCallback)||t.apply(this,arguments))},e.prototype.formDisabledCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formDisabledCallback)||t.apply(this,arguments))},e.prototype.formResetCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formResetCallback)||t.apply(this,arguments))},e.prototype.formStateRestoreCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formStateRestoreCallback)||t.apply(this,arguments))},e},x=function(t,e,i){if(0!==e.size&&void 0!==i){var r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,o){if(t=t.toLowerCase(),e.has(t)){var n=this.getAttribute(t);r.call(this,t,o),i.call(this,t,n,o)}else r.call(this,t,o)});var o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){if(t=t.toLowerCase(),e.has(t)){var r=this.getAttribute(t);o.call(this,t),i.call(this,t,r,null)}else o.call(this,t)})}},w=function(t){var e=Object.getPrototypeOf(t);if(e!==window.HTMLElement)return e===d?Object.setPrototypeOf(t,window.HTMLElement):w(e)},$=function(t,e,i){i=void 0!==i&&i,Object.setPrototypeOf(t,e.g.prototype),m.set(t,e),l=t;try{new e.g}catch(t){w(e.g),new e.g}e.observedAttributes.forEach((function(i){t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},O=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){var e=O.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};var S=[document],E=function(t,e,i){var r=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){S.push(this);var t=r.apply(i||this,arguments);return void 0!==t&&g.set(t,this),S.pop(),t}};E(ShadowRoot,"createElement",document),E(ShadowRoot,"importNode",document),E(Element,"insertAdjacentHTML");var k=function(t){var e=Object.getOwnPropertyDescriptor(t.prototype,"innerHTML");Object.defineProperty(t.prototype,"innerHTML",Object.assign({},e,{set:function(t){S.push(this),e.set.call(this,t),S.pop()}}))};if(k(Element),k(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var R=new WeakMap,C=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(t){for(var e=[],r=0;r<arguments.length;++r)e[r]=arguments[r];return e=C.call.apply(C,[this].concat(i(e))),R.set(e,this),e},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(t){var e=window.ElementInternals.prototype,r=e[t];e[t]=function(t){for(var e=[],o=0;o<arguments.length;++o)e[o]=arguments[o];if(o=R.get(this),!0!==m.get(o).formAssociated)throw new DOMException("Failed to execute "+r+" on 'ElementInternals': The target element is not a form-associated custom element.");null==r||r.call.apply(r,[this].concat(i(e)))}}));var N=function(t){var e=a(Array,[].concat(i(t)),this.constructor);return e.h=t,e},A=N,M=Array;if(A.prototype=r(M.prototype),A.prototype.constructor=A,p)p(A,M);else for(var F in M)if("prototype"!=F)if(Object.defineProperties){var T=Object.getOwnPropertyDescriptor(M,F);T&&Object.defineProperty(A,F,T)}else A[F]=M[F];A.u=M.prototype,n.Object.defineProperty(N.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var t;return(null==(t=this.h.find((function(t){return!0===t.checked})))?void 0:t.value)||""}});var z=function(t){var e=this,i=new Map;t.forEach((function(t,r){var o=t.getAttribute("name"),n=i.get(o)||[];e[+r]=t,n.push(t),i.set(o,n)})),this.length=t.length,i.forEach((function(t,i){t&&(e[i]=1===t.length?t[0]:new N(t))}))};z.prototype.namedItem=function(t){return this[t]};var U=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var t=U.get.call(this,[]),i=[],r=(t=e(t)).next();!r.done;r=t.next()){r=r.value;var o=m.get(r);o&&!0!==o.formAssociated||i.push(r)}return new z(i)}})}}}).call("object"==typeof globalThis?globalThis:window);try{window.customElements.define("custom-element",null)}catch(t){const e=window.customElements.define;window.customElements.define=(t,i,r)=>{try{e.bind(window.customElements)(t,i,r)}catch(e){console.warn(t,i,r,e)}}}const lt=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};class dt{constructor(t,e,i,r,o){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=r,this.context=o,this._$cssResult$=!0,this.value=this.get()}get cssText(){return this.value.cssText}get styleSheet(){return this.value.styleSheet}toString(){return this.value.toString()}static create(t,e,i){return new dt(t,e,void 0,i)}static extend(t,e,i){return new dt(t,e.category,e,i)}static external(t,e){return new dt(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return a`var(${n(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):n(null!=t?t:this.defaultValue)}lastResortDefaultValue(){var t,e;return null!==(t=this.defaultValue)&&void 0!==t?t:null===(e=this.fallbackVariable)||void 0===e?void 0:e.lastResortDefaultValue()}breadcrumb(){return this.fallbackVariable?[this.fallbackVariable.name,...this.fallbackVariable.breadcrumb()]:[]}}function ut(t,e){return n(`${t.name}: ${e}`)}const ft={colorPrimary:dt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:dt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:dt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:dt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:dt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:dt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:dt.create("--ft-color-error","COLOR","#B00020"),colorOutline:dt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:dt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:dt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:dt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:dt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:dt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:dt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:dt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:dt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:dt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:dt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:dt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:dt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:dt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:dt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:dt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:dt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:dt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:dt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:dt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:dt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:dt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:dt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:dt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:dt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:dt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:dt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:dt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:dt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:dt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:dt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:dt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:dt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:dt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:dt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:dt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:dt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:dt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:dt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:dt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:dt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:dt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:dt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:dt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:dt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:dt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:dt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:dt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:dt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:dt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:dt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:dt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:dt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:dt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:dt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
65
+ var ot,nt;null==it||it(Z,J),(null!==(S=globalThis.litHtmlVersions)&&void 0!==S?S:globalThis.litHtmlVersions=[]).push("2.1.3");class st extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,i)=>{var o,n;const s=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:e;let r=s._$litPart$;if(void 0===r){const t=null!==(n=null==i?void 0:i.renderBefore)&&void 0!==n?n:null;s._$litPart$=r=new J(e.insertBefore(M(),t),t,void 0,null!=i?i:{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return j}}st.finalized=!0,st._$litElement$=!0,null===(ot=globalThis.litElementHydrateSupport)||void 0===ot||ot.call(globalThis,{LitElement:st});const rt=globalThis.litElementPolyfillSupport;null==rt||rt({LitElement:st}),(null!==(nt=globalThis.litElementVersions)&&void 0!==nt?nt:globalThis.litElementVersions=[]).push("3.1.2");class lt{constructor(t,e,i,o,n){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=o,this.context=n,this._$cssResult$=!0,this.value=this.get()}get cssText(){return this.value.cssText}get styleSheet(){return this.value.styleSheet}toString(){return this.value.toString()}static create(t,e,i){return new lt(t,e,void 0,i)}static extend(t,e,i){return new lt(t,e.category,e,i)}static external(t,e){return new lt(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return f`var(${c(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):c(null!=t?t:this.defaultValue)}lastResortDefaultValue(){var t,e;return null!==(t=this.defaultValue)&&void 0!==t?t:null===(e=this.fallbackVariable)||void 0===e?void 0:e.lastResortDefaultValue()}breadcrumb(){return this.fallbackVariable?[this.fallbackVariable.name,...this.fallbackVariable.breadcrumb()]:[]}}function at(t,e){return c(`${t.name}: ${e}`)}const pt={colorPrimary:lt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:lt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:lt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:lt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:lt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:lt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:lt.create("--ft-color-error","COLOR","#B00020"),colorOutline:lt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:lt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:lt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:lt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:lt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:lt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:lt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:lt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:lt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:lt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:lt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:lt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:lt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:lt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:lt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:lt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:lt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:lt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:lt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:lt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:lt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:lt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:lt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:lt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:lt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:lt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:lt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:lt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:lt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:lt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:lt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:lt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:lt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:lt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:lt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:lt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:lt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:lt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:lt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:lt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:lt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:lt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:lt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:lt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:lt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:lt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:lt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:lt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:lt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:lt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:lt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:lt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:lt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:lt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:lt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
68
66
  /**
69
67
  * @license
70
68
  * Copyright 2021 Google LLC
71
69
  * SPDX-License-Identifier: BSD-3-Clause
72
- */class ht extends(function(t){return class extends t{createRenderRoot(){const t=this.constructor,{registry:e,elementDefinitions:i,shadowRootOptions:r}=t;i&&!e&&(t.registry=new CustomElementRegistry,Object.entries(i).forEach((([e,i])=>t.registry.define(e,i))));const o=this.renderOptions.creationScope=this.attachShadow({...r,customElements:t.registry});return s(o,this.constructor.elementStyles),o}}}(Q)){constructor(){super(),this.constructorName=this.constructor.name,this.proto=this.constructor.prototype}getStyles(){return[]}getTemplate(){return null}render(){let t=this.getStyles();return Array.isArray(t)||(t=[t]),z`
73
- ${t.map((t=>z`
70
+ */class ht extends(function(t){return class extends t{createRenderRoot(){const t=this.constructor,{registry:e,elementDefinitions:i,shadowRootOptions:o}=t;i&&!e&&(t.registry=new CustomElementRegistry,Object.entries(i).forEach((([e,i])=>t.registry.define(e,i))));const n=this.renderOptions.creationScope=this.attachShadow({...o,customElements:t.registry});return d(n,this.constructor.elementStyles),n}}}(st)){getStyles(){return[]}getTemplate(){return null}render(){let t=this.getStyles();return Array.isArray(t)||(t=[t]),P`
71
+ ${t.map((t=>P`
74
72
  <style>${t}</style>
75
73
  `))}
76
74
  ${this.getTemplate()}
77
- `}adoptedCallback(){Object.getPrototypeOf(this)!==this.constructorName&&Object.setPrototypeOf(this,this.proto)}updated(t){super.updated(t),setTimeout((()=>this.contentAvailableCallback(t)),0)}contentAvailableCallback(t){}}var mt,yt;a`
75
+ `}updated(t){super.updated(t),setTimeout((()=>this.contentAvailableCallback(t)),0)}contentAvailableCallback(t){}}var ct,ft;f`
78
76
  .ft-no-text-select {
79
77
  -webkit-touch-callout: none;
80
78
  -webkit-user-select: none;
@@ -83,491 +81,331 @@ const at=1,st=t=>(...e)=>({_$litDirective$:t,values:e});class ct{constructor(t){
83
81
  -ms-user-select: none;
84
82
  user-select: none;
85
83
  }
86
- `,navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(yt=null===(mt=window.safari)||void 0===mt?void 0:mt.pushNotification)||void 0===yt||yt.toString());
84
+ `,navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(ft=null===(ct=window.safari)||void 0===ct?void 0:ct.pushNotification)||void 0===ft||ft.toString());
87
85
  /**
88
86
  * @license
89
- * Copyright 2020 Google LLC
87
+ * Copyright 2017 Google LLC
90
88
  * SPDX-License-Identifier: BSD-3-Clause
91
89
  */
92
- const vt=t=>({_$litStatic$:t}),gt=new Map,bt=(t=>(e,...i)=>{var r;const o=i.length;let n,a;const s=[],c=[];let p,l=0,d=!1;for(;l<o;){for(p=e[l];l<o&&void 0!==(a=i[l],n=null===(r=a)||void 0===r?void 0:r._$litStatic$);)p+=n+e[++l],d=!0;c.push(a),s.push(p),l++}if(l===o&&s.push(e[o]),d){const t=s.join("$$lit$$");void 0===(e=gt.get(t))&&(s.raw=s,gt.set(t,e=s)),i=c}return t(e,...i)})(z);var xt,wt=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(xt||(xt={}));const $t=dt.extend("--ft-typography-font-family",ft.titleFont),Ot=dt.extend("--ft-typography-font-family",ft.contentFont),St={fontFamily:Ot,fontSize:dt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:dt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:dt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:dt.create("--ft-typography-line-height","SIZE","24px"),textTransform:dt.create("--ft-typography-text-transform","UNKNOWN","inherit")},Et=dt.extend("--ft-typography-title-font-family",$t),kt=dt.extend("--ft-typography-title-font-size",St.fontSize,"20px"),Rt=dt.extend("--ft-typography-title-font-weight",St.fontWeight,"normal"),Ct=dt.extend("--ft-typography-title-letter-spacing",St.letterSpacing,"0.15px"),Nt=dt.extend("--ft-typography-title-line-height",St.lineHeight,"24px"),At=dt.extend("--ft-typography-title-text-transform",St.textTransform,"inherit"),Mt=dt.extend("--ft-typography-title-dense-font-family",$t),Ft=dt.extend("--ft-typography-title-dense-font-size",St.fontSize,"14px"),Tt=dt.extend("--ft-typography-title-dense-font-weight",St.fontWeight,"normal"),zt=dt.extend("--ft-typography-title-dense-letter-spacing",St.letterSpacing,"0.105px"),Ut=dt.extend("--ft-typography-title-dense-line-height",St.lineHeight,"24px"),jt=dt.extend("--ft-typography-title-dense-text-transform",St.textTransform,"inherit"),_t=dt.extend("--ft-typography-subtitle1-font-family",Ot),Dt=dt.extend("--ft-typography-subtitle1-font-size",St.fontSize,"16px"),Bt=dt.extend("--ft-typography-subtitle1-font-weight",St.fontWeight,"600"),It=dt.extend("--ft-typography-subtitle1-letter-spacing",St.letterSpacing,"0.144px"),Pt=dt.extend("--ft-typography-subtitle1-line-height",St.lineHeight,"24px"),Lt=dt.extend("--ft-typography-subtitle1-text-transform",St.textTransform,"inherit"),Ht=dt.extend("--ft-typography-subtitle2-font-family",Ot),Wt=dt.extend("--ft-typography-subtitle2-font-size",St.fontSize,"14px"),Vt=dt.extend("--ft-typography-subtitle2-font-weight",St.fontWeight,"normal"),Zt=dt.extend("--ft-typography-subtitle2-letter-spacing",St.letterSpacing,"0.098px"),Kt=dt.extend("--ft-typography-subtitle2-line-height",St.lineHeight,"24px"),Gt=dt.extend("--ft-typography-subtitle2-text-transform",St.textTransform,"inherit"),qt={fontFamily:dt.extend("--ft-typography-body1-font-family",Ot),fontSize:dt.extend("--ft-typography-body1-font-size",St.fontSize,"16px"),fontWeight:dt.extend("--ft-typography-body1-font-weight",St.fontWeight,"normal"),letterSpacing:dt.extend("--ft-typography-body1-letter-spacing",St.letterSpacing,"0.496px"),lineHeight:dt.extend("--ft-typography-body1-line-height",St.lineHeight,"24px"),textTransform:dt.extend("--ft-typography-body1-text-transform",St.textTransform,"inherit")},Xt=dt.extend("--ft-typography-body2-font-family",Ot),Jt=dt.extend("--ft-typography-body2-font-size",St.fontSize,"14px"),Yt=dt.extend("--ft-typography-body2-font-weight",St.fontWeight,"normal"),Qt=dt.extend("--ft-typography-body2-letter-spacing",St.letterSpacing,"0.252px"),te=dt.extend("--ft-typography-body2-line-height",St.lineHeight,"20px"),ee=dt.extend("--ft-typography-body2-text-transform",St.textTransform,"inherit"),ie={fontFamily:dt.extend("--ft-typography-caption-font-family",Ot),fontSize:dt.extend("--ft-typography-caption-font-size",St.fontSize,"12px"),fontWeight:dt.extend("--ft-typography-caption-font-weight",St.fontWeight,"normal"),letterSpacing:dt.extend("--ft-typography-caption-letter-spacing",St.letterSpacing,"0.396px"),lineHeight:dt.extend("--ft-typography-caption-line-height",St.lineHeight,"16px"),textTransform:dt.extend("--ft-typography-caption-text-transform",St.textTransform,"inherit")},re=dt.extend("--ft-typography-breadcrumb-font-family",Ot),oe=dt.extend("--ft-typography-breadcrumb-font-size",St.fontSize,"10px"),ne=dt.extend("--ft-typography-breadcrumb-font-weight",St.fontWeight,"normal"),ae=dt.extend("--ft-typography-breadcrumb-letter-spacing",St.letterSpacing,"0.33px"),se=dt.extend("--ft-typography-breadcrumb-line-height",St.lineHeight,"16px"),ce=dt.extend("--ft-typography-breadcrumb-text-transform",St.textTransform,"inherit"),pe=dt.extend("--ft-typography-overline-font-family",Ot),le=dt.extend("--ft-typography-overline-font-size",St.fontSize,"10px"),de=dt.extend("--ft-typography-overline-font-weight",St.fontWeight,"normal"),ue=dt.extend("--ft-typography-overline-letter-spacing",St.letterSpacing,"1.5px"),fe=dt.extend("--ft-typography-overline-line-height",St.lineHeight,"16px"),he=dt.extend("--ft-typography-overline-text-transform",St.textTransform,"uppercase"),me=dt.extend("--ft-typography-button-font-family",Ot),ye=dt.extend("--ft-typography-button-font-size",St.fontSize,"14px"),ve=dt.extend("--ft-typography-button-font-weight",St.fontWeight,"600"),ge=dt.extend("--ft-typography-button-letter-spacing",St.letterSpacing,"1.246px"),be=dt.extend("--ft-typography-button-line-height",St.lineHeight,"16px"),xe=dt.extend("--ft-typography-button-text-transform",St.textTransform,"uppercase"),we=a`
90
+ const dt=1;
91
+ /**
92
+ * @license
93
+ * Copyright 2018 Google LLC
94
+ * SPDX-License-Identifier: BSD-3-Clause
95
+ */
96
+ const ut=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}{constructor(t){var e;if(super(t),t.type!==dt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.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]){var i,o;if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.et=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.et)||void 0===i?void 0:i.has(t))&&this.st.add(t);return this.render(e)}const n=t.element.classList;this.st.forEach((t=>{t in e||(n.remove(t),this.st.delete(t))}));for(const t in e){const i=!!e[t];i===this.st.has(t)||(null===(o=this.et)||void 0===o?void 0:o.has(t))||(i?(n.add(t),this.st.add(t)):(n.remove(t),this.st.delete(t)))}return j}}),yt=t=>({_$litStatic$:t}),gt=new Map,bt=(t=>(e,...i)=>{var o;const n=i.length;let s,r;const l=[],a=[];let p,h=0,c=!1;for(;h<n;){for(p=e[h];h<n&&void 0!==(r=i[h],s=null===(o=r)||void 0===o?void 0:o._$litStatic$);)p+=s+e[++h],c=!0;a.push(r),l.push(p),h++}if(h===n&&l.push(e[n]),c){const t=l.join("$$lit$$");void 0===(e=gt.get(t))&&(l.raw=l,gt.set(t,e=l)),i=a}return t(e,...i)})(P);
97
+ /**
98
+ * @license
99
+ * Copyright 2020 Google LLC
100
+ * SPDX-License-Identifier: BSD-3-Clause
101
+ */var vt,xt=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(vt||(vt={}));const mt=lt.extend("--ft-typography-font-family",pt.titleFont),$t=lt.extend("--ft-typography-font-family",pt.contentFont),wt={fontFamily:$t,fontSize:lt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:lt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:lt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:lt.create("--ft-typography-line-height","SIZE","24px"),textTransform:lt.create("--ft-typography-text-transform","UNKNOWN","inherit")},St=lt.extend("--ft-typography-title-font-family",mt),Ot=lt.extend("--ft-typography-title-font-size",wt.fontSize,"20px"),Ct=lt.extend("--ft-typography-title-font-weight",wt.fontWeight,"normal"),Et=lt.extend("--ft-typography-title-letter-spacing",wt.letterSpacing,"0.15px"),Nt=lt.extend("--ft-typography-title-line-height",wt.lineHeight,"24px"),Rt=lt.extend("--ft-typography-title-text-transform",wt.textTransform,"inherit"),kt=lt.extend("--ft-typography-title-dense-font-family",mt),Mt=lt.extend("--ft-typography-title-dense-font-size",wt.fontSize,"14px"),Ut=lt.extend("--ft-typography-title-dense-font-weight",wt.fontWeight,"normal"),Ft=lt.extend("--ft-typography-title-dense-letter-spacing",wt.letterSpacing,"0.105px"),zt=lt.extend("--ft-typography-title-dense-line-height",wt.lineHeight,"24px"),Bt=lt.extend("--ft-typography-title-dense-text-transform",wt.textTransform,"inherit"),At=lt.extend("--ft-typography-subtitle1-font-family",$t),Lt=lt.extend("--ft-typography-subtitle1-font-size",wt.fontSize,"16px"),Dt=lt.extend("--ft-typography-subtitle1-font-weight",wt.fontWeight,"600"),Tt=lt.extend("--ft-typography-subtitle1-letter-spacing",wt.letterSpacing,"0.144px"),_t=lt.extend("--ft-typography-subtitle1-line-height",wt.lineHeight,"24px"),Pt=lt.extend("--ft-typography-subtitle1-text-transform",wt.textTransform,"inherit"),jt=lt.extend("--ft-typography-subtitle2-font-family",$t),It=lt.extend("--ft-typography-subtitle2-font-size",wt.fontSize,"14px"),Wt=lt.extend("--ft-typography-subtitle2-font-weight",wt.fontWeight,"normal"),Ht=lt.extend("--ft-typography-subtitle2-letter-spacing",wt.letterSpacing,"0.098px"),Kt=lt.extend("--ft-typography-subtitle2-line-height",wt.lineHeight,"24px"),Zt=lt.extend("--ft-typography-subtitle2-text-transform",wt.textTransform,"inherit"),Vt={fontFamily:lt.extend("--ft-typography-body1-font-family",$t),fontSize:lt.extend("--ft-typography-body1-font-size",wt.fontSize,"16px"),fontWeight:lt.extend("--ft-typography-body1-font-weight",wt.fontWeight,"normal"),letterSpacing:lt.extend("--ft-typography-body1-letter-spacing",wt.letterSpacing,"0.496px"),lineHeight:lt.extend("--ft-typography-body1-line-height",wt.lineHeight,"24px"),textTransform:lt.extend("--ft-typography-body1-text-transform",wt.textTransform,"inherit")},Xt=lt.extend("--ft-typography-body2-font-family",$t),Jt=lt.extend("--ft-typography-body2-font-size",wt.fontSize,"14px"),qt=lt.extend("--ft-typography-body2-font-weight",wt.fontWeight,"normal"),Yt=lt.extend("--ft-typography-body2-letter-spacing",wt.letterSpacing,"0.252px"),Gt=lt.extend("--ft-typography-body2-line-height",wt.lineHeight,"20px"),Qt=lt.extend("--ft-typography-body2-text-transform",wt.textTransform,"inherit"),te={fontFamily:lt.extend("--ft-typography-caption-font-family",$t),fontSize:lt.extend("--ft-typography-caption-font-size",wt.fontSize,"12px"),fontWeight:lt.extend("--ft-typography-caption-font-weight",wt.fontWeight,"normal"),letterSpacing:lt.extend("--ft-typography-caption-letter-spacing",wt.letterSpacing,"0.396px"),lineHeight:lt.extend("--ft-typography-caption-line-height",wt.lineHeight,"16px"),textTransform:lt.extend("--ft-typography-caption-text-transform",wt.textTransform,"inherit")},ee=lt.extend("--ft-typography-breadcrumb-font-family",$t),ie=lt.extend("--ft-typography-breadcrumb-font-size",wt.fontSize,"10px"),oe=lt.extend("--ft-typography-breadcrumb-font-weight",wt.fontWeight,"normal"),ne=lt.extend("--ft-typography-breadcrumb-letter-spacing",wt.letterSpacing,"0.33px"),se=lt.extend("--ft-typography-breadcrumb-line-height",wt.lineHeight,"16px"),re=lt.extend("--ft-typography-breadcrumb-text-transform",wt.textTransform,"inherit"),le=lt.extend("--ft-typography-overline-font-family",$t),ae=lt.extend("--ft-typography-overline-font-size",wt.fontSize,"10px"),pe=lt.extend("--ft-typography-overline-font-weight",wt.fontWeight,"normal"),he=lt.extend("--ft-typography-overline-letter-spacing",wt.letterSpacing,"1.5px"),ce=lt.extend("--ft-typography-overline-line-height",wt.lineHeight,"16px"),fe=lt.extend("--ft-typography-overline-text-transform",wt.textTransform,"uppercase"),de=lt.extend("--ft-typography-button-font-family",$t),ue=lt.extend("--ft-typography-button-font-size",wt.fontSize,"14px"),ye=lt.extend("--ft-typography-button-font-weight",wt.fontWeight,"600"),ge=lt.extend("--ft-typography-button-letter-spacing",wt.letterSpacing,"1.246px"),be=lt.extend("--ft-typography-button-line-height",wt.lineHeight,"16px"),ve=lt.extend("--ft-typography-button-text-transform",wt.textTransform,"uppercase"),xe=f`
93
102
  .ft-typography--title {
94
- font-family: ${Et};
95
- font-size: ${kt};
96
- font-weight: ${Rt};
97
- letter-spacing: ${Ct};
103
+ font-family: ${St};
104
+ font-size: ${Ot};
105
+ font-weight: ${Ct};
106
+ letter-spacing: ${Et};
98
107
  line-height: ${Nt};
99
- text-transform: ${At};
108
+ text-transform: ${Rt};
100
109
  }
101
- `,$e=a`
110
+ `,me=f`
102
111
  .ft-typography--title-dense {
103
- font-family: ${Mt};
104
- font-size: ${Ft};
105
- font-weight: ${Tt};
106
- letter-spacing: ${zt};
107
- line-height: ${Ut};
108
- text-transform: ${jt};
112
+ font-family: ${kt};
113
+ font-size: ${Mt};
114
+ font-weight: ${Ut};
115
+ letter-spacing: ${Ft};
116
+ line-height: ${zt};
117
+ text-transform: ${Bt};
109
118
  }
110
- `,Oe=a`
119
+ `,$e=f`
111
120
  .ft-typography--subtitle1 {
112
- font-family: ${_t};
113
- font-size: ${Dt};
114
- font-weight: ${Bt};
115
- letter-spacing: ${It};
116
- line-height: ${Pt};
117
- text-transform: ${Lt};
121
+ font-family: ${At};
122
+ font-size: ${Lt};
123
+ font-weight: ${Dt};
124
+ letter-spacing: ${Tt};
125
+ line-height: ${_t};
126
+ text-transform: ${Pt};
118
127
  }
119
- `,Se=a`
128
+ `,we=f`
120
129
  .ft-typography--subtitle2 {
121
- font-family: ${Ht};
122
- font-size: ${Wt};
123
- font-weight: ${Vt};
124
- letter-spacing: ${Zt};
130
+ font-family: ${jt};
131
+ font-size: ${It};
132
+ font-weight: ${Wt};
133
+ letter-spacing: ${Ht};
125
134
  line-height: ${Kt};
126
- text-transform: ${Gt};
135
+ text-transform: ${Zt};
127
136
  }
128
137
 
129
- `,Ee=a`
138
+ `,Se=f`
130
139
  .ft-typography--body1 {
131
- font-family: ${qt.fontFamily};
132
- font-size: ${qt.fontSize};
133
- font-weight: ${qt.fontWeight};
134
- letter-spacing: ${qt.letterSpacing};
135
- line-height: ${qt.lineHeight};
136
- text-transform: ${qt.textTransform};
140
+ font-family: ${Vt.fontFamily};
141
+ font-size: ${Vt.fontSize};
142
+ font-weight: ${Vt.fontWeight};
143
+ letter-spacing: ${Vt.letterSpacing};
144
+ line-height: ${Vt.lineHeight};
145
+ text-transform: ${Vt.textTransform};
137
146
  }
138
- `,ke=a`
147
+ `,Oe=f`
139
148
  .ft-typography--body2 {
140
149
  font-family: ${Xt};
141
150
  font-size: ${Jt};
142
- font-weight: ${Yt};
143
- letter-spacing: ${Qt};
144
- line-height: ${te};
145
- text-transform: ${ee};
151
+ font-weight: ${qt};
152
+ letter-spacing: ${Yt};
153
+ line-height: ${Gt};
154
+ text-transform: ${Qt};
146
155
  }
147
- `,Re=a`
156
+ `,Ce=f`
148
157
  .ft-typography--caption {
149
- font-family: ${ie.fontFamily};
150
- font-size: ${ie.fontSize};
151
- font-weight: ${ie.fontWeight};
152
- letter-spacing: ${ie.letterSpacing};
153
- line-height: ${ie.lineHeight};
154
- text-transform: ${ie.textTransform};
158
+ font-family: ${te.fontFamily};
159
+ font-size: ${te.fontSize};
160
+ font-weight: ${te.fontWeight};
161
+ letter-spacing: ${te.letterSpacing};
162
+ line-height: ${te.lineHeight};
163
+ text-transform: ${te.textTransform};
155
164
  }
156
- `,Ce=a`
165
+ `,Ee=f`
157
166
  .ft-typography--breadcrumb {
158
- font-family: ${re};
159
- font-size: ${oe};
160
- font-weight: ${ne};
161
- letter-spacing: ${ae};
167
+ font-family: ${ee};
168
+ font-size: ${ie};
169
+ font-weight: ${oe};
170
+ letter-spacing: ${ne};
162
171
  line-height: ${se};
163
- text-transform: ${ce};
172
+ text-transform: ${re};
164
173
  }
165
- `,Ne=a`
174
+ `,Ne=f`
166
175
  .ft-typography--overline {
167
- font-family: ${pe};
168
- font-size: ${le};
169
- font-weight: ${de};
170
- letter-spacing: ${ue};
171
- line-height: ${fe};
172
- text-transform: ${he};
176
+ font-family: ${le};
177
+ font-size: ${ae};
178
+ font-weight: ${pe};
179
+ letter-spacing: ${he};
180
+ line-height: ${ce};
181
+ text-transform: ${fe};
173
182
  }
174
- `,Ae=a`
183
+ `,Re=f`
175
184
  .ft-typography--button {
176
- font-family: ${me};
177
- font-size: ${ye};
178
- font-weight: ${ve};
185
+ font-family: ${de};
186
+ font-size: ${ue};
187
+ font-weight: ${ye};
179
188
  letter-spacing: ${ge};
180
189
  line-height: ${be};
181
- text-transform: ${xe};
190
+ text-transform: ${ve};
182
191
  }
183
- `;let Me=class extends ht{constructor(){super(...arguments),this.variant=xt.body1}getStyles(){return[we,$e,Oe,Se,Ee,ke,Re,Ce,Ne,Ae,a`
184
- .ft-typography {
185
- vertical-align: inherit;
186
- }
187
- `]}getTemplate(){return this.element?bt`
188
- <${vt(this.element)}
192
+ `;class ke extends ht{constructor(){super(...arguments),this.variant=vt.body1}render(){return this.element?bt`
193
+ <${yt(this.element)}
189
194
  class="ft-typography ft-typography--${this.variant}">
190
195
  <slot></slot>
191
- </${vt(this.element)}>
196
+ </${yt(this.element)}>
192
197
  `:bt`
193
198
  <slot class="ft-typography ft-typography--${this.variant}"></slot>
194
- `}};wt([it()],Me.prototype,"element",void 0),wt([it()],Me.prototype,"variant",void 0),Me=wt([lt("ft-typography")],Me);var Fe=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const Te={fontSize:dt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:dt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:dt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:dt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:dt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:dt.extend("--ft-input-label-border-color",ft.colorOutline),textColor:dt.extend("--ft-input-label-text-color",ft.colorOnSurfaceMedium),disabledTextColor:dt.extend("--ft-input-label-disabled-text-color",ft.colorOnSurfaceDisabled),colorSurface:dt.external(ft.colorSurface,"Design system"),borderRadiusS:dt.external(ft.borderRadiusS,"Design system")};let ze=class extends ht{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}getStyles(){return[Re,a`
195
- .ft-input-label {
196
- position: absolute;
197
- inset: 0;
198
- display: flex;
199
- }
200
-
201
- .ft-input-label {
202
- border-color: ${Te.borderColor};
203
- }
204
-
205
- .ft-input-label:before,
206
- .ft-input-label:after {
207
- content: "";
208
- display: flex;
209
- border-bottom-width: 1px;
210
- border-bottom-style: solid;
211
- border-color: inherit;
212
- }
213
-
214
- .ft-input-label:before {
215
- width: ${Te.horizontalSpacing};
216
- flex-shrink: 0;
217
- }
218
-
219
- .ft-input-label:after {
220
- flex-grow: 1;
221
- flex-shrink: 1;
222
- }
223
-
224
- .ft-input-label--text {
225
- display: flex;
226
- flex-shrink: 1;
227
- position: relative;
228
- border-bottom-width: 1px;
229
- border-bottom-style: solid;
230
- border-color: inherit;
231
- color: ${Te.textColor};
232
- transition: font-size 250ms, line-height 250ms, color 250ms;
233
- ${ut(ie.fontSize,Te.fontSize)};
234
- ${ut(ie.lineHeight,Te.fontSize)};
235
- }
236
-
237
- .ft-input-label--disabled .ft-input-label--text {
238
- color: ${Te.disabledTextColor};
239
- }
240
-
241
- .ft-input-label--hidden-text {
242
- padding: 0 4px;
243
- opacity: 0;
244
- }
245
-
246
- .ft-input-label--floating-text {
247
- position: absolute;
248
- top: calc(50% - var(--ft-typography-caption-line-height) / 2);
249
- transition: top 250ms;
250
- width: calc(100% - 8px);
251
- overflow: hidden;
252
- white-space: nowrap;
253
- text-overflow: ellipsis;
254
- padding: ${Te.verticalSpacing} 4px;
255
- margin: calc(${Te.verticalSpacing} * -1) 0;
256
- }
257
-
258
- .ft-input-label--raised .ft-input-label--text {
259
- ${ut(ie.fontSize,Te.raisedFontSize)};
260
- ${ut(ie.lineHeight,Te.raisedFontSize)};
261
- }
262
-
263
- .ft-input-label--raised .ft-input-label--floating-text {
264
- top: ${Te.verticalSpacing};
265
- }
266
-
267
- .ft-input-label--outlined .ft-input-label--text,
268
- .ft-input-label--outlined:before,
269
- .ft-input-label--outlined:after {
270
- border-top-width: 1px;
271
- border-top-style: solid;
272
- }
273
-
274
- .ft-input-label--outlined:before {
275
- border-left-width: 1px;
276
- border-left-style: solid;
277
- border-radius: ${Te.borderRadiusS} 0 0 ${Te.borderRadiusS};
278
- }
279
-
280
- .ft-input-label--outlined:after {
281
- border-right-width: 1px;
282
- border-right-style: solid;
283
- border-radius: 0 ${Te.borderRadiusS} ${Te.borderRadiusS} 0;
284
- }
285
-
286
- .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
287
- padding: 2px 4px;
288
- z-index: ${Te.raisedZIndex};
289
- background-color: ${Te.colorSurface};
290
- border-radius: ${Te.borderRadiusS};
291
- top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
292
- }
293
-
294
- .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
295
- border-top: none;
296
- }
297
- `]}getTemplate(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled};return z`
298
- <div class="${pt(t)}">
299
- ${this.text?z`
199
+ `}}ke.styles=[xe,me,$e,we,Se,Oe,Ce,Ee,Ne,Re,f`
200
+ .ft-typography {
201
+ vertical-align: inherit;
202
+ }
203
+ `],xt([i()],ke.prototype,"element",void 0),xt([i()],ke.prototype,"variant",void 0),r("ft-typography")(ke);var Me=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const Ue={fontSize:lt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:lt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:lt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:lt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:lt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:lt.extend("--ft-input-label-border-color",pt.colorOutline),textColor:lt.extend("--ft-input-label-text-color",pt.colorOnSurfaceMedium),disabledTextColor:lt.extend("--ft-input-label-disabled-text-color",pt.colorOnSurfaceDisabled),colorSurface:lt.external(pt.colorSurface,"Design system"),borderRadiusS:lt.external(pt.borderRadiusS,"Design system")};class Fe extends ht{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled};return P`
204
+ <div class="${ut(t)}">
205
+ ${this.text?P`
300
206
  <div class="ft-input-label--text ft-typography--caption">
301
207
  <span class="ft-input-label--floating-text">${this.text}</span>
302
208
  <span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
303
209
  </div>
304
210
  `:null}
305
211
  </div>
306
- `}};ze.elementDefinitions={},Fe([it({type:String})],ze.prototype,"text",void 0),Fe([it({type:Boolean})],ze.prototype,"raised",void 0),Fe([it({type:Boolean})],ze.prototype,"outlined",void 0),Fe([it({type:Boolean})],ze.prototype,"disabled",void 0),ze=Fe([lt("ft-input-label")],ze);
307
- /*! *****************************************************************************
308
- Copyright (c) Microsoft Corporation.
309
-
310
- Permission to use, copy, modify, and/or distribute this software for any
311
- purpose with or without fee is hereby granted.
312
-
313
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
314
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
315
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
316
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
317
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
318
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
319
- PERFORMANCE OF THIS SOFTWARE.
320
- ***************************************************************************** */
321
- var Ue=function(t,e){return Ue=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},Ue(t,e)};var je=function(){return je=Object.assign||function(t){for(var e,i=1,r=arguments.length;i<r;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},je.apply(this,arguments)};function _e(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a}function De(t){var e="function"==typeof Symbol&&Symbol.iterator,i=e&&t[e],r=0;if(i)return i.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}
322
- /**
323
- * @license
324
- * Copyright 2018 Google Inc.
325
- *
326
- * Permission is hereby granted, free of charge, to any person obtaining a copy
327
- * of this software and associated documentation files (the "Software"), to deal
328
- * in the Software without restriction, including without limitation the rights
329
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
330
- * copies of the Software, and to permit persons to whom the Software is
331
- * furnished to do so, subject to the following conditions:
332
- *
333
- * The above copyright notice and this permission notice shall be included in
334
- * all copies or substantial portions of the Software.
335
- *
336
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
337
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
338
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
339
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
340
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
341
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
342
- * THE SOFTWARE.
343
- */
344
- /**
345
- * @license
346
- * Copyright 2018 Google LLC
347
- * SPDX-License-Identifier: Apache-2.0
348
- */
349
- const Be=()=>{},Ie={get passive(){return!1}};document.addEventListener("x",Be,Ie),document.removeEventListener("x",Be);
350
- /**
351
- * @license
352
- * Copyright 2018 Google LLC
353
- * SPDX-License-Identifier: Apache-2.0
354
- */
355
- class Pe extends Q{click(){if(this.mdcRoot)return this.mdcRoot.focus(),void this.mdcRoot.click();super.click()}createFoundation(){void 0!==this.mdcFoundation&&this.mdcFoundation.destroy(),this.mdcFoundationClass&&(this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.mdcFoundation.init())}firstUpdated(){this.createFoundation()}}
356
- /**
357
- * @license
358
- * Copyright 2016 Google Inc.
359
- *
360
- * Permission is hereby granted, free of charge, to any person obtaining a copy
361
- * of this software and associated documentation files (the "Software"), to deal
362
- * in the Software without restriction, including without limitation the rights
363
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
364
- * copies of the Software, and to permit persons to whom the Software is
365
- * furnished to do so, subject to the following conditions:
366
- *
367
- * The above copyright notice and this permission notice shall be included in
368
- * all copies or substantial portions of the Software.
369
- *
370
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
371
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
372
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
373
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
374
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
375
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
376
- * THE SOFTWARE.
377
- */var Le=function(){function t(t){void 0===t&&(t={}),this.adapter=t}return Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),t.prototype.init=function(){},t.prototype.destroy=function(){},t}(),He={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"},We={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"},Ve={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300};
378
- /**
379
- * @license
380
- * Copyright 2016 Google Inc.
381
- *
382
- * Permission is hereby granted, free of charge, to any person obtaining a copy
383
- * of this software and associated documentation files (the "Software"), to deal
384
- * in the Software without restriction, including without limitation the rights
385
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
386
- * copies of the Software, and to permit persons to whom the Software is
387
- * furnished to do so, subject to the following conditions:
388
- *
389
- * The above copyright notice and this permission notice shall be included in
390
- * all copies or substantial portions of the Software.
391
- *
392
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
393
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
394
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
395
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
396
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
397
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
398
- * THE SOFTWARE.
399
- */
400
- /**
401
- * @license
402
- * Copyright 2016 Google Inc.
403
- *
404
- * Permission is hereby granted, free of charge, to any person obtaining a copy
405
- * of this software and associated documentation files (the "Software"), to deal
406
- * in the Software without restriction, including without limitation the rights
407
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
408
- * copies of the Software, and to permit persons to whom the Software is
409
- * furnished to do so, subject to the following conditions:
410
- *
411
- * The above copyright notice and this permission notice shall be included in
412
- * all copies or substantial portions of the Software.
413
- *
414
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
415
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
416
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
417
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
418
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
419
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
420
- * THE SOFTWARE.
421
- */
422
- var Ze=["touchstart","pointerdown","mousedown","keydown"],Ke=["touchend","pointerup","mouseup","contextmenu"],Ge=[],qe=function(t){function e(i){var r=t.call(this,je(je({},e.defaultAdapter),i))||this;return r.activationAnimationHasEnded=!1,r.activationTimer=0,r.fgDeactivationRemovalTimer=0,r.fgScale="0",r.frame={width:0,height:0},r.initialSize=0,r.layoutFrame=0,r.maxRadius=0,r.unboundedCoords={left:0,top:0},r.activationState=r.defaultActivationState(),r.activationTimerCallback=function(){r.activationAnimationHasEnded=!0,r.runDeactivationUXLogicIfReady()},r.activateHandler=function(t){r.activateImpl(t)},r.deactivateHandler=function(){r.deactivateImpl()},r.focusHandler=function(){r.handleFocus()},r.blurHandler=function(){r.handleBlur()},r.resizeHandler=function(){r.layout()},r}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}Ue(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return He},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return We},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return Ve},enumerable:!1,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:!1,configurable:!0}),e.prototype.init=function(){var t=this,i=this.supportsPressRipple();if(this.registerRootHandlers(i),i){var r=e.cssClasses,o=r.ROOT,n=r.UNBOUNDED;requestAnimationFrame((function(){t.adapter.addClass(o),t.adapter.isUnbounded()&&(t.adapter.addClass(n),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 i=e.cssClasses,r=i.ROOT,o=i.UNBOUNDED;requestAnimationFrame((function(){t.adapter.removeClass(r),t.adapter.removeClass(o),t.removeCssVars()}))}this.deregisterRootHandlers(),this.deregisterDeactivationHandlers()},e.prototype.activate=function(t){this.activateImpl(t)},e.prototype.deactivate=function(){this.deactivateImpl()},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 i=e.cssClasses.UNBOUNDED;t?this.adapter.addClass(i):this.adapter.removeClass(i)},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,i;if(t){try{for(var r=De(Ze),o=r.next();!o.done;o=r.next()){var n=o.value;this.adapter.registerInteractionHandler(n,this.activateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}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,i;if("keydown"===t.type)this.adapter.registerInteractionHandler("keyup",this.deactivateHandler);else try{for(var r=De(Ke),o=r.next();!o.done;o=r.next()){var n=o.value;this.adapter.registerDocumentInteractionHandler(n,this.deactivateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}},e.prototype.deregisterRootHandlers=function(){var t,e;try{for(var i=De(Ze),r=i.next();!r.done;r=i.next()){var o=r.value;this.adapter.deregisterInteractionHandler(o,this.activateHandler)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}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,e;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var i=De(Ke),r=i.next();!r.done;r=i.next()){var o=r.value;this.adapter.deregisterDocumentInteractionHandler(o,this.deactivateHandler)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},e.prototype.removeCssVars=function(){var t=this,i=e.strings;Object.keys(i).forEach((function(e){0===e.indexOf("VAR_")&&t.adapter.updateCssVariable(i[e],null)}))},e.prototype.activateImpl=function(t){var e=this;if(!this.adapter.isSurfaceDisabled()){var i=this.activationState;if(!i.isActivated){var r=this.previousActivationEvent;if(!(r&&void 0!==t&&r.type!==t.type))i.isActivated=!0,i.isProgrammatic=void 0===t,i.activationEvent=t,i.wasActivatedByPointer=!i.isProgrammatic&&(void 0!==t&&("mousedown"===t.type||"touchstart"===t.type||"pointerdown"===t.type)),void 0!==t&&Ge.length>0&&Ge.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(Ge.push(t.target),this.registerDeactivationHandlers(t)),i.wasElementMadeActive=this.checkElementMadeActive(t),i.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){Ge=[],i.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(i.wasElementMadeActive=e.checkElementMadeActive(t),i.wasElementMadeActive&&e.animateActivation()),i.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,i=e.strings,r=i.VAR_FG_TRANSLATE_START,o=i.VAR_FG_TRANSLATE_END,n=e.cssClasses,a=n.FG_DEACTIVATION,s=n.FG_ACTIVATION,c=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var p="",l="";if(!this.adapter.isUnbounded()){var d=this.getFgTranslationCoordinates(),u=d.startPoint,f=d.endPoint;p=u.x+"px, "+u.y+"px",l=f.x+"px, "+f.y+"px"}this.adapter.updateCssVariable(r,p),this.adapter.updateCssVariable(o,l),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(s),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),c)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,i=e.activationEvent;return t=e.wasActivatedByPointer?function(t,e,i){if(!t)return{x:0,y:0};var r,o,n=e.x,a=e.y,s=n+i.left,c=a+i.top;if("touchstart"===t.type){var p=t;r=p.changedTouches[0].pageX-s,o=p.changedTouches[0].pageY-c}else{var l=t;r=l.pageX-s,o=l.pageY-c}return{x:r,y:o}}(i,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2},{startPoint:t={x:t.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,i=e.cssClasses.FG_DEACTIVATION,r=this.activationState,o=r.hasDeactivationUXRun,n=r.isActivated;(o||!n)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(i),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(i)}),Ve.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.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var i=je({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(i)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(i),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,i=t.wasElementMadeActive;(e||i)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var i=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?i:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var r=Math.floor(i*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&r%2!=0?this.initialSize=r-1:this.initialSize=r,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,i=t.VAR_FG_SIZE,r=t.VAR_LEFT,o=t.VAR_TOP,n=t.VAR_FG_SCALE;this.adapter.updateCssVariable(i,this.initialSize+"px"),this.adapter.updateCssVariable(n,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(r,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(o,this.unboundedCoords.top+"px"))},e}(Le),Xe=qe;
423
- /**
424
- * @license
425
- * Copyright 2018 Google LLC
426
- * SPDX-License-Identifier: BSD-3-Clause
427
- */
428
- const Je=st(class extends ct{constructor(t){var e;if(super(t),t.type!==at||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.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,i)=>{const r=t[i];return null==r?e:e+`${i=i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(t,[e]){const{style:i}=t.element;if(void 0===this.ct){this.ct=new Set;for(const t in e)this.ct.add(t);return this.render(e)}this.ct.forEach((t=>{null==e[t]&&(this.ct.delete(t),t.includes("-")?i.removeProperty(t):i[t]="")}));for(const t in e){const r=e[t];null!=r&&(this.ct.add(t),t.includes("-")?i.setProperty(t,r):i[t]=r)}return U}});
429
- /**
430
- * @license
431
- * Copyright 2018 Google LLC
432
- * SPDX-License-Identifier: Apache-2.0
433
- */class Ye extends Pe{constructor(){super(...arguments),this.primary=!1,this.accent=!1,this.unbounded=!1,this.disabled=!1,this.activated=!1,this.selected=!1,this.internalUseStateLayerCustomProperties=!1,this.hovering=!1,this.bgFocused=!1,this.fgActivation=!1,this.fgDeactivation=!1,this.fgScale="",this.fgSize="",this.translateStart="",this.translateEnd="",this.leftPos="",this.topPos="",this.mdcFoundationClass=Xe}get isActive(){return t=this.parentElement||this,e=":active",(t.matches||t.webkitMatchesSelector||t.msMatchesSelector).call(t,e);var t,e}createAdapter(){return{browserSupportsCssVars:()=>!0,isUnbounded:()=>this.unbounded,isSurfaceActive:()=>this.isActive,isSurfaceDisabled:()=>this.disabled,addClass:t=>{switch(t){case"mdc-ripple-upgraded--background-focused":this.bgFocused=!0;break;case"mdc-ripple-upgraded--foreground-activation":this.fgActivation=!0;break;case"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation=!0}},removeClass:t=>{switch(t){case"mdc-ripple-upgraded--background-focused":this.bgFocused=!1;break;case"mdc-ripple-upgraded--foreground-activation":this.fgActivation=!1;break;case"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation=!1}},containsEventTarget:()=>!0,registerInteractionHandler:()=>{},deregisterInteractionHandler:()=>{},registerDocumentInteractionHandler:()=>{},deregisterDocumentInteractionHandler:()=>{},registerResizeHandler:()=>{},deregisterResizeHandler:()=>{},updateCssVariable:(t,e)=>{switch(t){case"--mdc-ripple-fg-scale":this.fgScale=e;break;case"--mdc-ripple-fg-size":this.fgSize=e;break;case"--mdc-ripple-fg-translate-end":this.translateEnd=e;break;case"--mdc-ripple-fg-translate-start":this.translateStart=e;break;case"--mdc-ripple-left":this.leftPos=e;break;case"--mdc-ripple-top":this.topPos=e}},computeBoundingRect:()=>(this.parentElement||this).getBoundingClientRect(),getWindowPageOffset:()=>({x:window.pageXOffset,y:window.pageYOffset})}}startPress(t){this.waitForFoundation((()=>{this.mdcFoundation.activate(t)}))}endPress(){this.waitForFoundation((()=>{this.mdcFoundation.deactivate()}))}startFocus(){this.waitForFoundation((()=>{this.mdcFoundation.handleFocus()}))}endFocus(){this.waitForFoundation((()=>{this.mdcFoundation.handleBlur()}))}startHover(){this.hovering=!0}endHover(){this.hovering=!1}waitForFoundation(t){this.mdcFoundation?t():this.updateComplete.then(t)}update(t){t.has("disabled")&&this.disabled&&this.endHover(),super.update(t)}render(){const t=this.activated&&(this.primary||!this.accent),e=this.selected&&(this.primary||!this.accent),i={"mdc-ripple-surface--accent":this.accent,"mdc-ripple-surface--primary--activated":t,"mdc-ripple-surface--accent--activated":this.accent&&this.activated,"mdc-ripple-surface--primary--selected":e,"mdc-ripple-surface--accent--selected":this.accent&&this.selected,"mdc-ripple-surface--disabled":this.disabled,"mdc-ripple-surface--hover":this.hovering,"mdc-ripple-surface--primary":this.primary,"mdc-ripple-surface--selected":this.selected,"mdc-ripple-upgraded--background-focused":this.bgFocused,"mdc-ripple-upgraded--foreground-activation":this.fgActivation,"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation,"mdc-ripple-upgraded--unbounded":this.unbounded,"mdc-ripple-surface--internal-use-state-layer-custom-properties":this.internalUseStateLayerCustomProperties};return z`
434
- <div class="mdc-ripple-surface mdc-ripple-upgraded ${pt(i)}"
435
- style="${Je({"--mdc-ripple-fg-scale":this.fgScale,"--mdc-ripple-fg-size":this.fgSize,"--mdc-ripple-fg-translate-end":this.translateEnd,"--mdc-ripple-fg-translate-start":this.translateStart,"--mdc-ripple-left":this.leftPos,"--mdc-ripple-top":this.topPos})}"></div>`}}_e([ot(".mdc-ripple-surface")],Ye.prototype,"mdcRoot",void 0),_e([it({type:Boolean})],Ye.prototype,"primary",void 0),_e([it({type:Boolean})],Ye.prototype,"accent",void 0),_e([it({type:Boolean})],Ye.prototype,"unbounded",void 0),_e([it({type:Boolean})],Ye.prototype,"disabled",void 0),_e([it({type:Boolean})],Ye.prototype,"activated",void 0),_e([it({type:Boolean})],Ye.prototype,"selected",void 0),_e([it({type:Boolean})],Ye.prototype,"internalUseStateLayerCustomProperties",void 0),_e([rt()],Ye.prototype,"hovering",void 0),_e([rt()],Ye.prototype,"bgFocused",void 0),_e([rt()],Ye.prototype,"fgActivation",void 0),_e([rt()],Ye.prototype,"fgDeactivation",void 0),_e([rt()],Ye.prototype,"fgScale",void 0),_e([rt()],Ye.prototype,"fgSize",void 0),_e([rt()],Ye.prototype,"translateStart",void 0),_e([rt()],Ye.prototype,"translateEnd",void 0),_e([rt()],Ye.prototype,"leftPos",void 0),_e([rt()],Ye.prototype,"topPos",void 0);
436
- /**
437
- * @license
438
- * Copyright 2021 Google LLC
439
- * SPDX-LIcense-Identifier: Apache-2.0
440
- */
441
- const Qe=a`.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}:host .mdc-ripple-surface{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;will-change:unset}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary:hover::before,.mdc-ripple-surface--primary.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before,.mdc-ripple-surface--primary--activated::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--activated:hover::before,.mdc-ripple-surface--primary--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--primary--selected::before,.mdc-ripple-surface--primary--selected::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--selected:hover::before,.mdc-ripple-surface--primary--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent:hover::before,.mdc-ripple-surface--accent.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before,.mdc-ripple-surface--accent--activated::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--activated:hover::before,.mdc-ripple-surface--accent--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--accent--selected::before,.mdc-ripple-surface--accent--selected::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--selected:hover::before,.mdc-ripple-surface--accent--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--disabled{opacity:0}.mdc-ripple-surface--internal-use-state-layer-custom-properties::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties::after{background-color:#000;background-color:var(--mdc-ripple-hover-state-layer-color, #000)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:hover::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-state-layer-opacity, 0.04)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}`
442
- /**
443
- * @license
444
- * Copyright 2018 Google LLC
445
- * SPDX-License-Identifier: Apache-2.0
446
- */;let ti=class extends Ye{};ti.styles=[Qe],ti=_e([(t=>e=>"function"==typeof e?((t,e)=>(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:i,elements:r}=e;return{kind:i,elements:r,finisher(e){window.customElements.define(t,e)}}})(t,e))("mwc-ripple")],ti);
447
- /**
448
- * @license
449
- * Copyright 2020 Google LLC
450
- * SPDX-License-Identifier: Apache-2.0
451
- */
452
- class ei{constructor(t){this.startPress=e=>{t().then((t=>{t&&t.startPress(e)}))},this.endPress=()=>{t().then((t=>{t&&t.endPress()}))},this.startFocus=()=>{t().then((t=>{t&&t.startFocus()}))},this.endFocus=()=>{t().then((t=>{t&&t.endFocus()}))},this.startHover=()=>{t().then((t=>{t&&t.startHover()}))},this.endHover=()=>{t().then((t=>{t&&t.endHover()}))}}}var ii=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const ri={color:dt.extend("--ft-ripple-color",ft.colorContent),primaryColor:dt.extend("--ft-ripple-primary-color",dt.extend("--ft-ripple-color",ft.colorPrimary)),secondaryColor:dt.extend("--ft-ripple-secondary-color",dt.extend("--ft-ripple-color",ft.colorSecondary)),opacityContentOnSurfacePressed:dt.external(ft.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:dt.external(ft.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:dt.external(ft.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:dt.external(ft.opacityContentOnSurfaceSelected,"Design system"),opacityContentOnSurfaceDragged:dt.external(ft.opacityContentOnSurfaceDragged,"Design system")};let oi=class extends ht{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1}getStyles(){return a`
453
- :host {
454
- display: contents;
455
-
456
- --mdc-ripple-color: ${ri.color};
457
- --mdc-ripple-press-opacity: ${ri.opacityContentOnSurfacePressed};
458
- --mdc-ripple-hover-opacity: ${ri.opacityContentOnSurfaceHover};
459
- --mdc-ripple-focus-opacity: ${ri.opacityContentOnSurfaceFocused};
460
- --mdc-ripple-selected-opacity: ${ri.opacityContentOnSurfaceSelected};
461
- --mdc-ripple-activated-opacity: ${ri.opacityContentOnSurfaceDragged};
462
- }
463
-
464
- mwc-ripple.ft-ripple--secondary {
465
- --mdc-ripple-color: ${ri.secondaryColor};
466
- }
467
-
468
- mwc-ripple.ft-ripple--primary {
469
- --mdc-ripple-color: ${ri.primaryColor};
470
- }
471
- `}getTemplate(){return z`
472
- <mwc-ripple
473
- class="${this.primary?"ft-ripple--primary":this.secondary?"ft-ripple--secondary":""}"
474
- ?unbounded=${this.unbounded}
475
- ?activated=${this.activated}
476
- ?selected=${this.selected}
477
- ?disabled=${this.disabled}
478
- ></mwc-ripple>
479
- `}updated(t){super.updated(t),t.has("disabled")&&this.disabled&&this.endRipple()}endRipple(){var t,e,i;null===(t=this.rippleHandlers)||void 0===t||t.endHover(),null===(e=this.rippleHandlers)||void 0===e||e.endFocus(),null===(i=this.rippleHandlers)||void 0===i||i.endPress()}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentNode;if(e){const t=new ei((async()=>this.mwcRipple)),i=(...e)=>i=>{e.forEach((e=>window.addEventListener(e,t.endPress,{once:!0}))),t.startPress(i)},r=i("mouseup"),o=i("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&i("keyup")()};e.addEventListener("mouseenter",t.startHover),e.addEventListener("mouseleave",t.endHover),e.addEventListener("mousedown",r),e.addEventListener("touchstart",o),e.addEventListener("keydown",n),e.addEventListener("focus",t.startFocus),e.addEventListener("blur",t.endFocus),this.onDisconnect=()=>{e.removeEventListener("mouseenter",t.startHover),e.removeEventListener("mouseleave",t.endHover),e.removeEventListener("mousedown",r),e.removeEventListener("touchstart",o),e.removeEventListener("keydown",n),e.removeEventListener("focus",t.startFocus),e.removeEventListener("blur",t.endFocus)},this.rippleHandlers=t}}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};oi.elementDefinitions={"mwc-ripple":ti},ii([it({type:Boolean})],oi.prototype,"primary",void 0),ii([it({type:Boolean})],oi.prototype,"secondary",void 0),ii([it({type:Boolean})],oi.prototype,"unbounded",void 0),ii([it({type:Boolean})],oi.prototype,"activated",void 0),ii([it({type:Boolean})],oi.prototype,"selected",void 0),ii([it({type:Boolean})],oi.prototype,"disabled",void 0),ii([ot("mwc-ripple")],oi.prototype,"mwcRipple",void 0),oi=ii([lt("ft-ripple")],oi);var ni=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,s=t.length-1;s>=0;s--)(o=t[s])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const ai={fontSize:dt.create("--ft-text-field-font-size","SIZE","14px"),labelSize:dt.create("--ft-text-field-label-size","SIZE","11px"),verticalSpacing:dt.create("--ft-text-field-vertical-spacing","SIZE","4px"),horizontalSpacing:dt.create("--ft-text-field-horizontal-spacing","SIZE","16px"),helperColor:dt.extend("--ft-text-field-helper-color",ft.colorOnSurfaceMedium),colorPrimary:dt.external(ft.colorPrimary,"Design system"),colorOnSurface:dt.external(ft.colorOnSurface,"Design system"),colorOnSurfaceDisabled:dt.external(ft.colorOnSurfaceDisabled,"Design system"),borderRadiusS:dt.external(ft.borderRadiusS,"Design system")};t.FtTextField=class extends ht{constructor(){super(...arguments),this.label="",this.value="",this.helper="",this.outlined=!1,this.disabled=!1,this.dataList=[],this.focused=!1}getStyles(){return[Ee,a`
480
- *:focus {
481
- outline: none;
482
- }
483
-
484
- .ft-text-field {
485
- display: flex;
486
- flex-direction: column;
487
- align-items: stretch;
488
- }
489
-
490
- ft-input-label {
491
- ${ut(Te.fontSize,ai.fontSize)};
492
- ${ut(Te.raisedFontSize,ai.labelSize)};
493
- ${ut(Te.verticalSpacing,ai.verticalSpacing)};
494
- ${ut(Te.horizontalSpacing,a`calc(${ai.horizontalSpacing} - 4px)`)};
495
- }
212
+ `}}Fe.elementDefinitions={},Fe.styles=[Ce,f`
213
+ .ft-input-label {
214
+ position: absolute;
215
+ inset: 0;
216
+ display: flex;
217
+ }
496
218
 
497
- .ft-text-field--main-panel {
498
- position: relative;
499
- display: flex;
500
- height: calc(4 * ${ai.verticalSpacing} + ${ai.labelSize} + ${ai.fontSize});
501
- }
219
+ .ft-input-label {
220
+ border-color: ${Ue.borderColor};
221
+ }
502
222
 
503
- .ft-text-field--input-panel {
504
- flex-grow: 1;
505
- position: relative;
506
- display: flex;
507
- align-items: center;
508
- overflow: hidden;
509
- gap: 8px;
510
- }
223
+ .ft-input-label:before,
224
+ .ft-input-label:after {
225
+ content: "";
226
+ display: flex;
227
+ border-bottom-width: 1px;
228
+ border-bottom-style: solid;
229
+ border-color: inherit;
230
+ }
511
231
 
512
- .ft-text-field--input-panel ft-ripple {
513
- ${ut(ri.opacityContentOnSurfaceHover,"0.08")};
514
- ${ut(ri.opacityContentOnSurfaceDragged,"0.04")};
515
- }
232
+ .ft-input-label:before {
233
+ width: ${Ue.horizontalSpacing};
234
+ flex-shrink: 0;
235
+ }
516
236
 
517
- .ft-text-field--input {
518
- display: block;
519
- flex-grow: 1;
520
- flex-shrink: 1;
521
- min-width: 0; /* flex sets this to auto an prevents input from shrinking properly */
237
+ .ft-input-label:after {
238
+ flex-grow: 1;
239
+ flex-shrink: 1;
240
+ }
522
241
 
523
- ${ut(qt.fontSize,ai.fontSize)};
524
- ${ut(qt.lineHeight,ai.fontSize)};
525
- color: ${ai.colorOnSurface};
242
+ .ft-input-label--text {
243
+ display: flex;
244
+ flex-shrink: 1;
245
+ position: relative;
246
+ border-bottom-width: 1px;
247
+ border-bottom-style: solid;
248
+ border-color: inherit;
249
+ color: ${Ue.textColor};
250
+ transition: font-size 250ms, line-height 250ms, color 250ms;
251
+ ${at(te.fontSize,Ue.fontSize)};
252
+ ${at(te.lineHeight,Ue.fontSize)};
253
+ }
526
254
 
527
- padding: 0 ${ai.horizontalSpacing};
255
+ .ft-input-label--disabled .ft-input-label--text {
256
+ color: ${Ue.disabledTextColor};
257
+ }
528
258
 
529
- border: none;
530
- background: none;
531
- }
259
+ .ft-input-label--hidden-text {
260
+ padding: 0 4px;
261
+ opacity: 0;
262
+ }
532
263
 
533
- .ft-text-field--input::-webkit-calendar-picker-indicator,
534
- .ft-text-field--input::-webkit-list-button {
535
- display: none !important;
536
- }
264
+ .ft-input-label--floating-text {
265
+ position: absolute;
266
+ top: calc(50% - var(--ft-typography-caption-line-height) / 2);
267
+ transition: top 250ms;
268
+ width: calc(100% - 8px);
269
+ overflow: hidden;
270
+ white-space: nowrap;
271
+ text-overflow: ellipsis;
272
+ padding: ${Ue.verticalSpacing} 4px;
273
+ margin: calc(${Ue.verticalSpacing} * -1) 0;
274
+ }
537
275
 
538
- .ft-text-field--disabled .ft-text-field--input {
539
- color: ${ai.colorOnSurfaceDisabled};
540
- }
276
+ .ft-input-label--raised .ft-input-label--text {
277
+ ${at(te.fontSize,Ue.raisedFontSize)};
278
+ ${at(te.lineHeight,Ue.raisedFontSize)};
279
+ }
541
280
 
542
- .ft-text-field:not(.ft-text-field--disabled) .ft-text-field--input-panel {
543
- cursor: pointer;
544
- }
281
+ .ft-input-label--raised .ft-input-label--floating-text {
282
+ top: ${Ue.verticalSpacing};
283
+ }
545
284
 
546
- .ft-text-field:not(.ft-text-field--disabled):focus-within ft-input-label {
547
- ${ut(Te.borderColor,ai.colorPrimary)};
548
- ${ut(Te.textColor,ai.colorPrimary)};
549
- }
285
+ .ft-input-label--outlined .ft-input-label--text,
286
+ .ft-input-label--outlined:before,
287
+ .ft-input-label--outlined:after {
288
+ border-top-width: 1px;
289
+ border-top-style: solid;
290
+ }
550
291
 
551
- .ft-text-field--filled .ft-text-field--input-panel {
552
- border-radius: ${ai.borderRadiusS} ${ai.borderRadiusS} 0 0;
553
- }
292
+ .ft-input-label--outlined:before {
293
+ border-left-width: 1px;
294
+ border-left-style: solid;
295
+ border-radius: ${Ue.borderRadiusS} 0 0 ${Ue.borderRadiusS};
296
+ }
554
297
 
555
- .ft-text-field--filled:not(.ft-text-field--no-label) .ft-text-field--input {
556
- align-self: stretch;
557
- padding-bottom: ${ai.verticalSpacing};
558
- padding-top: calc(${ai.labelSize} + 2 * ${ai.verticalSpacing});
559
- }
298
+ .ft-input-label--outlined:after {
299
+ border-right-width: 1px;
300
+ border-right-style: solid;
301
+ border-radius: 0 ${Ue.borderRadiusS} ${Ue.borderRadiusS} 0;
302
+ }
560
303
 
561
- .ft-text-field--outlined .ft-text-field--input-panel {
562
- border-radius: ${ai.borderRadiusS};
563
- }
304
+ .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
305
+ padding: 2px 4px;
306
+ z-index: ${Ue.raisedZIndex};
307
+ background-color: ${Ue.colorSurface};
308
+ border-radius: ${Ue.borderRadiusS};
309
+ top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
310
+ }
564
311
 
565
- .ft-text-field--helper-text {
566
- padding: 0 12px 0 ${ai.horizontalSpacing};
567
- color: ${ai.helperColor};
568
- }
569
- `]}getTemplate(){const t={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--no-label":!this.label};return z`
570
- <div class="${pt(t)}">
312
+ .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
313
+ border-top: none;
314
+ }
315
+ `],Me([i({type:String})],Fe.prototype,"text",void 0),Me([i({type:Boolean})],Fe.prototype,"raised",void 0),Me([i({type:Boolean})],Fe.prototype,"outlined",void 0),Me([i({type:Boolean})],Fe.prototype,"disabled",void 0),r("ft-input-label")(Fe);var ze=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const Be={color:lt.extend("--ft-ripple-color",pt.colorContent),primaryColor:lt.extend("--ft-ripple-primary-color",lt.extend("--ft-ripple-color",pt.colorPrimary)),secondaryColor:lt.extend("--ft-ripple-secondary-color",lt.extend("--ft-ripple-color",pt.colorSecondary)),opacityContentOnSurfacePressed:lt.external(pt.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:lt.external(pt.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:lt.external(pt.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:lt.external(pt.opacityContentOnSurfaceSelected,"Design system")};class Ae extends ht{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed)},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var e,i;let{x:o,y:n}=this.getCoordinates(t),s=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-s.x:s.width/2),this.originY=Math.round(null!=n?n-s.y:s.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return P`
316
+ <style>
317
+ .ft-ripple .ft-ripple--effect,
318
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
319
+ width: ${this.rippleSize}px;
320
+ height: ${this.rippleSize}px;
321
+ }
322
+
323
+ .ft-ripple .ft-ripple--effect {
324
+ left: ${this.originX}px;
325
+ top: ${this.originY}px;
326
+ }
327
+ </style>
328
+ <div class="${ut(t)}">
329
+ <div class="ft-ripple--background"></div>
330
+ <div class="ft-ripple--effect"></div>
331
+ </div>
332
+ `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){super.updated(t),t.has("disabled")&&this.disabled&&this.endRipple(),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),n=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",n),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",n),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const e=t,i=t;let o,n;return null!=e.x?({x:o,y:n}=e):null!=i.touches&&(o=i.touches[0].clientX,n=i.touches[0].clientY),{x:o,y:n}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}Ae.elementDefinitions={},Ae.styles=f`
333
+ :host {
334
+ display: contents;
335
+ }
336
+
337
+ .ft-ripple {
338
+ position: absolute;
339
+ inset: 0;
340
+ pointer-events: none;
341
+ }
342
+
343
+ .ft-ripple:not(.ft-ripple--unbounded) {
344
+ overflow: hidden;
345
+ }
346
+
347
+ .ft-ripple .ft-ripple--background,
348
+ .ft-ripple .ft-ripple--effect {
349
+ position: absolute;
350
+ opacity: 0;
351
+ background-color: ${Be.color};
352
+ }
353
+
354
+ .ft-ripple.ft-ripple--secondary .ft-ripple--background,
355
+ .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
356
+ background-color: ${Be.secondaryColor};
357
+ }
358
+
359
+ .ft-ripple.ft-ripple--primary .ft-ripple--background,
360
+ .ft-ripple.ft-ripple--primary .ft-ripple--effect {
361
+ background-color: ${Be.primaryColor};
362
+ }
363
+
364
+ .ft-ripple .ft-ripple--background {
365
+ top: 0;
366
+ left: 0;
367
+ height: 100%;
368
+ width: 100%;
369
+ }
370
+
371
+ .ft-ripple .ft-ripple--effect,
372
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
373
+ border-radius: 50%;
374
+ }
375
+
376
+ .ft-ripple .ft-ripple--effect {
377
+ transform: translate(-50%, -50%) scale(0.15);
378
+ transition: transform 300ms ease, opacity 75ms linear;
379
+ }
380
+
381
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--effect,
382
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
383
+ left: 50%;
384
+ top: 50%;
385
+ }
386
+
387
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
388
+ transform: translate(-50%, -50%);
389
+ }
390
+
391
+ .ft-ripple.ft-ripple--hovered .ft-ripple--background {
392
+ opacity: ${Be.opacityContentOnSurfaceHover};
393
+ }
394
+
395
+ .ft-ripple.ft-ripple--selected .ft-ripple--background {
396
+ opacity: ${Be.opacityContentOnSurfaceSelected};
397
+ }
398
+
399
+ .ft-ripple.ft-ripple--focused .ft-ripple--background {
400
+ opacity: ${Be.opacityContentOnSurfaceFocused};
401
+ }
402
+
403
+ .ft-ripple.ft-ripple--pressed .ft-ripple--effect {
404
+ opacity: ${Be.opacityContentOnSurfacePressed};
405
+ transform: translate(-50%, -50%) scale(1);
406
+ }
407
+ `,ze([i({type:Boolean})],Ae.prototype,"primary",void 0),ze([i({type:Boolean})],Ae.prototype,"secondary",void 0),ze([i({type:Boolean})],Ae.prototype,"unbounded",void 0),ze([i({type:Boolean})],Ae.prototype,"activated",void 0),ze([i({type:Boolean})],Ae.prototype,"selected",void 0),ze([i({type:Boolean})],Ae.prototype,"disabled",void 0),ze([o()],Ae.prototype,"hovered",void 0),ze([o()],Ae.prototype,"focused",void 0),ze([o()],Ae.prototype,"pressed",void 0),ze([o()],Ae.prototype,"rippling",void 0),ze([o()],Ae.prototype,"rippleSize",void 0),ze([o()],Ae.prototype,"originX",void 0),ze([o()],Ae.prototype,"originY",void 0),ze([n(".ft-ripple")],Ae.prototype,"ripple",void 0),ze([n(".ft-ripple--effect")],Ae.prototype,"rippleEffect",void 0),r("ft-ripple")(Ae);var Le=function(t,e,i,o){for(var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};const De={fontSize:lt.create("--ft-text-field-font-size","SIZE","14px"),labelSize:lt.create("--ft-text-field-label-size","SIZE","11px"),verticalSpacing:lt.create("--ft-text-field-vertical-spacing","SIZE","4px"),horizontalSpacing:lt.create("--ft-text-field-horizontal-spacing","SIZE","16px"),helperColor:lt.extend("--ft-text-field-helper-color",pt.colorOnSurfaceMedium),colorPrimary:lt.external(pt.colorPrimary,"Design system"),colorOnSurface:lt.external(pt.colorOnSurface,"Design system"),colorOnSurfaceDisabled:lt.external(pt.colorOnSurfaceDisabled,"Design system"),borderRadiusS:lt.external(pt.borderRadiusS,"Design system")};class Te extends ht{constructor(){super(...arguments),this.label="",this.value="",this.helper="",this.outlined=!1,this.disabled=!1,this.dataList=[],this.focused=!1}render(){const t={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--no-label":!this.label};return P`
408
+ <div class="${ut(t)}">
571
409
  <div class="ft-text-field--main-panel">
572
410
  <ft-input-label text="${this.label}"
573
411
  ?disabled=${this.disabled}
@@ -576,7 +414,7 @@ class ei{constructor(t){this.startPress=e=>{t().then((t=>{t&&t.startPress(e)}))}
576
414
  ></ft-input-label>
577
415
  <div class="ft-text-field--input-panel"
578
416
  aria-label="${this.label}">
579
- ${this.outlined?null:z`
417
+ ${this.outlined?null:P`
580
418
  <ft-ripple ?disabled=${this.disabled} activated></ft-ripple>
581
419
  `}
582
420
  <input type="text"
@@ -591,14 +429,104 @@ class ei{constructor(t){this.startPress=e=>{t().then((t=>{t&&t.startPress(e)}))}
591
429
  />
592
430
 
593
431
  <datalist id="datalist">
594
- ${this.dataList.map((t=>z`
432
+ ${this.dataList.map((t=>P`
595
433
  <option value="${t}"></option>`))}
596
434
  </datalist>
597
435
 
598
436
  </div>
599
437
  </div>
600
- ${this.helper?z`
438
+ ${this.helper?P`
601
439
  <ft-typography class="ft-text-field--helper-text" variant="caption">${this.helper}
602
440
  </ft-typography>`:void 0}
603
441
  </div>
604
- `}updated(t){super.updated(t),t.has("value")&&this.dispatchEvent(new CustomEvent("live-change",{detail:this.value}))}updateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||"",this.dispatchEvent(new CustomEvent("change",{detail:this.value}))}liveUpdateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||""}},t.FtTextField.elementDefinitions={"ft-input-label":ze,"ft-ripple":oi,"ft-typography":Me},ni([it({type:String})],t.FtTextField.prototype,"label",void 0),ni([it({reflect:!0})],t.FtTextField.prototype,"value",void 0),ni([it({type:String})],t.FtTextField.prototype,"helper",void 0),ni([it({type:Boolean})],t.FtTextField.prototype,"outlined",void 0),ni([it({type:Boolean})],t.FtTextField.prototype,"disabled",void 0),ni([ot(".ft-text-field--input")],t.FtTextField.prototype,"input",void 0),ni([it({attribute:!1})],t.FtTextField.prototype,"dataList",void 0),ni([rt()],t.FtTextField.prototype,"focused",void 0),t.FtTextField=ni([lt("ft-text-field")],t.FtTextField),t.FtTextFieldCssVariables=ai,Object.defineProperty(t,"t",{value:!0})}({});
442
+ `}updated(t){super.updated(t),t.has("value")&&this.dispatchEvent(new CustomEvent("live-change",{detail:this.value}))}updateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||"",this.dispatchEvent(new CustomEvent("change",{detail:this.value}))}liveUpdateValueFromInputField(){var t;this.value=(null===(t=this.input)||void 0===t?void 0:t.value)||""}}Te.elementDefinitions={"ft-input-label":Fe,"ft-ripple":Ae,"ft-typography":ke},Te.styles=[Se,f`
443
+ *:focus {
444
+ outline: none;
445
+ }
446
+
447
+ .ft-text-field {
448
+ display: flex;
449
+ flex-direction: column;
450
+ align-items: stretch;
451
+ }
452
+
453
+ ft-input-label {
454
+ ${at(Ue.fontSize,De.fontSize)};
455
+ ${at(Ue.raisedFontSize,De.labelSize)};
456
+ ${at(Ue.verticalSpacing,De.verticalSpacing)};
457
+ ${at(Ue.horizontalSpacing,f`calc(${De.horizontalSpacing} - 4px)`)};
458
+ }
459
+
460
+ .ft-text-field--main-panel {
461
+ position: relative;
462
+ display: flex;
463
+ height: calc(4 * ${De.verticalSpacing} + ${De.labelSize} + ${De.fontSize});
464
+ }
465
+
466
+ .ft-text-field--input-panel {
467
+ flex-grow: 1;
468
+ position: relative;
469
+ display: flex;
470
+ align-items: center;
471
+ overflow: hidden;
472
+ gap: 8px;
473
+ }
474
+
475
+ .ft-text-field--input-panel ft-ripple {
476
+ ${at(Be.opacityContentOnSurfaceHover,"0.08")};
477
+ ${at(Be.opacityContentOnSurfacePressed,"0.04")};
478
+ }
479
+
480
+ .ft-text-field--input {
481
+ display: block;
482
+ flex-grow: 1;
483
+ flex-shrink: 1;
484
+ min-width: 0; /* flex sets this to auto an prevents input from shrinking properly */
485
+
486
+ ${at(Vt.fontSize,De.fontSize)};
487
+ ${at(Vt.lineHeight,De.fontSize)};
488
+ color: ${De.colorOnSurface};
489
+
490
+ padding: 0 ${De.horizontalSpacing};
491
+
492
+ border: none;
493
+ background: none;
494
+ }
495
+
496
+ .ft-text-field--input::-webkit-calendar-picker-indicator,
497
+ .ft-text-field--input::-webkit-list-button {
498
+ display: none !important;
499
+ }
500
+
501
+ .ft-text-field--disabled .ft-text-field--input {
502
+ color: ${De.colorOnSurfaceDisabled};
503
+ }
504
+
505
+ .ft-text-field:not(.ft-text-field--disabled) .ft-text-field--input-panel {
506
+ cursor: pointer;
507
+ }
508
+
509
+ .ft-text-field:not(.ft-text-field--disabled):focus-within ft-input-label {
510
+ ${at(Ue.borderColor,De.colorPrimary)};
511
+ ${at(Ue.textColor,De.colorPrimary)};
512
+ }
513
+
514
+ .ft-text-field--filled .ft-text-field--input-panel {
515
+ border-radius: ${De.borderRadiusS} ${De.borderRadiusS} 0 0;
516
+ }
517
+
518
+ .ft-text-field--filled:not(.ft-text-field--no-label) .ft-text-field--input {
519
+ align-self: stretch;
520
+ padding-bottom: ${De.verticalSpacing};
521
+ padding-top: calc(${De.labelSize} + 2 * ${De.verticalSpacing});
522
+ }
523
+
524
+ .ft-text-field--outlined .ft-text-field--input-panel {
525
+ border-radius: ${De.borderRadiusS};
526
+ }
527
+
528
+ .ft-text-field--helper-text {
529
+ padding: 0 12px 0 ${De.horizontalSpacing};
530
+ color: ${De.helperColor};
531
+ }
532
+ `],Le([i({type:String})],Te.prototype,"label",void 0),Le([i({reflect:!0})],Te.prototype,"value",void 0),Le([i({type:String})],Te.prototype,"helper",void 0),Le([i({type:Boolean})],Te.prototype,"outlined",void 0),Le([i({type:Boolean})],Te.prototype,"disabled",void 0),Le([n(".ft-text-field--input")],Te.prototype,"input",void 0),Le([i({attribute:!1})],Te.prototype,"dataList",void 0),Le([o()],Te.prototype,"focused",void 0),r("ft-text-field")(Te),t.FtTextField=Te,t.FtTextFieldCssVariables=De,Object.defineProperty(t,"t",{value:!0})}({});