@fluid-topics/ft-filter 1.0.11 → 1.0.12

package/build/ft-filter.light.js

@@ -112,7 +112,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                 </${P(this.element)}>
             `:G`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}function ai(t,i){return t.flatMap((t=>[t,...ai(i(t),i)]))}li.styles=[qt,Xt,Yt,Jt,Qt,ti,ii,ei,oi,si,ri],ni([o.property()],li.prototype,"element",void 0),ni([o.property()],li.prototype,"variant",void 0),i.customElement("ft-typography")(li);const hi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),pi={color:hi,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",hi),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")},fi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),ci=fi,di=i.FtCssVariableFactory.extend("--ft-ripple-background-color",fi),ui=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),vi=ui,bi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",ui),xi=e.css`
+        `}}li.styles=[qt,Xt,Yt,Jt,Qt,ti,ii,ei,oi,si,ri],ni([o.property()],li.prototype,"element",void 0),ni([o.property()],li.prototype,"variant",void 0),i.customElement("ft-typography")(li);const ai=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorContent),hi={color:ai,backgroundColor:i.FtCssVariableFactory.extend("--ft-ripple-background-color",ai),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")},pi=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorPrimary),fi=pi,ci=i.FtCssVariableFactory.extend("--ft-ripple-background-color",pi),di=i.FtCssVariableFactory.extend("--ft-ripple-color",i.designSystemVariables.colorSecondary),ui=di,vi=i.FtCssVariableFactory.extend("--ft-ripple-background-color",di),bi=e.css`
     :host {
         display: contents;
     }
@@ -125,7 +125,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
 
     .ft-ripple:not(.ft-ripple--unbounded) {
         overflow: hidden;
-        border-radius: ${pi.borderRadius};
+        border-radius: ${hi.borderRadius};
     }
 
     .ft-ripple .ft-ripple--background,
@@ -135,27 +135,27 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-ripple .ft-ripple--background {
-        background-color: ${pi.backgroundColor};
+        background-color: ${hi.backgroundColor};
     }
 
     .ft-ripple .ft-ripple--effect {
-        background-color: ${pi.color};
+        background-color: ${hi.color};
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--background {
-        background-color: ${bi};
+        background-color: ${vi};
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
-        background-color: ${vi};
+        background-color: ${ui};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--background {
-        background-color: ${di};
+        background-color: ${ci};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--effect {
-        background-color: ${ci};
+        background-color: ${fi};
     }
 
     .ft-ripple .ft-ripple--background {
@@ -187,22 +187,22 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-ripple.ft-ripple--hovered .ft-ripple--background {
-        opacity: ${pi.opacityContentOnSurfaceHover};
+        opacity: ${hi.opacityContentOnSurfaceHover};
     }
 
     .ft-ripple.ft-ripple--selected .ft-ripple--background {
-        opacity: ${pi.opacityContentOnSurfaceSelected};
+        opacity: ${hi.opacityContentOnSurfaceSelected};
     }
 
     .ft-ripple.ft-ripple--focused .ft-ripple--background {
-        opacity: ${pi.opacityContentOnSurfaceFocused};
+        opacity: ${hi.opacityContentOnSurfaceFocused};
     }
 
     .ft-ripple.ft-ripple--pressed .ft-ripple--effect {
-        opacity: ${pi.opacityContentOnSurfacePressed};
+        opacity: ${hi.opacityContentOnSurfacePressed};
         transform: translate(-50%, -50%) scale(1);
     }
-`;var gi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class yi extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new i.Debouncer(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new i.Debouncer(10),this.moveRipple=t=>{var i,e;let{x:o,y:s}=this.getCoordinates(t),r=null!==(e=null===(i=this.ripple)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-r.x:r.width/2),this.originY=Math.round(null!=s?s-r.y:r.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return e.html`
+`;var xi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class gi extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new i.Debouncer(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new i.Debouncer(10),this.moveRipple=t=>{var i,e;let{x:o,y:s}=this.getCoordinates(t),r=null!==(e=null===(i=this.ripple)||void 0===i?void 0:i.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-r.x:r.width/2),this.originY=Math.round(null!=s?s-r.y:r.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return e.html`
             <style>
                 .ft-ripple .ft-ripple--effect,
                 .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
@@ -219,7 +219,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var i,e;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(i=this.target)||void 0===i||i.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,i;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(null!==(i=this.target)&&void 0!==i?i:e),this.setRippleSize()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const i=(...t)=>i=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(i)},e=i("mouseup","contextmenu"),o=i("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&i("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const i=t,e=t;let o,s;return null!=i.x?({x:o,y:s}=i):null!=e.touches&&(o=e.touches[0].clientX,s=e.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let i of t.composedPath()){if(i===this.target)break;if("hasAttribute"in i&&i.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}yi.elementDefinitions={},yi.styles=xi,gi([o.property({type:Boolean})],yi.prototype,"primary",void 0),gi([o.property({type:Boolean})],yi.prototype,"secondary",void 0),gi([o.property({type:Boolean})],yi.prototype,"unbounded",void 0),gi([o.property({type:Boolean})],yi.prototype,"activated",void 0),gi([o.property({type:Boolean})],yi.prototype,"selected",void 0),gi([o.property({type:Boolean})],yi.prototype,"disabled",void 0),gi([o.state()],yi.prototype,"hovered",void 0),gi([o.state()],yi.prototype,"focused",void 0),gi([o.state()],yi.prototype,"pressed",void 0),gi([o.state()],yi.prototype,"rippling",void 0),gi([o.state()],yi.prototype,"rippleSize",void 0),gi([o.state()],yi.prototype,"originX",void 0),gi([o.state()],yi.prototype,"originY",void 0),gi([o.query(".ft-ripple")],yi.prototype,"ripple",void 0),gi([o.query(".ft-ripple--effect")],yi.prototype,"rippleEffect",void 0),i.customElement("ft-ripple")(yi);const mi=i.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),$i=i.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),ki=i.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),wi=i.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),zi=i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),Si=i.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px"),Oi=e.css`
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var i,e;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(i=this.target)||void 0===i||i.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,i;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(null!==(i=this.target)&&void 0!==i?i:e),this.setRippleSize()}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const i=(...t)=>i=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(i)},e=i("mouseup","contextmenu"),o=i("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&i("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const i=t,e=t;let o,s;return null!=i.x?({x:o,y:s}=i):null!=e.touches&&(o=e.touches[0].clientX,s=e.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let i of t.composedPath()){if(i===this.target)break;if("hasAttribute"in i&&i.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}gi.elementDefinitions={},gi.styles=bi,xi([o.property({type:Boolean})],gi.prototype,"primary",void 0),xi([o.property({type:Boolean})],gi.prototype,"secondary",void 0),xi([o.property({type:Boolean})],gi.prototype,"unbounded",void 0),xi([o.property({type:Boolean})],gi.prototype,"activated",void 0),xi([o.property({type:Boolean})],gi.prototype,"selected",void 0),xi([o.property({type:Boolean})],gi.prototype,"disabled",void 0),xi([o.state()],gi.prototype,"hovered",void 0),xi([o.state()],gi.prototype,"focused",void 0),xi([o.state()],gi.prototype,"pressed",void 0),xi([o.state()],gi.prototype,"rippling",void 0),xi([o.state()],gi.prototype,"rippleSize",void 0),xi([o.state()],gi.prototype,"originX",void 0),xi([o.state()],gi.prototype,"originY",void 0),xi([o.query(".ft-ripple")],gi.prototype,"ripple",void 0),xi([o.query(".ft-ripple--effect")],gi.prototype,"rippleEffect",void 0),i.customElement("ft-ripple")(gi);const yi=i.FtCssVariableFactory.create("--ft-tooltip-distance","SIZE","4px"),mi=i.FtCssVariableFactory.create("--ft-tooltip-color","COLOR","#FFFFFF"),$i=i.FtCssVariableFactory.create("--ft-tooltip-background-color","COLOR","#666666"),ki=i.FtCssVariableFactory.create("--ft-tooltip-z-index","NUMBER","1"),wi=i.FtCssVariableFactory.external(i.designSystemVariables.borderRadiusS,"Design system"),zi=i.FtCssVariableFactory.create("--ft-tooltip-max-width","SIZE","150px"),Si=e.css`
     .ft-tooltip--container {
         display: block;
         position: relative;
@@ -235,23 +235,23 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         box-sizing: border-box;
         overflow: hidden;
         width: max-content;
-        max-width: ${Si};
+        max-width: ${zi};
         text-align: center;
-        padding: ${mi};
-        z-index: ${wi};
+        padding: ${yi};
+        z-index: ${ki};
     }
 
     .ft-tooltip--content {
         padding: 4px 8px;
-        border-radius: ${zi};
-        background-color: ${ki};
-        color: ${$i};
+        border-radius: ${wi};
+        background-color: ${$i};
+        color: ${mi};
         top: -500px;
         left: -500px;
         position: relative;
         word-break: break-word;
     }
-`;var Ci=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Bi extends i.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new i.Debouncer,this.revealDebouncer=new i.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return e.html`
+`;var Oi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ci extends i.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new i.Debouncer,this.revealDebouncer=new i.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return e.html`
             <div part="container"
                  class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
                  @mouseenter=${this.onHover}
@@ -269,7 +269,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                     </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,r=0;switch(this.validPosition){case"top":r=-this.tooltip.clientHeight,s=o;break;case"bottom":r=i.height,s=o;break;case"left":r=e,s=-this.tooltip.clientWidth;break;case"right":r=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 n=this.tooltip.style;n.left=s+"px",n.top=r+"px",n.maxWidth=`max(${i.width}px, ${Si})`}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())}}Bi.elementDefinitions={"ft-typography":li},Bi.styles=Oi,Ci([o.property()],Bi.prototype,"text",void 0),Ci([o.property({type:Boolean})],Bi.prototype,"manual",void 0),Ci([o.property({type:Boolean})],Bi.prototype,"inline",void 0),Ci([o.property({type:Number})],Bi.prototype,"delay",void 0),Ci([o.property()],Bi.prototype,"position",void 0),Ci([o.queryAssignedNodes("",!0)],Bi.prototype,"slotNodes",void 0),Ci([o.query(".ft-tooltip--container")],Bi.prototype,"container",void 0),Ci([o.query("slot")],Bi.prototype,"target",void 0),Ci([o.query(".ft-tooltip")],Bi.prototype,"tooltip",void 0),Ci([o.query(".ft-tooltip--content")],Bi.prototype,"tooltipContent",void 0),Ci([o.state()],Bi.prototype,"visible",void 0),i.customElement("ft-tooltip")(Bi);const ji={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},Ei=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,r=0;switch(this.validPosition){case"top":r=-this.tooltip.clientHeight,s=o;break;case"bottom":r=i.height,s=o;break;case"left":r=e,s=-this.tooltip.clientWidth;break;case"right":r=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 n=this.tooltip.style;n.left=s+"px",n.top=r+"px",n.maxWidth=`max(${i.width}px, ${zi})`}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())}}Ci.elementDefinitions={"ft-typography":li},Ci.styles=Si,Oi([o.property()],Ci.prototype,"text",void 0),Oi([o.property({type:Boolean})],Ci.prototype,"manual",void 0),Oi([o.property({type:Boolean})],Ci.prototype,"inline",void 0),Oi([o.property({type:Number})],Ci.prototype,"delay",void 0),Oi([o.property()],Ci.prototype,"position",void 0),Oi([o.queryAssignedNodes("",!0)],Ci.prototype,"slotNodes",void 0),Oi([o.query(".ft-tooltip--container")],Ci.prototype,"container",void 0),Oi([o.query("slot")],Ci.prototype,"target",void 0),Oi([o.query(".ft-tooltip")],Ci.prototype,"tooltip",void 0),Oi([o.query(".ft-tooltip--content")],Ci.prototype,"tooltipContent",void 0),Oi([o.state()],Ci.prototype,"visible",void 0),i.customElement("ft-tooltip")(Ci);const Bi={color:i.FtCssVariableFactory.extend("--ft-loader-color",i.designSystemVariables.colorPrimary),size:i.FtCssVariableFactory.create("--ft-loader-size","SIZE","80px")},ji=e.css`
     :host {
         line-height: 0;
     }
@@ -278,8 +278,8 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         display: inline-block;
         position: relative;
 
-        width: ${ji.size};
-        height: ${ji.size};
+        width: ${Bi.size};
+        height: ${Bi.size};
     }
 
     .ft-loader div {
@@ -288,7 +288,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         width: 25%;
         height: 25%;
         border-radius: 50%;
-        background: ${ji.color};
+        background: ${Bi.color};
         animation-timing-function: cubic-bezier(0, 1, 1, 0);
     }
 
@@ -335,17 +335,17 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             transform: translate(0, 0);
         }
         100% {
-            transform: translate(calc(0.35 * ${ji.size}), 0);
+            transform: translate(calc(0.35 * ${Bi.size}), 0);
         }
     }
-`;class Ii extends i.FtLitElement{render(){return e.html`
+`;class Ei extends i.FtLitElement{render(){return e.html`
             <div class="ft-loader">
                 <div></div>
                 <div></div>
                 <div></div>
                 <div></div>
             </div>
-        `}}var Ni,Ti;Ii.styles=Ei,i.customElement("ft-loader")(Ii),function(t){t.THUMBS_DOWN="&#xe94d;",t.THUMBS_DOWN_PLAIN="&#xe94e;",t.THUMBS_UP="&#xe94f;",t.THUMBS_UP_PLAIN="&#xe950;",t.STAR="&#xe94c;",t.STAR_PLAIN="&#xe900;",t.DESKTOP="&#xe95e;",t.TABLET_LANDSCAPE="&#xe95f;",t.TABLET_PORTRAIT="&#xe960;",t.MOBILE_LANDSCAPE="&#xe961;",t.MOBILE_PORTRAIT="&#xe962;",t.ARROW_RIGHT_TO_LINE="&#xe95d;",t.THIN_ARROW_UP="&#xe95c;",t.CONTEXTUAL="&#xe95b;",t.UNSTRUCTURED_DOC="&#xe95a;",t.RESET="&#xe958;",t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe901;",t.EYE="&#xf06e;",t.DISC="&#xe902;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe90f;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe910;",t.ADMIN_USERS="&#xe912;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe94b;"}(Ni||(Ni={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(Ti||(Ti={})),new Map([...["abw"].map((t=>[t,Ti.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,Ti.AUDIO])),...["avi"].map((t=>[t,Ti.AVI])),...["chm","xhs"].map((t=>[t,Ti.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,Ti.CODE])),...["csv"].map((t=>[t,Ti.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Ti.DITA])),...["epub"].map((t=>[t,Ti.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Ti.EXCEL])),...["flac"].map((t=>[t,Ti.FLAC])),...["gif"].map((t=>[t,Ti.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Ti.GZIP])),...["html","htm","xhtml"].map((t=>[t,Ti.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,Ti.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Ti.JPEG])),...["json"].map((t=>[t,Ti.JSON])),...["m4a","m4p"].map((t=>[t,Ti.M4A])),...["mov","qt"].map((t=>[t,Ti.MOV])),...["mp3"].map((t=>[t,Ti.MP3])),...["mp4","m4v"].map((t=>[t,Ti.MP4])),...["ogg","oga"].map((t=>[t,Ti.OGG])),...["pdf","ps"].map((t=>[t,Ti.PDF])),...["png"].map((t=>[t,Ti.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Ti.POWERPOINT])),...["rar"].map((t=>[t,Ti.RAR])),...["stp"].map((t=>[t,Ti.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Ti.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,Ti.VIDEO])),...["wav"].map((t=>[t,Ti.WAV])),...["wma"].map((t=>[t,Ti.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Ti.WORD])),...["xml","xsl","rdf"].map((t=>[t,Ti.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Ti.YAML])),...["zip"].map((t=>[t,Ti.ZIP]))]);const Di={size:i.FtCssVariableFactory.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:i.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:i.FtCssVariableFactory.extend("--ft-icon-file-format-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:i.FtCssVariableFactory.extend("--ft-icon-material-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","Material Icons")),verticalAlign:i.FtCssVariableFactory.create("--ft-icon-vertical-align","UNKNOWN","unset")},Ai=e.css`
+        `}}var Ii,Ni;Ei.styles=ji,i.customElement("ft-loader")(Ei),function(t){t.THUMBS_DOWN="&#xe94d;",t.THUMBS_DOWN_PLAIN="&#xe94e;",t.THUMBS_UP="&#xe94f;",t.THUMBS_UP_PLAIN="&#xe950;",t.STAR="&#xe94c;",t.STAR_PLAIN="&#xe900;",t.DESKTOP="&#xe95e;",t.TABLET_LANDSCAPE="&#xe95f;",t.TABLET_PORTRAIT="&#xe960;",t.MOBILE_LANDSCAPE="&#xe961;",t.MOBILE_PORTRAIT="&#xe962;",t.ARROW_RIGHT_TO_LINE="&#xe95d;",t.THIN_ARROW_UP="&#xe95c;",t.CONTEXTUAL="&#xe95b;",t.UNSTRUCTURED_DOC="&#xe95a;",t.RESET="&#xe958;",t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe901;",t.EYE="&#xf06e;",t.DISC="&#xe902;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe90f;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe910;",t.ADMIN_USERS="&#xe912;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe94b;"}(Ii||(Ii={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(Ni||(Ni={})),new Map([...["abw"].map((t=>[t,Ni.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,Ni.AUDIO])),...["avi"].map((t=>[t,Ni.AVI])),...["chm","xhs"].map((t=>[t,Ni.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,Ni.CODE])),...["csv"].map((t=>[t,Ni.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Ni.DITA])),...["epub"].map((t=>[t,Ni.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Ni.EXCEL])),...["flac"].map((t=>[t,Ni.FLAC])),...["gif"].map((t=>[t,Ni.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Ni.GZIP])),...["html","htm","xhtml"].map((t=>[t,Ni.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,Ni.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Ni.JPEG])),...["json"].map((t=>[t,Ni.JSON])),...["m4a","m4p"].map((t=>[t,Ni.M4A])),...["mov","qt"].map((t=>[t,Ni.MOV])),...["mp3"].map((t=>[t,Ni.MP3])),...["mp4","m4v"].map((t=>[t,Ni.MP4])),...["ogg","oga"].map((t=>[t,Ni.OGG])),...["pdf","ps"].map((t=>[t,Ni.PDF])),...["png"].map((t=>[t,Ni.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Ni.POWERPOINT])),...["rar"].map((t=>[t,Ni.RAR])),...["stp"].map((t=>[t,Ni.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Ni.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,Ni.VIDEO])),...["wav"].map((t=>[t,Ni.WAV])),...["wma"].map((t=>[t,Ni.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Ni.WORD])),...["xml","xsl","rdf"].map((t=>[t,Ni.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Ni.YAML])),...["zip"].map((t=>[t,Ni.ZIP]))]);const Ti={size:i.FtCssVariableFactory.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:i.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:i.FtCssVariableFactory.extend("--ft-icon-file-format-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:i.FtCssVariableFactory.extend("--ft-icon-material-font-family",i.FtCssVariableFactory.create("--ft-icon-font-family","UNKNOWN","Material Icons")),verticalAlign:i.FtCssVariableFactory.create("--ft-icon-vertical-align","UNKNOWN","unset")},Di=e.css`
     :host, i.ft-icon {
         display: inline-flex;
         align-items: center;
@@ -354,14 +354,14 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     :host {
-        width: ${Di.size};
-        height: ${Di.size};
+        width: ${Ti.size};
+        height: ${Ti.size};
     }
 
     i.ft-icon {
         width: 100%;
         height: 100%;
-        font-size: ${Di.size};
+        font-size: ${Ti.size};
         line-height: 1;
         font-weight: normal;
         text-transform: none;
@@ -372,33 +372,33 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         text-rendering: auto;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        vertical-align: ${Di.verticalAlign};
+        vertical-align: ${Ti.verticalAlign};
     }
 
     i.ft-icon.ft-icon--fluid-topics {
-        font-family: ${Di.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
+        font-family: ${Ti.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
         
         /* Ugly fix because font is broken */
-        font-size: calc(0.75 * ${Di.size});
-        line-height: ${Di.size};
+        font-size: calc(0.75 * ${Ti.size});
+        line-height: ${Ti.size};
         position: relative;
         top: -4%;
         justify-content: center;
     }
 
     .ft-icon--file-format {
-        font-family: ${Di.fileFormatFontFamily}, ft-mime, sans-serif;
+        font-family: ${Ti.fileFormatFontFamily}, ft-mime, sans-serif;
     }
 
     .ft-icon--material {
-        font-family: ${Di.materialFontFamily}, "Material Icons", sans-serif;
+        font-family: ${Ti.materialFontFamily}, "Material Icons", sans-serif;
     }
-`;var Ri;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ri||(Ri={}));var Fi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Mi extends i.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=e.nothing}render(){const t=this.variant&&Object.values(Ri).includes(this.variant)?this.variant:Ri.fluid_topics,i=t!==Ri.material||!!this.value;return e.html`
+`;var Ai;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ai||(Ai={}));var Ri=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Fi extends i.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=e.nothing}render(){const t=this.variant&&Object.values(Ai).includes(this.variant)?this.variant:Ai.fluid_topics,i=t!==Ai.material||!!this.value;return e.html`
             <i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
                 ${n.unsafeHTML(this.resolvedIcon)}
                 <slot ?hidden=${i}></slot>
             </i>
-        `}get textContent(){var t,i;return null!==(i=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==i?i:""}update(t){super.update(t),["value","variant"].some((i=>t.has(i)))&&this.resolveIcon()}resolveIcon(){var t,i;let o=this.value||this.textContent;switch(this.variant){case Ri.file_format:this.resolvedIcon=null!==(t=Ti[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ri.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(i=Ni[o.replace("-","_").toUpperCase()])&&void 0!==i?i:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Mi.elementDefinitions={},Mi.styles=Ai,Fi([o.property()],Mi.prototype,"variant",void 0),Fi([o.property()],Mi.prototype,"value",void 0),Fi([o.state()],Mi.prototype,"resolvedIcon",void 0),Fi([o.query("slot")],Mi.prototype,"slottedContent",void 0),i.customElement("ft-icon")(Mi);const _i=i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorPrimary),Li={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorSurface),borderRadius:i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusL),color:_i,fontSize:i.FtCssVariableFactory.extend("--ft-button-font-size",Gt.fontSize),iconSize:i.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:i.FtCssVariableFactory.extend("--ft-button-ripple-color",_i),verticalPadding:i.FtCssVariableFactory.create("--ft-button-vertical-padding","SIZE","6px"),horizontalPadding:i.FtCssVariableFactory.create("--ft-button-horizontal-padding","SIZE","8px"),iconPadding:i.FtCssVariableFactory.create("--ft-button-icon-padding","SIZE","8px"),opacityDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOpacityDisabled,"Design system")},Hi=i.FtCssVariableFactory.extend("--ft-button-primary-color",i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorOnPrimary)),Ui={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-primary-background-color",i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorPrimary)),color:Hi,rippleColor:i.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",Hi)},Zi=i.FtCssVariableFactory.extend("--ft-button-dense-border-radius",i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusM)),Vi=i.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","SIZE","2px"),Wi=i.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","SIZE","4px"),Pi=i.FtCssVariableFactory.create("--ft-button-dense-icon-padding","SIZE","4px"),Ki=[e.css`
+        `}get textContent(){var t,i;return null!==(i=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==i?i:""}update(t){super.update(t),["value","variant"].some((i=>t.has(i)))&&this.resolveIcon()}resolveIcon(){var t,i;let o=this.value||this.textContent;switch(this.variant){case Ai.file_format:this.resolvedIcon=null!==(t=Ni[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ai.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(i=Ii[o.replace("-","_").toUpperCase()])&&void 0!==i?i:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Fi.elementDefinitions={},Fi.styles=Di,Ri([o.property()],Fi.prototype,"variant",void 0),Ri([o.property()],Fi.prototype,"value",void 0),Ri([o.state()],Fi.prototype,"resolvedIcon",void 0),Ri([o.query("slot")],Fi.prototype,"slottedContent",void 0),i.customElement("ft-icon")(Fi);const Mi=i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorPrimary),_i={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorSurface),borderRadius:i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusL),color:Mi,fontSize:i.FtCssVariableFactory.extend("--ft-button-font-size",Gt.fontSize),iconSize:i.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:i.FtCssVariableFactory.extend("--ft-button-ripple-color",Mi),verticalPadding:i.FtCssVariableFactory.create("--ft-button-vertical-padding","SIZE","6px"),horizontalPadding:i.FtCssVariableFactory.create("--ft-button-horizontal-padding","SIZE","8px"),iconPadding:i.FtCssVariableFactory.create("--ft-button-icon-padding","SIZE","8px"),opacityDisabled:i.FtCssVariableFactory.external(i.designSystemVariables.colorOpacityDisabled,"Design system")},Li=i.FtCssVariableFactory.extend("--ft-button-primary-color",i.FtCssVariableFactory.extend("--ft-button-color",i.designSystemVariables.colorOnPrimary)),Hi={backgroundColor:i.FtCssVariableFactory.extend("--ft-button-primary-background-color",i.FtCssVariableFactory.extend("--ft-button-background-color",i.designSystemVariables.colorPrimary)),color:Li,rippleColor:i.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",Li)},Ui=i.FtCssVariableFactory.extend("--ft-button-dense-border-radius",i.FtCssVariableFactory.extend("--ft-button-border-radius",i.designSystemVariables.borderRadiusM)),Zi=i.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","SIZE","2px"),Vi=i.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","SIZE","4px"),Wi=i.FtCssVariableFactory.create("--ft-button-dense-icon-padding","SIZE","4px"),Pi=[e.css`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -409,7 +409,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             box-shadow: 0px 0px 0px transparent;
             border: 0px solid transparent;
             text-shadow: 0px 0px 0px transparent;
-            font-size: ${Li.fontSize};
+            font-size: ${_i.fontSize};
         }
 
         button:hover {
@@ -438,31 +438,31 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             border: none;
             pointer-events: auto;
 
-            --ft-button-internal-line-height: max(calc(${Li.fontSize} + 2px), ${Li.iconSize});
-            --ft-button-internal-color: ${Li.color};
-            ${i.setVariable(Di.size,Li.iconSize)};
-            ${i.setVariable(pi.color,Li.rippleColor)};
+            --ft-button-internal-line-height: max(calc(${_i.fontSize} + 2px), ${_i.iconSize});
+            --ft-button-internal-color: ${_i.color};
+            ${i.setVariable(Ti.size,_i.iconSize)};
+            ${i.setVariable(hi.color,_i.rippleColor)};
 
-            border-radius: ${Li.borderRadius};
-            padding: ${Li.verticalPadding} ${Li.horizontalPadding};
-            background-color: ${Li.backgroundColor};
+            border-radius: ${_i.borderRadius};
+            padding: ${_i.verticalPadding} ${_i.horizontalPadding};
+            background-color: ${_i.backgroundColor};
             color: var(--ft-button-internal-color);
             -webkit-mask-image: radial-gradient(white, black);
         }
 
         .ft-button.ft-button--outlined {
             border: 1px solid var(--ft-button-internal-color);
-            padding: calc(${Li.verticalPadding} - 1px) calc(${Li.horizontalPadding} - 1px);
+            padding: calc(${_i.verticalPadding} - 1px) calc(${_i.horizontalPadding} - 1px);
         }
         
         .ft-button.ft-button--dense {
-            padding: ${Vi} ${Wi};
-            border-radius: ${Zi};
-            gap: ${Pi};
+            padding: ${Zi} ${Vi};
+            border-radius: ${Ui};
+            gap: ${Wi};
         }
 
         .ft-button.ft-button--dense.ft-button--outlined {
-            padding: calc(${Vi} - 1px) calc(${Wi} - 1px);
+            padding: calc(${Zi} - 1px) calc(${Vi} - 1px);
         }
         
         .ft-button:not([disabled]):hover {
@@ -470,22 +470,22 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         }
 
         .ft-button--round {
-            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Li.verticalPadding});
+            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${_i.verticalPadding});
         }
 
         .ft-button--round.ft-button--dense {
-            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Vi});
+            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Zi});
         }
 
         .ft-button[disabled] {
             filter: grayscale(1);
-            opacity: ${Li.opacityDisabled};
+            opacity: ${_i.opacityDisabled};
         }
 
         .ft-button.ft-button--primary {
-            background-color: ${Ui.backgroundColor};
-            --ft-button-internal-color: ${Ui.color};
-            ${i.setVariable(pi.color,Ui.rippleColor)};
+            background-color: ${Hi.backgroundColor};
+            --ft-button-internal-color: ${Hi.color};
+            ${i.setVariable(hi.color,Hi.rippleColor)};
         }
 
         .ft-button:focus {
@@ -498,13 +498,13 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             white-space: nowrap;
             text-overflow: ellipsis;
             display: block;
-            margin: 0 ${Li.iconPadding};
+            margin: 0 ${_i.iconPadding};
             ${i.setVariable(Gt.fontSize,"1em")};
             ${i.setVariable(Gt.lineHeight,"var(--ft-button-internal-line-height)")};
         }
 
         .ft-button--dense .ft-button--label {
-            margin: 0 ${Pi};
+            margin: 0 ${Wi};
         }
 
         .ft-button--label[hidden] {
@@ -517,13 +517,13 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         }
 
         .ft-button--label[hidden] + ft-icon {
-            margin: 0 calc(${Li.horizontalPadding} * -1);
-            padding: 0 ${Li.verticalPadding};
+            margin: 0 calc(${_i.horizontalPadding} * -1);
+            padding: 0 ${_i.verticalPadding};
         }
 
         .ft-button--dense .ft-button--label[hidden] + ft-icon {
-            margin: 0 calc(${Wi} * -1);
-            padding: 0 ${Vi};
+            margin: 0 calc(${Vi} * -1);
+            padding: 0 ${Zi};
         }
 
         .ft-button:not(.ft-button--trailing-icon) ft-icon,
@@ -532,10 +532,10 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         }
 
         ft-loader {
-            ${i.setVariable(ji.size,Li.iconSize)};
-            ${i.setVariable(ji.color,"var(--ft-button-internal-color)")};
+            ${i.setVariable(Bi.size,_i.iconSize)};
+            ${i.setVariable(Bi.color,"var(--ft-button-internal-color)")};
         }
-    `,i.noTextSelect];var Gi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class qi extends i.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.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(e.html`
+    `,i.noTextSelect];var Ki=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Gi extends i.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.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(e.html`
             <button part="button"
                     class="${r.classMap(t)}"
                     aria-label="${this.getLabel()}"
@@ -558,14 +558,14 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                     </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}}qi.elementDefinitions={"ft-ripple":yi,"ft-tooltip":Bi,"ft-typography":li,"ft-icon":Mi,"ft-loader":Ii},qi.styles=[i.safariEllipsisFix,Ki],Gi([o.property({type:String,reflect:!0})],qi.prototype,"role",void 0),Gi([o.property({type:Boolean})],qi.prototype,"primary",void 0),Gi([o.property({type:Boolean})],qi.prototype,"outlined",void 0),Gi([o.property({type:Boolean})],qi.prototype,"disabled",void 0),Gi([o.property({type:Boolean})],qi.prototype,"dense",void 0),Gi([o.property({type:Boolean})],qi.prototype,"round",void 0),Gi([o.property()],qi.prototype,"label",void 0),Gi([o.property()],qi.prototype,"icon",void 0),Gi([o.property()],qi.prototype,"iconVariant",void 0),Gi([o.property({type:Boolean})],qi.prototype,"trailingIcon",void 0),Gi([o.property({type:Boolean})],qi.prototype,"loading",void 0),Gi([o.property()],qi.prototype,"tooltipPosition",void 0),Gi([o.property({type:Boolean})],qi.prototype,"hideTooltip",void 0),Gi([o.property({type:Boolean})],qi.prototype,"forceTooltip",void 0),Gi([o.query(".ft-button")],qi.prototype,"button",void 0),Gi([o.query(".ft-button--label slot")],qi.prototype,"slottedContent",void 0),i.customElement("ft-button")(qi);const Xi=i.FtCssVariableFactory.extend("--ft-checkbox-text-color",i.designSystemVariables.colorOnSurfaceHigh),Yi=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),Ji=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),Qi=i.FtCssVariableFactory.extend("--ft-checkbox-border-color",i.designSystemVariables.colorOnSurfaceMedium),te=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),ie=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}}Gi.elementDefinitions={"ft-ripple":gi,"ft-tooltip":Ci,"ft-typography":li,"ft-icon":Fi,"ft-loader":Ei},Gi.styles=[i.safariEllipsisFix,Pi],Ki([o.property({type:String,reflect:!0})],Gi.prototype,"role",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"primary",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"outlined",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"disabled",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"dense",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"round",void 0),Ki([o.property()],Gi.prototype,"label",void 0),Ki([o.property()],Gi.prototype,"icon",void 0),Ki([o.property()],Gi.prototype,"iconVariant",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"trailingIcon",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"loading",void 0),Ki([o.property()],Gi.prototype,"tooltipPosition",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"hideTooltip",void 0),Ki([o.property({type:Boolean})],Gi.prototype,"forceTooltip",void 0),Ki([o.query(".ft-button")],Gi.prototype,"button",void 0),Ki([o.query(".ft-button--label slot")],Gi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Gi);const qi=i.FtCssVariableFactory.extend("--ft-checkbox-text-color",i.designSystemVariables.colorOnSurfaceHigh),Xi=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),Yi=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),Ji=i.FtCssVariableFactory.extend("--ft-checkbox-border-color",i.designSystemVariables.colorOnSurfaceMedium),Qi=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),te=e.css`
     * {
         box-sizing: border-box;
     }
 
     .ft-checkbox {
         box-sizing: border-box;
-        color: ${Xi};
+        color: ${qi};
 
         display: inline-flex;
         align-items: center;
@@ -573,7 +573,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-checkbox--disabled {
-        color: ${te};
+        color: ${Qi};
     }
 
     input {
@@ -597,26 +597,26 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
 
     .ft-checkbox--box {
         display: flex;
-        border: 2px solid ${Qi};
+        border: 2px solid ${Ji};
         border-radius: 2px;
 
         width: 18px;
         height: 18px;
 
-        color: ${Ji};
+        color: ${Yi};
     }
 
 
     .ft-checkbox--checked .ft-checkbox--box,
     .ft-checkbox--indeterminate .ft-checkbox--box {
-        border-color: ${Yi};
-        background-color: ${Yi};
+        border-color: ${Xi};
+        background-color: ${Xi};
     }
 
     .ft-checkbox--disabled .ft-checkbox--box {
-        border-color: ${te};
+        border-color: ${Qi};
         background-color: transparent;
-        color: ${te};
+        color: ${Qi};
     }
 
     .ft-checkbox--checkmark {
@@ -635,7 +635,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     .ft-checkbox--indeterminate .ft-checkbox--checkmark {
         opacity: 1;
     }
-`;var ee=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class oe extends i.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 e.html`
+`;var ie=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class ee extends i.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 e.html`
             <label class="${r.classMap(t)}" for="checkbox-input">
                 <div class="ft-checkbox--box-container">
                     <ft-ripple
@@ -661,14 +661,14 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)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 i;super.contentAvailableCallback(t),null===(i=this.ripple)||void 0===i||i.setupFor(this.container)}}oe.elementDefinitions={"ft-ripple":yi,"ft-typography":li},oe.styles=ie,ee([o.property()],oe.prototype,"name",void 0),ee([o.property({type:Boolean,reflect:!0})],oe.prototype,"checked",void 0),ee([o.property({type:Boolean})],oe.prototype,"indeterminate",void 0),ee([o.property({type:Boolean})],oe.prototype,"disabled",void 0),ee([o.query(".ft-checkbox")],oe.prototype,"container",void 0),ee([o.query("ft-ripple")],oe.prototype,"ripple",void 0),i.customElement("ft-checkbox")(oe);const se=i.FtCssVariableFactory.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),re=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),ne=(i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),i.FtCssVariableFactory.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium)),le=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),ae=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)}}ee.elementDefinitions={"ft-ripple":gi,"ft-typography":li},ee.styles=te,ie([o.property()],ee.prototype,"name",void 0),ie([o.property({type:Boolean,reflect:!0})],ee.prototype,"checked",void 0),ie([o.property({type:Boolean})],ee.prototype,"indeterminate",void 0),ie([o.property({type:Boolean})],ee.prototype,"disabled",void 0),ie([o.query(".ft-checkbox")],ee.prototype,"container",void 0),ie([o.query("ft-ripple")],ee.prototype,"ripple",void 0),i.customElement("ft-checkbox")(ee);const oe=i.FtCssVariableFactory.extend("--ft-radio-text-color",i.designSystemVariables.colorOnSurfaceHigh),se=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),re=(i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),i.FtCssVariableFactory.extend("--ft-radio-border-color",i.designSystemVariables.colorOnSurfaceMedium)),ne=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),le=e.css`
     * {
         box-sizing: border-box;
     }
 
     .ft-radio {
         box-sizing: border-box;
-        color: ${se};
+        color: ${oe};
 
         display: inline-flex;
         align-items: center;
@@ -676,7 +676,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-radio--disabled {
-        color: ${le};
+        color: ${ne};
     }
 
     input {
@@ -699,7 +699,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-radio--box {
-        border: 2px solid ${ne};
+        border: 2px solid ${re};
         border-radius: 50%;
 
         display: flex;
@@ -712,7 +712,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
 
     .ft-radio--box:after {
         content: " ";
-        background-color: ${re};
+        background-color: ${se};
 
         border-radius: 50%;
 
@@ -724,7 +724,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-radio--checked .ft-radio--box {
-        border-color: ${re};
+        border-color: ${se};
     }
 
 
@@ -733,14 +733,14 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     .ft-radio--disabled .ft-radio--box {
-        border-color: ${le};
+        border-color: ${ne};
         background-color: transparent;
     }
 
     .ft-radio--disabled .ft-radio--box:after {
-        background-color: ${le};
+        background-color: ${ne};
     }
-`;var he=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class pe extends CustomEvent{constructor(t,i){super("change",{detail:{value:t,checked:i},bubbles:!0,composed:!0})}}class fe extends i.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 e.html`
+`;var ae=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class he extends CustomEvent{constructor(t,i){super("change",{detail:{value:t,checked:i},bubbles:!0,composed:!0})}}class pe extends i.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 e.html`
             <div class="${r.classMap(t)}">
                 <div class="ft-radio--box-container">
                     <ft-ripple
@@ -765,17 +765,17 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                     </ft-typography>
                 </label>
             </div>
-        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new pe(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 pe(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}fe.elementDefinitions={"ft-ripple":yi,"ft-typography":li},fe.styles=ae,he([o.property()],fe.prototype,"value",void 0),he([o.property()],fe.prototype,"name",void 0),he([o.property({type:Boolean,reflect:!0})],fe.prototype,"checked",void 0),he([o.property({type:Boolean})],fe.prototype,"disabled",void 0),he([o.query(".ft-radio")],fe.prototype,"container",void 0),he([o.query("ft-ripple")],fe.prototype,"ripple",void 0),he([o.query("input")],fe.prototype,"input",void 0);const ce=e.css`
+        `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new he(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 he(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}pe.elementDefinitions={"ft-ripple":gi,"ft-typography":li},pe.styles=le,ae([o.property()],pe.prototype,"value",void 0),ae([o.property()],pe.prototype,"name",void 0),ae([o.property({type:Boolean,reflect:!0})],pe.prototype,"checked",void 0),ae([o.property({type:Boolean})],pe.prototype,"disabled",void 0),ae([o.query(".ft-radio")],pe.prototype,"container",void 0),ae([o.query("ft-ripple")],pe.prototype,"ripple",void 0),ae([o.query("input")],pe.prototype,"input",void 0);const fe=e.css`
     :host {
         display: contents;
     }
-`;var de=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class ue extends i.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return e.html`
+`;var ce=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class de 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)}}ue.elementDefinitions={},ue.styles=ce,de([o.property()],ue.prototype,"name",void 0),de([o.queryAssignedElements()],ue.prototype,"radioButtons",void 0),i.customElement("ft-radio")(fe),i.customElement("ft-radio-group")(ue);const ve={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(jt.fontFamily,"Body2 typography"),fontSize:i.FtCssVariableFactory.external(jt.fontSize,"Body2 typography"),fontWeight:i.FtCssVariableFactory.external(jt.fontWeight,"Body2 typography"),letterSpacing:i.FtCssVariableFactory.external(jt.letterSpacing,"Body2 typography"),lineHeight:i.FtCssVariableFactory.external(jt.lineHeight,"Body2 typography"),textTransform:i.FtCssVariableFactory.external(jt.textTransform,"Body2 typography")},be=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)}}de.elementDefinitions={},de.styles=fe,ce([o.property()],de.prototype,"name",void 0),ce([o.queryAssignedElements()],de.prototype,"radioButtons",void 0),i.customElement("ft-radio")(pe),i.customElement("ft-radio-group")(de);const ue={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(jt.fontFamily,"Body2 typography"),fontSize:i.FtCssVariableFactory.external(jt.fontSize,"Body2 typography"),fontWeight:i.FtCssVariableFactory.external(jt.fontWeight,"Body2 typography"),letterSpacing:i.FtCssVariableFactory.external(jt.letterSpacing,"Body2 typography"),lineHeight:i.FtCssVariableFactory.external(jt.lineHeight,"Body2 typography"),textTransform:i.FtCssVariableFactory.external(jt.textTransform,"Body2 typography")},ve=e.css`
     .ft-filter-level--container {
         display: flex;
         flex-direction: column;
@@ -789,14 +789,14 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         flex-shrink: 0;
         text-decoration: none;
         position: relative;
-        border-radius: ${ve.borderRadiusM};
+        border-radius: ${ue.borderRadiusM};
         overflow: hidden;
         display: flex;
         align-items: center;
         padding: 4px 4px;
         gap: 4px;
         cursor: pointer;
-        color: ${ve.colorOnSurface};
+        color: ${ue.colorOnSurface};
     }
 
     .ft-filter-level--go-back:focus {
@@ -825,7 +825,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     }
 
     ft-button {
-        ${i.setVariable(Li.color,ve.colorOnSurface)};
+        ${i.setVariable(_i.color,ue.colorOnSurface)};
     }
 
     ft-radio, ft-checkbox {
@@ -839,9 +839,9 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
 
     .ft-filter-level--no-values {
         margin: 10px 0;
-        color: ${ve.colorOnSurfaceMedium};
+        color: ${ue.colorOnSurfaceMedium};
     }
-`;var xe=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class ge extends i.FtLitElement{constructor(){super(...arguments),this.filterId="",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,i;return null!==(i=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==i?i: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 i=t.slice(0,this.limit);return e.html`
+`;var be=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class xe extends i.FtLitElement{constructor(){super(...arguments),this.filterId="",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,i;return null!==(i=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==i?i: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 i=t.slice(0,this.limit);return e.html`
             <div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
                 ${null==this.parent?null:e.html`
                     <div tabindex="0"
@@ -884,13 +884,13 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                     </ft-button>
                 `:e.nothing}
             </div>
-        `}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var i;return e.html`
+        `}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var o;return e.html`
             <ft-checkbox name="${this.filterId}"
                          part="multivalued-option"
                          data-value="${t.value}"
                          .checked=${t.selected}
                          .disabled=${this.disabled}
-                         .indeterminate=${ai(null!==(i=t.subOptions)&&void 0!==i?i:[],(t=>{var i;return null!==(i=t.subOptions)&&void 0!==i?i:[]})).some((t=>t.selected))}
+                         .indeterminate=${i.flatDeep(null!==(o=t.subOptions)&&void 0!==o?o:[],(t=>{var i;return null!==(i=t.subOptions)&&void 0!==i?i:[]})).some((t=>t.selected))}
                          @change=${i=>this.optionsChanged(i,t)}>
                 ${t.renderOption?t.renderOption:t.label}
             </ft-checkbox>
@@ -905,7 +905,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                       @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}))}}ge.elementDefinitions={"ft-button":qi,"ft-ripple":yi,"ft-typography":li,"ft-checkbox":oe,"ft-icon":Mi,"ft-radio":fe},ge.styles=be,xe([o.property({type:String})],ge.prototype,"filterId",void 0),xe([o.property({type:Object})],ge.prototype,"parent",void 0),xe([o.property({type:Array})],ge.prototype,"options",void 0),xe([o.property({type:Boolean})],ge.prototype,"multivalued",void 0),xe([o.property({type:Boolean})],ge.prototype,"disabled",void 0),xe([o.property({type:Boolean})],ge.prototype,"hideSelectedOptions",void 0),xe([o.property({type:Boolean})],ge.prototype,"preventNavigation",void 0),xe([o.property({type:String})],ge.prototype,"filter",void 0),xe([o.property({type:String})],ge.prototype,"moreValuesButtonLabel",void 0),xe([o.property({type:String})],ge.prototype,"noValuesLabel",void 0),xe([o.property({type:Number})],ge.prototype,"displayedValuesLimit",void 0),xe([o.query(".ft-filter-level--container")],ge.prototype,"container",void 0),xe([o.state()],ge.prototype,"displayedPages",void 0);const ye={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")},me=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}))}}xe.elementDefinitions={"ft-button":Gi,"ft-ripple":gi,"ft-typography":li,"ft-checkbox":ee,"ft-icon":Fi,"ft-radio":pe},xe.styles=ve,be([o.property({type:String})],xe.prototype,"filterId",void 0),be([o.property({type:Object})],xe.prototype,"parent",void 0),be([o.property({type:Array})],xe.prototype,"options",void 0),be([o.property({type:Boolean})],xe.prototype,"multivalued",void 0),be([o.property({type:Boolean})],xe.prototype,"disabled",void 0),be([o.property({type:Boolean})],xe.prototype,"hideSelectedOptions",void 0),be([o.property({type:Boolean})],xe.prototype,"preventNavigation",void 0),be([o.property({type:String})],xe.prototype,"filter",void 0),be([o.property({type:String})],xe.prototype,"moreValuesButtonLabel",void 0),be([o.property({type:String})],xe.prototype,"noValuesLabel",void 0),be([o.property({type:Number})],xe.prototype,"displayedValuesLimit",void 0),be([o.query(".ft-filter-level--container")],xe.prototype,"container",void 0),be([o.state()],xe.prototype,"displayedPages",void 0);const ge={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")},ye=e.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -940,7 +940,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         flex-wrap: nowrap;
         align-items: flex-start;
         justify-content: flex-start;
-        gap: ${ye.gap};
+        gap: ${ge.gap};
     }
 
     .ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
@@ -983,11 +983,11 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
     .ft-snap-scroll--next {
         position: absolute;
         display: flex;
-        z-index: ${ye.buttonsZIndex};
+        z-index: ${ge.buttonsZIndex};
         opacity: 1;
         transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
-        ${i.setVariable(Li.backgroundColor,"transparent")};
-        ${i.setVariable(Li.color,ye.buttonsColor)};
+        ${i.setVariable(_i.backgroundColor,"transparent")};
+        ${i.setVariable(_i.color,ge.buttonsColor)};
     }
 
     .ft-snap-scroll--previous[hidden],
@@ -1000,37 +1000,37 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         top: 0;
         left: -1px;
         bottom: 0;
-        background: linear-gradient(to right, ${ye.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to right, ${ge.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, ${ye.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to bottom, ${ge.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, ${ye.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to left, ${ge.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, ${ye.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to top, ${ge.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: ${ye.colorSurface};
+        background-color: ${ge.colorSurface};
     }
-`;var $e=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class ke extends CustomEvent{constructor(t,i){super("current-element-change",{detail:{index:t,element:i}})}}class we extends i.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 i.Debouncer(200),this.updateScrollDebouncer=new i.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let i=this.elements[t];if(i){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,e=this.contentSlot[this.scrollAttribute]+this.prevSize;(i[this.offsetAttribute]<e||i[this.offsetAttribute]+i[this.sizeAttribute]>t)&&this.scrollToElement(i)}}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":i.isSafari}),o=this.controls&&this.withScroll;return e.html`
+`;var me=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class $e extends CustomEvent{constructor(t,i){super("current-element-change",{detail:{index:t,element:i}})}}class ke extends i.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 i.Debouncer(200),this.updateScrollDebouncer=new i.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let i=this.elements[t];if(i){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,e=this.contentSlot[this.scrollAttribute]+this.prevSize;(i[this.offsetAttribute]<e||i[this.offsetAttribute]+i[this.sizeAttribute]>t)&&this.scrollToElement(i)}}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":i.isSafari}),o=this.controls&&this.withScroll;return e.html`
             <div part="container" class="${t}">
                 <ft-button
                         class="ft-snap-scroll--previous"
@@ -1054,7 +1054,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
                         @click=${this.next}
                 ></ft-button>
             </div>
-        `}updated(t){var i;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===(i=this.listenedContainer)||void 0===i||i.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 ke(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const i=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<i&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var i,e;t&&(this.horizontal?null===(i=this.contentSlot)||void 0===i||i.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(e=this.contentSlot)||void 0===e||e.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,i;this.elements=null!==(i=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==i?i:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let i=0;i<this.elements.length;i++)(t<0||this.getDistanceFromStart(this.elements[i])<this.getDistanceFromStart(this.elements[t]))&&(t=i);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 i=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-i)}}we.elementDefinitions={"ft-button":qi},we.styles=me,$e([o.property({type:Boolean})],we.prototype,"horizontal",void 0),$e([o.property({type:Boolean})],we.prototype,"hideScrollbar",void 0),$e([o.property({type:Boolean})],we.prototype,"controls",void 0),$e([o.property({type:Boolean})],we.prototype,"limitSize",void 0),$e([o.state()],we.prototype,"elements",void 0),$e([o.state()],we.prototype,"currentElement",void 0),$e([o.state()],we.prototype,"withScroll",void 0),$e([o.state()],we.prototype,"startReached",void 0),$e([o.state()],we.prototype,"endReached",void 0),$e([o.query(".ft-snap-scroll--content")],we.prototype,"contentSlot",void 0),i.customElement("ft-snap-scroll")(we);const ze={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"),colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system"),transitionDuration:i.FtCssVariableFactory.external(i.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:i.FtCssVariableFactory.external(i.designSystemVariables.transitionTimingFunction,"Design system")},Se=[ii,e.css`
+        `}updated(t){var i;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===(i=this.listenedContainer)||void 0===i||i.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 $e(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const i=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<i&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var i,e;t&&(this.horizontal?null===(i=this.contentSlot)||void 0===i||i.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(e=this.contentSlot)||void 0===e||e.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,i;this.elements=null!==(i=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==i?i:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let i=0;i<this.elements.length;i++)(t<0||this.getDistanceFromStart(this.elements[i])<this.getDistanceFromStart(this.elements[t]))&&(t=i);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 i=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-i)}}ke.elementDefinitions={"ft-button":Gi},ke.styles=ye,me([o.property({type:Boolean})],ke.prototype,"horizontal",void 0),me([o.property({type:Boolean})],ke.prototype,"hideScrollbar",void 0),me([o.property({type:Boolean})],ke.prototype,"controls",void 0),me([o.property({type:Boolean})],ke.prototype,"limitSize",void 0),me([o.state()],ke.prototype,"elements",void 0),me([o.state()],ke.prototype,"currentElement",void 0),me([o.state()],ke.prototype,"withScroll",void 0),me([o.state()],ke.prototype,"startReached",void 0),me([o.state()],ke.prototype,"endReached",void 0),me([o.query(".ft-snap-scroll--content")],ke.prototype,"contentSlot",void 0),i.customElement("ft-snap-scroll")(ke);const we={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"),colorPrimary:i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system"),transitionDuration:i.FtCssVariableFactory.external(i.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:i.FtCssVariableFactory.external(i.designSystemVariables.transitionTimingFunction,"Design system")},ze=[ii,e.css`
         :host {
             display: flex;
             max-height: 100%;
@@ -1067,7 +1067,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             flex-direction: column;
             max-height: 100%;
             max-width: 100%;
-            color: ${ze.colorOnSurface};
+            color: ${we.colorOnSurface};
         }
 
         .ft-filter--header {
@@ -1083,7 +1083,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         .ft-filter--header ft-button {
             flex-shrink: 0;
             margin-left: auto;
-            ${i.setVariable(Li.iconSize,"18px")};
+            ${i.setVariable(_i.iconSize,"18px")};
         }
 
         .ft-filter--label {
@@ -1103,8 +1103,8 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             padding: 0 10px;
             overflow: hidden;
             height: 32px;
-            transition: height ${ze.transitionDuration} ${ze.transitionTimingFunction},
-            margin ${ze.transitionDuration} ${ze.transitionTimingFunction};
+            transition: height ${we.transitionDuration} ${we.transitionTimingFunction},
+            margin ${we.transitionDuration} ${we.transitionTimingFunction};
             transition-delay: 500ms;
         }
 
@@ -1117,15 +1117,15 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
             display: block;
             width: 100%;
             border-radius: 4px;
-            border: 1px solid ${ze.colorOutline};
+            border: 1px solid ${we.colorOutline};
             padding: 4px;
-            background-color: ${ze.colorSurface};
-            color: ${ze.colorOnSurface};
-            outline-color: ${ze.colorPrimary};
+            background-color: ${we.colorSurface};
+            color: ${we.colorOnSurface};
+            outline-color: ${we.colorPrimary};
         }
 
         input::placeholder {
-            color: ${ze.colorOnSurfaceMedium};
+            color: ${we.colorOnSurfaceMedium};
         }
 
         input:placeholder-shown {
@@ -1141,7 +1141,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         }
 
         .ft-filter--separator {
-            border-top: 1px solid ${ze.colorOutline};
+            border-top: 1px solid ${we.colorOutline};
             margin: 4px 10px;
         }
 
@@ -1166,7 +1166,7 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
         slot:not([name]) {
             display: none;
         }
-    `];var Oe=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ce extends CustomEvent{constructor(t){super("change",{detail:t})}}class Be extends i.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.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new i.Debouncer(300),this.changeDebouncer=new i.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return ai(this.options,(t=>{var i;return null!==(i=t.subOptions)&&void 0!==i?i:[]}))}get selectedValues(){return this.flatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),i=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,o=this.filterPlaceHolder.replace("{0}",this.label);return e.html`
+    `];var Se=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Oe extends CustomEvent{constructor(t){super("change",{detail:t})}}class Ce extends i.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.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new i.Debouncer(300),this.changeDebouncer=new i.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return i.flatDeep(this.options,(t=>{var i;return null!==(i=t.subOptions)&&void 0!==i?i:[]}))}get selectedValues(){return this.flatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){const t=this.flatOptions.some((t=>t.selected)),i=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,o=this.filterPlaceHolder.replace("{0}",this.label);return e.html`
             <div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
                  part="container">
                 ${this.label||t?e.html`
@@ -1238,6 +1238,6 @@ const V=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===V)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 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 Ce(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)}}Be.elementDefinitions={"ft-button":qi,"ft-filter-level":ge,"ft-snap-scroll":we,"ft-typography":li},Be.styles=Se,Oe([o.property({type:String})],Be.prototype,"id",void 0),Oe([o.property({type:String})],Be.prototype,"label",void 0),Oe([o.property({type:String})],Be.prototype,"filterPlaceHolder",void 0),Oe([o.property({type:String})],Be.prototype,"clearButtonLabel",void 0),Oe([o.property({type:String})],Be.prototype,"moreValuesButtonLabel",void 0),Oe([o.property({type:String})],Be.prototype,"noValuesLabel",void 0),Oe([i.jsonProperty([])],Be.prototype,"options",void 0),Oe([o.property({type:Boolean})],Be.prototype,"multivalued",void 0),Oe([o.property({type:Boolean})],Be.prototype,"disabled",void 0),Oe([o.property({type:Boolean})],Be.prototype,"raiseSelectedOptions",void 0),Oe([o.property({type:Number})],Be.prototype,"displayedValuesLimit",void 0),Oe([o.property({type:Boolean})],Be.prototype,"hideClearButton",void 0),Oe([o.query(".ft-filter--slot")],Be.prototype,"slotElement",void 0),Oe([o.query(".ft-filter--container")],Be.prototype,"container",void 0),Oe([o.query(".ft-filter--values")],Be.prototype,"valuesContainer",void 0),Oe([o.query(".ft-filter--levels")],Be.prototype,"levelsContainer",void 0),Oe([o.state()],Be.prototype,"lastLevelHasHiddenvalues",void 0),Oe([o.query(".ft-filter--filter input")],Be.prototype,"filterInput",void 0),Oe([o.queryAll(".ft-filter--levels ft-filter-level")],Be.prototype,"levels",void 0),Oe([o.state()],Be.prototype,"withScroll",void 0),Oe([o.state()],Be.prototype,"filter",void 0),Oe([o.state()],Be.prototype,"slideIn",void 0),Oe([o.state()],Be.prototype,"slideOut",void 0);var je=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Ee 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 Oe(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)}}Ce.elementDefinitions={"ft-button":Gi,"ft-filter-level":xe,"ft-snap-scroll":ke,"ft-typography":li},Ce.styles=ze,Se([o.property({type:String})],Ce.prototype,"id",void 0),Se([o.property({type:String})],Ce.prototype,"label",void 0),Se([o.property({type:String})],Ce.prototype,"filterPlaceHolder",void 0),Se([o.property({type:String})],Ce.prototype,"clearButtonLabel",void 0),Se([o.property({type:String})],Ce.prototype,"moreValuesButtonLabel",void 0),Se([o.property({type:String})],Ce.prototype,"noValuesLabel",void 0),Se([i.jsonProperty([])],Ce.prototype,"options",void 0),Se([o.property({type:Boolean})],Ce.prototype,"multivalued",void 0),Se([o.property({type:Boolean})],Ce.prototype,"disabled",void 0),Se([o.property({type:Boolean})],Ce.prototype,"raiseSelectedOptions",void 0),Se([o.property({type:Number})],Ce.prototype,"displayedValuesLimit",void 0),Se([o.property({type:Boolean})],Ce.prototype,"hideClearButton",void 0),Se([o.query(".ft-filter--slot")],Ce.prototype,"slotElement",void 0),Se([o.query(".ft-filter--container")],Ce.prototype,"container",void 0),Se([o.query(".ft-filter--values")],Ce.prototype,"valuesContainer",void 0),Se([o.query(".ft-filter--levels")],Ce.prototype,"levelsContainer",void 0),Se([o.state()],Ce.prototype,"lastLevelHasHiddenvalues",void 0),Se([o.query(".ft-filter--filter input")],Ce.prototype,"filterInput",void 0),Se([o.queryAll(".ft-filter--levels ft-filter-level")],Ce.prototype,"levels",void 0),Se([o.state()],Ce.prototype,"withScroll",void 0),Se([o.state()],Ce.prototype,"filter",void 0),Se([o.state()],Ce.prototype,"slideIn",void 0),Se([o.state()],Ce.prototype,"slideOut",void 0);var Be=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class je 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}))}}Ee.elementDefinitions={},je([o.property({type:String})],Ee.prototype,"label",void 0),je([o.property({type:Object,converter:t=>t})],Ee.prototype,"value",void 0),je([o.property({type:Boolean,reflect:!0})],Ee.prototype,"selected",void 0),je([o.property({type:Object})],Ee.prototype,"subOptions",void 0),je([i.jsonProperty({})],Ee.prototype,"renderOption",void 0),je([o.query(".ft-filter-option--slot")],Ee.prototype,"slotElement",void 0),i.customElement("ft-filter")(Be),i.customElement("ft-filter-option")(Ee),t.FtFilter=Be,t.FtFilterChangeEvent=Ce,t.FtFilterCssVariables=ze,t.FtFilterLevelCssVariables=ve,t.FtFilterOption=Ee,t.levelStyles=be,t.styles=Se}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
+        `}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}))}}je.elementDefinitions={},Be([o.property({type:String})],je.prototype,"label",void 0),Be([o.property({type:Object,converter:t=>t})],je.prototype,"value",void 0),Be([o.property({type:Boolean,reflect:!0})],je.prototype,"selected",void 0),Be([o.property({type:Object})],je.prototype,"subOptions",void 0),Be([i.jsonProperty({})],je.prototype,"renderOption",void 0),Be([o.query(".ft-filter-option--slot")],je.prototype,"slotElement",void 0),i.customElement("ft-filter")(Ce),i.customElement("ft-filter-option")(je),t.FtFilter=Ce,t.FtFilterChangeEvent=Oe,t.FtFilterCssVariables=we,t.FtFilterLevelCssVariables=ue,t.FtFilterOption=je,t.levelStyles=ve,t.styles=ze}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);