@fluid-topics/ft-filterable-table 0.1.5 → 0.1.8

package/build/ft-filterable-table.min.js

@@ -79,7 +79,21 @@ class Ot extends ht{constructor(t){if(super(t),this.it=U,t.type!==ut)throw Error
      * @license
      * Copyright 2021 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
-     */class Nt 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 a(o,this.constructor.elementStyles),o}}}(et)){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]),j`${t.map((t=>j`<style>${t}</style>`))} ${this.getTemplate()}`}adoptedCallback(){Object.getPrototypeOf(this)!==this.constructorName&&Object.setPrototypeOf(this,this.proto)}updated(t){super.updated(t),setTimeout((()=>this.contentAvailableCallback(t)),0)}contentAvailableCallback(t){}}const Ft=s`.ft-no-text-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}`;var At,Tt,Mt;const jt=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Mt=null===(Tt=null===(At=window.safari)||void 0===At?void 0:At.pushNotification)||void 0===Tt?void 0:Tt.toString())&&void 0!==Mt?Mt:""),Dt=ft(class extends ht{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,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 D}}),Ut=t=>({_$litStatic$:t}),Bt=new Map,_t=(t=>(e,...i)=>{var r;const o=i.length;let n,s;const a=[],l=[];let c,p=0,d=!1;for(;p<o;){for(c=e[p];p<o&&void 0!==(s=i[p],n=null===(r=s)||void 0===r?void 0:r._$litStatic$);)c+=n+e[++p],d=!0;l.push(s),a.push(c),p++}if(p===o&&a.push(e[o]),d){const t=a.join("$$lit$$");void 0===(e=Bt.get(t))&&(a.raw=a,Bt.set(t,e=a)),i=l}return t(e,...i)})(j);
+     */class Nt 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 a(o,this.constructor.elementStyles),o}}}(et)){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]),j`
+            ${t.map((t=>j`
+                <style>${t}</style>
+            `))}
+            ${this.getTemplate()}
+        `}adoptedCallback(){Object.getPrototypeOf(this)!==this.constructorName&&Object.setPrototypeOf(this,this.proto)}updated(t){super.updated(t),setTimeout((()=>this.contentAvailableCallback(t)),0)}contentAvailableCallback(t){}}const Ft=s`
+    .ft-no-text-select {
+        -webkit-touch-callout: none;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+    }
+`;var At,Tt,Mt;const jt=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Mt=null===(Tt=null===(At=window.safari)||void 0===At?void 0:At.pushNotification)||void 0===Tt?void 0:Tt.toString())&&void 0!==Mt?Mt:""),Dt=ft(class extends ht{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,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 D}}),Ut=t=>({_$litStatic$:t}),Bt=new Map,_t=(t=>(e,...i)=>{var r;const o=i.length;let n,s;const a=[],l=[];let c,p=0,d=!1;for(;p<o;){for(c=e[p];p<o&&void 0!==(s=i[p],n=null===(r=s)||void 0===r?void 0:r._$litStatic$);)c+=n+e[++p],d=!0;l.push(s),a.push(c),p++}if(p===o&&a.push(e[o]),d){const t=a.join("$$lit$$");void 0===(e=Bt.get(t))&&(a.raw=a,Bt.set(t,e=a)),i=l}return t(e,...i)})(j);
 /**
      * @license
      * Copyright 2018 Google LLC
@@ -182,7 +196,7 @@ class Ot extends ht{constructor(t){if(super(t),this.it=U,t.type!==ut)throw Error
                 </${Ut(this.element)}>
             `:_t`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}};Lt([nt()],Ze.prototype,"element",void 0),Lt([nt()],Ze.prototype,"variant",void 0),Ze=Lt([Ct("ft-typography")],Ze);var Ke=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const qe={fontSize:Et.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:Et.create("--ft-input-label-raised-font-size","SIZE","11px"),verticalSpacing:Et.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:Et.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:Et.extend("--ft-input-label-border-color",zt.colorOutline),textColor:Et.extend("--ft-input-label-text-color",zt.colorOnSurfaceMedium),disabledTextColor:Et.extend("--ft-input-label-disabled-text-color",zt.colorOnSurfaceDisabled),borderRadiusS:Et.external(zt.borderRadiusS,"Design system")};let Ge=class extends Nt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}getStyles(){return[Pe,s`
+        `}};Lt([nt()],Ze.prototype,"element",void 0),Lt([nt()],Ze.prototype,"variant",void 0),Ze=Lt([Ct("ft-typography")],Ze);var Ke=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const qe={fontSize:Et.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:Et.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:Et.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:Et.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:Et.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:Et.extend("--ft-input-label-border-color",zt.colorOutline),textColor:Et.extend("--ft-input-label-text-color",zt.colorOnSurfaceMedium),disabledTextColor:Et.extend("--ft-input-label-disabled-text-color",zt.colorOnSurfaceDisabled),colorSurface:Et.external(zt.colorSurface,"Design system"),borderRadiusS:Et.external(zt.borderRadiusS,"Design system")};let Ge=class extends Nt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}getStyles(){return[Pe,s`
                 .ft-input-label {
                     position: absolute;
                     inset: 0;
@@ -219,7 +233,6 @@ class Ot extends ht{constructor(t){if(super(t),this.it=U,t.type!==ut)throw Error
                     border-bottom-width: 1px;
                     border-bottom-style: solid;
                     border-color: inherit;
-                    padding: 0 4px;
                     color: ${qe.textColor};
                     transition: font-size 250ms, line-height 250ms, color 250ms;
                     ${Rt($e.fontSize,qe.fontSize)};
@@ -231,6 +244,7 @@ class Ot extends ht{constructor(t){if(super(t),this.it=U,t.type!==ut)throw Error
                 }
 
                 .ft-input-label--hidden-text {
+                    padding: 0 4px;
                     opacity: 0;
                 }
 
@@ -242,7 +256,7 @@ class Ot extends ht{constructor(t){if(super(t),this.it=U,t.type!==ut)throw Error
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
-                    padding: ${qe.verticalSpacing} 0;
+                    padding: ${qe.verticalSpacing} 4px;
                     margin: calc(${qe.verticalSpacing} * -1) 0;
                 }
 
@@ -275,6 +289,10 @@ class Ot extends ht{constructor(t){if(super(t),this.it=U,t.type!==ut)throw Error
                 }
 
                 .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
+                    padding: 4px;
+                    z-index: ${qe.raisedZIndex};
+                    background-color: ${qe.colorSurface};
+                    border-radius: ${qe.borderRadiusS};
                     top: calc(var(--ft-typography-caption-line-height) / -2);
                 }
 
@@ -417,13 +435,15 @@ const ui=ft(class extends ht{constructor(t){var e;if(super(t),t.type!==dt||"styl
      * @license
      * Copyright 2018 Google LLC
      * SPDX-License-Identifier: Apache-2.0
-     */class fi extends ii{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=di}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 j`<div class="mdc-ripple-surface mdc-ripple-upgraded ${Dt(i)}" style="${ui({"--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>`}}Ye([lt(".mdc-ripple-surface")],fi.prototype,"mdcRoot",void 0),Ye([nt({type:Boolean})],fi.prototype,"primary",void 0),Ye([nt({type:Boolean})],fi.prototype,"accent",void 0),Ye([nt({type:Boolean})],fi.prototype,"unbounded",void 0),Ye([nt({type:Boolean})],fi.prototype,"disabled",void 0),Ye([nt({type:Boolean})],fi.prototype,"activated",void 0),Ye([nt({type:Boolean})],fi.prototype,"selected",void 0),Ye([nt({type:Boolean})],fi.prototype,"internalUseStateLayerCustomProperties",void 0),Ye([st()],fi.prototype,"hovering",void 0),Ye([st()],fi.prototype,"bgFocused",void 0),Ye([st()],fi.prototype,"fgActivation",void 0),Ye([st()],fi.prototype,"fgDeactivation",void 0),Ye([st()],fi.prototype,"fgScale",void 0),Ye([st()],fi.prototype,"fgSize",void 0),Ye([st()],fi.prototype,"translateStart",void 0),Ye([st()],fi.prototype,"translateEnd",void 0),Ye([st()],fi.prototype,"leftPos",void 0),Ye([st()],fi.prototype,"topPos",void 0);
+     */class fi extends ii{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=di}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 j`
+        <div class="mdc-ripple-surface mdc-ripple-upgraded ${Dt(i)}"
+          style="${ui({"--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>`}}Ye([lt(".mdc-ripple-surface")],fi.prototype,"mdcRoot",void 0),Ye([nt({type:Boolean})],fi.prototype,"primary",void 0),Ye([nt({type:Boolean})],fi.prototype,"accent",void 0),Ye([nt({type:Boolean})],fi.prototype,"unbounded",void 0),Ye([nt({type:Boolean})],fi.prototype,"disabled",void 0),Ye([nt({type:Boolean})],fi.prototype,"activated",void 0),Ye([nt({type:Boolean})],fi.prototype,"selected",void 0),Ye([nt({type:Boolean})],fi.prototype,"internalUseStateLayerCustomProperties",void 0),Ye([st()],fi.prototype,"hovering",void 0),Ye([st()],fi.prototype,"bgFocused",void 0),Ye([st()],fi.prototype,"fgActivation",void 0),Ye([st()],fi.prototype,"fgDeactivation",void 0),Ye([st()],fi.prototype,"fgScale",void 0),Ye([st()],fi.prototype,"fgSize",void 0),Ye([st()],fi.prototype,"translateStart",void 0),Ye([st()],fi.prototype,"translateEnd",void 0),Ye([st()],fi.prototype,"leftPos",void 0),Ye([st()],fi.prototype,"topPos",void 0);
 /**
      * @license
      * Copyright 2021 Google LLC
      * SPDX-LIcense-Identifier: Apache-2.0
      */
-const hi=s`.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:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{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::after,.mdc-ripple-surface::before{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]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{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::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity,.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity,.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:.12;opacity:var(--mdc-ripple-press-opacity,.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(.4,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::after,.mdc-ripple-surface--primary::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.mdc-ripple-surface--primary.mdc-ripple-surface--hover::before,.mdc-ripple-surface--primary:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity,.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:.12;opacity:var(--mdc-ripple-focus-opacity,.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:.12;opacity:var(--mdc-ripple-press-opacity,.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:.12;opacity:var(--mdc-ripple-activated-opacity,.12)}.mdc-ripple-surface--primary--activated::after,.mdc-ripple-surface--primary--activated::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.mdc-ripple-surface--primary--activated.mdc-ripple-surface--hover::before,.mdc-ripple-surface--primary--activated:hover::before{opacity:.16;opacity:var(--mdc-ripple-hover-opacity,.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:.24;opacity:var(--mdc-ripple-focus-opacity,.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:.24;opacity:var(--mdc-ripple-press-opacity,.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:.08;opacity:var(--mdc-ripple-selected-opacity,.08)}.mdc-ripple-surface--primary--selected::after,.mdc-ripple-surface--primary--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.mdc-ripple-surface--primary--selected.mdc-ripple-surface--hover::before,.mdc-ripple-surface--primary--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity,.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:.2;opacity:var(--mdc-ripple-focus-opacity,.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:.2;opacity:var(--mdc-ripple-press-opacity,.2)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent::after,.mdc-ripple-surface--accent::before{background-color:#018786;background-color:var(--mdc-ripple-color,var(--mdc-theme-secondary,#018786))}.mdc-ripple-surface--accent.mdc-ripple-surface--hover::before,.mdc-ripple-surface--accent:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity,.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:.12;opacity:var(--mdc-ripple-focus-opacity,.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:.12;opacity:var(--mdc-ripple-press-opacity,.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:.12;opacity:var(--mdc-ripple-activated-opacity,.12)}.mdc-ripple-surface--accent--activated::after,.mdc-ripple-surface--accent--activated::before{background-color:#018786;background-color:var(--mdc-ripple-color,var(--mdc-theme-secondary,#018786))}.mdc-ripple-surface--accent--activated.mdc-ripple-surface--hover::before,.mdc-ripple-surface--accent--activated:hover::before{opacity:.16;opacity:var(--mdc-ripple-hover-opacity,.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:.24;opacity:var(--mdc-ripple-focus-opacity,.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:.24;opacity:var(--mdc-ripple-press-opacity,.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:.08;opacity:var(--mdc-ripple-selected-opacity,.08)}.mdc-ripple-surface--accent--selected::after,.mdc-ripple-surface--accent--selected::before{background-color:#018786;background-color:var(--mdc-ripple-color,var(--mdc-theme-secondary,#018786))}.mdc-ripple-surface--accent--selected.mdc-ripple-surface--hover::before,.mdc-ripple-surface--accent--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity,.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:.2;opacity:var(--mdc-ripple-focus-opacity,.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:.2;opacity:var(--mdc-ripple-press-opacity,.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::after,.mdc-ripple-surface--internal-use-state-layer-custom-properties::before{background-color:#000;background-color:var(--mdc-ripple-hover-state-layer-color,#000)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-surface--hover::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-state-layer-opacity,.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:.12;opacity:var(--mdc-ripple-focus-state-layer-opacity,.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:.12;opacity:var(--mdc-ripple-pressed-state-layer-opacity,.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)}`
+const hi=s`.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)}`
 /**
      * @license
      * Copyright 2018 Google LLC
@@ -434,18 +454,45 @@ const hi=s`.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: Apache-2.0
      */
-class vi{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 yi=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const bi={color:Et.extend("--ft-ripple-color",zt.colorContent),primaryColor:Et.extend("--ft-ripple-primary-color",Et.extend("--ft-ripple-color",zt.colorPrimary)),secondaryColor:Et.extend("--ft-ripple-secondary-color",Et.extend("--ft-ripple-color",zt.colorSecondary)),opacityContentOnSurfacePressed:Et.external(zt.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:Et.external(zt.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:Et.external(zt.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:Et.external(zt.opacityContentOnSurfaceSelected,"Design system"),opacityContentOnSurfaceDragged:Et.external(zt.opacityContentOnSurfaceDragged,"Design system")};let gi=class extends Nt{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1}getStyles(){return s`:host{display:contents;--mdc-ripple-color:${bi.color}--mdc-ripple-press-opacity:${bi.opacityContentOnSurfacePressed}--mdc-ripple-hover-opacity:${bi.opacityContentOnSurfaceHover}--mdc-ripple-focus-opacity:${bi.opacityContentOnSurfaceFocused}--mdc-ripple-selected-opacity:${bi.opacityContentOnSurfaceSelected}--mdc-ripple-activated-opacity:${bi.opacityContentOnSurfaceDragged}}mwc-ripple.ft-ripple--secondary{--mdc-ripple-color:${bi.secondaryColor}}mwc-ripple.ft-ripple--primary{--mdc-ripple-color:${bi.primaryColor}}`}getTemplate(){return j`<mwc-ripple class="${this.primary?"ft-ripple--primary":this.secondary?"ft-ripple--secondary":""}" ?unbounded="${this.unbounded}" ?activated="${this.activated}" ?selected="${this.selected}" ?disabled="${this.disabled}"></mwc-ripple>`}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 vi((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()}};gi.elementDefinitions={"mwc-ripple":mi},yi([nt({type:Boolean})],gi.prototype,"primary",void 0),yi([nt({type:Boolean})],gi.prototype,"secondary",void 0),yi([nt({type:Boolean})],gi.prototype,"unbounded",void 0),yi([nt({type:Boolean})],gi.prototype,"activated",void 0),yi([nt({type:Boolean})],gi.prototype,"selected",void 0),yi([nt({type:Boolean})],gi.prototype,"disabled",void 0),yi([lt("mwc-ripple")],gi.prototype,"mwcRipple",void 0),gi=yi([Ct("ft-ripple")],gi);
+class vi{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 yi=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const bi={color:Et.extend("--ft-ripple-color",zt.colorContent),primaryColor:Et.extend("--ft-ripple-primary-color",Et.extend("--ft-ripple-color",zt.colorPrimary)),secondaryColor:Et.extend("--ft-ripple-secondary-color",Et.extend("--ft-ripple-color",zt.colorSecondary)),opacityContentOnSurfacePressed:Et.external(zt.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:Et.external(zt.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:Et.external(zt.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:Et.external(zt.opacityContentOnSurfaceSelected,"Design system"),opacityContentOnSurfaceDragged:Et.external(zt.opacityContentOnSurfaceDragged,"Design system")};let gi=class extends Nt{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1}getStyles(){return s`
+            :host {
+                display: contents;
+
+                --mdc-ripple-color: ${bi.color};
+                --mdc-ripple-press-opacity: ${bi.opacityContentOnSurfacePressed};
+                --mdc-ripple-hover-opacity: ${bi.opacityContentOnSurfaceHover};
+                --mdc-ripple-focus-opacity: ${bi.opacityContentOnSurfaceFocused};
+                --mdc-ripple-selected-opacity: ${bi.opacityContentOnSurfaceSelected};
+                --mdc-ripple-activated-opacity: ${bi.opacityContentOnSurfaceDragged};
+            }
+
+            mwc-ripple.ft-ripple--secondary {
+                --mdc-ripple-color: ${bi.secondaryColor};
+            }
+
+            mwc-ripple.ft-ripple--primary {
+                --mdc-ripple-color: ${bi.primaryColor};
+            }
+        `}getTemplate(){return j`
+            <mwc-ripple
+                    class="${this.primary?"ft-ripple--primary":this.secondary?"ft-ripple--secondary":""}"
+                    ?unbounded=${this.unbounded}
+                    ?activated=${this.activated}
+                    ?selected=${this.selected}
+                    ?disabled=${this.disabled}
+            ></mwc-ripple>
+        `}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 vi((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()}};gi.elementDefinitions={"mwc-ripple":mi},yi([nt({type:Boolean})],gi.prototype,"primary",void 0),yi([nt({type:Boolean})],gi.prototype,"secondary",void 0),yi([nt({type:Boolean})],gi.prototype,"unbounded",void 0),yi([nt({type:Boolean})],gi.prototype,"activated",void 0),yi([nt({type:Boolean})],gi.prototype,"selected",void 0),yi([nt({type:Boolean})],gi.prototype,"disabled",void 0),yi([lt("mwc-ripple")],gi.prototype,"mwcRipple",void 0),gi=yi([Ct("ft-ripple")],gi);
 /**
      * @license
      * Copyright 2021 Google LLC
      * SPDX-LIcense-Identifier: Apache-2.0
      */
-const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:400;font-style:normal;font-size:var(--mdc-icon-size,24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`
+const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`
 /**
      * @license
      * Copyright 2018 Google LLC
      * SPDX-License-Identifier: Apache-2.0
-     */;let wi=class extends et{render(){return j`<span><slot></slot></span>`}};wi.styles=[xi],wi=Ye([rt("mwc-icon")],wi);var $i=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};let Oi=class extends Nt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}getTemplate(){return j``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Oi.elementDefinitions={},$i([nt({type:String})],Oi.prototype,"label",void 0),$i([nt({type:Object,converter:t=>t})],Oi.prototype,"value",void 0),$i([nt({type:Boolean,reflect:!0})],Oi.prototype,"selected",void 0),Oi=$i([Ct("ft-select-option")],Oi);const Si={labelSize:Et.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:Et.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:Et.create("--ft-select-vertical-spacing","SIZE","4px"),helperColor:Et.extend("--ft-select-helper-color",zt.colorOnSurfaceMedium),optionsZIndex:Et.create("--ft-select-options-z-index","NUMBER","2"),colorSurface:Et.external(zt.colorSurface,"Design system"),colorOnSurface:Et.external(zt.colorOnSurface,"Design system"),colorOnSurfaceDisabled:Et.external(zt.colorOnSurfaceDisabled,"Design system"),colorPrimary:Et.external(zt.colorPrimary,"Design system"),borderRadiusS:Et.external(zt.borderRadiusS,"Design system"),elevation02:Et.external(zt.elevation02,"Design system")};let ki=class extends Nt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}getStyles(){return[Le,Pe,s`
+     */;let wi=class extends et{render(){return j`<span><slot></slot></span>`}};wi.styles=[xi],wi=Ye([rt("mwc-icon")],wi);var $i=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};let Oi=class extends Nt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}getTemplate(){return j``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Oi.elementDefinitions={},$i([nt({type:String})],Oi.prototype,"label",void 0),$i([nt({type:Object,converter:t=>t})],Oi.prototype,"value",void 0),$i([nt({type:Boolean,reflect:!0})],Oi.prototype,"selected",void 0),Oi=$i([Ct("ft-select-option")],Oi);const Si={labelSize:Et.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:Et.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:Et.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:Et.extend("--ft-select-selected-option-color",zt.colorOnSurface),helperColor:Et.extend("--ft-select-helper-color",zt.colorOnSurfaceMedium),optionsColor:Et.extend("--ft-select-options-color",zt.colorOnSurface),optionsZIndex:Et.create("--ft-select-options-z-index","NUMBER","2"),colorSurface:Et.external(zt.colorSurface,"Design system"),colorOnSurfaceDisabled:Et.external(zt.colorOnSurfaceDisabled,"Design system"),colorPrimary:Et.external(zt.colorPrimary,"Design system"),borderRadiusS:Et.external(zt.borderRadiusS,"Design system"),elevation02:Et.external(zt.elevation02,"Design system")};let ki=class extends Nt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}getStyles(){return[Le,Pe,s`
                 *:focus {
                     outline: none;
                 }
@@ -471,13 +518,14 @@ const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     padding-left: 16px;
                     padding-right: 8px;
                     gap: 8px;
+                    color: ${Si.selectedOptionColor};
+                    ${Rt(bi.color,Si.selectedOptionColor)};
                 }
 
                 .ft-select--input-panel,
                 .ft-select--option {
-                    color: ${Si.colorOnSurface};
-                    --ft-opacity-color-content-on-surface-hover: 0.08;
-                    --ft-opacity-color-content-on-surface-dragged: 0.04;
+                    ${Rt(bi.opacityContentOnSurfaceHover,"0.08")};
+                    ${Rt(bi.opacityContentOnSurfaceDragged,"0.04")};
                 }
 
                 .ft-select--disabled .ft-select--input-panel,
@@ -485,7 +533,8 @@ const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     color: ${Si.colorOnSurfaceDisabled};
                 }
 
-                .ft-select:not(.ft-select--disabled) .ft-select--input-panel {
+                .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
+                .ft-select:not(.ft-select--disabled) .ft-select--option {
                     cursor: pointer;
                 }
 
@@ -542,6 +591,7 @@ const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     top: 100%;
                     left: 0;
                     right: 0;
+                    color: ${Si.optionsColor};
                     background: ${Si.colorSurface};
                     z-index: ${Si.optionsZIndex};
                     box-shadow: ${Si.elevation02};
@@ -575,14 +625,12 @@ const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     <div class="ft-select--input-panel"
                          part="selected-value"
                          tabindex="${s?"-1":"0"}"
-                         @click=${()=>this.optionsDisplayed=!this.optionsDisplayed}
+                         @click=${()=>{this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=this.optionsDisplayed}}
                          @keydown=${this.onMainPanelKeyDown}
                          aria-label="${this.label}"
                          aria-haspopup="listbox"
                          aria-expanded="${n}">
-                        ${this.outlined?null:j`
-                            <ft-ripple ?disabled=${s} activated></ft-ripple>
-                        `}
+                        <ft-ripple ?disabled=${s} ?activated=${!this.outlined}></ft-ripple>
                         <ft-typography variant="body1" class="ft-select--selected-option">
                             ${null!=(null===(i=this.selectedOption)||void 0===i?void 0:i.value)&&null!==(o=null===(r=this.selectedOption)||void 0===r?void 0:r.label)&&void 0!==o?o:""}
                         </ft-typography>
@@ -736,10 +784,429 @@ const xi=s`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
                     <ft-typography class="ft-text-field--helper-text" variant="caption">${this.helper}
                     </ft-typography>`:void 0}
             </div>
-        `}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)||""}};Ri.elementDefinitions={"ft-input-label":Ge,"ft-ripple":gi,"ft-typography":Ze},Ci([nt({type:String})],Ri.prototype,"label",void 0),Ci([nt({reflect:!0})],Ri.prototype,"value",void 0),Ci([nt({type:String})],Ri.prototype,"helper",void 0),Ci([nt({type:Boolean})],Ri.prototype,"outlined",void 0),Ci([nt({type:Boolean})],Ri.prototype,"disabled",void 0),Ci([lt(".ft-text-field--input")],Ri.prototype,"input",void 0),Ci([nt({attribute:!1})],Ri.prototype,"dataList",void 0),Ci([st()],Ri.prototype,"focused",void 0),Ri=Ci([Ct("ft-text-field")],Ri);var zi=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const Ni=Et.create("--ft-tooltip-distance","SIZE","4px"),Fi=Et.create("--ft-tooltip-color","COLOR","#FFFFFF"),Ai=Et.create("--ft-tooltip-background-color","COLOR","#666666"),Ti=Et.create("--ft-tooltip-z-index","NUMBER","1"),Mi=Et.external(zt.borderRadiusS,"Design system");let ji=class extends Nt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new kt,this.revealDebouncer=new kt}getStyles(){return s`.ft-tooltip--container{display:block;position:relative}.ft-tooltip--inline{display:inline-block;max-width:100%}.ft-tooltip{position:absolute;box-sizing:border-box;overflow:hidden;width:max-content;max-width:150px;text-align:center;padding:${Ni};z-index:${Ti}}.ft-tooltip--content{padding:4px 8px;border-radius:${Mi};background-color:${Ai};color:${Fi};top:-500px;left:-500px;position:relative;word-break:break-word}`}getTemplate(){return j`<div part="container" class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}" @mouseenter="${this.onHover}" @mouseleave="${this.onOut}" @focusin="${this.onHover}" @focusout="${this.onOut}" @touchstart="${this.onTouch}"><div part="tooltip" class="ft-tooltip ft-tooltip--${this.position}" ?hidden="${!this.visible}"><div part="tooltip-content" class="ft-tooltip--content"><ft-typography variant="caption">${this.text}</ft-typography></div></div><slot></slot></div>`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,r=(e.width-this.tooltip.clientWidth)/2,o=this.tooltip.style;switch(this.position){case"top":o.top=-this.tooltip.clientHeight+"px",o.left=r+"px";break;case"bottom":o.top=e.height+"px",o.left=r+"px";break;case"left":o.top=i+"px",o.left=-this.tooltip.clientWidth+"px";break;case"right":o.top=i+"px",o.left=e.width+"px"}o.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}};ji.elementDefinitions={"ft-typography":Ze},zi([nt()],ji.prototype,"text",void 0),zi([nt({type:Boolean})],ji.prototype,"manual",void 0),zi([nt({type:Boolean})],ji.prototype,"inline",void 0),zi([nt({type:Number})],ji.prototype,"delay",void 0),zi([nt()],ji.prototype,"position",void 0),zi([
+        `}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)||""}};Ri.elementDefinitions={"ft-input-label":Ge,"ft-ripple":gi,"ft-typography":Ze},Ci([nt({type:String})],Ri.prototype,"label",void 0),Ci([nt({reflect:!0})],Ri.prototype,"value",void 0),Ci([nt({type:String})],Ri.prototype,"helper",void 0),Ci([nt({type:Boolean})],Ri.prototype,"outlined",void 0),Ci([nt({type:Boolean})],Ri.prototype,"disabled",void 0),Ci([lt(".ft-text-field--input")],Ri.prototype,"input",void 0),Ci([nt({attribute:!1})],Ri.prototype,"dataList",void 0),Ci([st()],Ri.prototype,"focused",void 0),Ri=Ci([Ct("ft-text-field")],Ri);var zi=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const Ni=Et.create("--ft-tooltip-distance","SIZE","4px"),Fi=Et.create("--ft-tooltip-color","COLOR","#FFFFFF"),Ai=Et.create("--ft-tooltip-background-color","COLOR","#666666"),Ti=Et.create("--ft-tooltip-z-index","NUMBER","1"),Mi=Et.external(zt.borderRadiusS,"Design system");let ji=class extends Nt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new kt,this.revealDebouncer=new kt}getStyles(){return s`
+            .ft-tooltip--container {
+                display: block;
+                position: relative;
+            }
+
+            .ft-tooltip--inline {
+                display: inline-block;
+                max-width: 100%;
+            }
+
+            .ft-tooltip {
+                position: absolute;
+                box-sizing: border-box;
+                overflow: hidden;
+                width: max-content;
+                max-width: 150px;
+                text-align: center;
+                padding: ${Ni};
+                z-index: ${Ti};
+            }
+
+            .ft-tooltip--content {
+                padding: 4px 8px;
+                border-radius: ${Mi};
+                background-color: ${Ai};
+                color: ${Fi};
+                top: -500px;
+                left: -500px;
+                position: relative;
+                word-break: break-word;
+            }
+        `}getTemplate(){return j`
+            <div part="container"
+                 class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
+                 @mouseenter=${this.onHover}
+                 @mouseleave=${this.onOut}
+                 @focusin=${this.onHover}
+                 @focusout=${this.onOut}
+                 @touchstart=${this.onTouch}>
+                <div part="tooltip" class="ft-tooltip ft-tooltip--${this.position}" ?hidden=${!this.visible}>
+                    <div part="tooltip-content" class="ft-tooltip--content">
+                        <ft-typography variant="caption">${this.text}</ft-typography>
+                    </div>
+                </div>
+                <slot></slot>
+            </div>
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,r=(e.width-this.tooltip.clientWidth)/2,o=this.tooltip.style;switch(this.position){case"top":o.top=-this.tooltip.clientHeight+"px",o.left=r+"px";break;case"bottom":o.top=e.height+"px",o.left=r+"px";break;case"left":o.top=i+"px",o.left=-this.tooltip.clientWidth+"px";break;case"right":o.top=i+"px",o.left=e.width+"px"}o.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}};ji.elementDefinitions={"ft-typography":Ze},zi([nt()],ji.prototype,"text",void 0),zi([nt({type:Boolean})],ji.prototype,"manual",void 0),zi([nt({type:Boolean})],ji.prototype,"inline",void 0),zi([nt({type:Number})],ji.prototype,"delay",void 0),zi([nt()],ji.prototype,"position",void 0),zi([
 /**
      * @license
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-function(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},i?function(t){const{slot:e,selector:i}=null!=t?t:{};return at({descriptor:r=>({get(){var r;const o="slot"+(e?`[name=${e}]`:":not([name])"),n=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(o),s=null!=n?pt(n,t):[];return i?s.filter((t=>t.matches(i))):s},enumerable:!0,configurable:!0})})}({slot:o,flatten:e,selector:i}):at({descriptor:t=>({get(){var t,e;const i="slot"+(o?`[name=${o}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==n?void 0:n.assignedNodes(r))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],ji.prototype,"slotNodes",void 0),zi([lt(".ft-tooltip--container")],ji.prototype,"container",void 0),zi([lt("slot")],ji.prototype,"target",void 0),zi([lt(".ft-tooltip")],ji.prototype,"tooltip",void 0),zi([lt(".ft-tooltip--content")],ji.prototype,"tooltipContent",void 0),zi([st()],ji.prototype,"visible",void 0),ji=zi([Ct("ft-tooltip")],ji);var Di=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const Ui={color:Et.extend("--ft-loader-color",zt.colorPrimary),size:Et.create("--ft-loader-size","SIZE","80px")};let Bi=class extends Nt{getStyles(){return s`:host{line-height:0}.ft-loader{display:inline-block;position:relative;width:${Ui.size};height:${Ui.size}}.ft-loader div{position:absolute;top:37.5%;width:25%;height:25%;border-radius:50%;background:${Ui.color};animation-timing-function:cubic-bezier(0,1,1,0)}.ft-loader div:nth-child(1){left:2.5%;animation:appear .6s infinite}.ft-loader div:nth-child(2){left:2.5%;animation:move .6s infinite}.ft-loader div:nth-child(3){left:37.5%;animation:move .6s infinite}.ft-loader div:nth-child(4){left:72.5%;animation:disappear .6s infinite}@keyframes appear{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes disappear{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes move{0%{transform:translate(0,0)}100%{transform:translate(calc(.35 * ${Ui.size}),0)}}`}getTemplate(){return j`<div class="ft-loader"><div></div><div></div><div></div><div></div></div>`}};Bi=Di([Ct("ft-loader")],Bi);var _i=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const Ii=Et.extend("--ft-button-color",zt.colorPrimary),Li={backgroundColor:Et.extend("--ft-button-background-color",zt.colorSurface),borderRadius:Et.extend("--ft-button-border-radius",zt.borderRadiusL),color:Ii,fontSize:Et.extend("--ft-button-font-size",je.fontSize),iconSize:Et.create("--ft-button-icon-size","SIZE","24px"),rippleColor:Et.extend("--ft-button-ripple-color",Ii),opacityDisabled:Et.external(zt.colorOpacityDisabled,"Design system")},Pi=Et.extend("--ft-button-primary-color",Et.extend("--ft-button-color",zt.colorOnPrimary)),Hi=Et.extend("--ft-button-primary-background-color",Et.extend("--ft-button-background-color",zt.colorPrimary)),Vi=Pi,Wi=(Et.extend("--ft-button-primary-ripple-color",Pi),Et.extend("--ft-button-dense-border-radius",Et.extend("--ft-button-border-radius",zt.borderRadiusM)));let Zi=class extends Nt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}getStyles(){return[Ft,s`:host{display:inline-block;max-width:100%}button{box-shadow:0 0 0 transparent;border:0 solid transparent;text-shadow:0 0 0 transparent}button:hover{box-shadow:0 0 0 transparent;border:0 solid transparent;text-shadow:0 0 0 transparent}button:active{outline:0;border:none}button:focus{outline:0}.ft-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;box-sizing:border-box;border:none;--ft-button-internal-font-size:${Li.fontSize}--ft-button-internal-line-height:calc(var(--ft-button-internal-font-size) + 2px);--ft-button-internal-color:${Li.color}--mdc-icon-size:${Li.iconSize}--ft-button-internal-vertical-padding:6px;--ft-button-internal-horizontal-padding:8px;${Rt(bi.color,Li.rippleColor)}--ft-button-internal-content-height:max(var(--ft-button-internal-line-height), var(--mdc-icon-size));border-radius:${Li.borderRadius};padding:var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);background-color:${Li.backgroundColor};color:var(--ft-button-internal-color);-webkit-mask-image:radial-gradient(white,#000)}.ft-button:not([disabled]):hover{cursor:pointer}.ft-button--dense{--ft-button-internal-vertical-padding:2px;--ft-button-internal-horizontal-padding:4px;border-radius:${Wi}}.ft-button--round{border-radius:calc(var(--ft-button-internal-content-height)/ 2 + var(--ft-button-internal-vertical-padding))}.ft-button[disabled]{filter:grayscale(1);opacity:${Li.opacityDisabled}}.ft-button.ft-button--primary{background-color:${Hi};--ft-button-internal-color:${Vi}}.ft-button.ft-button--outlined{border:1px solid var(--ft-button-internal-color);padding:calc(var(--ft-button-internal-vertical-padding) - 1px) calc(var(--ft-button-internal-horizontal-padding) - 1px)}.ft-button:focus{outline:0}.ft-button--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;margin:0 var(--ft-button-internal-horizontal-padding);${Rt(je.fontSize,"var(--ft-button-internal-font-size)")}${Rt(je.lineHeight,"var(--ft-button-internal-content-height)")}}.ft-button--safari-fix .ft-button--label{margin-right:0}.ft-button--safari-fix .ft-button--label:after{content:"\\0000a0";display:inline-block;width:0}.ft-button--label[hidden]{display:none}mwc-icon{flex-shrink:0;width:var(--mdc-icon-size)}.ft-button--label[hidden]+mwc-icon{margin:0 calc(var(--ft-button-internal-horizontal-padding) * -1);padding:0 var(--ft-button-internal-vertical-padding)}.ft-button:not(.ft-button--trailing-icon) ft-loader,.ft-button:not(.ft-button--trailing-icon) mwc-icon{order:-1}ft-loader{${Rt(Ui.size,Li.iconSize)}${Rt(Ui.color,"var(--ft-button-internal-color)")}}`]}getTemplate(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":jt,"ft-no-text-select":!0};return this.addTooltip(j`<button class="${Dt(t)}" aria-label="${this.getLabel()}" ?disabled="${this.isDisabled()}"><ft-ripple ?disabled="${this.isDisabled()}"></ft-ripple><ft-typography variant="button" class="ft-button--label" ?hidden="${!this.hasTextContent()}"><slot @slotchange="${this.onSlotchange}"></slot></ft-typography>${this.resolveIcon()}</button>`)}addTooltip(t){return this.hasTextContent()||0===this.getLabel().trim().length?t:j`<ft-tooltip text="${this.getLabel()}" position="${this.tooltipPosition}">${t}</ft-tooltip>`}resolveIcon(){return this.loading?j`<ft-loader></ft-loader>`:this.icon?j`<mwc-icon>${this.icon}</mwc-icon>`:U}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};Zi.elementDefinitions={"ft-ripple":gi,"ft-tooltip":ji,"ft-typography":Ze,"mwc-icon":wi,"ft-loader":Bi},_i([nt({type:Boolean})],Zi.prototype,"primary",void 0),_i([nt({type:Boolean})],Zi.prototype,"outlined",void 0),_i([nt({type:Boolean})],Zi.prototype,"disabled",void 0),_i([nt({type:Boolean})],Zi.prototype,"dense",void 0),_i([nt({type:Boolean})],Zi.prototype,"round",void 0),_i([nt({type:String})],Zi.prototype,"label",void 0),_i([nt({type:String})],Zi.prototype,"icon",void 0),_i([nt({type:Boolean})],Zi.prototype,"trailingIcon",void 0),_i([nt({type:Boolean})],Zi.prototype,"loading",void 0),_i([nt({type:String})],Zi.prototype,"tooltipPosition",void 0),_i([lt(".ft-button")],Zi.prototype,"button",void 0),_i([lt(".ft-button--label slot")],Zi.prototype,"slottedContent",void 0),Zi=_i([Ct("ft-button")],Zi);var Ki=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};class qi extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Gi={headerBackground:Et.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:Et.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:Et.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:Et.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),colorOnSurfaceHigh:Et.external(zt.colorOnSurfaceHigh,"Design system"),titleFont:Et.external(zt.titleFont,"Design system"),contentFont:Et.external(zt.contentFont,"Design system")},Xi=t=>j`${t}`,Ji=(t,e)=>t-e;t.FtFilterableTable=class extends Nt{constructor(){super(...arguments),this.data=[],this.columns=[],this.filters=[],this.selectData=[]}getStyles(){return s`:host{display:block}.table{display:grid;grid-template-columns:repeat(${this.columns.length},minmax(min-content,auto))}.header,.row{display:contents}.header-cell{display:flex;flex-direction:column;background:${Gi.headerBackground};color:${Gi.colorOnSurfaceHigh};padding:.5rem 1rem;font-family:${Gi.titleFont}}.header-cell:first-of-type{border-radius:.5rem 0 0 0}.header-cell:last-of-type{border-radius:0 .5rem 0 0}.column-title-container{display:flex;align-items:center}.column-title-container ft-button{${Rt(Li.backgroundColor,Gi.headerBackground)}${Rt(Li.color,Gi.colorOnSurfaceHigh)}}.column-title{white-space:nowrap;text-transform:uppercase;margin-right:.5rem}.column-filter{flex-grow:1;flex-shrink:0}.column-filter:not(:empty){padding-top:.5rem}.column-filter ft-select,.column-filter ft-text-field{width:150px;min-width:100%}.cell{padding:1rem;border-left:1px solid ${Gi.headerBackground};border-bottom:1px solid ${Gi.headerBackground};overflow-x:auto;display:flex;align-items:center;font-family:${Gi.contentFont}}.row:nth-child(2n)>.cell{background:${Gi.oddRowBackground}}.row:nth-child(2n+1)>.cell{background:${Gi.evenRowBackground}}.row:hover>.cell{background:${Gi.rowHoverBackground}}.cell:last-of-type{border-right:1px solid ${Gi.headerBackground}}.row:last-of-type .cell:first-of-type{border-radius:0 0 0 .5rem}.row:last-of-type .cell:last-of-type{border-radius:0 0 .5rem 0}.hidden{visibility:hidden}`}init(t,e,i){this.data=t,this.columns=e,this.sort=i}getTemplate(){let t=this.sortData(this.filterData());return j`<div class="table"><div class="header">${$t(this.columns,((t,e)=>"header-cell-"+e),((t,e)=>this.renderHeader(t,e)))}</div>${$t(t,((t,e)=>"row-"+e),((t,e)=>j`<div class="row" @click="${()=>this.dispatchEvent(new qi(t))}">${$t(this.columns,((t,i)=>"cell-"+e+" "+i),(i=>this.renderCell(i,t,e)))}</div>`))}</div>`}filterData(){let t=[...this.data];return this.filters.forEach(((e,i)=>{var r;const o=this.columns[i];if(e)switch(null!==(r=o.filter)&&void 0!==r?r:"text"){case"text":e.value&&(t=t.filter((t=>this.getValueAsString(o,t,i).toLowerCase().includes(e.value.toLowerCase()))));break;case"select":e.value&&(t=t.filter((t=>this.getValueAsString(o,t,i)===e.value)))}})),t}sortData(t){var e;if(this.currentSort){const i=this.columns[this.currentSort.column],r=null!==(e=i.comparator)&&void 0!==e?e:Ji,o="asc"===this.currentSort.order?r:(t,e)=>-r(t,e);return t.sort(((t,e)=>o(this.getValue(i,t),this.getValue(i,e))))}return t}update(t){super.update(t),t.has("sort")&&(this.currentSort=this.sort),(t.has("data")||t.has("columns"))&&this.updateSelectData()}updateSelectData(){this.selectData=[];const t=this.data,e=this.columns;for(let i in e){const r=e[i];"select"===r.filter&&(this.selectData[i]=[...new Set(t.map(((t,e)=>this.getValueAsString(r,t,e))))].sort(((t,e)=>t.localeCompare(e))))}this.requestUpdate()}renderHeader(t,e){return j`<div class="header-cell"><div class="column-title-container"><span class="column-title">${t.title}</span> ${this.renderColumnSort(t,e)}</div><div class="column-filter">${this.renderColumnFilter(t,e)}</div></div>`}renderColumnSort(t,e){var i;const r=this.currentSort&&this.currentSort.column===e,o=r?"asc"===this.currentSort.order?"expand_more":"expand_less":"unfold_more";return j`<ft-button round dense class="${null===(i=t.sortable)||void 0===i||i?"":"hidden"}" icon="${o}" label="Sort ${t.title}" @click="${()=>{var t;r?"asc"===(null===(t=this.currentSort)||void 0===t?void 0:t.order)?this.currentSort={column:e,order:"desc"}:this.currentSort=void 0:this.currentSort={column:e,order:"asc"}}}"></ft-button>`}renderColumnFilter(t,e){var i,r;const o=t=>{this.filters[e]={value:t.detail},this.requestUpdate()};switch(null!==(i=t.filter)&&void 0!==i?i:"text"){case"text":return j`<ft-text-field label="Search ${t.title}" @live-change="${o}"></ft-text-field>`;case"select":const i=null!==(r=this.selectData[e])&&void 0!==r?r:[];return i.length?j`<ft-select label="Filter ${t.title}" @change="${o}"><ft-select-option></ft-select-option>${i.map((t=>j`<ft-select-option value="${t}" label="${t}"></ft-select-option>`))}</ft-select>`:null}return null}renderCell(t,e,i){var r;const o=null!==(r=t.render)&&void 0!==r?r:Xi;return j`<div class="cell">${(t=>{const e=o(t,i);return"string"==typeof e?St(e):e})(this.getValue(t,e))}</div>`}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const r=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(r,i):(t=>""+t)(r)}},t.FtFilterableTable.elementDefinitions={"ft-button":Zi,"ft-select":ki,"ft-select-option":Oi,"ft-text-field":Ri},Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"data",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"columns",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"sort",void 0),Ki([st()],t.FtFilterableTable.prototype,"currentSort",void 0),t.FtFilterableTable=Ki([Ct("ft-filterable-table")],t.FtFilterableTable),t.FtFilterableTableCssVariables=Gi,t.RowClickEvent=qi,Object.defineProperty(t,"t",{value:!0})}({});
+function(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},i?function(t){const{slot:e,selector:i}=null!=t?t:{};return at({descriptor:r=>({get(){var r;const o="slot"+(e?`[name=${e}]`:":not([name])"),n=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(o),s=null!=n?pt(n,t):[];return i?s.filter((t=>t.matches(i))):s},enumerable:!0,configurable:!0})})}({slot:o,flatten:e,selector:i}):at({descriptor:t=>({get(){var t,e;const i="slot"+(o?`[name=${o}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==n?void 0:n.assignedNodes(r))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],ji.prototype,"slotNodes",void 0),zi([lt(".ft-tooltip--container")],ji.prototype,"container",void 0),zi([lt("slot")],ji.prototype,"target",void 0),zi([lt(".ft-tooltip")],ji.prototype,"tooltip",void 0),zi([lt(".ft-tooltip--content")],ji.prototype,"tooltipContent",void 0),zi([st()],ji.prototype,"visible",void 0),ji=zi([Ct("ft-tooltip")],ji);var Di=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const Ui={color:Et.extend("--ft-loader-color",zt.colorPrimary),size:Et.create("--ft-loader-size","SIZE","80px")};let Bi=class extends Nt{getStyles(){return s`
+            :host {
+                line-height: 0;
+            }
+
+            .ft-loader {
+                display: inline-block;
+                position: relative;
+
+                width: ${Ui.size};
+                height: ${Ui.size};
+            }
+
+            .ft-loader div {
+                position: absolute;
+                top: 37.5%;
+                width: 25%;
+                height: 25%;
+                border-radius: 50%;
+                background: ${Ui.color};
+                animation-timing-function: cubic-bezier(0, 1, 1, 0);
+            }
+
+            .ft-loader div:nth-child(1) {
+                left: 2.5%;
+                animation: appear 0.6s infinite;
+            }
+
+            .ft-loader div:nth-child(2) {
+                left: 2.5%;
+                animation: move 0.6s infinite;
+            }
+
+            .ft-loader div:nth-child(3) {
+                left: 37.5%;
+                animation: move 0.6s infinite;
+            }
+
+            .ft-loader div:nth-child(4) {
+                left: 72.5%;
+                animation: disappear 0.6s infinite;
+            }
+
+            @keyframes appear {
+                0% {
+                    transform: scale(0);
+                }
+                100% {
+                    transform: scale(1);
+                }
+            }
+
+            @keyframes disappear {
+                0% {
+                    transform: scale(1);
+                }
+                100% {
+                    transform: scale(0);
+                }
+            }
+
+            @keyframes move {
+                0% {
+                    transform: translate(0, 0);
+                }
+                100% {
+                    transform: translate(calc(0.35 * ${Ui.size}), 0);
+                }
+            }
+        `}getTemplate(){return j`
+            <div class="ft-loader">
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+            </div>
+        `}};Bi=Di([Ct("ft-loader")],Bi);var _i=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};const Ii=Et.extend("--ft-button-color",zt.colorPrimary),Li={backgroundColor:Et.extend("--ft-button-background-color",zt.colorSurface),borderRadius:Et.extend("--ft-button-border-radius",zt.borderRadiusL),color:Ii,fontSize:Et.extend("--ft-button-font-size",je.fontSize),iconSize:Et.create("--ft-button-icon-size","SIZE","24px"),rippleColor:Et.extend("--ft-button-ripple-color",Ii),opacityDisabled:Et.external(zt.colorOpacityDisabled,"Design system")},Pi=Et.extend("--ft-button-primary-color",Et.extend("--ft-button-color",zt.colorOnPrimary)),Hi=Et.extend("--ft-button-primary-background-color",Et.extend("--ft-button-background-color",zt.colorPrimary)),Vi=Pi,Wi=(Et.extend("--ft-button-primary-ripple-color",Pi),Et.extend("--ft-button-dense-border-radius",Et.extend("--ft-button-border-radius",zt.borderRadiusM)));let Zi=class extends Nt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}getStyles(){return[Ft,s`
+                :host {
+                    display: inline-block;
+                    max-width: 100%;
+                }
+
+                button {
+                    box-shadow: 0px 0px 0px transparent;
+                    border: 0px solid transparent;
+                    text-shadow: 0px 0px 0px transparent;
+                }
+
+                button:hover {
+                    box-shadow: 0px 0px 0px transparent;
+                    border: 0px solid transparent;
+                    text-shadow: 0px 0px 0px transparent;
+                }
+
+                button:active {
+                    outline: none;
+                    border: none;
+                }
+
+                button:focus {
+                    outline: 0;
+                }
+
+                .ft-button {
+                    position: relative;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    width: 100%;
+                    overflow: hidden;
+                    box-sizing: border-box;
+                    border: none;
+
+                    --ft-button-internal-font-size: ${Li.fontSize};
+                    --ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
+                    --ft-button-internal-color: ${Li.color};
+                    --mdc-icon-size: ${Li.iconSize};
+                    --ft-button-internal-vertical-padding: 6px;
+                    --ft-button-internal-horizontal-padding: 8px;
+                    ${Rt(bi.color,Li.rippleColor)};
+                    --ft-button-internal-content-height: max(var(--ft-button-internal-line-height), var(--mdc-icon-size));
+
+                    border-radius: ${Li.borderRadius};
+                    padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
+                    background-color: ${Li.backgroundColor};
+                    color: var(--ft-button-internal-color);
+                    -webkit-mask-image: radial-gradient(white, black);
+                }
+
+                .ft-button:not([disabled]):hover {
+                    cursor: pointer;
+                }
+
+                .ft-button--dense {
+                    --ft-button-internal-vertical-padding: 2px;
+                    --ft-button-internal-horizontal-padding: 4px;
+                    border-radius: ${Wi};
+                }
+
+                .ft-button--round {
+                    border-radius: calc(var(--ft-button-internal-content-height) / 2 + var(--ft-button-internal-vertical-padding));
+                }
+
+                .ft-button[disabled] {
+                    filter: grayscale(1);
+                    opacity: ${Li.opacityDisabled};
+                }
+
+                .ft-button.ft-button--primary {
+                    background-color: ${Hi};
+                    --ft-button-internal-color: ${Vi};
+                }
+
+                .ft-button.ft-button--outlined {
+                    border: 1px solid var(--ft-button-internal-color);
+                    padding: calc(var(--ft-button-internal-vertical-padding) - 1px) calc(var(--ft-button-internal-horizontal-padding) - 1px);
+                }
+
+                .ft-button:focus {
+                    outline: none;
+                }
+
+                .ft-button--label {
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    display: block;
+                    margin: 0 var(--ft-button-internal-horizontal-padding);
+                    ${Rt(je.fontSize,"var(--ft-button-internal-font-size)")};
+                    ${Rt(je.lineHeight,"var(--ft-button-internal-content-height)")};
+                }
+
+                .ft-button--safari-fix .ft-button--label {
+                    margin-right: 0;
+                }
+
+                .ft-button--safari-fix .ft-button--label:after {
+                    content: "\\0000a0";
+                    display: inline-block;
+                    width: 0;
+                }
+
+                .ft-button--label[hidden] {
+                    display: none;
+                }
+
+                mwc-icon {
+                    flex-shrink: 0;
+                    width: var(--mdc-icon-size);
+                }
+
+                .ft-button--label[hidden] + mwc-icon {
+                    margin: 0 calc(var(--ft-button-internal-horizontal-padding) * -1);
+                    padding: 0 var(--ft-button-internal-vertical-padding);
+                }
+
+                .ft-button:not(.ft-button--trailing-icon) mwc-icon,
+                .ft-button:not(.ft-button--trailing-icon) ft-loader {
+                    order: -1;
+                }
+
+                ft-loader {
+                    ${Rt(Ui.size,Li.iconSize)};
+                    ${Rt(Ui.color,"var(--ft-button-internal-color)")};
+                }
+            `]}getTemplate(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":jt,"ft-no-text-select":!0};return this.addTooltip(j`
+            <button part="button"
+                    class="${Dt(t)}"
+                    aria-label="${this.getLabel()}"
+                    ?disabled=${this.isDisabled()}>
+                <ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
+                <ft-typography part="label"
+                               variant="button"
+                               class="ft-button--label"
+                               ?hidden=${!this.hasTextContent()}>
+                    <slot @slotchange=${this.onSlotchange}></slot>
+                </ft-typography>
+                ${this.resolveIcon()}
+            </button>
+        `)}addTooltip(t){return this.hasTextContent()||0===this.getLabel().trim().length?t:j`
+            <ft-tooltip part="tooltip"
+                        text="${this.getLabel()}"
+                        position="${this.tooltipPosition}">
+                ${t}
+            </ft-tooltip>
+        `}resolveIcon(){return this.loading?j`
+                <ft-loader></ft-loader> `:this.icon?j`
+                        <mwc-icon>${this.icon}</mwc-icon> `:U}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};Zi.elementDefinitions={"ft-ripple":gi,"ft-tooltip":ji,"ft-typography":Ze,"mwc-icon":wi,"ft-loader":Bi},_i([nt({type:Boolean})],Zi.prototype,"primary",void 0),_i([nt({type:Boolean})],Zi.prototype,"outlined",void 0),_i([nt({type:Boolean})],Zi.prototype,"disabled",void 0),_i([nt({type:Boolean})],Zi.prototype,"dense",void 0),_i([nt({type:Boolean})],Zi.prototype,"round",void 0),_i([nt({type:String})],Zi.prototype,"label",void 0),_i([nt({type:String})],Zi.prototype,"icon",void 0),_i([nt({type:Boolean})],Zi.prototype,"trailingIcon",void 0),_i([nt({type:Boolean})],Zi.prototype,"loading",void 0),_i([nt({type:String})],Zi.prototype,"tooltipPosition",void 0),_i([lt(".ft-button")],Zi.prototype,"button",void 0),_i([lt(".ft-button--label slot")],Zi.prototype,"slottedContent",void 0),Zi=_i([Ct("ft-button")],Zi);var Ki=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};class qi extends CustomEvent{constructor(t){super("row-click",{detail:t})}}const Gi={headerBackground:Et.create("--ft-filterable-table-header-background","COLOR","whitesmoke"),oddRowBackground:Et.create("--ft-filterable-table-odd-row-background","COLOR","#FFFFFF"),evenRowBackground:Et.create("--ft-filterable-table-even-row-background","COLOR","#fdfdfd"),rowHoverBackground:Et.create("--ft-filterable-table-row-hover-background","COLOR","#fafafa"),colorOnSurfaceHigh:Et.external(zt.colorOnSurfaceHigh,"Design system"),titleFont:Et.external(zt.titleFont,"Design system"),contentFont:Et.external(zt.contentFont,"Design system")},Xi=t=>j`${t}`,Ji=(t,e)=>t-e;t.FtFilterableTable=class extends Nt{constructor(){super(...arguments),this.data=[],this.columns=[],this.filters=[],this.selectData=[]}getStyles(){return s`
+            :host {
+                display: block;
+            }
+
+            .table {
+                display: grid;
+                grid-template-columns: repeat(${this.columns.length}, minmax(min-content, auto));
+            }
+
+            .header, .row {
+                display: contents;
+            }
+
+            .header-cell {
+                display: flex;
+                flex-direction: column;
+                background: ${Gi.headerBackground};
+                color: ${Gi.colorOnSurfaceHigh};
+                padding: .5rem 1rem;
+                font-family: ${Gi.titleFont};
+            }
+
+            .header-cell:first-of-type {
+                border-radius: .5rem 0 0 0;
+            }
+
+            .header-cell:last-of-type {
+                border-radius: 0 .5rem 0 0;
+            }
+
+            .column-title-container {
+                display: flex;
+                align-items: center;
+            }
+
+            .column-title-container ft-button {
+                ${Rt(Li.backgroundColor,Gi.headerBackground)};
+                ${Rt(Li.color,Gi.colorOnSurfaceHigh)};
+            }
+
+            .column-title {
+                white-space: nowrap;
+                text-transform: uppercase;
+                margin-right: .5rem;
+            }
+
+            .column-filter {
+                flex-grow: 1;
+                flex-shrink: 0;
+            }
+
+            .column-filter:not(:empty) {
+                padding-top: .5rem;
+            }
+
+            .column-filter ft-text-field,
+            .column-filter ft-select {
+                width: 150px;
+                min-width: 100%;
+            }
+
+            .cell {
+                padding: 1rem;
+                border-left: 1px solid ${Gi.headerBackground};
+                border-bottom: 1px solid ${Gi.headerBackground};
+                overflow-x: auto;
+                display: flex;
+                align-items: center;
+                font-family: ${Gi.contentFont};
+            }
+
+            /* Even is 2n+1 and odd is 2n because of the header */
+            .row:nth-child(2n) > .cell {
+                background: ${Gi.oddRowBackground};
+            }
+
+            .row:nth-child(2n + 1) > .cell {
+                background: ${Gi.evenRowBackground};
+            }
+
+            .row:hover > .cell {
+                background: ${Gi.rowHoverBackground};
+            }
+
+            .cell:last-of-type {
+                border-right: 1px solid ${Gi.headerBackground};
+            }
+
+            .row:last-of-type .cell:first-of-type {
+                border-radius: 0 0 0 .5rem;
+            }
+
+            .row:last-of-type .cell:last-of-type {
+                border-radius: 0 0 .5rem 0;
+            }
+
+            .hidden {
+                visibility: hidden;
+            }
+        `}init(t,e,i){this.data=t,this.columns=e,this.sort=i}getTemplate(){let t=this.sortData(this.filterData());return j`
+            <div class="table">
+                <div class="header">
+                    ${$t(this.columns,((t,e)=>"header-cell-"+e),((t,e)=>this.renderHeader(t,e)))}
+                </div>
+                ${$t(t,((t,e)=>"row-"+e),((t,e)=>j`
+                            <div class="row"
+                                 @click=${()=>this.dispatchEvent(new qi(t))}>
+                                ${$t(this.columns,((t,i)=>"cell-"+e+" "+i),(i=>this.renderCell(i,t,e)))}
+                            </div>
+                        `))}
+            </div>
+        `}filterData(){let t=[...this.data];return this.filters.forEach(((e,i)=>{var r;const o=this.columns[i];if(e)switch(null!==(r=o.filter)&&void 0!==r?r:"text"){case"text":e.value&&(t=t.filter((t=>this.getValueAsString(o,t,i).toLowerCase().includes(e.value.toLowerCase()))));break;case"select":e.value&&(t=t.filter((t=>this.getValueAsString(o,t,i)===e.value)))}})),t}sortData(t){var e;if(this.currentSort){const i=this.columns[this.currentSort.column],r=null!==(e=i.comparator)&&void 0!==e?e:Ji,o="asc"===this.currentSort.order?r:(t,e)=>-r(t,e);return t.sort(((t,e)=>o(this.getValue(i,t),this.getValue(i,e))))}return t}update(t){super.update(t),t.has("sort")&&(this.currentSort=this.sort),(t.has("data")||t.has("columns"))&&this.updateSelectData()}updateSelectData(){this.selectData=[];const t=this.data,e=this.columns;for(let i in e){const r=e[i];"select"===r.filter&&(this.selectData[i]=[...new Set(t.map(((t,e)=>this.getValueAsString(r,t,e))))].sort(((t,e)=>t.localeCompare(e))))}this.requestUpdate()}renderHeader(t,e){return j`
+            <div class="header-cell">
+                <div class="column-title-container">
+                    <span class="column-title">${t.title}</span>
+                    ${this.renderColumnSort(t,e)}
+                </div>
+                <div class="column-filter">
+                    ${this.renderColumnFilter(t,e)}
+                </div>
+            </div>
+        `}renderColumnSort(t,e){var i;const r=this.currentSort&&this.currentSort.column===e,o=r?"asc"===this.currentSort.order?"expand_more":"expand_less":"unfold_more";return j`
+            <ft-button
+                    round
+                    dense
+                    class="${null===(i=t.sortable)||void 0===i||i?"":"hidden"}"
+                    icon="${o}"
+                    label="Sort ${t.title}"
+                    @click=${()=>{var t;r?"asc"===(null===(t=this.currentSort)||void 0===t?void 0:t.order)?this.currentSort={column:e,order:"desc"}:this.currentSort=void 0:this.currentSort={column:e,order:"asc"}}}
+            ></ft-button>
+        `}renderColumnFilter(t,e){var i,r;const o=t=>{this.filters[e]={value:t.detail},this.requestUpdate()};switch(null!==(i=t.filter)&&void 0!==i?i:"text"){case"text":return j`
+                    <ft-text-field
+                            label="Search ${t.title}"
+                            @live-change="${o}"
+                    ></ft-text-field>
+                `;case"select":const i=null!==(r=this.selectData[e])&&void 0!==r?r:[];return i.length?j`
+                    <ft-select label="Filter ${t.title}" @change=${o}>
+                        <ft-select-option></ft-select-option>
+                        ${i.map((t=>j`
+                            <ft-select-option value="${t}" label="${t}"></ft-select-option>
+                        `))}
+                    </ft-select>
+                `:null}return null}renderCell(t,e,i){var r;const o=null!==(r=t.render)&&void 0!==r?r:Xi;return j`
+            <div class="cell">${(t=>{const e=o(t,i);return"string"==typeof e?St(e):e})(this.getValue(t,e))}</div>
+        `}getValue(t,e){return"string"==typeof t.getter?e[t.getter]:t.getter(e)}getValueAsString(t,e,i){const r=this.getValue(t,e);return"function"==typeof t.stringify?t.stringify(r,i):(t=>""+t)(r)}},Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"data",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"columns",void 0),Ki([nt({attribute:!1})],t.FtFilterableTable.prototype,"sort",void 0),Ki([st()],t.FtFilterableTable.prototype,"currentSort",void 0),t.FtFilterableTable=Ki([Ct("ft-filterable-table")],t.FtFilterableTable),t.FtFilterableTableCssVariables=Gi,t.RowClickEvent=qi,Object.defineProperty(t,"t",{value:!0})}({});