@fluid-topics/ft-search-locale-selector 1.0.7 → 1.0.9

package/build/ft-search-locale-selector.css.js

@@ -16,4 +16,16 @@ export const styles = css `
         color: ${FtSearchLocaleSelectorCssVariables.warningIconColor};
         cursor: help;
     }
+    
+    .ft-search-locale-selector--placeholder {
+        display: flex;
+        flex-direction: row;
+        gap: 8px;
+        padding: 8px;
+        border: 1px dashed #e1e1e1;
+        color: #444444;
+        background: #f1f1f1;
+        border-radius: 4px;
+        align-items: center;
+    }
 `;

package/build/ft-search-locale-selector.d.ts

@@ -1,4 +1,4 @@
-import { PropertyValues } from "lit";
+import { nothing, PropertyValues } from "lit";
 import { FtSearchLocaleSelectorProperties } from "./ft-search-locale-selector.properties";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { FtSearchLocale } from "@fluid-topics/public-api";
@@ -9,11 +9,12 @@ export declare class FtSearchLocaleSelector extends FtSearchLocaleSelector_base
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
     warningTooltipPosition: Position;
+    editorMode?: boolean;
     locales?: Array<FtSearchLocale>;
     currentSearchLocale?: string;
     selectedSearchLocale?: string;
     constructor();
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1> | typeof nothing;
     private setContentLocale;
     protected updated(props: PropertyValues): void;
 }

package/build/ft-search-locale-selector.js

@@ -15,14 +15,27 @@ import { FtFilter, FtFilterOption } from "@fluid-topics/ft-filter";
 import { FtIcon } from "@fluid-topics/ft-icon";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
 import { selectorContext, selectorDefaultMessages } from "./SearchLocaleSelectorMessages";
+import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
 class FtSearchLocaleSelector extends withI18n(FtSearchComponent) {
     constructor() {
         super();
         this.warningTooltipPosition = "left";
+        this.addStore(ftAppInfoStore);
         this.addI18nContext(selectorContext, selectorDefaultMessages);
     }
     render() {
-        var _a;
+        var _a, _b, _c;
+        if (((_b = (_a = this.locales) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) <= 1) {
+            return this.editorMode ? html `
+                <div class="ft-search-locale-selector--placeholder">
+                    <ft-typography variant="caption">At least 2 search languages are required to display this selector.</ft-typography>
+                    <ft-tooltip position="left"
+                                text="This notice will not appear outside this designer.">
+                        <ft-icon>INFO</ft-icon>
+                    </ft-tooltip>
+                </div>
+            ` : nothing;
+        }
         return html `
             <ft-filter
                     exportpartsPrefix="filter"
@@ -38,7 +51,7 @@ class FtSearchLocaleSelector extends withI18n(FtSearchComponent) {
                                 <ft-icon value="warning" part="warning-icon"></ft-icon>
                             </ft-tooltip>
                         ` : nothing}
-                ${repeat(((_a = this.locales) !== null && _a !== void 0 ? _a : []), locale => locale.lang, locale => html `
+                ${repeat(((_c = this.locales) !== null && _c !== void 0 ? _c : []), locale => locale.lang, locale => html `
                                     <ft-filter-option label="${locale.label}"
                                                       .value=${locale.lang}
                                                       ?selected=${locale.lang == this.selectedSearchLocale}></ft-filter-option>
@@ -77,10 +90,13 @@ __decorate([
     property()
 ], FtSearchLocaleSelector.prototype, "warningTooltipPosition", void 0);
 __decorate([
-    redux()
+    redux({ store: ftAppInfoStore.name })
+], FtSearchLocaleSelector.prototype, "editorMode", void 0);
+__decorate([
+    redux({ store: "search" })
 ], FtSearchLocaleSelector.prototype, "locales", void 0);
 __decorate([
-    redux({ selector: (state) => state.request.contentLocale })
+    redux({ store: "search", selector: (state) => state.request.contentLocale })
 ], FtSearchLocaleSelector.prototype, "currentSearchLocale", void 0);
 __decorate([
     state()

package/build/ft-search-locale-selector.light.js

@@ -40,24 +40,36 @@
         color: ${h.warningIconColor};
         cursor: help;
     }
+    
+    .ft-search-locale-selector--placeholder {
+        display: flex;
+        flex-direction: row;
+        gap: 8px;
+        padding: 8px;
+        border: 1px dashed #e1e1e1;
+        color: #444444;
+        background: #f1f1f1;
+        border-radius: 4px;
+        align-items: center;
+    }
 `,c=e.css`
 `,d=e.css`
 `,f=i.FtReduxStore.get({name:"ft-app-info",reducers:{setBaseUrl:(t,i)=>{t.baseUrl=i.payload},setApiIntegrationIdentifier:(t,i)=>{t.apiIntegrationIdentifier=i.payload},setUiLocale:(t,i)=>{t.uiLocale=i.payload},setAvailableUiLocales:(t,i)=>{t.availableUiLocales=i.payload},setEditorMode:(t,i)=>{t.editorMode=i.payload},setNoCustom:(t,i)=>{t.noCustom=i.payload},setNoCustomComponent:(t,i)=>{t.noCustomComponent=i.payload},setSession:(t,i)=>{t.session=i.payload}},initialState:{uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],editorMode:!1,noCustom:!1,noCustomComponent:!1}});class u{static build(t){const{baseUrl:i,apiIntegrationIdentifier:e}=f.getState(),o=null!=t?t:e;if(i&&o&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(i,o,!0)}static get(t){var i;return null!=t?u.build(t):null!==(i=u.API)&&void 0!==i?i:u.API=u.build()}static await(t){return new Promise((i=>{let e=u.get(t);if(e)i(e);else{const o=f.subscribe((()=>{e=u.get(t),e&&(o(),i(e))}))}}))}}var v;const b=Symbol("clearAfterUnitTest");class g{constructor(t){this.messageContextProvider=t,this.defaultMessages={},this.cache=new i.CacheRegistry,this.listeners={},this.currentUiLocale="",this[v]=()=>{this.defaultMessages={},this.cache=new i.CacheRegistry,this.listeners={}},this.currentUiLocale=f.getState().uiLocale,f.subscribe((()=>this.clearWhenUiLocaleChanges()))}clearWhenUiLocaleChanges(){const{uiLocale:t}=f.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){const i=t.name.toLowerCase();this.cache.setFinal(i,t),this.notify(i)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,e){var o;if(t=t.toLowerCase(),Object.keys(e).length>0){const s={...null!==(o=this.defaultMessages[t])&&void 0!==o?o:{},...e};i.deepEqual(this.defaultMessages[t],s)||(this.defaultMessages[t]=s,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,e,...o){var s,n,r;t=t.toLowerCase(),this.fetchContext(t);const l=null!==(n=null===(s=this.cache.getNow(t))||void 0===s?void 0:s.messages)&&void 0!==n?n:{};return new i.ParametrizedLabelResolver(null!==(r=this.defaultMessages[t])&&void 0!==r?r:{},l).resolve(e,...o)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,(()=>this.messageContextProvider(this.currentUiLocale,t))),await this.notify(t)}catch(t){console.error(t)}}subscribe(t,i){var e;return t=t.toLowerCase(),this.listeners[t]=null!==(e=this.listeners[t])&&void 0!==e?e:new Set,this.listeners[t].add(i),()=>{var e;return null===(e=this.listeners[t])||void 0===e?void 0:e.delete(i)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map((t=>this.notify(t))))}async notify(t){null!=this.listeners[t]&&await Promise.all([...this.listeners[t].values()].map((t=>i.delay(0).then((()=>t())).catch((()=>null)))))}}v=b,null==window.FluidTopicsI18nService&&(window.FluidTopicsI18nService=new g((async(t,i)=>(await u.await()).getFluidTopicsMessageContext(t,i)))),null==window.FluidTopicsCustomI18nService&&(window.FluidTopicsCustomI18nService=new g((async(t,i)=>(await u.await()).getCustomMessageContext(t,i))));const x=window.FluidTopicsI18nService,y=window.FluidTopicsCustomI18nService;var m=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class $ extends i.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.availableUiLocales=[],this.editorMode=!1,this.noCustom=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.messageContexts=[],this.apiProvider=()=>u.get(),this.cache=new i.CacheRegistry,this.cleanSessionDebouncer=new i.Debouncer}render(){return e.html`
             <slot></slot>
         `}updated(t){super.updated(t),t.has("baseUrl")&&f.actions.setBaseUrl(this.baseUrl),t.has("apiIntegrationIdentifier")&&f.actions.setApiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&f.actions.setUiLocale(this.uiLocale),t.has("noCustom")&&f.actions.setNoCustom(this.noCustom),t.has("editorMode")&&f.actions.setEditorMode(this.editorMode),t.has("noCustomComponent")&&f.actions.setNoCustomComponent(this.noCustomComponent),t.has("session")&&f.actions.setSession(this.session),t.has("availableUiLocales")&&f.actions.setAvailableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&null!=this.messageContexts&&this.messageContexts.forEach((t=>x.addContext(t))),setTimeout((()=>this.updateIfNeeded()))}async updateIfNeeded(){const t=this.apiProvider();!this.withManualResources&&t&&(null==this.session&&(this.session=await this.cache.get("session",(async()=>{const i=await t.getCurrentSession();return i.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run((()=>{this.cache.clear("session"),this.session=void 0}),i.idleTimeoutInMillis),i}))),null==this.availableUiLocales&&(this.availableUiLocales=await this.cache.get("availableUiLocales",(()=>t.getAvailableUiLocales()))))}}$.elementDefinitions={},$.styles=d,m([s.property()],$.prototype,"baseUrl",void 0),m([s.property()],$.prototype,"apiIntegrationIdentifier",void 0),m([s.property()],$.prototype,"uiLocale",void 0),m([i.jsonProperty([])],$.prototype,"availableUiLocales",void 0),m([s.property({type:Boolean})],$.prototype,"editorMode",void 0),m([s.property({type:Boolean})],$.prototype,"noCustom",void 0),m([s.property({converter:{fromAttribute:t=>"false"!==t&&("true"===t||null!=t&&t)}})],$.prototype,"noCustomComponent",void 0),m([s.property({type:Boolean})],$.prototype,"withManualResources",void 0),m([i.jsonProperty([])],$.prototype,"messageContexts",void 0),m([i.jsonProperty(void 0)],$.prototype,"session",void 0),m([s.property({type:Object})],$.prototype,"apiProvider",void 0),i.customElement("ft-app-context")($);var w=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};const k=Symbol("i18nProperties"),S=Symbol("i18nUnsubs");function z(t){var i;class e extends t{constructor(){super(...arguments),this.useCustomMessageContexts=!1,this[i]=new Map}get i18nService(){return this.useCustomMessageContexts?y:x}i18n(t,i,...e){var o;if("string"==typeof t)return this.i18nService.resolveMessage(t,i,...e);const s=null!==(o=t.args)&&void 0!==o?o:t.argsProvider?t.argsProvider(this):[];return this.i18nService.resolveMessage(t.context,t.key,...s)}onI18nUpdate(t){var i;null===(i=this[k])||void 0===i||i.forEach(((i,e)=>{i.context.toLowerCase()===t.toLowerCase()&&(this[e]=this.i18n(i))})),setTimeout((()=>this.requestUpdate()),0)}updated(t){var i;super.updated(t),null===(i=this[k])||void 0===i||i.forEach(((t,i)=>{null!=t.argsProvider&&(this[i]=this.i18n(t))}))}connectedCallback(){super.connectedCallback(),null!=this[k]&&new Set([...this[k].values()].map((t=>t.context))).forEach((t=>this.addI18nMessages(t)))}addI18nMessages(t,i){t=t.toLowerCase(),this[S].has(t)||this[S].set(t,this.i18nService.subscribe(t,(()=>this.onI18nUpdate(t)))),this.i18nService.prepareContext(t,null!=i?i:{})}addI18nContext(t,i){this.addI18nMessages(t.name,i)}disconnectedCallback(){super.disconnectedCallback(),this[S].forEach((t=>t())),this[S].clear()}}return i=S,w([s.property({type:Boolean})],e.prototype,"useCustomMessageContexts",void 0),e}class C extends(z(i.FtLitElement)){}class O extends(z(i.FtLitElementRedux)){}var I=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class j extends O{constructor(){super(),this.editorMode=!1,this.addStore(f)}render(){return this.key&&this.context?e.html`
             <span class="ft-i18n">${this.i18n(this.context,this.key,...Array.isArray(this.args)?this.args:[])}</span>
-        `:this.editorMode?"Select a context and a label key.":e.nothing}update(t){super.update(t),this.context&&this.key&&this.defaultMessage&&this.addI18nMessages(this.context,{[this.key]:this.defaultMessage})}}j.elementDefinitions={},j.styles=c,I([i.redux()],j.prototype,"editorMode",void 0),I([s.property()],j.prototype,"context",void 0),I([s.property()],j.prototype,"key",void 0),I([i.jsonProperty([])],j.prototype,"args",void 0),I([s.property()],j.prototype,"defaultMessage",void 0);class B{static build(t){return new B(t)}static fromGwt(t){return new B(t)}constructor(t){this.name=t,this.properties=new Proxy({},{get:(t,i)=>{const e=i;return t=>({context:this.name,key:e,args:"function"==typeof t?void 0:t,argsProvider:"function"==typeof t?t:void 0})}}),this.messages=new Proxy({},{get:(t,i)=>(...t)=>x.resolveMessage(this.name,i,...t)})}}i.customElement("ft-i18n")(j);var E=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class T extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}}const M=Symbol("registerInterval");class L extends(function(t){var i;class e extends t{constructor(){super(...arguments),this[i]=0}setSearchStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[M]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[M]):this.dispatchEvent(new T)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return i=M,E([s.state()],e.prototype,"stateManager",void 0),e}(i.FtLitElementRedux)){}
+        `:this.editorMode?"Select a context and a label key.":e.nothing}update(t){super.update(t),this.context&&this.key&&this.defaultMessage&&this.addI18nMessages(this.context,{[this.key]:this.defaultMessage})}}j.elementDefinitions={},j.styles=c,I([i.redux()],j.prototype,"editorMode",void 0),I([s.property()],j.prototype,"context",void 0),I([s.property()],j.prototype,"key",void 0),I([i.jsonProperty([])],j.prototype,"args",void 0),I([s.property()],j.prototype,"defaultMessage",void 0);class B{static build(t){return new B(t)}static fromGwt(t){return new B(t)}constructor(t){this.name=t,this.properties=new Proxy({},{get:(t,i)=>{const e=i;return t=>({context:this.name,key:e,args:"function"==typeof t?void 0:t,argsProvider:"function"==typeof t?t:void 0})}}),this.messages=new Proxy({},{get:(t,i)=>(...t)=>x.resolveMessage(this.name,i,...t)})}}i.customElement("ft-i18n")(j);var E=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class T extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}}const M=Symbol("registerInterval");class A extends(function(t){var i;class e extends t{constructor(){super(...arguments),this[i]=0}setSearchStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[M]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[M]):this.dispatchEvent(new T)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return i=M,E([s.state()],e.prototype,"stateManager",void 0),e}(i.FtLitElementRedux)){}
 /**
      * @license
      * Copyright 2017 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
-     */var A;const N=window,D=N.trustedTypes,R=D?D.createPolicy("lit-html",{createHTML:t=>t}):void 0,U="$lit$",F=`lit$${(Math.random()+"").slice(9)}$`,_="?"+F,P=`<${_}>`,H=document,W=()=>H.createComment(""),Z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,V=Array.isArray,K="[ \t\n\f\r]",G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,q=/-->/g,X=/>/g,Y=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),J=/'/g,Q=/"/g,tt=/^(?:script|style|textarea|title)$/i,it=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),et=Symbol.for("lit-noChange"),ot=Symbol.for("lit-nothing"),st=new WeakMap,nt=H.createTreeWalker(H,129,null,!1),rt=(t,i)=>{const e=t.length-1,o=[];let s,n=2===i?"<svg>":"",r=G;for(let i=0;i<e;i++){const e=t[i];let l,a,h=-1,p=0;for(;p<e.length&&(r.lastIndex=p,a=r.exec(e),null!==a);)p=r.lastIndex,r===G?"!--"===a[1]?r=q:void 0!==a[1]?r=X:void 0!==a[2]?(tt.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=Y):void 0!==a[3]&&(r=Y):r===Y?">"===a[0]?(r=null!=s?s:G,h=-1):void 0===a[1]?h=-2:(h=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?Y:'"'===a[3]?Q:J):r===Q||r===J?r=Y:r===q||r===X?r=G:(r=Y,s=void 0);const c=r===Y&&t[i+1].startsWith("/>")?" ":"";n+=r===G?e+P:h>=0?(o.push(l),e.slice(0,h)+U+e.slice(h)+F+c):e+F+(-2===h?(o.push(void 0),i):c)}const l=n+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==R?R.createHTML(l):l,o]};class lt{constructor({strings:t,_$litType$:i},e){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,h]=rt(t,i);if(this.el=lt.createElement(a,e),nt.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(o=nt.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const i of o.getAttributeNames())if(i.endsWith(U)||i.startsWith(F)){const e=h[n++];if(t.push(i),void 0!==e){const t=o.getAttribute(e.toLowerCase()+U).split(F),i=/([.?@])?(.*)/.exec(e);l.push({type:1,index:s,name:i[2],strings:t,ctor:"."===i[1]?dt:"?"===i[1]?ut:"@"===i[1]?vt:ct})}else l.push({type:6,index:s})}for(const i of t)o.removeAttribute(i)}if(tt.test(o.tagName)){const t=o.textContent.split(F),i=t.length-1;if(i>0){o.textContent=D?D.emptyScript:"";for(let e=0;e<i;e++)o.append(t[e],W()),nt.nextNode(),l.push({type:2,index:++s});o.append(t[i],W())}}}else if(8===o.nodeType)if(o.data===_)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(F,t+1));)l.push({type:7,index:s}),t+=F.length-1}s++}}static createElement(t,i){const e=H.createElement("template");return e.innerHTML=t,e}}function at(t,i,e=t,o){var s,n,r,l;if(i===et)return i;let a=void 0!==o?null===(s=e._$Co)||void 0===s?void 0:s[o]:e._$Cl;const h=Z(i)?void 0:i._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,e,o)),void 0!==o?(null!==(r=(l=e)._$Co)&&void 0!==r?r:l._$Co=[])[o]=a:e._$Cl=a),void 0!==a&&(i=at(t,a._$AS(t,i.values),a,o)),i}class ht{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:e},parts:o}=this._$AD,s=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:H).importNode(e,!0);nt.currentNode=s;let n=nt.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let i;2===a.type?i=new pt(n,n.nextSibling,this,t):1===a.type?i=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(i=new bt(n,this,t)),this._$AV.push(i),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=nt.nextNode(),r++)}return s}v(t){let i=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class pt{constructor(t,i,e,o){var s;this.type=2,this._$AH=ot,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=o,this._$Cp=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=at(this,t,i),Z(t)?t===ot||null==t||""===t?(this._$AH!==ot&&this._$AR(),this._$AH=ot):t!==this._$AH&&t!==et&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>V(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==ot&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.$(H.createTextNode(t)),this._$AH=t}g(t){var i;const{values:e,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=lt.createElement(o.h,this.options)),o);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===s)this._$AH.v(e);else{const t=new ht(s,this),i=t.u(this.options);t.v(e),this.$(i),this._$AH=t}}_$AC(t){let i=st.get(t.strings);return void 0===i&&st.set(t.strings,i=new lt(t)),i}T(t){V(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,o=0;for(const s of t)o===i.length?i.push(e=new pt(this.k(W()),this.k(W()),this,this.options)):e=i[o],e._$AI(s),o++;o<i.length&&(this._$AR(e&&e._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class ct{constructor(t,i,e,o,s){this.type=1,this._$AH=ot,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=ot}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,o){const s=this.strings;let n=!1;if(void 0===s)t=at(this,t,i,0),n=!Z(t)||t!==this._$AH&&t!==et,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=at(this,o[e+r],i,r),l===et&&(l=this._$AH[r]),n||(n=!Z(l)||l!==this._$AH[r]),l===ot?t=ot:t!==ot&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.j(t)}j(t){t===ot?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class dt extends ct{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ot?void 0:t}}const ft=D?D.emptyScript:"";class ut extends ct{constructor(){super(...arguments),this.type=4}j(t){t&&t!==ot?this.element.setAttribute(this.name,ft):this.element.removeAttribute(this.name)}}class vt extends ct{constructor(t,i,e,o,s){super(t,i,e,o,s),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=at(this,t,i,0))&&void 0!==e?e:ot)===et)return;const o=this._$AH,s=t===ot&&o!==ot||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==ot&&(o===ot||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class bt{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){at(this,t)}}const gt=N.litHtmlPolyfillSupport;null==gt||gt(lt,pt),(null!==(A=N.litHtmlVersions)&&void 0!==A?A:N.litHtmlVersions=[]).push("2.7.3");
+     */var L;const N=window,D=N.trustedTypes,R=D?D.createPolicy("lit-html",{createHTML:t=>t}):void 0,U="$lit$",F=`lit$${(Math.random()+"").slice(9)}$`,_="?"+F,P=`<${_}>`,H=document,W=()=>H.createComment(""),Z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,V=Array.isArray,K="[ \t\n\f\r]",G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,q=/-->/g,X=/>/g,Y=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),J=/'/g,Q=/"/g,tt=/^(?:script|style|textarea|title)$/i,it=(t=>(i,...e)=>({_$litType$:t,strings:i,values:e}))(1),et=Symbol.for("lit-noChange"),ot=Symbol.for("lit-nothing"),st=new WeakMap,nt=H.createTreeWalker(H,129,null,!1),rt=(t,i)=>{const e=t.length-1,o=[];let s,n=2===i?"<svg>":"",r=G;for(let i=0;i<e;i++){const e=t[i];let l,a,h=-1,p=0;for(;p<e.length&&(r.lastIndex=p,a=r.exec(e),null!==a);)p=r.lastIndex,r===G?"!--"===a[1]?r=q:void 0!==a[1]?r=X:void 0!==a[2]?(tt.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=Y):void 0!==a[3]&&(r=Y):r===Y?">"===a[0]?(r=null!=s?s:G,h=-1):void 0===a[1]?h=-2:(h=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?Y:'"'===a[3]?Q:J):r===Q||r===J?r=Y:r===q||r===X?r=G:(r=Y,s=void 0);const c=r===Y&&t[i+1].startsWith("/>")?" ":"";n+=r===G?e+P:h>=0?(o.push(l),e.slice(0,h)+U+e.slice(h)+F+c):e+F+(-2===h?(o.push(void 0),i):c)}const l=n+(t[e]||"<?>")+(2===i?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==R?R.createHTML(l):l,o]};class lt{constructor({strings:t,_$litType$:i},e){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,h]=rt(t,i);if(this.el=lt.createElement(a,e),nt.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes)}for(;null!==(o=nt.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const i of o.getAttributeNames())if(i.endsWith(U)||i.startsWith(F)){const e=h[n++];if(t.push(i),void 0!==e){const t=o.getAttribute(e.toLowerCase()+U).split(F),i=/([.?@])?(.*)/.exec(e);l.push({type:1,index:s,name:i[2],strings:t,ctor:"."===i[1]?dt:"?"===i[1]?ut:"@"===i[1]?vt:ct})}else l.push({type:6,index:s})}for(const i of t)o.removeAttribute(i)}if(tt.test(o.tagName)){const t=o.textContent.split(F),i=t.length-1;if(i>0){o.textContent=D?D.emptyScript:"";for(let e=0;e<i;e++)o.append(t[e],W()),nt.nextNode(),l.push({type:2,index:++s});o.append(t[i],W())}}}else if(8===o.nodeType)if(o.data===_)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(F,t+1));)l.push({type:7,index:s}),t+=F.length-1}s++}}static createElement(t,i){const e=H.createElement("template");return e.innerHTML=t,e}}function at(t,i,e=t,o){var s,n,r,l;if(i===et)return i;let a=void 0!==o?null===(s=e._$Co)||void 0===s?void 0:s[o]:e._$Cl;const h=Z(i)?void 0:i._$litDirective$;return(null==a?void 0:a.constructor)!==h&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===h?a=void 0:(a=new h(t),a._$AT(t,e,o)),void 0!==o?(null!==(r=(l=e)._$Co)&&void 0!==r?r:l._$Co=[])[o]=a:e._$Cl=a),void 0!==a&&(i=at(t,a._$AS(t,i.values),a,o)),i}class ht{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:e},parts:o}=this._$AD,s=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:H).importNode(e,!0);nt.currentNode=s;let n=nt.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let i;2===a.type?i=new pt(n,n.nextSibling,this,t):1===a.type?i=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(i=new bt(n,this,t)),this._$AV.push(i),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=nt.nextNode(),r++)}return s}v(t){let i=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,i),i+=e.strings.length-2):e._$AI(t[i])),i++}}class pt{constructor(t,i,e,o){var s;this.type=2,this._$AH=ot,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=e,this.options=o,this._$Cp=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=at(this,t,i),Z(t)?t===ot||null==t||""===t?(this._$AH!==ot&&this._$AR(),this._$AH=ot):t!==this._$AH&&t!==et&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>V(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==ot&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.$(H.createTextNode(t)),this._$AH=t}g(t){var i;const{values:e,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=lt.createElement(o.h,this.options)),o);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===s)this._$AH.v(e);else{const t=new ht(s,this),i=t.u(this.options);t.v(e),this.$(i),this._$AH=t}}_$AC(t){let i=st.get(t.strings);return void 0===i&&st.set(t.strings,i=new lt(t)),i}T(t){V(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let e,o=0;for(const s of t)o===i.length?i.push(e=new pt(this.k(W()),this.k(W()),this,this.options)):e=i[o],e._$AI(s),o++;o<i.length&&(this._$AR(e&&e._$AB.nextSibling,o),i.length=o)}_$AR(t=this._$AA.nextSibling,i){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var i;void 0===this._$AM&&(this._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t))}}class ct{constructor(t,i,e,o,s){this.type=1,this._$AH=ot,this._$AN=void 0,this.element=t,this.name=i,this._$AM=o,this.options=s,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=ot}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,e,o){const s=this.strings;let n=!1;if(void 0===s)t=at(this,t,i,0),n=!Z(t)||t!==this._$AH&&t!==et,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=at(this,o[e+r],i,r),l===et&&(l=this._$AH[r]),n||(n=!Z(l)||l!==this._$AH[r]),l===ot?t=ot:t!==ot&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.j(t)}j(t){t===ot?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class dt extends ct{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ot?void 0:t}}const ft=D?D.emptyScript:"";class ut extends ct{constructor(){super(...arguments),this.type=4}j(t){t&&t!==ot?this.element.setAttribute(this.name,ft):this.element.removeAttribute(this.name)}}class vt extends ct{constructor(t,i,e,o,s){super(t,i,e,o,s),this.type=5}_$AI(t,i=this){var e;if((t=null!==(e=at(this,t,i,0))&&void 0!==e?e:ot)===et)return;const o=this._$AH,s=t===ot&&o!==ot||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==ot&&(o===ot||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var i,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class bt{constructor(t,i,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){at(this,t)}}const gt=N.litHtmlPolyfillSupport;null==gt||gt(lt,pt),(null!==(L=N.litHtmlVersions)&&void 0!==L?L:N.litHtmlVersions=[]).push("2.7.3");
 /**
      * @license
      * Copyright 2020 Google LLC
      * SPDX-License-Identifier: BSD-3-Clause
      */
-const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void 0:t._$litStatic$},mt=t=>({_$litStatic$:t,r:xt}),$t=new Map,wt=(t=>(i,...e)=>{const o=e.length;let s,n;const r=[],l=[];let a,h=0,p=!1;for(;h<o;){for(a=i[h];h<o&&void 0!==(n=e[h],s=yt(n));)a+=s+i[++h],p=!0;h!==o&&l.push(n),r.push(a),h++}if(h===o&&r.push(i[o]),p){const t=r.join("$$lit$$");void 0===(i=$t.get(t))&&(r.raw=r,$t.set(t,i=r)),e=l}return t(i,...e)})(it);var kt;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(kt||(kt={}));const St=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),zt=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),Ct={fontFamily:zt,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},Ot=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",St),It=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",Ct.fontSize,"20px"),jt=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",Ct.fontWeight,"normal"),Bt=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",Ct.letterSpacing,"0.15px"),Et=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",Ct.lineHeight,"1.2"),Tt=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",Ct.textTransform,"inherit"),Mt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",St),Lt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",Ct.fontSize,"14px"),At=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",Ct.fontWeight,"normal"),Nt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",Ct.letterSpacing,"0.105px"),Dt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",Ct.lineHeight,"1.7"),Rt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",Ct.textTransform,"inherit"),Ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",zt),Ft=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",Ct.fontSize,"16px"),_t=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",Ct.fontWeight,"600"),Pt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",Ct.letterSpacing,"0.144px"),Ht=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",Ct.lineHeight,"1.5"),Wt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",Ct.textTransform,"inherit"),Zt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",zt),Vt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",Ct.fontSize,"14px"),Kt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",Ct.fontWeight,"normal"),Gt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",Ct.letterSpacing,"0.098px"),qt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",Ct.lineHeight,"1.7"),Xt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",Ct.textTransform,"inherit"),Yt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",zt),Jt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",Ct.fontSize,"16px"),Qt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",Ct.fontWeight,"normal"),ti=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",Ct.letterSpacing,"0.496px"),ii=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",Ct.lineHeight,"1.5"),ei=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",Ct.textTransform,"inherit"),oi={fontFamily:i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",zt),fontSize:i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",Ct.fontSize,"14px"),fontWeight:i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",Ct.fontWeight,"normal"),letterSpacing:i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",Ct.letterSpacing,"0.252px"),lineHeight:i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",Ct.lineHeight,"1.4"),textTransform:i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",Ct.textTransform,"inherit")},si=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",zt),ni=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",Ct.fontSize,"12px"),ri=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",Ct.fontWeight,"normal"),li=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",Ct.letterSpacing,"0.396px"),ai=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",Ct.lineHeight,"1.33"),hi=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",Ct.textTransform,"inherit"),pi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",zt),ci=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",Ct.fontSize,"10px"),di=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",Ct.fontWeight,"normal"),fi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",Ct.letterSpacing,"0.33px"),ui=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",Ct.lineHeight,"1.6"),vi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",Ct.textTransform,"inherit"),bi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",zt),gi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",Ct.fontSize,"10px"),xi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",Ct.fontWeight,"normal"),yi=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",Ct.letterSpacing,"1.5px"),mi=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",Ct.lineHeight,"1.6"),$i=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",Ct.textTransform,"uppercase"),wi={fontFamily:i.FtCssVariableFactory.extend("--ft-typography-button-font-family",zt),fontSize:i.FtCssVariableFactory.extend("--ft-typography-button-font-size",Ct.fontSize,"14px"),fontWeight:i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",Ct.fontWeight,"600"),letterSpacing:i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",Ct.letterSpacing,"1.246px"),lineHeight:i.FtCssVariableFactory.extend("--ft-typography-button-line-height",Ct.lineHeight,"1.15"),textTransform:i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",Ct.textTransform,"uppercase")},ki=e.css`
+const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void 0:t._$litStatic$},mt=t=>({_$litStatic$:t,r:xt}),$t=new Map,wt=(t=>(i,...e)=>{const o=e.length;let s,n;const r=[],l=[];let a,h=0,p=!1;for(;h<o;){for(a=i[h];h<o&&void 0!==(n=e[h],s=yt(n));)a+=s+i[++h],p=!0;h!==o&&l.push(n),r.push(a),h++}if(h===o&&r.push(i[o]),p){const t=r.join("$$lit$$");void 0===(i=$t.get(t))&&(r.raw=r,$t.set(t,i=r)),e=l}return t(i,...e)})(it);var kt;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(kt||(kt={}));const St=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.titleFont),zt=i.FtCssVariableFactory.extend("--ft-typography-font-family",i.designSystemVariables.contentFont),Ct={fontFamily:zt,fontSize:i.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:i.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:i.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:i.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:i.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},Ot=i.FtCssVariableFactory.extend("--ft-typography-title-font-family",St),It=i.FtCssVariableFactory.extend("--ft-typography-title-font-size",Ct.fontSize,"20px"),jt=i.FtCssVariableFactory.extend("--ft-typography-title-font-weight",Ct.fontWeight,"normal"),Bt=i.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",Ct.letterSpacing,"0.15px"),Et=i.FtCssVariableFactory.extend("--ft-typography-title-line-height",Ct.lineHeight,"1.2"),Tt=i.FtCssVariableFactory.extend("--ft-typography-title-text-transform",Ct.textTransform,"inherit"),Mt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",St),At=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",Ct.fontSize,"14px"),Lt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",Ct.fontWeight,"normal"),Nt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",Ct.letterSpacing,"0.105px"),Dt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",Ct.lineHeight,"1.7"),Rt=i.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",Ct.textTransform,"inherit"),Ut=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",zt),Ft=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",Ct.fontSize,"16px"),_t=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",Ct.fontWeight,"600"),Pt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",Ct.letterSpacing,"0.144px"),Ht=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",Ct.lineHeight,"1.5"),Wt=i.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",Ct.textTransform,"inherit"),Zt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",zt),Vt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",Ct.fontSize,"14px"),Kt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",Ct.fontWeight,"normal"),Gt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",Ct.letterSpacing,"0.098px"),qt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",Ct.lineHeight,"1.7"),Xt=i.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",Ct.textTransform,"inherit"),Yt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-family",zt),Jt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-size",Ct.fontSize,"16px"),Qt=i.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",Ct.fontWeight,"normal"),ti=i.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",Ct.letterSpacing,"0.496px"),ii=i.FtCssVariableFactory.extend("--ft-typography-body1-line-height",Ct.lineHeight,"1.5"),ei=i.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",Ct.textTransform,"inherit"),oi={fontFamily:i.FtCssVariableFactory.extend("--ft-typography-body2-font-family",zt),fontSize:i.FtCssVariableFactory.extend("--ft-typography-body2-font-size",Ct.fontSize,"14px"),fontWeight:i.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",Ct.fontWeight,"normal"),letterSpacing:i.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",Ct.letterSpacing,"0.252px"),lineHeight:i.FtCssVariableFactory.extend("--ft-typography-body2-line-height",Ct.lineHeight,"1.4"),textTransform:i.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",Ct.textTransform,"inherit")},si=i.FtCssVariableFactory.extend("--ft-typography-caption-font-family",zt),ni=i.FtCssVariableFactory.extend("--ft-typography-caption-font-size",Ct.fontSize,"12px"),ri=i.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",Ct.fontWeight,"normal"),li=i.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",Ct.letterSpacing,"0.396px"),ai=i.FtCssVariableFactory.extend("--ft-typography-caption-line-height",Ct.lineHeight,"1.33"),hi=i.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",Ct.textTransform,"inherit"),pi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",zt),ci=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",Ct.fontSize,"10px"),di=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",Ct.fontWeight,"normal"),fi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",Ct.letterSpacing,"0.33px"),ui=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",Ct.lineHeight,"1.6"),vi=i.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",Ct.textTransform,"inherit"),bi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-family",zt),gi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-size",Ct.fontSize,"10px"),xi=i.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",Ct.fontWeight,"normal"),yi=i.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",Ct.letterSpacing,"1.5px"),mi=i.FtCssVariableFactory.extend("--ft-typography-overline-line-height",Ct.lineHeight,"1.6"),$i=i.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",Ct.textTransform,"uppercase"),wi={fontFamily:i.FtCssVariableFactory.extend("--ft-typography-button-font-family",zt),fontSize:i.FtCssVariableFactory.extend("--ft-typography-button-font-size",Ct.fontSize,"14px"),fontWeight:i.FtCssVariableFactory.extend("--ft-typography-button-font-weight",Ct.fontWeight,"600"),letterSpacing:i.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",Ct.letterSpacing,"1.246px"),lineHeight:i.FtCssVariableFactory.extend("--ft-typography-button-line-height",Ct.lineHeight,"1.15"),textTransform:i.FtCssVariableFactory.extend("--ft-typography-button-text-transform",Ct.textTransform,"uppercase")},ki=e.css`
     .ft-typography--title {
         font-family: ${Ot};
         font-size: ${It};
@@ -69,8 +81,8 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
 `,Si=e.css`
     .ft-typography--title-dense {
         font-family: ${Mt};
-        font-size: ${Lt};
-        font-weight: ${At};
+        font-size: ${At};
+        font-weight: ${Lt};
         letter-spacing: ${Nt};
         line-height: ${Dt};
         text-transform: ${Rt};
@@ -152,14 +164,14 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
     .ft-typography {
         vertical-align: inherit;
     }
-`;var Li=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Ai extends i.FtLitElement{constructor(){super(...arguments),this.variant=kt.body1}render(){return this.element?wt`
+`;var Ai=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Li extends i.FtLitElement{constructor(){super(...arguments),this.variant=kt.body1}render(){return this.element?wt`
                 <${mt(this.element)}
                         class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
                 </${mt(this.element)}>
             `:wt`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}function Ni(t,i){return t.flatMap((t=>[t,...Ni(i(t),i)]))}Ai.styles=[ki,Si,zi,Ci,Oi,Ii,ji,Bi,Ei,Ti,Mi],Li([s.property()],Ai.prototype,"element",void 0),Li([s.property()],Ai.prototype,"variant",void 0),i.customElement("ft-typography")(Ai);const Di=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),Ri={color:Di,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",Di),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px")},Ui=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),Fi=Ui,_i=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Ui),Pi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),Hi=Pi,Wi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Pi),Zi=e.css`
+        `}}function Ni(t,i){return t.flatMap((t=>[t,...Ni(i(t),i)]))}Li.styles=[ki,Si,zi,Ci,Oi,Ii,ji,Bi,Ei,Ti,Mi],Ai([s.property()],Li.prototype,"element",void 0),Ai([s.property()],Li.prototype,"variant",void 0),i.customElement("ft-typography")(Li);const Di=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),Ri={color:Di,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",Di),opacityContentOnSurfacePressed:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:i.FtCssVariableFactory.external(i.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:i.FtCssVariableFactory.create("--ft-ripple-border-radius","SIZE","0px")},Ui=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),Fi=Ui,_i=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Ui),Pi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),Hi=Pi,Wi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",Pi),Zi=e.css`
     :host {
         display: contents;
     }
@@ -284,7 +296,7 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                     </div>
                 </div>
             </div>
-        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let s=0,n=0;switch(this.validPosition){case"top":n=-this.tooltip.clientHeight,s=o;break;case"bottom":n=i.height,s=o;break;case"left":n=e,s=-this.tooltip.clientWidth;break;case"right":n=e,s=i.width}i.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+s<0&&(s=4-i.left);const r=this.tooltip.style;r.left=s+"px",r.top=n+"px",r.maxWidth=`max(${i.width}px, ${l.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}qi.elementDefinitions={"ft-typography":Ai},qi.styles=a,Gi([s.property()],qi.prototype,"text",void 0),Gi([s.property({type:Boolean})],qi.prototype,"manual",void 0),Gi([s.property({type:Boolean})],qi.prototype,"inline",void 0),Gi([s.property({type:Number})],qi.prototype,"delay",void 0),Gi([s.property()],qi.prototype,"position",void 0),Gi([s.queryAssignedNodes("",!0)],qi.prototype,"slotNodes",void 0),Gi([s.query(".ft-tooltip--container")],qi.prototype,"container",void 0),Gi([s.query("slot")],qi.prototype,"target",void 0),Gi([s.query(".ft-tooltip")],qi.prototype,"tooltip",void 0),Gi([s.query(".ft-tooltip--content")],qi.prototype,"tooltipContent",void 0),Gi([s.state()],qi.prototype,"visible",void 0),i.customElement("ft-tooltip")(qi);const Xi={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Yi=e.css`
+        `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((i=>t.has(i)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const i=t.getBoundingClientRect(),e=(i.height-this.tooltip.clientHeight)/2,o=(i.width-this.tooltip.clientWidth)/2;let s=0,n=0;switch(this.validPosition){case"top":n=-this.tooltip.clientHeight,s=o;break;case"bottom":n=i.height,s=o;break;case"left":n=e,s=-this.tooltip.clientWidth;break;case"right":n=e,s=i.width}i.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-i.left),i.left+s<0&&(s=4-i.left);const r=this.tooltip.style;r.left=s+"px",r.top=n+"px",r.maxWidth=`max(${i.width}px, ${l.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}qi.elementDefinitions={"ft-typography":Li},qi.styles=a,Gi([s.property()],qi.prototype,"text",void 0),Gi([s.property({type:Boolean})],qi.prototype,"manual",void 0),Gi([s.property({type:Boolean})],qi.prototype,"inline",void 0),Gi([s.property({type:Number})],qi.prototype,"delay",void 0),Gi([s.property()],qi.prototype,"position",void 0),Gi([s.queryAssignedNodes("",!0)],qi.prototype,"slotNodes",void 0),Gi([s.query(".ft-tooltip--container")],qi.prototype,"container",void 0),Gi([s.query("slot")],qi.prototype,"target",void 0),Gi([s.query(".ft-tooltip")],qi.prototype,"tooltip",void 0),Gi([s.query(".ft-tooltip--content")],qi.prototype,"tooltipContent",void 0),Gi([s.state()],qi.prototype,"visible",void 0),i.customElement("ft-tooltip")(qi);const Xi={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Yi=e.css`
     :host {
         line-height: 0;
     }
@@ -573,7 +585,7 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                     </ft-tooltip>
                 `:t}resolveIcon(){return this.loading?e.html`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?e.html`
-                        <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:e.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}}be.elementDefinitions={"ft-ripple":Ki,"ft-tooltip":qi,"ft-typography":Ai,"ft-icon":ne,"ft-loader":Ji},be.styles=[i.safariEllipsisFix,ue],ve([s.property({type:String,reflect:!0})],be.prototype,"role",void 0),ve([s.property({type:Boolean})],be.prototype,"primary",void 0),ve([s.property({type:Boolean})],be.prototype,"outlined",void 0),ve([s.property({type:Boolean})],be.prototype,"disabled",void 0),ve([s.property({type:Boolean})],be.prototype,"dense",void 0),ve([s.property({type:Boolean})],be.prototype,"round",void 0),ve([s.property()],be.prototype,"label",void 0),ve([s.property()],be.prototype,"icon",void 0),ve([s.property()],be.prototype,"iconVariant",void 0),ve([s.property({type:Boolean})],be.prototype,"trailingIcon",void 0),ve([s.property({type:Boolean})],be.prototype,"loading",void 0),ve([s.property()],be.prototype,"tooltipPosition",void 0),ve([s.property({type:Boolean})],be.prototype,"hideTooltip",void 0),ve([s.property({type:Boolean})],be.prototype,"forceTooltip",void 0),ve([s.query(".ft-button")],be.prototype,"button",void 0),ve([s.query(".ft-button--label slot")],be.prototype,"slottedContent",void 0),i.customElement("ft-button")(be);const ge=i.FtCssVariableFactory.extend("--ft-checkbox-text-color",i.designSystemVariables.colorOnSurfaceHigh),xe=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),ye=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),me=i.FtCssVariableFactory.extend("--ft-checkbox-border-color",i.designSystemVariables.colorOnSurfaceMedium),$e=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),we=e.css`
+                        <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:e.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}}be.elementDefinitions={"ft-ripple":Ki,"ft-tooltip":qi,"ft-typography":Li,"ft-icon":ne,"ft-loader":Ji},be.styles=[i.safariEllipsisFix,ue],ve([s.property({type:String,reflect:!0})],be.prototype,"role",void 0),ve([s.property({type:Boolean})],be.prototype,"primary",void 0),ve([s.property({type:Boolean})],be.prototype,"outlined",void 0),ve([s.property({type:Boolean})],be.prototype,"disabled",void 0),ve([s.property({type:Boolean})],be.prototype,"dense",void 0),ve([s.property({type:Boolean})],be.prototype,"round",void 0),ve([s.property()],be.prototype,"label",void 0),ve([s.property()],be.prototype,"icon",void 0),ve([s.property()],be.prototype,"iconVariant",void 0),ve([s.property({type:Boolean})],be.prototype,"trailingIcon",void 0),ve([s.property({type:Boolean})],be.prototype,"loading",void 0),ve([s.property()],be.prototype,"tooltipPosition",void 0),ve([s.property({type:Boolean})],be.prototype,"hideTooltip",void 0),ve([s.property({type:Boolean})],be.prototype,"forceTooltip",void 0),ve([s.query(".ft-button")],be.prototype,"button",void 0),ve([s.query(".ft-button--label slot")],be.prototype,"slottedContent",void 0),i.customElement("ft-button")(be);const ge=i.FtCssVariableFactory.extend("--ft-checkbox-text-color",i.designSystemVariables.colorOnSurfaceHigh),xe=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),ye=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),me=i.FtCssVariableFactory.extend("--ft-checkbox-border-color",i.designSystemVariables.colorOnSurfaceMedium),$e=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),we=e.css`
     * {
         box-sizing: border-box;
     }
@@ -676,7 +688,7 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                     <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 i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}}Se.elementDefinitions={"ft-ripple":Ki,"ft-typography":Ai},Se.styles=we,ke([s.property()],Se.prototype,"name",void 0),ke([s.property({type:Boolean,reflect:!0})],Se.prototype,"checked",void 0),ke([s.property({type:Boolean})],Se.prototype,"indeterminate",void 0),ke([s.property({type:Boolean})],Se.prototype,"disabled",void 0),ke([s.query(".ft-checkbox")],Se.prototype,"container",void 0),ke([s.query("ft-ripple")],Se.prototype,"ripple",void 0),i.customElement("ft-checkbox")(Se);const ze=i.FtCssVariableFactory.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),Ce=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),Oe=(i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),i.FtCssVariableFactory.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium)),Ie=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),je=e.css`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}}Se.elementDefinitions={"ft-ripple":Ki,"ft-typography":Li},Se.styles=we,ke([s.property()],Se.prototype,"name",void 0),ke([s.property({type:Boolean,reflect:!0})],Se.prototype,"checked",void 0),ke([s.property({type:Boolean})],Se.prototype,"indeterminate",void 0),ke([s.property({type:Boolean})],Se.prototype,"disabled",void 0),ke([s.query(".ft-checkbox")],Se.prototype,"container",void 0),ke([s.query("ft-ripple")],Se.prototype,"ripple",void 0),i.customElement("ft-checkbox")(Se);const ze=i.FtCssVariableFactory.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),Ce=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),Oe=(i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),i.FtCssVariableFactory.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium)),Ie=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),je=e.css`
     * {
         box-sizing: border-box;
     }
@@ -780,17 +792,17 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                     </ft-typography>
                 </label>
             </div>
-        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Ee(this.value,this.checked))}contentAvailableCallback(t){var i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Ee(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Te.elementDefinitions={"ft-ripple":Ki,"ft-typography":Ai},Te.styles=je,Be([s.property()],Te.prototype,"value",void 0),Be([s.property()],Te.prototype,"name",void 0),Be([s.property({type:Boolean,reflect:!0})],Te.prototype,"checked",void 0),Be([s.property({type:Boolean})],Te.prototype,"disabled",void 0),Be([s.query(".ft-radio")],Te.prototype,"container",void 0),Be([s.query("ft-ripple")],Te.prototype,"ripple",void 0),Be([s.query("input")],Te.prototype,"input",void 0);const Me=e.css`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Ee(this.value,this.checked))}contentAvailableCallback(t){var i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Ee(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Te.elementDefinitions={"ft-ripple":Ki,"ft-typography":Li},Te.styles=je,Be([s.property()],Te.prototype,"value",void 0),Be([s.property()],Te.prototype,"name",void 0),Be([s.property({type:Boolean,reflect:!0})],Te.prototype,"checked",void 0),Be([s.property({type:Boolean})],Te.prototype,"disabled",void 0),Be([s.query(".ft-radio")],Te.prototype,"container",void 0),Be([s.query("ft-ripple")],Te.prototype,"ripple",void 0),Be([s.query("input")],Te.prototype,"input",void 0);const Me=e.css`
     :host {
         display: contents;
     }
-`;var Le=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Ae extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
+`;var Ae=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Le extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.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((i=>i.checked=t.detail.value===i.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let i=this.findFtRadio(t),e=this.radioButtons.indexOf(i)-1;this.radioButtons[e<0?this.radioButtons.length-1:e].select();break}case"ArrowDown":case"ArrowRight":{let i=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[i>this.radioButtons.length-1?0:i].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)}}Ae.elementDefinitions={},Ae.styles=Me,Le([s.property()],Ae.prototype,"name",void 0),Le([s.queryAssignedElements()],Ae.prototype,"radioButtons",void 0),i.customElement("ft-radio")(Te),i.customElement("ft-radio-group")(Ae);const Ne={borderRadiusM:i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusM,"Design system"),colorOutline:i.FtCssVariableFactory.external(i.designSystemVariables.colorOutline,"Design system"),colorOnSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:i.FtCssVariableFactory.external(oi.fontFamily,"Body2 typography"),fontSize:i.FtCssVariableFactory.external(oi.fontSize,"Body2 typography"),fontWeight:i.FtCssVariableFactory.external(oi.fontWeight,"Body2 typography"),letterSpacing:i.FtCssVariableFactory.external(oi.letterSpacing,"Body2 typography"),lineHeight:i.FtCssVariableFactory.external(oi.lineHeight,"Body2 typography"),textTransform:i.FtCssVariableFactory.external(oi.textTransform,"Body2 typography")},De=e.css`
+        `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((i=>i.checked=t.detail.value===i.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let i=this.findFtRadio(t),e=this.radioButtons.indexOf(i)-1;this.radioButtons[e<0?this.radioButtons.length-1:e].select();break}case"ArrowDown":case"ArrowRight":{let i=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[i>this.radioButtons.length-1?0:i].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)}}Le.elementDefinitions={},Le.styles=Me,Ae([s.property()],Le.prototype,"name",void 0),Ae([s.queryAssignedElements()],Le.prototype,"radioButtons",void 0),i.customElement("ft-radio")(Te),i.customElement("ft-radio-group")(Le);const Ne={borderRadiusM:i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusM,"Design system"),colorOutline:i.FtCssVariableFactory.external(i.designSystemVariables.colorOutline,"Design system"),colorOnSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:i.FtCssVariableFactory.external(oi.fontFamily,"Body2 typography"),fontSize:i.FtCssVariableFactory.external(oi.fontSize,"Body2 typography"),fontWeight:i.FtCssVariableFactory.external(oi.fontWeight,"Body2 typography"),letterSpacing:i.FtCssVariableFactory.external(oi.letterSpacing,"Body2 typography"),lineHeight:i.FtCssVariableFactory.external(oi.lineHeight,"Body2 typography"),textTransform:i.FtCssVariableFactory.external(oi.textTransform,"Body2 typography")},De=e.css`
     .ft-filter-level--container {
         display: flex;
         flex-direction: column;
@@ -920,7 +932,7 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                       @change=${t=>t.stopPropagation()}>
                 ${t.renderOption?t.renderOption:t.label}
             </ft-radio>
-        `}onRadioKeyUp(t,i){i.selected&&" "===t.key&&this.optionsChanged(t,i)}optionsChanged(t,i){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:i}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Ue.elementDefinitions={"ft-button":be,"ft-ripple":Ki,"ft-typography":Ai,"ft-checkbox":Se,"ft-icon":ne,"ft-radio":Te},Ue.styles=De,Re([s.property({type:String})],Ue.prototype,"filterId",void 0),Re([s.property({type:Object})],Ue.prototype,"parent",void 0),Re([s.property({type:Array})],Ue.prototype,"options",void 0),Re([s.property({type:Boolean})],Ue.prototype,"multivalued",void 0),Re([s.property({type:Boolean})],Ue.prototype,"disabled",void 0),Re([s.property({type:Boolean})],Ue.prototype,"hideSelectedOptions",void 0),Re([s.property({type:Boolean})],Ue.prototype,"preventNavigation",void 0),Re([s.property({type:String})],Ue.prototype,"filter",void 0),Re([s.property({type:String})],Ue.prototype,"moreValuesButtonLabel",void 0),Re([s.property({type:String})],Ue.prototype,"noValuesLabel",void 0),Re([s.property({type:Number})],Ue.prototype,"displayedValuesLimit",void 0),Re([s.query(".ft-filter-level--container")],Ue.prototype,"container",void 0),Re([s.state()],Ue.prototype,"displayedPages",void 0);const Fe={buttonsColor:i.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color",i.designSystemVariables.colorPrimary),buttonsZIndex:i.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:i.FtCssVariableFactory.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system")},_e=e.css`
+        `}onRadioKeyUp(t,i){i.selected&&" "===t.key&&this.optionsChanged(t,i)}optionsChanged(t,i){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:i}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Ue.elementDefinitions={"ft-button":be,"ft-ripple":Ki,"ft-typography":Li,"ft-checkbox":Se,"ft-icon":ne,"ft-radio":Te},Ue.styles=De,Re([s.property({type:String})],Ue.prototype,"filterId",void 0),Re([s.property({type:Object})],Ue.prototype,"parent",void 0),Re([s.property({type:Array})],Ue.prototype,"options",void 0),Re([s.property({type:Boolean})],Ue.prototype,"multivalued",void 0),Re([s.property({type:Boolean})],Ue.prototype,"disabled",void 0),Re([s.property({type:Boolean})],Ue.prototype,"hideSelectedOptions",void 0),Re([s.property({type:Boolean})],Ue.prototype,"preventNavigation",void 0),Re([s.property({type:String})],Ue.prototype,"filter",void 0),Re([s.property({type:String})],Ue.prototype,"moreValuesButtonLabel",void 0),Re([s.property({type:String})],Ue.prototype,"noValuesLabel",void 0),Re([s.property({type:Number})],Ue.prototype,"displayedValuesLimit",void 0),Re([s.query(".ft-filter-level--container")],Ue.prototype,"container",void 0),Re([s.state()],Ue.prototype,"displayedPages",void 0);const Fe={buttonsColor:i.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color",i.designSystemVariables.colorPrimary),buttonsZIndex:i.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:i.FtCssVariableFactory.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system")},_e=e.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -1253,9 +1265,17 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                     .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 i;t.stopPropagation();const e=this.flatOptions.find((i=>i.value===t.detail.value));e.selected=!e.selected;const o=t=>{var i;t!==e&&(t.selected=!1),null===(i=t.subOptions)||void 0===i||i.forEach(o)};this.multivalued?null===(i=e.subOptions)||void 0===i||i.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;i.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new to(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,i;this.filter=null!==(i=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==i?i:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}io.elementDefinitions={"ft-button":be,"ft-filter-level":Ue,"ft-snap-scroll":We,"ft-typography":Ai},io.styles=Je,Qe([s.property({type:String})],io.prototype,"id",void 0),Qe([s.property({type:String})],io.prototype,"label",void 0),Qe([s.property({type:String})],io.prototype,"filterPlaceHolder",void 0),Qe([s.property({type:String})],io.prototype,"clearButtonLabel",void 0),Qe([s.property({type:String})],io.prototype,"moreValuesButtonLabel",void 0),Qe([s.property({type:String})],io.prototype,"noValuesLabel",void 0),Qe([i.jsonProperty([])],io.prototype,"options",void 0),Qe([s.property({type:Boolean})],io.prototype,"multivalued",void 0),Qe([s.property({type:Boolean})],io.prototype,"disabled",void 0),Qe([s.property({type:Boolean})],io.prototype,"raiseSelectedOptions",void 0),Qe([s.property({type:Number})],io.prototype,"displayedValuesLimit",void 0),Qe([s.property({type:Boolean})],io.prototype,"hideClearButton",void 0),Qe([s.query(".ft-filter--slot")],io.prototype,"slotElement",void 0),Qe([s.query(".ft-filter--container")],io.prototype,"container",void 0),Qe([s.query(".ft-filter--values")],io.prototype,"valuesContainer",void 0),Qe([s.query(".ft-filter--levels")],io.prototype,"levelsContainer",void 0),Qe([s.state()],io.prototype,"lastLevelHasHiddenvalues",void 0),Qe([s.query(".ft-filter--filter input")],io.prototype,"filterInput",void 0),Qe([s.queryAll(".ft-filter--levels ft-filter-level")],io.prototype,"levels",void 0),Qe([s.state()],io.prototype,"withScroll",void 0),Qe([s.state()],io.prototype,"filter",void 0),Qe([s.state()],io.prototype,"slideIn",void 0),Qe([s.state()],io.prototype,"slideOut",void 0);var eo=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class oo extends i.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return e.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 i;t.stopPropagation();const e=this.flatOptions.find((i=>i.value===t.detail.value));e.selected=!e.selected;const o=t=>{var i;t!==e&&(t.selected=!1),null===(i=t.subOptions)||void 0===i||i.forEach(o)};this.multivalued?null===(i=e.subOptions)||void 0===i||i.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}sendEventIfValuesChanged(){const t=this.selectedValues;i.deepEqual(this.lastDispatchedValues,t)||(this.dispatchEvent(new to(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,i;this.filter=null!==(i=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==i?i:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}io.elementDefinitions={"ft-button":be,"ft-filter-level":Ue,"ft-snap-scroll":We,"ft-typography":Li},io.styles=Je,Qe([s.property({type:String})],io.prototype,"id",void 0),Qe([s.property({type:String})],io.prototype,"label",void 0),Qe([s.property({type:String})],io.prototype,"filterPlaceHolder",void 0),Qe([s.property({type:String})],io.prototype,"clearButtonLabel",void 0),Qe([s.property({type:String})],io.prototype,"moreValuesButtonLabel",void 0),Qe([s.property({type:String})],io.prototype,"noValuesLabel",void 0),Qe([i.jsonProperty([])],io.prototype,"options",void 0),Qe([s.property({type:Boolean})],io.prototype,"multivalued",void 0),Qe([s.property({type:Boolean})],io.prototype,"disabled",void 0),Qe([s.property({type:Boolean})],io.prototype,"raiseSelectedOptions",void 0),Qe([s.property({type:Number})],io.prototype,"displayedValuesLimit",void 0),Qe([s.property({type:Boolean})],io.prototype,"hideClearButton",void 0),Qe([s.query(".ft-filter--slot")],io.prototype,"slotElement",void 0),Qe([s.query(".ft-filter--container")],io.prototype,"container",void 0),Qe([s.query(".ft-filter--values")],io.prototype,"valuesContainer",void 0),Qe([s.query(".ft-filter--levels")],io.prototype,"levelsContainer",void 0),Qe([s.state()],io.prototype,"lastLevelHasHiddenvalues",void 0),Qe([s.query(".ft-filter--filter input")],io.prototype,"filterInput",void 0),Qe([s.queryAll(".ft-filter--levels ft-filter-level")],io.prototype,"levels",void 0),Qe([s.state()],io.prototype,"withScroll",void 0),Qe([s.state()],io.prototype,"filter",void 0),Qe([s.state()],io.prototype,"slideIn",void 0),Qe([s.state()],io.prototype,"slideOut",void 0);var eo=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class oo extends i.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return e.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}))}}oo.elementDefinitions={},eo([s.property({type:String})],oo.prototype,"label",void 0),eo([s.property({type:Object,converter:t=>t})],oo.prototype,"value",void 0),eo([s.property({type:Boolean,reflect:!0})],oo.prototype,"selected",void 0),eo([s.property({type:Object})],oo.prototype,"subOptions",void 0),eo([i.jsonProperty({})],oo.prototype,"renderOption",void 0),eo([s.query(".ft-filter-option--slot")],oo.prototype,"slotElement",void 0),i.customElement("ft-filter")(io),i.customElement("ft-filter-option")(oo);const so=B.build("designedSearchLocaleSelector"),no={label:"Select a language",allLanguagesWarningMessage:"Alla languages is only recommended when searching for language-agnostic keywords such as product references"};var ro=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class lo extends(z(L)){constructor(){super(),this.warningTooltipPosition="left",this.addI18nContext(so,no)}render(){var t;return e.html`
+        `}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}))}}oo.elementDefinitions={},eo([s.property({type:String})],oo.prototype,"label",void 0),eo([s.property({type:Object,converter:t=>t})],oo.prototype,"value",void 0),eo([s.property({type:Boolean,reflect:!0})],oo.prototype,"selected",void 0),eo([s.property({type:Object})],oo.prototype,"subOptions",void 0),eo([i.jsonProperty({})],oo.prototype,"renderOption",void 0),eo([s.query(".ft-filter-option--slot")],oo.prototype,"slotElement",void 0),i.customElement("ft-filter")(io),i.customElement("ft-filter-option")(oo);const so=B.build("designedSearchLocaleSelector"),no={label:"Select a language",allLanguagesWarningMessage:"Alla languages is only recommended when searching for language-agnostic keywords such as product references"};var ro=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class lo extends(z(A)){constructor(){super(),this.warningTooltipPosition="left",this.addStore(f),this.addI18nContext(so,no)}render(){var t,i,s;return(null!==(i=null===(t=this.locales)||void 0===t?void 0:t.length)&&void 0!==i?i:0)<=1?this.editorMode?e.html`
+                <div class="ft-search-locale-selector--placeholder">
+                    <ft-typography variant="caption">At least 2 search languages are required to display this selector.</ft-typography>
+                    <ft-tooltip position="left"
+                                text="This notice will not appear outside this designer.">
+                        <ft-icon>INFO</ft-icon>
+                    </ft-tooltip>
+                </div>
+            `:e.nothing:e.html`
             <ft-filter
                     exportpartsPrefix="filter"
                     label="${so.messages.label()}"
@@ -1270,10 +1290,10 @@ const xt=Symbol.for(""),yt=t=>{if((null==t?void 0:t.r)===xt)return null==t?void
                                 <ft-icon value="warning" part="warning-icon"></ft-icon>
                             </ft-tooltip>
                         `:e.nothing}
-                ${o.repeat(null!==(t=this.locales)&&void 0!==t?t:[],(t=>t.lang),(t=>e.html`
+                ${o.repeat(null!==(s=this.locales)&&void 0!==s?s:[],(t=>t.lang),(t=>e.html`
                                     <ft-filter-option label="${t.label}"
                                                       .value=${t.lang}
                                                       ?selected=${t.lang==this.selectedSearchLocale}></ft-filter-option>
                                 `))}
             </ft-filter>
-        `}setContentLocale(t){this.selectedSearchLocale=t.detail[0],setTimeout((()=>{var i;t.detail.length>0?this.selectedSearchLocale=null===(i=this.stateManager)||void 0===i?void 0:i.setContentLocale(t.detail[0]):this.selectedSearchLocale=this.currentSearchLocale}),0)}updated(t){super.updated(t),t.has("currentSearchLocale")&&(this.selectedSearchLocale=this.currentSearchLocale,this.dispatchEvent(new CustomEvent("current-search-locale-change",{detail:this.currentSearchLocale})))}}lo.elementDefinitions={"ft-icon":ne,"ft-tooltip":qi,"ft-filter":io,"ft-filter-option":oo},lo.styles=p,ro([s.property()],lo.prototype,"warningTooltipPosition",void 0),ro([i.redux()],lo.prototype,"locales",void 0),ro([i.redux({selector:t=>t.request.contentLocale})],lo.prototype,"currentSearchLocale",void 0),ro([s.state()],lo.prototype,"selectedSearchLocale",void 0),i.customElement("ft-search-locale-selector")(lo),t.FtSearchLocaleSelector=lo,t.FtSearchLocaleSelectorCssVariables=h,t.styles=p}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litRepeat,ftGlobals.litDecorators,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
+        `}setContentLocale(t){this.selectedSearchLocale=t.detail[0],setTimeout((()=>{var i;t.detail.length>0?this.selectedSearchLocale=null===(i=this.stateManager)||void 0===i?void 0:i.setContentLocale(t.detail[0]):this.selectedSearchLocale=this.currentSearchLocale}),0)}updated(t){super.updated(t),t.has("currentSearchLocale")&&(this.selectedSearchLocale=this.currentSearchLocale,this.dispatchEvent(new CustomEvent("current-search-locale-change",{detail:this.currentSearchLocale})))}}lo.elementDefinitions={"ft-icon":ne,"ft-tooltip":qi,"ft-filter":io,"ft-filter-option":oo},lo.styles=p,ro([s.property()],lo.prototype,"warningTooltipPosition",void 0),ro([i.redux({store:f.name})],lo.prototype,"editorMode",void 0),ro([i.redux({store:"search"})],lo.prototype,"locales",void 0),ro([i.redux({store:"search",selector:t=>t.request.contentLocale})],lo.prototype,"currentSearchLocale",void 0),ro([s.state()],lo.prototype,"selectedSearchLocale",void 0),i.customElement("ft-search-locale-selector")(lo),t.FtSearchLocaleSelector=lo,t.FtSearchLocaleSelectorCssVariables=h,t.styles=p}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litRepeat,ftGlobals.litDecorators,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);