@fluid-topics/ft-search-bar 0.3.67 → 0.3.68

package/build/ft-search-bar.light.js

@@ -413,7 +413,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                 ${n.unsafeHTML(this.resolvedIcon)}
                 <slot ?hidden=${o}></slot>
             </i>
-        `}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:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ee.file_format:this.resolvedIcon=null!==(t=Se[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ee.material:this.resolvedIcon=this.value||i.nothing;break;default:this.resolvedIcon=null!==(e=ke[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}De.elementDefinitions={},De.styles=Ce,Ie([o.property()],De.prototype,"variant",void 0),Ie([o.property()],De.prototype,"value",void 0),Ie([o.state()],De.prototype,"resolvedIcon",void 0),Ie([o.query("slot")],De.prototype,"slottedContent",void 0),e.customElement("ft-icon")(De);const Fe=e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Le={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Fe,fontSize:e.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariableFactory.extend("--ft-button-ripple-color",Fe),verticalPadding:e.FtCssVariableFactory.create("--ft-button-vertical-padding","SIZE","6px"),horizontalPadding:e.FtCssVariableFactory.create("--ft-button-horizontal-padding","SIZE","8px"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},je=e.FtCssVariableFactory.extend("--ft-button-primary-color",e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Me={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-primary-background-color",e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:je,rippleColor:e.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",je)},Pe=e.FtCssVariableFactory.extend("--ft-button-dense-border-radius",e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM)),Ae=[e.noTextSelect,i.css`
+        `}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:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ee.file_format:this.resolvedIcon=null!==(t=Se[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ee.material:this.resolvedIcon=this.value||i.nothing;break;default:this.resolvedIcon=null!==(e=ke[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}De.elementDefinitions={},De.styles=Ce,Ie([o.property()],De.prototype,"variant",void 0),Ie([o.property()],De.prototype,"value",void 0),Ie([o.state()],De.prototype,"resolvedIcon",void 0),Ie([o.query("slot")],De.prototype,"slottedContent",void 0),e.customElement("ft-icon")(De);const Fe=e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Le={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Fe,fontSize:e.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariableFactory.extend("--ft-button-ripple-color",Fe),verticalPadding:e.FtCssVariableFactory.create("--ft-button-vertical-padding","SIZE","6px"),horizontalPadding:e.FtCssVariableFactory.create("--ft-button-horizontal-padding","SIZE","8px"),iconPadding:e.FtCssVariableFactory.create("--ft-button-icon-padding","SIZE","8px"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},je=e.FtCssVariableFactory.extend("--ft-button-primary-color",e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Me={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-primary-background-color",e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:je,rippleColor:e.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",je)},Pe=e.FtCssVariableFactory.extend("--ft-button-dense-border-radius",e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM)),Ae=e.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","SIZE","2px"),Ne=e.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","SIZE","4px"),Te=e.FtCssVariableFactory.create("--ft-button-dense-icon-padding","SIZE","4px"),Re=[e.noTextSelect,i.css`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -452,12 +452,11 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             box-sizing: border-box;
             border: none;
             pointer-events: auto;
+            gap: ${Le.iconPadding};
 
             --ft-button-internal-line-height: calc(${Le.fontSize} + 2px);
             --ft-button-internal-color: ${Le.color};
             ${e.setVariable(Be.size,Le.iconSize)};
-            --ft-button-internal-vertical-padding: 6px;
-            --ft-button-internal-horizontal-padding: 8px;
             ${e.setVariable(ne.color,Le.rippleColor)};
             --ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Le.iconSize});
 
@@ -468,18 +467,31 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             -webkit-mask-image: radial-gradient(white, black);
         }
 
+        .ft-button.ft-button--outlined {
+            border: 1px solid var(--ft-button-internal-color);
+            padding: calc(${Le.verticalPadding} - 1px) calc(${Le.horizontalPadding} - 1px);
+        }
+        
+        .ft-button.ft-button--dense {
+            padding: ${Ae} ${Ne};
+            border-radius: ${Pe};
+            gap: ${Te};
+        }
+
+        .ft-button.ft-button--dense.ft-button--outlined {
+            padding: calc(${Ae} - 1px) calc(${Ne} - 1px);
+        }
+        
         .ft-button:not([disabled]):hover {
             cursor: pointer;
         }
 
-        .ft-button--dense {
-            --ft-button-internal-vertical-padding: 2px;
-            --ft-button-internal-horizontal-padding: 4px;
-            border-radius: ${Pe};
+        .ft-button--round {
+            border-radius: calc(var(--ft-button-internal-content-height) / 2 + ${Le.verticalPadding});
         }
 
-        .ft-button--round {
-            border-radius: calc(var(--ft-button-internal-content-height) / 2 + var(--ft-button-internal-vertical-padding));
+        .ft-button--round.ft-button--dense {
+            border-radius: calc(var(--ft-button-internal-content-height) / 2 + ${Ae});
         }
 
         .ft-button[disabled] {
@@ -493,11 +505,6 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             ${e.setVariable(ne.color,Me.rippleColor)};
         }
 
-        .ft-button.ft-button--outlined {
-            border: 1px solid var(--ft-button-internal-color);
-            padding: calc(${Le.verticalPadding} - 1px) calc(${Le.horizontalPadding} - 1px);
-        }
-
         .ft-button:focus {
             outline: none;
         }
@@ -508,7 +515,6 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             white-space: nowrap;
             text-overflow: ellipsis;
             display: block;
-            margin: 0 var(--ft-button-internal-horizontal-padding);
             ${e.setVariable(Zt.fontSize,"1em")};
             ${e.setVariable(Zt.lineHeight,"var(--ft-button-internal-content-height)")};
         }
@@ -523,8 +529,13 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         }
 
         .ft-button--label[hidden] + ft-icon {
-            margin: 0 calc(var(--ft-button-internal-horizontal-padding) * -1);
-            padding: 0 var(--ft-button-internal-vertical-padding);
+            margin: 0 calc(${Le.horizontalPadding} * -1);
+            padding: 0 ${Le.verticalPadding};
+        }
+
+        .ft-button--dense .ft-button--label[hidden] + ft-icon {
+            margin: 0 calc(${Ne} * -1);
+            padding: 0 ${Ae};
         }
 
         .ft-button:not(.ft-button--trailing-icon) ft-icon,
@@ -536,7 +547,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             ${e.setVariable(me.size,Le.iconSize)};
             ${e.setVariable(me.color,"var(--ft-button-internal-color)")};
         }
-    `];var Ne=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Te extends e.FtLitElement{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Ee.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){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-no-text-select":!0};return this.addTooltipIfNeeded(i.html`
+    `];var Ze=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Ue extends e.FtLitElement{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Ee.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){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-no-text-select":!0};return this.addTooltipIfNeeded(i.html`
             <button part="button"
                     class="${r.classMap(t)}"
                     aria-label="${this.getLabel()}"
@@ -559,14 +570,14 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                     </ft-tooltip>
                 `:t}resolveIcon(){return this.loading?i.html`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?i.html`
-                        <ft-icon part="icon" variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:i.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Te.elementDefinitions={"ft-ripple":be,"ft-tooltip":ye,"ft-typography":te,"ft-icon":De,"ft-loader":we},Te.styles=[e.safariEllipsisFix,Ae],Ne([o.property({type:String,reflect:!0})],Te.prototype,"role",void 0),Ne([o.property({type:Boolean})],Te.prototype,"primary",void 0),Ne([o.property({type:Boolean})],Te.prototype,"outlined",void 0),Ne([o.property({type:Boolean})],Te.prototype,"disabled",void 0),Ne([o.property({type:Boolean})],Te.prototype,"dense",void 0),Ne([o.property({type:Boolean})],Te.prototype,"round",void 0),Ne([o.property({type:String})],Te.prototype,"label",void 0),Ne([o.property({type:String})],Te.prototype,"icon",void 0),Ne([o.property({type:String})],Te.prototype,"iconVariant",void 0),Ne([o.property({type:Boolean})],Te.prototype,"trailingIcon",void 0),Ne([o.property({type:Boolean})],Te.prototype,"loading",void 0),Ne([o.property({type:String})],Te.prototype,"tooltipPosition",void 0),Ne([o.property({type:Boolean})],Te.prototype,"hideTooltip",void 0),Ne([o.property({type:Boolean})],Te.prototype,"forceTooltip",void 0),Ne([o.query(".ft-button")],Te.prototype,"button",void 0),Ne([o.query(".ft-button--label slot")],Te.prototype,"slottedContent",void 0),e.customElement("ft-button")(Te);const Re=e.FtCssVariableFactory.extend("--ft-checkbox-text-color",e.designSystemVariables.colorOnSurfaceHigh),Ze=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Ue=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),_e=e.FtCssVariableFactory.extend("--ft-checkbox-border-color",e.designSystemVariables.colorOnSurfaceMedium),He=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),Ve=i.css`
+                        <ft-icon part="icon" variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:i.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Ue.elementDefinitions={"ft-ripple":be,"ft-tooltip":ye,"ft-typography":te,"ft-icon":De,"ft-loader":we},Ue.styles=[e.safariEllipsisFix,Re],Ze([o.property({type:String,reflect:!0})],Ue.prototype,"role",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"primary",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"outlined",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"disabled",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"dense",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"round",void 0),Ze([o.property({type:String})],Ue.prototype,"label",void 0),Ze([o.property({type:String})],Ue.prototype,"icon",void 0),Ze([o.property({type:String})],Ue.prototype,"iconVariant",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"trailingIcon",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"loading",void 0),Ze([o.property({type:String})],Ue.prototype,"tooltipPosition",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"hideTooltip",void 0),Ze([o.property({type:Boolean})],Ue.prototype,"forceTooltip",void 0),Ze([o.query(".ft-button")],Ue.prototype,"button",void 0),Ze([o.query(".ft-button--label slot")],Ue.prototype,"slottedContent",void 0),e.customElement("ft-button")(Ue);const _e=e.FtCssVariableFactory.extend("--ft-checkbox-text-color",e.designSystemVariables.colorOnSurfaceHigh),He=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Ve=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),Ke=e.FtCssVariableFactory.extend("--ft-checkbox-border-color",e.designSystemVariables.colorOnSurfaceMedium),qe=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),We=i.css`
     * {
         box-sizing: border-box;
     }
 
     .ft-checkbox {
         box-sizing: border-box;
-        color: ${Re};
+        color: ${_e};
 
         display: inline-flex;
         align-items: center;
@@ -574,7 +585,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-checkbox--disabled {
-        color: ${He};
+        color: ${qe};
     }
 
     input {
@@ -598,26 +609,26 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-checkbox--box {
         display: flex;
-        border: 2px solid ${_e};
+        border: 2px solid ${Ke};
         border-radius: 2px;
 
         width: 18px;
         height: 18px;
 
-        color: ${Ue};
+        color: ${Ve};
     }
 
 
     .ft-checkbox--checked .ft-checkbox--box,
     .ft-checkbox--indeterminate .ft-checkbox--box {
-        border-color: ${Ze};
-        background-color: ${Ze};
+        border-color: ${He};
+        background-color: ${He};
     }
 
     .ft-checkbox--disabled .ft-checkbox--box {
-        border-color: ${He};
+        border-color: ${qe};
         background-color: transparent;
-        color: ${He};
+        color: ${qe};
     }
 
     .ft-checkbox--checkmark {
@@ -636,7 +647,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-checkbox--indeterminate .ft-checkbox--checkmark {
         opacity: 1;
     }
-`;var Ke=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class qe extends e.FtLitElement{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){const t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return i.html`
+`;var Ge=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Xe extends e.FtLitElement{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){const t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return i.html`
             <label class="${r.classMap(t)}" for="checkbox-input">
                 <div class="ft-checkbox--box-container">
                     <ft-ripple
@@ -662,14 +673,14 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                     <slot></slot>
                 </ft-typography>
             </label>
-        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}qe.elementDefinitions={"ft-ripple":be,"ft-typography":te},qe.styles=Ve,Ke([o.property()],qe.prototype,"name",void 0),Ke([o.property({type:Boolean,reflect:!0})],qe.prototype,"checked",void 0),Ke([o.property({type:Boolean})],qe.prototype,"indeterminate",void 0),Ke([o.property({type:Boolean})],qe.prototype,"disabled",void 0),Ke([o.query(".ft-checkbox")],qe.prototype,"container",void 0),Ke([o.query("ft-ripple")],qe.prototype,"ripple",void 0),e.customElement("ft-checkbox")(qe);const We=e.FtCssVariableFactory.extend("--ft-radio-text-color",e.designSystemVariables.colorOnSurfaceHigh),Ge=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Xe=(e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),e.FtCssVariableFactory.extend("--ft-radio-border-color",e.designSystemVariables.colorOnSurfaceMedium)),Ye=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),Je=i.css`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}Xe.elementDefinitions={"ft-ripple":be,"ft-typography":te},Xe.styles=We,Ge([o.property()],Xe.prototype,"name",void 0),Ge([o.property({type:Boolean,reflect:!0})],Xe.prototype,"checked",void 0),Ge([o.property({type:Boolean})],Xe.prototype,"indeterminate",void 0),Ge([o.property({type:Boolean})],Xe.prototype,"disabled",void 0),Ge([o.query(".ft-checkbox")],Xe.prototype,"container",void 0),Ge([o.query("ft-ripple")],Xe.prototype,"ripple",void 0),e.customElement("ft-checkbox")(Xe);const Ye=e.FtCssVariableFactory.extend("--ft-radio-text-color",e.designSystemVariables.colorOnSurfaceHigh),Je=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Qe=(e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),e.FtCssVariableFactory.extend("--ft-radio-border-color",e.designSystemVariables.colorOnSurfaceMedium)),ti=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),ei=i.css`
     * {
         box-sizing: border-box;
     }
 
     .ft-radio {
         box-sizing: border-box;
-        color: ${We};
+        color: ${Ye};
 
         display: inline-flex;
         align-items: center;
@@ -677,7 +688,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-radio--disabled {
-        color: ${Ye};
+        color: ${ti};
     }
 
     input {
@@ -700,7 +711,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-radio--box {
-        border: 2px solid ${Xe};
+        border: 2px solid ${Qe};
         border-radius: 50%;
 
         display: flex;
@@ -713,7 +724,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-radio--box:after {
         content: " ";
-        background-color: ${Ge};
+        background-color: ${Je};
 
         border-radius: 50%;
 
@@ -725,7 +736,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-radio--checked .ft-radio--box {
-        border-color: ${Ge};
+        border-color: ${Je};
     }
 
 
@@ -734,14 +745,14 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-radio--disabled .ft-radio--box {
-        border-color: ${Ye};
+        border-color: ${ti};
         background-color: transparent;
     }
 
     .ft-radio--disabled .ft-radio--box:after {
-        background-color: ${Ye};
+        background-color: ${ti};
     }
-`;var Qe=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class ti extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class ei extends e.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return i.html`
+`;var ii=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class oi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class si extends e.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return i.html`
             <div class="${r.classMap(t)}">
                 <div class="ft-radio--box-container">
                     <ft-ripple
@@ -766,17 +777,17 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                     </ft-typography>
                 </label>
             </div>
-        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new ti(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new ti(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}ei.elementDefinitions={"ft-ripple":be,"ft-typography":te},ei.styles=Je,Qe([o.property()],ei.prototype,"value",void 0),Qe([o.property()],ei.prototype,"name",void 0),Qe([o.property({type:Boolean,reflect:!0})],ei.prototype,"checked",void 0),Qe([o.property({type:Boolean})],ei.prototype,"disabled",void 0),Qe([o.query(".ft-radio")],ei.prototype,"container",void 0),Qe([o.query("ft-ripple")],ei.prototype,"ripple",void 0),Qe([o.query("input")],ei.prototype,"input",void 0);const ii=i.css`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new oi(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new oi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}si.elementDefinitions={"ft-ripple":be,"ft-typography":te},si.styles=ei,ii([o.property()],si.prototype,"value",void 0),ii([o.property()],si.prototype,"name",void 0),ii([o.property({type:Boolean,reflect:!0})],si.prototype,"checked",void 0),ii([o.property({type:Boolean})],si.prototype,"disabled",void 0),ii([o.query(".ft-radio")],si.prototype,"container",void 0),ii([o.query("ft-ripple")],si.prototype,"ripple",void 0),ii([o.query("input")],si.prototype,"input",void 0);const ri=i.css`
     :host {
         display: contents;
     }
-`;var oi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class si extends e.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return i.html`
+`;var ni=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class li extends e.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return i.html`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}
                   @focusin=${this.focusCurrentValue}
             ></slot>
-        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}si.elementDefinitions={},si.styles=ii,oi([o.property()],si.prototype,"name",void 0),oi([o.queryAssignedElements()],si.prototype,"radioButtons",void 0),e.customElement("ft-radio")(ei),e.customElement("ft-radio-group")(si);const ri={borderRadiusM:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),colorOnSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:e.FtCssVariableFactory.external(Bt.fontFamily,"Body2 typography"),fontSize:e.FtCssVariableFactory.external(Bt.fontSize,"Body2 typography"),fontWeight:e.FtCssVariableFactory.external(Bt.fontWeight,"Body2 typography"),letterSpacing:e.FtCssVariableFactory.external(Bt.letterSpacing,"Body2 typography"),lineHeight:e.FtCssVariableFactory.external(Bt.lineHeight,"Body2 typography"),textTransform:e.FtCssVariableFactory.external(Bt.textTransform,"Body2 typography")},ni=i.css`
+        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}li.elementDefinitions={},li.styles=ri,ni([o.property()],li.prototype,"name",void 0),ni([o.queryAssignedElements()],li.prototype,"radioButtons",void 0),e.customElement("ft-radio")(si),e.customElement("ft-radio-group")(li);const ai={borderRadiusM:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),colorOnSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:e.FtCssVariableFactory.external(Bt.fontFamily,"Body2 typography"),fontSize:e.FtCssVariableFactory.external(Bt.fontSize,"Body2 typography"),fontWeight:e.FtCssVariableFactory.external(Bt.fontWeight,"Body2 typography"),letterSpacing:e.FtCssVariableFactory.external(Bt.letterSpacing,"Body2 typography"),lineHeight:e.FtCssVariableFactory.external(Bt.lineHeight,"Body2 typography"),textTransform:e.FtCssVariableFactory.external(Bt.textTransform,"Body2 typography")},ci=i.css`
     .ft-filter-level--container {
         display: flex;
         flex-direction: column;
@@ -790,14 +801,14 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         flex-shrink: 0;
         text-decoration: none;
         position: relative;
-        border-radius: ${ri.borderRadiusM};
+        border-radius: ${ai.borderRadiusM};
         overflow: hidden;
         display: flex;
         align-items: center;
         padding: 4px 4px;
         gap: 4px;
         cursor: pointer;
-        color: ${ri.colorOnSurface};
+        color: ${ai.colorOnSurface};
     }
 
     .ft-filter-level--go-back:focus {
@@ -826,7 +837,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     ft-button {
-        ${e.setVariable(Le.color,ri.colorOnSurface)};
+        ${e.setVariable(Le.color,ai.colorOnSurface)};
     }
 
     ft-radio, ft-checkbox {
@@ -840,9 +851,9 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-filter-level--no-values {
         margin: 10px 0;
-        color: ${ri.colorOnSurfaceMedium};
+        color: ${ai.colorOnSurfaceMedium};
     }
-`;var li=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class ai extends e.FtLitElement{constructor(){super(...arguments),this.id="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return i.html`
+`;var hi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class pi extends e.FtLitElement{constructor(){super(...arguments),this.id="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return i.html`
             <div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
                 ${null==this.parent?null:i.html`
                     <div tabindex="0"
@@ -906,7 +917,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                       @change=${t=>t.stopPropagation()}>
                 ${t.renderOption?t.renderOption:t.label}
             </ft-radio>
-        `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}ai.elementDefinitions={"ft-button":Te,"ft-ripple":be,"ft-typography":te,"ft-checkbox":qe,"ft-icon":De,"ft-radio":ei},ai.styles=ni,li([o.property({type:String})],ai.prototype,"id",void 0),li([o.property({type:Object})],ai.prototype,"parent",void 0),li([o.property({type:Array})],ai.prototype,"options",void 0),li([o.property({type:Boolean})],ai.prototype,"multivalued",void 0),li([o.property({type:Boolean})],ai.prototype,"disabled",void 0),li([o.property({type:Boolean})],ai.prototype,"hideSelectedOptions",void 0),li([o.property({type:Boolean})],ai.prototype,"preventNavigation",void 0),li([o.property({type:String})],ai.prototype,"filter",void 0),li([o.property({type:String})],ai.prototype,"moreValuesButtonLabel",void 0),li([o.property({type:String})],ai.prototype,"noValuesLabel",void 0),li([o.property({type:Number})],ai.prototype,"displayedValuesLimit",void 0),li([o.query(".ft-filter-level--container")],ai.prototype,"container",void 0),li([o.state()],ai.prototype,"displayedPages",void 0);const ci={buttonsColor:e.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color",e.designSystemVariables.colorPrimary),buttonsZIndex:e.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:e.FtCssVariableFactory.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},hi=i.css`
+        `}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}pi.elementDefinitions={"ft-button":Ue,"ft-ripple":be,"ft-typography":te,"ft-checkbox":Xe,"ft-icon":De,"ft-radio":si},pi.styles=ci,hi([o.property({type:String})],pi.prototype,"id",void 0),hi([o.property({type:Object})],pi.prototype,"parent",void 0),hi([o.property({type:Array})],pi.prototype,"options",void 0),hi([o.property({type:Boolean})],pi.prototype,"multivalued",void 0),hi([o.property({type:Boolean})],pi.prototype,"disabled",void 0),hi([o.property({type:Boolean})],pi.prototype,"hideSelectedOptions",void 0),hi([o.property({type:Boolean})],pi.prototype,"preventNavigation",void 0),hi([o.property({type:String})],pi.prototype,"filter",void 0),hi([o.property({type:String})],pi.prototype,"moreValuesButtonLabel",void 0),hi([o.property({type:String})],pi.prototype,"noValuesLabel",void 0),hi([o.property({type:Number})],pi.prototype,"displayedValuesLimit",void 0),hi([o.query(".ft-filter-level--container")],pi.prototype,"container",void 0),hi([o.state()],pi.prototype,"displayedPages",void 0);const fi={buttonsColor:e.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color",e.designSystemVariables.colorPrimary),buttonsZIndex:e.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:e.FtCssVariableFactory.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system")},di=i.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -941,7 +952,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         flex-wrap: nowrap;
         align-items: flex-start;
         justify-content: flex-start;
-        gap: ${ci.gap};
+        gap: ${fi.gap};
     }
 
     .ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
@@ -984,11 +995,11 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-snap-scroll--next {
         position: absolute;
         display: flex;
-        z-index: ${ci.buttonsZIndex};
+        z-index: ${fi.buttonsZIndex};
         opacity: 1;
         transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
         ${e.setVariable(Le.backgroundColor,"transparent")};
-        ${e.setVariable(Le.color,ci.buttonsColor)};
+        ${e.setVariable(Le.color,fi.buttonsColor)};
     }
 
     .ft-snap-scroll--previous[hidden],
@@ -1001,37 +1012,37 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         top: 0;
         left: -1px;
         bottom: 0;
-        background: linear-gradient(to right, ${ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to right, ${fi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--vertical .ft-snap-scroll--previous {
         top: -1px;
         left: 0;
         right: 0;
-        background: linear-gradient(to bottom, ${ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to bottom, ${fi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--horizontal .ft-snap-scroll--next {
         top: 0;
         right: -1px;
         bottom: 0;
-        background: linear-gradient(to left, ${ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to left, ${fi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--vertical .ft-snap-scroll--next {
         left: 0;
         right: 0;
         bottom: -1px;
-        background: linear-gradient(to top, ${ci.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to top, ${fi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
     .ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
     .ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
     .ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
-        background-color: ${ci.colorSurface};
+        background-color: ${fi.colorSurface};
     }
-`;var pi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class fi extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class di extends e.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new e.Debouncer(200),this.updateScrollDebouncer=new e.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let e=this.elements[t];if(e){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,i=this.contentSlot[this.scrollAttribute]+this.prevSize;(e[this.offsetAttribute]<i||e[this.offsetAttribute]+e[this.sizeAttribute]>t)&&this.scrollToElement(e)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=r.classMap({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":e.isSafari}),o=this.controls&&this.withScroll;return i.html`
+`;var ui=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class bi extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class vi extends e.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new e.Debouncer(200),this.updateScrollDebouncer=new e.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let e=this.elements[t];if(e){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,i=this.contentSlot[this.scrollAttribute]+this.prevSize;(e[this.offsetAttribute]<i||e[this.offsetAttribute]+e[this.sizeAttribute]>t)&&this.scrollToElement(e)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=r.classMap({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":e.isSafari}),o=this.controls&&this.withScroll;return i.html`
             <div part="container" class="${t}">
                 <ft-button
                         class="ft-snap-scroll--previous"
@@ -1055,7 +1066,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                         @click=${this.next}
                 ></ft-button>
             </div>
-        `}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new fi(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}di.elementDefinitions={"ft-button":Te},di.styles=hi,pi([o.property({type:Boolean})],di.prototype,"horizontal",void 0),pi([o.property({type:Boolean})],di.prototype,"hideScrollbar",void 0),pi([o.property({type:Boolean})],di.prototype,"controls",void 0),pi([o.property({type:Boolean})],di.prototype,"limitSize",void 0),pi([o.state()],di.prototype,"elements",void 0),pi([o.state()],di.prototype,"currentElement",void 0),pi([o.state()],di.prototype,"withScroll",void 0),pi([o.state()],di.prototype,"startReached",void 0),pi([o.state()],di.prototype,"endReached",void 0),pi([o.query(".ft-snap-scroll--content")],di.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(di);const ui=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),bi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),vi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),gi=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),xi=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),yi=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),mi=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),$i=[Wt,i.css`
+        `}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new bi(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}vi.elementDefinitions={"ft-button":Ue},vi.styles=di,ui([o.property({type:Boolean})],vi.prototype,"horizontal",void 0),ui([o.property({type:Boolean})],vi.prototype,"hideScrollbar",void 0),ui([o.property({type:Boolean})],vi.prototype,"controls",void 0),ui([o.property({type:Boolean})],vi.prototype,"limitSize",void 0),ui([o.state()],vi.prototype,"elements",void 0),ui([o.state()],vi.prototype,"currentElement",void 0),ui([o.state()],vi.prototype,"withScroll",void 0),ui([o.state()],vi.prototype,"startReached",void 0),ui([o.state()],vi.prototype,"endReached",void 0),ui([o.query(".ft-snap-scroll--content")],vi.prototype,"contentSlot",void 0),e.customElement("ft-snap-scroll")(vi);const gi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),xi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),yi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),mi=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),$i=e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),wi=e.FtCssVariableFactory.external(e.designSystemVariables.transitionDuration,"Design system"),ki=e.FtCssVariableFactory.external(e.designSystemVariables.transitionTimingFunction,"Design system"),Si=[Wt,i.css`
         :host {
             display: flex;
             max-height: 100%;
@@ -1068,7 +1079,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             flex-direction: column;
             max-height: 100%;
             max-width: 100%;
-            color: ${bi};
+            color: ${xi};
         }
 
         .ft-filter--header {
@@ -1104,8 +1115,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             padding: 0 10px;
             overflow: hidden;
             height: 32px;
-            transition: height ${yi} ${mi},
-            margin ${yi} ${mi};
+            transition: height ${wi} ${ki},
+            margin ${wi} ${ki};
             transition-delay: 500ms;
         }
 
@@ -1118,15 +1129,15 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             display: block;
             width: 100%;
             border-radius: 4px;
-            border: 1px solid ${ui};
+            border: 1px solid ${gi};
             padding: 4px;
-            background-color: ${xi};
-            color: ${bi};
-            outline-color: ${gi};
+            background-color: ${$i};
+            color: ${xi};
+            outline-color: ${mi};
         }
 
         input::placeholder {
-            color: ${vi};
+            color: ${yi};
         }
 
         input:placeholder-shown {
@@ -1142,7 +1153,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         }
 
         .ft-filter--separator {
-            border-top: 1px solid ${ui};
+            border-top: 1px solid ${gi};
             margin: 4px 10px;
         }
 
@@ -1167,7 +1178,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         slot {
             display: none;
         }
-    `];var wi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class ki extends CustomEvent{constructor(t){super("change",{detail:t})}}class Si extends e.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new e.Debouncer(300),this.changeDebouncer=new e.Debouncer(10)}get flatOptions(){return ee(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.flatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){var t,e;const o=this.flatOptions.some((t=>t.selected)),s=this.withScroll||this.filter||null!==(e=null===(t=this.lastLevel)||void 0===t?void 0:t.hasHiddenValues)&&void 0!==e&&e,r=this.filterPlaceHolder.replace("{0}",this.label);return i.html`
+    `];var zi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Oi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Bi extends e.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new e.Debouncer(300),this.changeDebouncer=new e.Debouncer(10)}get flatOptions(){return ee(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.flatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){var t,e;const o=this.flatOptions.some((t=>t.selected)),s=this.withScroll||this.filter||null!==(e=null===(t=this.lastLevel)||void 0===t?void 0:t.hasHiddenValues)&&void 0!==e&&e,r=this.filterPlaceHolder.replace("{0}",this.label);return i.html`
             <div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
                  part="container">
                 ${this.label||o?i.html`
@@ -1237,17 +1248,17 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                     .exportpartsPrefixes=${["values","available-values"]}
                     noValuesLabel="${this.noValuesLabel}"
             ></ft-filter-level>
-        `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.dispatchEvent(new ki(this.selectedValues)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Si.elementDefinitions={"ft-button":Te,"ft-filter-level":ai,"ft-snap-scroll":di,"ft-typography":te},Si.styles=$i,wi([o.property({type:String})],Si.prototype,"id",void 0),wi([o.property({type:String})],Si.prototype,"label",void 0),wi([o.property({type:String})],Si.prototype,"filterPlaceHolder",void 0),wi([o.property({type:String})],Si.prototype,"clearButtonLabel",void 0),wi([o.property({type:String})],Si.prototype,"moreValuesButtonLabel",void 0),wi([o.property({type:String})],Si.prototype,"noValuesLabel",void 0),wi([e.jsonProperty([])],Si.prototype,"options",void 0),wi([o.property({type:Boolean})],Si.prototype,"multivalued",void 0),wi([o.property({type:Boolean})],Si.prototype,"disabled",void 0),wi([o.property({type:Boolean})],Si.prototype,"raiseSelectedOptions",void 0),wi([o.property({type:Number})],Si.prototype,"displayedValuesLimit",void 0),wi([o.property({type:Boolean})],Si.prototype,"hideClearButton",void 0),wi([o.query(".ft-filter--slot")],Si.prototype,"slotElement",void 0),wi([o.query(".ft-filter--container")],Si.prototype,"container",void 0),wi([o.query(".ft-filter--values")],Si.prototype,"valuesContainer",void 0),wi([o.query(".ft-filter--levels")],Si.prototype,"levelsContainer",void 0),wi([o.query(".ft-filter--levels ft-filter-level:last-child")],Si.prototype,"lastLevel",void 0),wi([o.query(".ft-filter--filter input")],Si.prototype,"filterInput",void 0),wi([o.queryAll(".ft-filter--levels ft-filter-level")],Si.prototype,"levels",void 0),wi([o.state()],Si.prototype,"withScroll",void 0),wi([o.state()],Si.prototype,"filter",void 0),wi([o.state()],Si.prototype,"slideIn",void 0),wi([o.state()],Si.prototype,"slideOut",void 0);var zi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Oi extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return i.html`
+        `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.dispatchEvent(new Oi(this.selectedValues)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Bi.elementDefinitions={"ft-button":Ue,"ft-filter-level":pi,"ft-snap-scroll":vi,"ft-typography":te},Bi.styles=Si,zi([o.property({type:String})],Bi.prototype,"id",void 0),zi([o.property({type:String})],Bi.prototype,"label",void 0),zi([o.property({type:String})],Bi.prototype,"filterPlaceHolder",void 0),zi([o.property({type:String})],Bi.prototype,"clearButtonLabel",void 0),zi([o.property({type:String})],Bi.prototype,"moreValuesButtonLabel",void 0),zi([o.property({type:String})],Bi.prototype,"noValuesLabel",void 0),zi([e.jsonProperty([])],Bi.prototype,"options",void 0),zi([o.property({type:Boolean})],Bi.prototype,"multivalued",void 0),zi([o.property({type:Boolean})],Bi.prototype,"disabled",void 0),zi([o.property({type:Boolean})],Bi.prototype,"raiseSelectedOptions",void 0),zi([o.property({type:Number})],Bi.prototype,"displayedValuesLimit",void 0),zi([o.property({type:Boolean})],Bi.prototype,"hideClearButton",void 0),zi([o.query(".ft-filter--slot")],Bi.prototype,"slotElement",void 0),zi([o.query(".ft-filter--container")],Bi.prototype,"container",void 0),zi([o.query(".ft-filter--values")],Bi.prototype,"valuesContainer",void 0),zi([o.query(".ft-filter--levels")],Bi.prototype,"levelsContainer",void 0),zi([o.query(".ft-filter--levels ft-filter-level:last-child")],Bi.prototype,"lastLevel",void 0),zi([o.query(".ft-filter--filter input")],Bi.prototype,"filterInput",void 0),zi([o.queryAll(".ft-filter--levels ft-filter-level")],Bi.prototype,"levels",void 0),zi([o.state()],Bi.prototype,"withScroll",void 0),zi([o.state()],Bi.prototype,"filter",void 0),zi([o.state()],Bi.prototype,"slideIn",void 0),zi([o.state()],Bi.prototype,"slideOut",void 0);var Ci=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Ei extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return i.html`
             <slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
-        `}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}Oi.elementDefinitions={},zi([o.property({type:String})],Oi.prototype,"label",void 0),zi([o.property({type:Object,converter:t=>t})],Oi.prototype,"value",void 0),zi([o.property({type:Boolean,reflect:!0})],Oi.prototype,"selected",void 0),zi([o.property({type:Object})],Oi.prototype,"subOptions",void 0),zi([e.jsonProperty({})],Oi.prototype,"renderOption",void 0),zi([o.query(".ft-filter-option--slot")],Oi.prototype,"slotElement",void 0),e.customElement("ft-filter")(Si),e.customElement("ft-filter-option")(Oi);const Bi=i.css`
+        `}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}Ei.elementDefinitions={},Ci([o.property({type:String})],Ei.prototype,"label",void 0),Ci([o.property({type:Object,converter:t=>t})],Ei.prototype,"value",void 0),Ci([o.property({type:Boolean,reflect:!0})],Ei.prototype,"selected",void 0),Ci([o.property({type:Object})],Ei.prototype,"subOptions",void 0),Ci([e.jsonProperty({})],Ei.prototype,"renderOption",void 0),Ci([o.query(".ft-filter-option--slot")],Ei.prototype,"slotElement",void 0),e.customElement("ft-filter")(Bi),e.customElement("ft-filter-option")(Ei);const Ii=i.css`
     .ft-accordion {
         box-sizing: border-box;
     }
-`;var Ci=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Ei extends e.FtLitElement{constructor(){super(...arguments),this.multi=!1}render(){return i.html`
+`;var Di=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Fi extends e.FtLitElement{constructor(){super(...arguments),this.multi=!1}render(){return i.html`
             <div class="ft-accordion">
                 <slot @activated=${this.onChange}></slot>
             </div>
-        `}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}Ei.elementDefinitions={},Ei.styles=Bi,Ci([o.property({type:Boolean})],Ei.prototype,"multi",void 0),Ci([o.query("slot")],Ei.prototype,"content",void 0);const Ii=e.FtCssVariableFactory.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),Di=e.FtCssVariableFactory.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),Fi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),Li=i.css`
+        `}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}Fi.elementDefinitions={},Fi.styles=Ii,Di([o.property({type:Boolean})],Fi.prototype,"multi",void 0),Di([o.query("slot")],Fi.prototype,"content",void 0);const Li=e.FtCssVariableFactory.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),ji=e.FtCssVariableFactory.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),Mi=e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),Pi=i.css`
     .ft-accordion-item {
         display: flex;
         flex-direction: column;
@@ -1260,8 +1271,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         display: flex;
         align-items: center;
         cursor: pointer;
-        padding: ${Di} ${Ii};
-        gap: calc(${Ii} / 2);
+        padding: ${ji} ${Li};
+        gap: calc(${Li} / 2);
         outline: none;
     }
 
@@ -1286,13 +1297,13 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-accordion-item--active .ft-accordion-item--content {
         height: initial;
         overflow: visible;
-        padding: ${Di} ${Ii};
+        padding: ${ji} ${Li};
     }
 
     .ft-accordion-item--separator {
-        border-bottom: 1px solid ${Fi};
+        border-bottom: 1px solid ${Mi};
     }
-`;var ji=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Mi extends e.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return i.html`
+`;var Ai=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Ni extends e.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return i.html`
             <div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
                 <div class="ft-accordion-item--toggle"
                      part="toggle"
@@ -1322,7 +1333,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                 </div>
                 <div class="ft-accordion-item--separator" part="separator"></div>
             </div>
-        `}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}Mi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Mi.styles=Li,ji([o.property({type:String})],Mi.prototype,"icon",void 0),ji([o.property({type:String})],Mi.prototype,"label",void 0),ji([o.property({type:Boolean,reflect:!0})],Mi.prototype,"active",void 0),e.customElement("ft-accordion")(Ei),e.customElement("ft-accordion-item")(Mi);const Pi=e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnSurface),Ai={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorSurface),color:Pi,fontSize:e.FtCssVariableFactory.extend("--ft-chip-font-size",Bt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:e.FtCssVariableFactory.extend("--ft-chip-ripple-color",Pi),horizontalPadding:e.FtCssVariableFactory.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:e.FtCssVariableFactory.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Ni=e.FtCssVariableFactory.extend("--ft-chip-highlighted-color",e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnPrimary)),Ti={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color",e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorPrimary)),color:Ni,rippleColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color",Ni)},Ri=e.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Zi=e.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","SIZE","4px"),Ui=[e.noTextSelect,i.css`
+        `}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}Ni.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Ni.styles=Pi,Ai([o.property({type:String})],Ni.prototype,"icon",void 0),Ai([o.property({type:String})],Ni.prototype,"label",void 0),Ai([o.property({type:Boolean,reflect:!0})],Ni.prototype,"active",void 0),e.customElement("ft-accordion")(Fi),e.customElement("ft-accordion-item")(Ni);const Ti=e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnSurface),Ri={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorSurface),color:Ti,fontSize:e.FtCssVariableFactory.extend("--ft-chip-font-size",Bt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:e.FtCssVariableFactory.extend("--ft-chip-ripple-color",Ti),horizontalPadding:e.FtCssVariableFactory.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:e.FtCssVariableFactory.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Zi=e.FtCssVariableFactory.extend("--ft-chip-highlighted-color",e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnPrimary)),Ui={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color",e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorPrimary)),color:Zi,rippleColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color",Zi)},_i=e.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Hi=e.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","SIZE","4px"),Vi=[e.noTextSelect,i.css`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -1339,20 +1350,20 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             box-sizing: border-box;
             pointer-events: auto;
 
-            --ft-chip-internal-font-size: ${Ai.fontSize};
+            --ft-chip-internal-font-size: ${Ri.fontSize};
             --ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
-            ${e.setVariable(Be.size,Ai.iconSize)};
-            --ft-chip-internal-vertical-padding: ${Ai.verticalPadding};
-            --ft-chip-internal-horizontal-padding: ${Ai.horizontalPadding};
+            ${e.setVariable(Be.size,Ri.iconSize)};
+            --ft-chip-internal-vertical-padding: ${Ri.verticalPadding};
+            --ft-chip-internal-horizontal-padding: ${Ri.horizontalPadding};
             --ft-chip-internal-icon-padding: 3px;
-            --ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Ai.iconSize});
+            --ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Ri.iconSize});
 
-            border: 1px solid ${Ai.colorOutline};
-            color: ${Ai.color};
-            ${e.setVariable(ne.color,Ai.rippleColor)};
+            border: 1px solid ${Ri.colorOutline};
+            color: ${Ri.color};
+            ${e.setVariable(ne.color,Ri.rippleColor)};
             border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
             padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
-            background-color: ${Ai.backgroundColor};
+            background-color: ${Ri.backgroundColor};
             line-height: var(--ft-chip-internal-content-height);
         }
 
@@ -1362,8 +1373,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
         .ft-chip--dense {
             --ft-chip-internal-icon-padding: 3px;
-            --ft-chip-internal-vertical-padding: ${Zi};
-            --ft-chip-internal-horizontal-padding: ${Ri};
+            --ft-chip-internal-vertical-padding: ${Hi};
+            --ft-chip-internal-horizontal-padding: ${_i};
             --ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
         }
 
@@ -1375,15 +1386,15 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             cursor: default;
             pointer-events: none;
             filter: grayscale(1);
-            opacity: ${Ai.opacityDisabled};
+            opacity: ${Ri.opacityDisabled};
         }
 
         .ft-chip--highlighted {
             border: none;
             padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
-            background-color: ${Ti.backgroundColor};
-            ${e.setVariable(ne.color,Ti.rippleColor)};
-            color: ${Ti.color};
+            background-color: ${Ui.backgroundColor};
+            ${e.setVariable(ne.color,Ui.rippleColor)};
+            color: ${Ui.color};
         }
 
         .ft-chip--clickable {
@@ -1452,7 +1463,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         .ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-container {
             order: -1;
         }
-    `];var _i=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Hi extends CustomEvent{constructor(){super("icon-click")}}class Vi extends e.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.icon=void 0,this.trailingIcon=!1}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":e.isSafari};return i.html`
+    `];var Ki=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class qi extends CustomEvent{constructor(){super("icon-click")}}class Wi extends e.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.icon=void 0,this.trailingIcon=!1}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":e.isSafari};return i.html`
             <div class="${r.classMap(t)}"
                  aria-label="${this.getLabel()}"
                  tabindex="${this.interactionsOnChip?0:-1}"
@@ -1471,25 +1482,25 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                 <ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
                 <ft-icon variant="material">${this.internalIcon}</ft-icon>
             </div>
-        `}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Hi))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Hi))}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()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Vi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Vi.styles=Ui,_i([o.property({type:Boolean})],Vi.prototype,"highlighted",void 0),_i([o.property({type:Boolean})],Vi.prototype,"removable",void 0),_i([o.property({type:Boolean})],Vi.prototype,"disabled",void 0),_i([o.property({type:Boolean})],Vi.prototype,"clickable",void 0),_i([o.property({type:Boolean})],Vi.prototype,"iconClickable",void 0),_i([o.property({type:Boolean})],Vi.prototype,"dense",void 0),_i([o.property({type:Boolean})],Vi.prototype,"multiLine",void 0),_i([o.property({type:String})],Vi.prototype,"label",void 0),_i([o.property({type:String})],Vi.prototype,"icon",void 0),_i([o.property({type:Boolean})],Vi.prototype,"trailingIcon",void 0),_i([o.query("ft-typography slot")],Vi.prototype,"slottedContent",void 0),e.customElement("ft-chip")(Vi);const Ki={fontSize:e.FtCssVariableFactory.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariableFactory.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:e.FtCssVariableFactory.create("--ft-input-label-max-width","SIZE","100%"),borderColor:e.FtCssVariableFactory.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariableFactory.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},qi=i.css`
+        `}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new qi))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new qi))}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()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Wi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Wi.styles=Vi,Ki([o.property({type:Boolean})],Wi.prototype,"highlighted",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"removable",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"disabled",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"clickable",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"iconClickable",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"dense",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"multiLine",void 0),Ki([o.property({type:String})],Wi.prototype,"label",void 0),Ki([o.property({type:String})],Wi.prototype,"icon",void 0),Ki([o.property({type:Boolean})],Wi.prototype,"trailingIcon",void 0),Ki([o.query("ft-typography slot")],Wi.prototype,"slottedContent",void 0),e.customElement("ft-chip")(Wi);const Gi={fontSize:e.FtCssVariableFactory.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariableFactory.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:e.FtCssVariableFactory.create("--ft-input-label-max-width","SIZE","100%"),borderColor:e.FtCssVariableFactory.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariableFactory.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},Xi=i.css`
     .ft-input-label {
         position: absolute;
         inset: 0;
         display: flex;
-        background-color: ${Ki.colorSurface};
-        border-radius: ${Ki.borderRadiusS} ${Ki.borderRadiusS} 0 0;
+        background-color: ${Gi.colorSurface};
+        border-radius: ${Gi.borderRadiusS} ${Gi.borderRadiusS} 0 0;
     }
 
     .ft-input-label--outlined {
-        border-radius: ${Ki.borderRadiusS};
+        border-radius: ${Gi.borderRadiusS};
     }
 
     .ft-input-label {
-        border-color: ${Ki.borderColor};
+        border-color: ${Gi.borderColor};
     }
 
     .ft-input-label.ft-input-label--in-error {
-        border-color: ${Ki.colorError}
+        border-color: ${Gi.colorError}
     }
 
     .ft-input-label:before,
@@ -1502,7 +1513,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-input-label:before {
-        width: calc(${Ki.horizontalSpacing} - 4px);
+        width: calc(${Gi.horizontalSpacing} - 4px);
         flex-shrink: 0;
     }
 
@@ -1518,20 +1529,20 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-color: inherit;
-        color: ${Ki.textColor};
+        color: ${Gi.textColor};
         transition: font-size 250ms, line-height 250ms, color 250ms;
-        max-width: calc(${Ki.labelMaxWidth} - 2 * (${Ki.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
+        max-width: calc(${Gi.labelMaxWidth} - 2 * (${Gi.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
         text-overflow: ellipsis;
-        ${e.setVariable(Ct.fontSize,Ki.fontSize)};
-        ${e.setVariable(Ct.lineHeight,Ki.fontSize)};
+        ${e.setVariable(Ct.fontSize,Gi.fontSize)};
+        ${e.setVariable(Ct.lineHeight,Gi.fontSize)};
     }
 
     .ft-input-label--in-error .ft-input-label--text {
-        color: ${Ki.colorError}
+        color: ${Gi.colorError}
     }
 
     .ft-input-label--disabled .ft-input-label--text {
-        color: ${Ki.disabledTextColor};
+        color: ${Gi.disabledTextColor};
     }
 
     .ft-input-label--hidden-text {
@@ -1548,19 +1559,19 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        padding: ${Ki.verticalSpacing} 4px;
-        margin: calc(${Ki.verticalSpacing} * -1) 0;
+        padding: ${Gi.verticalSpacing} 4px;
+        margin: calc(${Gi.verticalSpacing} * -1) 0;
         max-width: 100%;
         box-sizing: border-box;
     }
 
     .ft-input-label--raised .ft-input-label--text {
-        ${e.setVariable(Ct.fontSize,Ki.raisedFontSize)};
-        ${e.setVariable(Ct.lineHeight,Ki.raisedFontSize)};
+        ${e.setVariable(Ct.fontSize,Gi.raisedFontSize)};
+        ${e.setVariable(Ct.lineHeight,Gi.raisedFontSize)};
     }
 
     .ft-input-label--raised .ft-input-label--floating-text {
-        top: ${Ki.verticalSpacing};
+        top: ${Gi.verticalSpacing};
     }
 
     .ft-input-label--outlined .ft-input-label--text,
@@ -1573,27 +1584,27 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-input-label--outlined:before {
         border-left-width: 1px;
         border-left-style: solid;
-        border-radius: ${Ki.borderRadiusS} 0 0 ${Ki.borderRadiusS};
+        border-radius: ${Gi.borderRadiusS} 0 0 ${Gi.borderRadiusS};
     }
 
     .ft-input-label--outlined:after {
         border-right-width: 1px;
         border-right-style: solid;
-        border-radius: 0 ${Ki.borderRadiusS} ${Ki.borderRadiusS} 0;
+        border-radius: 0 ${Gi.borderRadiusS} ${Gi.borderRadiusS} 0;
     }
 
     .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
         padding: 2px 4px;
-        z-index: ${Ki.raisedZIndex};
-        background-color: ${Ki.colorSurface};
-        border-radius: ${Ki.borderRadiusS};
+        z-index: ${Gi.raisedZIndex};
+        background-color: ${Gi.colorSurface};
+        border-radius: ${Gi.borderRadiusS};
         top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
     }
 
     .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
         border-top: none;
     }
-`;var Wi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Gi extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return i.html`
+`;var Yi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Ji extends e.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return i.html`
             <div class="${r.classMap(t)}">
                 ${this.text?i.html`
                     <div class="ft-input-label--text ft-typography--caption">
@@ -1602,7 +1613,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                     </div>
                 `:null}
             </div>
-        `}}Gi.elementDefinitions={},Gi.styles=[Wt,qi],Wi([o.property({type:String})],Gi.prototype,"text",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"raised",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"outlined",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"disabled",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"error",void 0),e.customElement("ft-input-label")(Gi);const Xi={labelSize:e.FtCssVariableFactory.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariableFactory.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariableFactory.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:e.FtCssVariableFactory.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:e.FtCssVariableFactory.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariableFactory.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariableFactory.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariableFactory.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},Yi=i.css`
+        `}}Ji.elementDefinitions={},Ji.styles=[Wt,Xi],Yi([o.property({type:String})],Ji.prototype,"text",void 0),Yi([o.property({type:Boolean})],Ji.prototype,"raised",void 0),Yi([o.property({type:Boolean})],Ji.prototype,"outlined",void 0),Yi([o.property({type:Boolean})],Ji.prototype,"disabled",void 0),Yi([o.property({type:Boolean})],Ji.prototype,"error",void 0),e.customElement("ft-input-label")(Ji);const Qi={labelSize:e.FtCssVariableFactory.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariableFactory.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariableFactory.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:e.FtCssVariableFactory.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:e.FtCssVariableFactory.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariableFactory.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariableFactory.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariableFactory.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},to=i.css`
     *:focus {
         outline: none;
     }
@@ -1616,7 +1627,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-select--main-panel {
         position: relative;
         display: flex;
-        height: calc(4 * ${Xi.verticalSpacing} + ${Xi.labelSize} + ${Xi.selectedOptionSize});
+        height: calc(4 * ${Qi.verticalSpacing} + ${Qi.labelSize} + ${Qi.selectedOptionSize});
     }
 
     .ft-select--input-panel {
@@ -1625,11 +1636,11 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         display: flex;
         align-items: center;
         overflow: hidden;
-        padding-left: ${Xi.horizontalSpacing};
-        padding-right: ${Xi.horizontalSpacing};
+        padding-left: ${Qi.horizontalSpacing};
+        padding-right: ${Qi.horizontalSpacing};
         gap: 8px;
-        color: ${Xi.selectedOptionColor};
-        ${e.setVariable(ne.color,Xi.selectedOptionColor)};
+        color: ${Qi.selectedOptionColor};
+        ${e.setVariable(ne.color,Qi.selectedOptionColor)};
     }
 
     .ft-select--input-panel,
@@ -1645,7 +1656,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-select--disabled .ft-select--input-panel,
     .ft-select--disabled .ft-select--option {
-        color: ${Xi.colorOnSurfaceDisabled};
+        color: ${Qi.colorOnSurfaceDisabled};
     }
 
     .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
@@ -1654,20 +1665,20 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     ft-input-label {
-        ${e.setVariable(Ki.fontSize,Xi.selectedOptionSize)};
-        ${e.setVariable(Ki.raisedFontSize,Xi.labelSize)};
-        ${e.setVariable(Ki.verticalSpacing,Xi.verticalSpacing)};
-        ${e.setVariable(Ki.horizontalSpacing,Xi.horizontalSpacing)};
-        ${e.setVariable(Ki.labelMaxWidth,`calc(100% - ${Be.size} - 8px)`)};
+        ${e.setVariable(Gi.fontSize,Qi.selectedOptionSize)};
+        ${e.setVariable(Gi.raisedFontSize,Qi.labelSize)};
+        ${e.setVariable(Gi.verticalSpacing,Qi.verticalSpacing)};
+        ${e.setVariable(Gi.horizontalSpacing,Qi.horizontalSpacing)};
+        ${e.setVariable(Gi.labelMaxWidth,`calc(100% - ${Be.size} - 8px)`)};
     }
 
     .ft-select:not(.ft-select--disabled):focus-within ft-icon {
-        color: ${Xi.colorPrimary};
+        color: ${Qi.colorPrimary};
     }
 
     .ft-select:not(.ft-select--disabled):focus-within ft-input-label {
-        ${e.setVariable(Ki.borderColor,Xi.colorPrimary)};
-        ${e.setVariable(Ki.textColor,Xi.colorPrimary)};
+        ${e.setVariable(Gi.borderColor,Qi.colorPrimary)};
+        ${e.setVariable(Gi.textColor,Qi.colorPrimary)};
     }
 
     .ft-select--selected-option {
@@ -1677,12 +1688,12 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
-        ${e.setVariable(Ot.fontSize,Xi.selectedOptionSize)};
-        ${e.setVariable(Ot.lineHeight,Xi.selectedOptionSize)};
+        ${e.setVariable(Ot.fontSize,Qi.selectedOptionSize)};
+        ${e.setVariable(Ot.lineHeight,Qi.selectedOptionSize)};
     }
 
     .ft-select--in-error .ft-select--selected-option {
-        color: ${Xi.colorError};
+        color: ${Qi.colorError};
     }
 
     ft-icon {
@@ -1694,16 +1705,16 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-select--filled .ft-select--input-panel {
-        border-radius: ${Xi.borderRadiusS} ${Xi.borderRadiusS} 0 0;
+        border-radius: ${Qi.borderRadiusS} ${Qi.borderRadiusS} 0 0;
     }
 
     .ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
         align-self: stretch;
-        padding-top: calc(${Xi.labelSize} + 2 * ${Xi.verticalSpacing});
+        padding-top: calc(${Qi.labelSize} + 2 * ${Qi.verticalSpacing});
     }
 
     .ft-select--outlined .ft-select--input-panel {
-        border-radius: ${Xi.borderRadiusS};
+        border-radius: ${Qi.borderRadiusS};
     }
 
     .ft-select--options {
@@ -1712,10 +1723,10 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         top: 100%;
         left: 0;
         right: 0;
-        color: ${Xi.optionsColor};
-        background: ${Xi.colorSurface};
-        z-index: ${Xi.optionsZIndex};
-        box-shadow: ${Xi.elevation02};
+        color: ${Qi.optionsColor};
+        background: ${Qi.colorSurface};
+        z-index: ${Qi.optionsZIndex};
+        box-shadow: ${Qi.elevation02};
     }
 
     .ft-select--fixed .ft-select--options {
@@ -1726,13 +1737,13 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-select--options-displayed .ft-select--options {
         display: block;
-        max-height: ${Xi.optionsHeight};
+        max-height: ${Qi.optionsHeight};
         overflow-y: auto;
     }
 
     .ft-select--option {
         position: relative;
-        padding: 4px ${Xi.horizontalSpacing};
+        padding: 4px ${Qi.horizontalSpacing};
         min-height: 32px;
         display: flex;
         align-items: center;
@@ -1744,14 +1755,14 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-select--helper-text {
-        padding: 0 ${Xi.horizontalSpacing};
-        color: ${Xi.helperColor};
+        padding: 0 ${Qi.horizontalSpacing};
+        color: ${Qi.helperColor};
     }
 
     .ft-select--in-error .ft-select--helper-text {
-        color: ${Xi.colorError};
+        color: ${Qi.colorError};
     }
-`;var Ji=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Qi extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return i.html``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}Qi.elementDefinitions={},Ji([o.property({type:String})],Qi.prototype,"label",void 0),Ji([o.property({type:Object,converter:t=>t})],Qi.prototype,"value",void 0),Ji([o.property({type:Boolean,reflect:!0})],Qi.prototype,"selected",void 0);class to extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,o,n,l;let a=this.hasOptionsMenuOpen,c=this.disabled||!this.hasOptions;const h=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(o=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==o?o:"").length>0,p={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":c,"ft-select--options-displayed":a,"ft-select--has-option-selected":h,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return i.html`
+`;var eo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class io extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return i.html``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}io.elementDefinitions={},eo([o.property({type:String})],io.prototype,"label",void 0),eo([o.property({type:Object,converter:t=>t})],io.prototype,"value",void 0),eo([o.property({type:Boolean,reflect:!0})],io.prototype,"selected",void 0);class oo extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,o,n,l;let a=this.hasOptionsMenuOpen,c=this.disabled||!this.hasOptions;const h=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(o=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==o?o:"").length>0,p={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":c,"ft-select--options-displayed":a,"ft-select--has-option-selected":h,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return i.html`
             <div class="${r.classMap(p)}" part="container">
                 <div class="ft-select--main-panel" part="main-panel">
                     <ft-input-label text="${this.label}"
@@ -1799,34 +1810,34 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                 <ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
                 <span>${t.label}</span>
             </div>
-        `}updated(t){super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,r;let n;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),n=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),n=null!==(r=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==r?r:this.firstOption}null==n||n.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){var i,o;if(!e.deepEqual(null===(i=this.selectedOption)||void 0===i?void 0:i.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(o=this.selectedOption)||void 0===o?void 0:o.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}to.elementDefinitions={"ft-input-label":Gi,"ft-typography":te,"ft-ripple":be,"ft-icon":De},to.styles=[qt,Wt,Yi],Ji([o.property({type:String})],to.prototype,"label",void 0),Ji([o.property({type:String})],to.prototype,"helper",void 0),Ji([o.property({type:Boolean})],to.prototype,"outlined",void 0),Ji([o.property({type:Boolean})],to.prototype,"disabled",void 0),Ji([o.property({type:Boolean})],to.prototype,"error",void 0),Ji([o.property({type:Boolean})],to.prototype,"fixedMenuPosition",void 0),Ji([o.property({type:Array})],to.prototype,"options",void 0),Ji([o.state()],to.prototype,"selectedOption",void 0),Ji([o.state()],to.prototype,"optionsDisplayed",void 0),Ji([o.state()],to.prototype,"focusOptions",void 0),Ji([o.query(".ft-select")],to.prototype,"container",void 0),Ji([o.query(".ft-select--options")],to.prototype,"optionsMenu",void 0),Ji([o.query(".ft-select--input-panel")],to.prototype,"mainPanel",void 0),Ji([o.query(".ft-select--option:first-child")],to.prototype,"firstOption",void 0),Ji([o.query(".ft-select--option:focus")],to.prototype,"focusedOption",void 0),Ji([o.query(".ft-select--option.ft-select--option-selected")],to.prototype,"selectedOptionElement",void 0),Ji([o.query(".ft-select--option:last-child")],to.prototype,"lastOption",void 0),Ji([o.query("slot")],to.prototype,"optionsSlot",void 0),e.customElement("ft-select")(to),e.customElement("ft-select-option")(Qi);const eo={display:e.FtCssVariableFactory.create("--ft-skeleton--display","DISPLAY","block"),width:e.FtCssVariableFactory.create("--ft-skeleton--width","SIZE","100%"),height:e.FtCssVariableFactory.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:e.FtCssVariableFactory.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:e.FtCssVariableFactory.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:e.FtCssVariableFactory.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:e.FtCssVariableFactory.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system")},io=i.css`
+        `}updated(t){super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,r;let n;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),n=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),n=null!==(r=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==r?r:this.firstOption}null==n||n.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){var i,o;if(!e.deepEqual(null===(i=this.selectedOption)||void 0===i?void 0:i.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(o=this.selectedOption)||void 0===o?void 0:o.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}oo.elementDefinitions={"ft-input-label":Ji,"ft-typography":te,"ft-ripple":be,"ft-icon":De},oo.styles=[qt,Wt,to],eo([o.property({type:String})],oo.prototype,"label",void 0),eo([o.property({type:String})],oo.prototype,"helper",void 0),eo([o.property({type:Boolean})],oo.prototype,"outlined",void 0),eo([o.property({type:Boolean})],oo.prototype,"disabled",void 0),eo([o.property({type:Boolean})],oo.prototype,"error",void 0),eo([o.property({type:Boolean})],oo.prototype,"fixedMenuPosition",void 0),eo([o.property({type:Array})],oo.prototype,"options",void 0),eo([o.state()],oo.prototype,"selectedOption",void 0),eo([o.state()],oo.prototype,"optionsDisplayed",void 0),eo([o.state()],oo.prototype,"focusOptions",void 0),eo([o.query(".ft-select")],oo.prototype,"container",void 0),eo([o.query(".ft-select--options")],oo.prototype,"optionsMenu",void 0),eo([o.query(".ft-select--input-panel")],oo.prototype,"mainPanel",void 0),eo([o.query(".ft-select--option:first-child")],oo.prototype,"firstOption",void 0),eo([o.query(".ft-select--option:focus")],oo.prototype,"focusedOption",void 0),eo([o.query(".ft-select--option.ft-select--option-selected")],oo.prototype,"selectedOptionElement",void 0),eo([o.query(".ft-select--option:last-child")],oo.prototype,"lastOption",void 0),eo([o.query("slot")],oo.prototype,"optionsSlot",void 0),e.customElement("ft-select")(oo),e.customElement("ft-select-option")(io);const so={display:e.FtCssVariableFactory.create("--ft-skeleton--display","DISPLAY","block"),width:e.FtCssVariableFactory.create("--ft-skeleton--width","SIZE","100%"),height:e.FtCssVariableFactory.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:e.FtCssVariableFactory.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:e.FtCssVariableFactory.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:e.FtCssVariableFactory.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:e.FtCssVariableFactory.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusM,"Design system")},ro=i.css`
     :host {
-        width: ${eo.width};
-        height: ${eo.height};
-        display: ${eo.display};
+        width: ${so.width};
+        height: ${so.height};
+        display: ${so.display};
         overflow: hidden;
-        border-radius: ${eo.borderRadiusM};
+        border-radius: ${so.borderRadiusM};
         background: linear-gradient(
                 90deg,
                 transparent,
-                ${eo.glareColor} calc(0.45 * ${eo.glareWidth}),
-                ${eo.glareColor} calc(0.55 * ${eo.glareWidth}),
-                transparent ${eo.glareWidth}
-        ), ${eo.backgroundColor};
+                ${so.glareColor} calc(0.45 * ${so.glareWidth}),
+                ${so.glareColor} calc(0.55 * ${so.glareWidth}),
+                transparent ${so.glareWidth}
+        ), ${so.backgroundColor};
         background-repeat: repeat-y;
         background-size: 100vw 100vh;
         background-attachment: fixed;
-        background-position: calc(${eo.glareWidth} * -1) 0;
-        animation: shine ${eo.animationDuration} infinite;
+        background-position: calc(${so.glareWidth} * -1) 0;
+        animation: shine ${so.animationDuration} infinite;
         animation-timing-function: linear;
     }
 
     @keyframes shine {
         to {
-            background-position: calc(100vw + ${eo.glareWidth}) 0, calc(${eo.glareWidth} * -1) 0;
+            background-position: calc(100vw + ${so.glareWidth}) 0, calc(${so.glareWidth} * -1) 0;
         }
     }
-`,oo={height:e.FtCssVariableFactory.create("--ft-search-bar-height","SIZE","38px"),borderRadius:e.FtCssVariableFactory.extend("--ft-search-bar-border-radius",e.designSystemVariables.borderRadiusS),mobileOpenPosition:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-right","SIZE","0"),desktopFiltersHeight:e.FtCssVariableFactory.create("--ft-search-bar-desktop-filters-height","SIZE","350px"),floatingZIndex:e.FtCssVariableFactory.create("--ft-search-bar-floating-components-z-index","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),buttonColor:e.FtCssVariableFactory.external(Le.color,"Button"),buttonRippleColor:e.FtCssVariableFactory.external(Le.rippleColor,"Button")},so=i.css`
+`,no={height:e.FtCssVariableFactory.create("--ft-search-bar-height","SIZE","38px"),borderRadius:e.FtCssVariableFactory.extend("--ft-search-bar-border-radius",e.designSystemVariables.borderRadiusS),mobileOpenPosition:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:e.FtCssVariableFactory.create("--ft-search-bar-mobile-open-right","SIZE","0"),desktopFiltersHeight:e.FtCssVariableFactory.create("--ft-search-bar-desktop-filters-height","SIZE","350px"),floatingZIndex:e.FtCssVariableFactory.create("--ft-search-bar-floating-components-z-index","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),buttonColor:e.FtCssVariableFactory.external(Le.color,"Button"),buttonRippleColor:e.FtCssVariableFactory.external(Le.rippleColor,"Button")},lo=i.css`
     * {
         box-sizing: border-box;
     }
@@ -1835,7 +1846,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         display: flex;
         flex-direction: column;
         gap: 8px;
-        color: ${oo.colorOnSurface};
+        color: ${no.colorOnSurface};
         outline: none;
     }
 
@@ -1844,21 +1855,21 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--mobile-menu-open {
-        position: ${oo.mobileOpenPosition};
-        top: ${oo.mobileOpenTop};
-        bottom: ${oo.mobileOpenBottom};
-        left: ${oo.mobileOpenLeft};
-        right: ${oo.mobileOpenRight};
-        z-index: ${oo.floatingZIndex};
+        position: ${no.mobileOpenPosition};
+        top: ${no.mobileOpenTop};
+        bottom: ${no.mobileOpenBottom};
+        left: ${no.mobileOpenLeft};
+        right: ${no.mobileOpenRight};
+        z-index: ${no.floatingZIndex};
         padding: 16px;
     }
 
     .ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
-        background: ${oo.colorSurface};
+        background: ${no.colorSurface};
     }
 
     .ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
-        position: ${oo.mobileOpenPosition.get("static")};
+        position: ${no.mobileOpenPosition.get("static")};
     }
 
     .ft-search-bar {
@@ -1866,20 +1877,20 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         display: flex;
         flex-direction: row;
         align-items: center;
-        height: ${oo.height};
+        height: ${no.height};
 
-        background: ${oo.colorSurface};
-        border: 1px solid ${oo.colorOutline};
-        border-radius: ${oo.borderRadius};
+        background: ${no.colorSurface};
+        border: 1px solid ${no.colorOutline};
+        border-radius: ${no.borderRadius};
     }
 
     .ft-search-bar--skeleton {
-        ${e.setVariable(eo.height,oo.height)};
-        ${e.setVariable(eo.borderRadiusM,oo.borderRadius)};
+        ${e.setVariable(so.height,no.height)};
+        ${e.setVariable(so.borderRadiusM,no.borderRadius)};
     }
 
     .ft-search-bar--floating-panel-open .ft-search-bar {
-        border-radius: ${oo.borderRadius} ${oo.borderRadius} 0 0;
+        border-radius: ${no.borderRadius} ${no.borderRadius} 0 0;
     }
 
     .ft-search-bar--input-container {
@@ -1897,7 +1908,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         align-self: stretch;
         display: grid;
         padding: 0 8px;
-        border-radius: ${oo.borderRadius};
+        border-radius: ${no.borderRadius};
     }
 
     .ft-search-bar--dense .ft-search-bar--input-outline {
@@ -1906,7 +1917,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
-        outline: 2px solid ${oo.colorPrimary};
+        outline: 2px solid ${no.colorPrimary};
     }
 
     .ft-search-bar--input {
@@ -1914,12 +1925,12 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         flex-grow: 1;
         border: none;
         background-color: transparent;
-        color: ${oo.colorOnSurface};
+        color: ${no.colorOnSurface};
         outline: none;
     }
 
     .ft-search-bar--input::placeholder {
-        color: ${oo.colorOnSurfaceMedium};
+        color: ${no.colorOnSurfaceMedium};
     }
 
     .ft-search-bar--actions {
@@ -1929,7 +1940,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         align-items: center;
         height: 100%;
 
-        ${e.setVariable(ve.zIndex,`calc(${oo.floatingZIndex} + 1)`)};
+        ${e.setVariable(ve.zIndex,`calc(${no.floatingZIndex} + 1)`)};
     }
 
     .ft-search-bar > ft-button,
@@ -1939,8 +1950,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--left-action {
-        ${e.setVariable(Le.borderRadius,`calc(${oo.borderRadius} - 1px) 0 0 calc(${oo.borderRadius} - 1px)`)};
-        border-right: 1px solid ${oo.colorOutline};
+        ${e.setVariable(Le.borderRadius,`calc(${no.borderRadius} - 1px) 0 0 calc(${no.borderRadius} - 1px)`)};
+        border-right: 1px solid ${no.colorOutline};
         height: 100%;
     }
 
@@ -1949,7 +1960,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--floating-panel-open .ft-search-bar--left-action {
-        ${e.setVariable(Le.borderRadius,`calc(${oo.borderRadius} - 1px) 0 0 0`)};
+        ${e.setVariable(Le.borderRadius,`calc(${no.borderRadius} - 1px) 0 0 0`)};
     }
 
     .ft-search-bar .ft-search-bar--launch-search,
@@ -1959,13 +1970,13 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-search-bar--separator {
         height: 20px;
-        border-right: 1px solid ${oo.colorOutline};
+        border-right: 1px solid ${no.colorOutline};
     }
 
     .ft-search-bar--left-action.ft-search-bar--content-locale {
-        ${e.setVariable(Ki.borderColor,"transparent")};
-        ${e.setVariable(Ki.borderRadiusS,`calc(${oo.borderRadius} - 1px)`)};
-        ${e.setVariable(Xi.selectedOptionColor,oo.buttonColor)};
+        ${e.setVariable(Gi.borderColor,"transparent")};
+        ${e.setVariable(Gi.borderRadiusS,`calc(${no.borderRadius} - 1px)`)};
+        ${e.setVariable(Qi.selectedOptionColor,no.buttonColor)};
     }
 
     .ft-search-bar--left-action.ft-search-bar--content-locale,
@@ -1982,17 +1993,17 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
-        border-radius: calc(${oo.borderRadius} - 1px) 0 0 calc(${oo.borderRadius} - 1px);
+        border-radius: calc(${no.borderRadius} - 1px) 0 0 calc(${no.borderRadius} - 1px);
     }
 
-`,ro=i.css`
+`,ao=i.css`
     .ft-search-bar--presets {
         min-width: 200px;
     }
 
     .ft-search-bar--desktop-menu .ft-search-bar--presets {
         margin-right: auto;
-        ${e.setVariable(Xi.optionsZIndex,"2")};
+        ${e.setVariable(Qi.optionsZIndex,"2")};
     }
 
     .ft-search-bar--desktop-menu {
@@ -2045,8 +2056,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
     .ft-search-bar--desktop-menu .ft-search-bar--filters-container {
         display: block;
-        height: ${oo.desktopFiltersHeight};
-        ${e.setVariable(ci.gap,"16px")};
+        height: ${no.desktopFiltersHeight};
+        ${e.setVariable(fi.gap,"16px")};
     }
 
     .ft-search-bar--desktop-menu ft-filter {
@@ -2061,15 +2072,15 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     }
 
     .ft-search-bar--desktop-menu [data-filters-count="2"] ft-filter {
-        max-width: calc(50% - ${ci.gap} / 2);
+        max-width: calc(50% - ${fi.gap} / 2);
     }
 
     .ft-search-bar--desktop-menu [data-filters-count="3"] ft-filter {
-        max-width: max(250px, calc(33% - 2 * ${ci.gap} / 3));
+        max-width: max(250px, calc(33% - 2 * ${fi.gap} / 3));
     }
 
     .ft-search-bar--desktop-menu [data-filters-count="4"] ft-filter {
-        max-width: max(250px, calc(25% - 3 * ${ci.gap} / 4));
+        max-width: max(250px, calc(25% - 3 * ${fi.gap} / 4));
     }
 
     .ft-search-bar--hierarchical-filter {
@@ -2126,7 +2137,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-search-bar--filter-label-values {
         flex-grow: 0;
         flex-shrink: 1;
-        color: ${oo.colorOnSurfaceMedium};
+        color: ${no.colorOnSurfaceMedium};
     }
 
     ft-accordion-item::part(toggle) {
@@ -2146,8 +2157,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
     .ft-search-bar--desktop-menu .ft-search-bar--launch-search {
         margin: 0;
     }
-`;class no extends e.FtLitElement{render(){return i.html`
-        `}}no.elementDefinitions={},no.styles=io,e.customElement("ft-skeleton")(no);class lo{constructor(t,i=300){this.searchBar=t,this.updateDebouncer=new e.Debouncer(i)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return i.html`
+`;class co extends e.FtLitElement{render(){return i.html`
+        `}}co.elementDefinitions={},co.styles=ro,e.customElement("ft-skeleton")(co);class ho{constructor(t,i=300){this.searchBar=t,this.updateDebouncer=new e.Debouncer(i)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return i.html`
             <div class="ft-search-bar--suggestions ft-word-wrap ${e?"ft-search-bar--suggestions-not-empty":""}"
                  part="suggestions-container"
                  @keydown=${t=>this.onSuggestKeyDown(t)}>
@@ -2185,7 +2196,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             <ft-icon variant="${e}" part="suggestion-icon">
                 ${o}
             </ft-icon>
-        `}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}lo.styles=[e.wordWrap,i.css`
+        `}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}ho.styles=[e.wordWrap,i.css`
             .ft-search-bar--mobile .ft-search-bar--suggestions {
                 flex-grow: 1;
                 flex-shrink: 1;
@@ -2194,7 +2205,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             }
 
             .ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
-                border-top: 1px solid ${oo.colorOutline};
+                border-top: 1px solid ${no.colorOutline};
             }
 
             .ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
@@ -2204,15 +2215,15 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             .ft-search-bar--floating-panel,
             .ft-search-bar--desktop .ft-search-bar--suggestions {
                 position: absolute;
-                z-index: ${oo.floatingZIndex};
+                z-index: ${no.floatingZIndex};
                 top: 100%;
                 left: -1px;
                 right: -1px;
                 display: none;
-                background: ${oo.colorSurface};
-                border: 1px solid ${oo.colorOutline};
-                border-radius: 0 0 ${oo.borderRadius} ${oo.borderRadius};
-                box-shadow: ${oo.elevation02};
+                background: ${no.colorSurface};
+                border: 1px solid ${no.colorOutline};
+                border-radius: 0 0 ${no.borderRadius} ${no.borderRadius};
+                box-shadow: ${no.elevation02};
                 outline: none;
             }
 
@@ -2232,7 +2243,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                 padding: 8px;
                 gap: 8px;
                 cursor: pointer;
-                color: ${oo.colorOnSurface};
+                color: ${no.colorOnSurface};
                 min-height: 52px;
             }
 
@@ -2249,7 +2260,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
             }
 
             .ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
-                border-top: 1px solid ${oo.colorOutline};
+                border-top: 1px solid ${no.colorOutline};
             }
 
             .ft-search-bar--suggestion ft-typography {
@@ -2257,7 +2268,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                 flex-grow: 1;
                 flex-shrink: 1;
             }
-        `];class ao{constructor(t){this.searchBar=t}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return i.html``;const t=this.searchBar.isMobile(),e=!t&&this.searchBar.dense||t&&this.searchBar.isMobileMenuOpen(),o=i.html`
+        `];class po{constructor(t){this.searchBar=t}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return i.html``;const t=this.searchBar.isMobile(),e=!t&&this.searchBar.dense||t&&this.searchBar.isMobileMenuOpen(),o=i.html`
             ${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?i.html`
                 <ft-chip part="selected-filters selected-filter-ft-locale"
                          ?dense=${this.searchBar.dense&&!t}
@@ -2307,7 +2318,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                     <div class="ft-search-bar--selected-filters" part="selected-filters-container">
                         ${o}
                     </div>
-                `}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}}ao.styles=i.css`
+                `}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}}po.styles=i.css`
         .ft-search-bar--selected-filters:not(ft-snap-scroll) {
             flex-shrink: 0;
             display: flex;
@@ -2318,7 +2329,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
 
         ft-snap-scroll.ft-search-bar--selected-filters {
             overflow: hidden;
-            ${e.setVariable(ci.gap,"4px")};
+            ${e.setVariable(fi.gap,"4px")};
         }
 
         ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
@@ -2326,8 +2337,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         }
 
         .ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
-            ${e.setVariable(Ai.iconSize,"17px")};
-            ${e.setVariable(Ai.fontSize,"12px")};
+            ${e.setVariable(Ri.iconSize,"17px")};
+            ${e.setVariable(Ri.fontSize,"12px")};
         }
 
         .ft-search-bar--selected-filters * {
@@ -2337,7 +2348,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
         .ft-search-bar--selected-filters ft-chip {
             flex-grow: 0;
         }
-    `;class co{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new ao(t),this.suggestManager=null!=i?i:new lo(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--mobile":!0,"ft-search-bar--mobile-menu-open":this.searchBar.isMobileMenuOpen(),"ft-search-bar--forced-open":this.searchBar.forceMobileMenuOpen};return i.html`
+    `;class fo{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new po(t),this.suggestManager=null!=i?i:new ho(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--mobile":!0,"ft-search-bar--mobile-menu-open":this.searchBar.isMobileMenuOpen(),"ft-search-bar--forced-open":this.searchBar.forceMobileMenuOpen};return i.html`
             <div class="${r.classMap(t)}" part="container" tabindex="-1">
                 <div class="ft-search-bar">
                     <div class="ft-search-bar--input-container" part="input-container">
@@ -2386,9 +2397,9 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                            @click=${()=>{var t;return this.searchBar.isMobileMenuOpen()?this.searchBar.launchSearch():null===(t=this.searchBar.input)||void 0===t?void 0:t.focus()}}
                 ></ft-button>
             </div>
-        `}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}co.styles=i.css`
+        `}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}fo.styles=i.css`
 
-    `;class ho{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new ao(t),this.suggestManager=null!=i?i:new lo(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":this.searchBar.dense,"ft-search-bar--desktop":!0,"ft-search-bar--floating-panel-open":this.searchBar.displayFacets&&!this.searchBar.forceMenuOpen,"ft-search-bar--forced-open":this.searchBar.forceMenuOpen};return i.html`
+    `;class uo{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new po(t),this.suggestManager=null!=i?i:new ho(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":this.searchBar.dense,"ft-search-bar--desktop":!0,"ft-search-bar--floating-panel-open":this.searchBar.displayFacets&&!this.searchBar.forceMenuOpen,"ft-search-bar--forced-open":this.searchBar.forceMenuOpen};return i.html`
             <div class="${r.classMap(t)}" part="container" tabindex="-1">
                 <div class="ft-search-bar" part="search-bar">
                     ${this.renderSearchBarLeftAction()}
@@ -2455,9 +2466,9 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                            @click=${()=>this.searchBar.launchSearch()}
                 ></ft-button>
             </div>
-        `}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}ho.styles=i.css`
+        `}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}uo.styles=i.css`
 
-    `;var po=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const fo={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class uo extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class bo extends CustomEvent{constructor(t){super("change",{detail:t})}}const vo=()=>{};class go extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(fo,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=l.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new lo(this),this.selectedFacetsManager=new ao(this),this.desktopSearchBarManager=new ho(this),this.mobileSearchBarManager=new co(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new e.Debouncer(10),this.updateLocalesDebouncer=new e.Debouncer(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e.Debouncer(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return i.html`
+    `;var bo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const vo={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class go extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class xo extends CustomEvent{constructor(t){super("change",{detail:t})}}const yo=()=>{};class mo extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(vo,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=l.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new ho(this),this.selectedFacetsManager=new po(this),this.desktopSearchBarManager=new uo(this),this.mobileSearchBarManager=new fo(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new e.Debouncer(10),this.updateLocalesDebouncer=new e.Debouncer(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e.Debouncer(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return i.html`
             <ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
             ${this.renderSearchBar()}
         `}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():i.html`
@@ -2590,11 +2601,11 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
                                 ></ft-filter>
                             `}))}
             </ft-snap-scroll>
-        `:i.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var i,o,s,r,n;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(fo,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const e=t=>this.availableContentLocales.some((e=>e.lang===t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(i=this.availableContentLocales[0])||void 0===i?void 0:i.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(o=this.presets)&&void 0!==o?o:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ie(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(n=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===n?void 0:n.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new bo(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0}))})),this.updateFacetsDebouncer.run((()=>{this.retrieveFacetsFromSearch().then((()=>{this.facetsLoaded=!0,this.facetsInitialized=!0}))}),this.facetsInitialized?500:10)}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0,this.facetsInitialized=!0}),this.facetsInitialized?500:10)):this.facets=[])}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(vo)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new uo(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ee(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>ee(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?i.nothing:i.html`
+        `:i.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var i,o,s,r,n;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(vo,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const e=t=>this.availableContentLocales.some((e=>e.lang===t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(i=this.availableContentLocales[0])||void 0===i?void 0:i.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(o=this.presets)&&void 0!==o?o:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>ie(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(n=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===n?void 0:n.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new xo(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0}))})),this.updateFacetsDebouncer.run((()=>{this.retrieveFacetsFromSearch().then((()=>{this.facetsLoaded=!0,this.facetsInitialized=!0}))}),this.facetsInitialized?500:10)}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0,this.facetsInitialized=!0}),this.facetsInitialized?500:10)):this.facets=[])}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(yo)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new go(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ee(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>ee(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?i.nothing:i.html`
             <div class="ft-search-bar--floating-panel"
                  id="ft-search-bar-floating-panel"
                  @keyup=${this.onFloatingContainerKeyUp}
                  part="floating-panel"
                  tabindex="-1">
                 ${this.renderDesktopMenu()}
-            </div>`}}go.elementDefinitions={"ft-accordion":Ei,"ft-accordion-item":Mi,"ft-button":Te,"ft-chip":Vi,"ft-filter":Si,"ft-filter-option":Oi,"ft-icon":De,"ft-ripple":be,"ft-select":to,"ft-select-option":Qi,"ft-size-watcher":f,"ft-skeleton":no,"ft-snap-scroll":di,"ft-tooltip":ye,"ft-typography":te},go.styles=[qt,so,ro,ao.styles,lo.styles],po([o.property({type:Boolean})],go.prototype,"dense",void 0),po([o.property()],go.prototype,"mode",void 0),po([o.property({type:Boolean})],go.prototype,"forceMobileMenuOpen",void 0),po([o.property({type:Boolean})],go.prototype,"forceMenuOpen",void 0),po([o.property()],go.prototype,"baseUrl",void 0),po([o.property()],go.prototype,"apiIntegrationIdentifier",void 0),po([o.property()],go.prototype,"contentLocale",void 0),po([o.state()],go.prototype,"availableContentLocales",void 0),po([o.state()],go.prototype,"availableContentLocalesInitialized",void 0),po([o.property()],go.prototype,"uiLocale",void 0),po([e.jsonProperty({})],go.prototype,"labels",void 0),po([e.jsonProperty([])],go.prototype,"displayedFilters",void 0),po([e.jsonProperty([])],go.prototype,"presets",void 0),po([o.property({type:String,reflect:!0})],go.prototype,"selectedPreset",void 0),po([e.jsonProperty([])],go.prototype,"priors",void 0),po([o.property()],go.prototype,"searchRequestSerializer",void 0),po([o.state()],go.prototype,"searchFilters",void 0),po([o.state()],go.prototype,"sizeCategory",void 0),po([o.state()],go.prototype,"displayFacets",void 0),po([o.state()],go.prototype,"mobileMenuOpen",void 0),po([o.state()],go.prototype,"facets",void 0),po([o.state()],go.prototype,"facetsInitialized",void 0),po([o.query(".ft-search-bar--container")],go.prototype,"container",void 0),po([o.query(".ft-search-bar--filters-opener")],go.prototype,"filtersOpener",void 0),po([o.query(".ft-search-bar--floating-panel")],go.prototype,"floatingContainer",void 0),po([o.query("ft-snap-scroll.ft-search-bar--filters-container")],go.prototype,"scrollingFiltersContainer",void 0),po([o.query(".ft-search-bar--input")],go.prototype,"input",void 0),po([o.state()],go.prototype,"query",void 0),po([o.state()],go.prototype,"suggestions",void 0),po([o.state()],go.prototype,"recentSearches",void 0),po([o.state()],go.prototype,"scrollToFacet",void 0),po([o.state()],go.prototype,"api",void 0),po([o.state()],go.prototype,"facetsLoaded",void 0),e.customElement("ft-search-bar")(go),t.DEFAULT_LABELS=fo,t.FtSearchBar=go,t.FtSearchBarCssVariables=oo,t.LaunchSearchEvent=uo,t.SearchStateChangeEvent=bo,t.facetsCss=ro,t.searchBarCss=so,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
+            </div>`}}mo.elementDefinitions={"ft-accordion":Fi,"ft-accordion-item":Ni,"ft-button":Ue,"ft-chip":Wi,"ft-filter":Bi,"ft-filter-option":Ei,"ft-icon":De,"ft-ripple":be,"ft-select":oo,"ft-select-option":io,"ft-size-watcher":f,"ft-skeleton":co,"ft-snap-scroll":vi,"ft-tooltip":ye,"ft-typography":te},mo.styles=[qt,lo,ao,po.styles,ho.styles],bo([o.property({type:Boolean})],mo.prototype,"dense",void 0),bo([o.property()],mo.prototype,"mode",void 0),bo([o.property({type:Boolean})],mo.prototype,"forceMobileMenuOpen",void 0),bo([o.property({type:Boolean})],mo.prototype,"forceMenuOpen",void 0),bo([o.property()],mo.prototype,"baseUrl",void 0),bo([o.property()],mo.prototype,"apiIntegrationIdentifier",void 0),bo([o.property()],mo.prototype,"contentLocale",void 0),bo([o.state()],mo.prototype,"availableContentLocales",void 0),bo([o.state()],mo.prototype,"availableContentLocalesInitialized",void 0),bo([o.property()],mo.prototype,"uiLocale",void 0),bo([e.jsonProperty({})],mo.prototype,"labels",void 0),bo([e.jsonProperty([])],mo.prototype,"displayedFilters",void 0),bo([e.jsonProperty([])],mo.prototype,"presets",void 0),bo([o.property({type:String,reflect:!0})],mo.prototype,"selectedPreset",void 0),bo([e.jsonProperty([])],mo.prototype,"priors",void 0),bo([o.property()],mo.prototype,"searchRequestSerializer",void 0),bo([o.state()],mo.prototype,"searchFilters",void 0),bo([o.state()],mo.prototype,"sizeCategory",void 0),bo([o.state()],mo.prototype,"displayFacets",void 0),bo([o.state()],mo.prototype,"mobileMenuOpen",void 0),bo([o.state()],mo.prototype,"facets",void 0),bo([o.state()],mo.prototype,"facetsInitialized",void 0),bo([o.query(".ft-search-bar--container")],mo.prototype,"container",void 0),bo([o.query(".ft-search-bar--filters-opener")],mo.prototype,"filtersOpener",void 0),bo([o.query(".ft-search-bar--floating-panel")],mo.prototype,"floatingContainer",void 0),bo([o.query("ft-snap-scroll.ft-search-bar--filters-container")],mo.prototype,"scrollingFiltersContainer",void 0),bo([o.query(".ft-search-bar--input")],mo.prototype,"input",void 0),bo([o.state()],mo.prototype,"query",void 0),bo([o.state()],mo.prototype,"suggestions",void 0),bo([o.state()],mo.prototype,"recentSearches",void 0),bo([o.state()],mo.prototype,"scrollToFacet",void 0),bo([o.state()],mo.prototype,"api",void 0),bo([o.state()],mo.prototype,"facetsLoaded",void 0),e.customElement("ft-search-bar")(mo),t.DEFAULT_LABELS=vo,t.FtSearchBar=mo,t.FtSearchBarCssVariables=no,t.LaunchSearchEvent=go,t.SearchStateChangeEvent=xo,t.facetsCss=ao,t.searchBarCss=lo,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);