@fluid-topics/ft-search-bar 0.3.57 → 0.3.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -408,12 +408,12 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
408
408
  .ft-icon--material {
409
409
  font-family: ${Be.materialFontFamily}, "Material Icons", sans-serif;
410
410
  }
411
- `;var Ee;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ee||(Ee={}));var Ie=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class De extends e.FtLitElement{constructor(){super(...arguments),this.variant=Ee.fluid_topics,this.resolvedIcon=i.nothing}render(){const t="material"!==this.variant||this.value;return i.html`
412
- <i class="ft-icon ${"ft-icon--"+this.variant}">
411
+ `;var Ee;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ee||(Ee={}));var Ie=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class De extends e.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=i.nothing}render(){var t;const e=null!==(t=this.variant)&&void 0!==t?t:Ee.fluid_topics,o="material"!==e||this.value;return i.html`
412
+ <i class="ft-icon ${"ft-icon--"+e}">
413
413
  ${n.unsafeHTML(this.resolvedIcon)}
414
- <slot ?hidden=${t}></slot>
414
+ <slot ?hidden=${o}></slot>
415
415
  </i>
416
- `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ee.file_format:this.resolvedIcon=null!==(t=Se[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ee.fluid_topics:this.resolvedIcon=null!==(e=ke[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o;break;default:this.resolvedIcon=this.value||i.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}De.elementDefinitions={},De.styles=Ce,Ie([o.property()],De.prototype,"variant",void 0),Ie([o.property()],De.prototype,"value",void 0),Ie([o.state()],De.prototype,"resolvedIcon",void 0),Ie([o.query("slot")],De.prototype,"slottedContent",void 0),e.customElement("ft-icon")(De);const Fe=e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Le={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Fe,fontSize:e.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariableFactory.extend("--ft-button-ripple-color",Fe),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},je=e.FtCssVariableFactory.extend("--ft-button-primary-color",e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Me={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-primary-background-color",e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:je,rippleColor:e.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",je)},Pe=e.FtCssVariableFactory.extend("--ft-button-dense-border-radius",e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM)),Ae=[e.noTextSelect,i.css`
416
+ `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ee.file_format:this.resolvedIcon=null!==(t=Se[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ee.material:this.resolvedIcon=this.value||i.nothing;break;default:this.resolvedIcon=null!==(e=ke[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}De.elementDefinitions={},De.styles=Ce,Ie([o.property()],De.prototype,"variant",void 0),Ie([o.property()],De.prototype,"value",void 0),Ie([o.state()],De.prototype,"resolvedIcon",void 0),Ie([o.query("slot")],De.prototype,"slottedContent",void 0),e.customElement("ft-icon")(De);const Fe=e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Le={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Fe,fontSize:e.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariableFactory.extend("--ft-button-ripple-color",Fe),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},je=e.FtCssVariableFactory.extend("--ft-button-primary-color",e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Me={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-primary-background-color",e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:je,rippleColor:e.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",je)},Pe=e.FtCssVariableFactory.extend("--ft-button-dense-border-radius",e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM)),Ae=[e.noTextSelect,i.css`
417
417
  :host {
418
418
  display: inline-block;
419
419
  max-width: 100%;
@@ -50,7 +50,7 @@ var l;const a=null!=(null===(l=window.HTMLSlotElement)||void 0===l?void 0:l.prot
50
50
  * @license
51
51
  * Copyright 2017 Google LLC
52
52
  * SPDX-License-Identifier: BSD-3-Clause
53
- */const h=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};function p(t,e){const i=()=>JSON.parse(JSON.stringify(t));return o({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}function d(t,e){try{return function(t,e){if(t===e)return!0;if(t&&e&&"object"==typeof t&&"object"==typeof e){if(t.constructor!==e.constructor)return!1;var i,o,s;if(Array.isArray(t)){if((i=t.length)!=e.length)return!1;for(o=i;0!=o--;)if(!d(t[o],e[o]))return!1;return!0}if(t instanceof Map&&e instanceof Map){if(t.size!==e.size)return!1;for(o of t.entries())if(!e.has(o[0]))return!1;for(o of t.entries())if(!d(o[1],e.get(o[0])))return!1;return!0}if(t instanceof Set&&e instanceof Set){if(t.size!==e.size)return!1;for(o of t.entries())if(!e.has(o[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===e.source&&t.flags===e.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===e.valueOf();if((i=(s=Object.keys(t)).length)!==Object.keys(e).length)return!1;for(o=i;0!=o--;)if(!Object.prototype.hasOwnProperty.call(e,s[o]))return!1;for(o=i;0!=o--;){var r=s[o];if(!d(t[r],e[r]))return!1}return!0}return t!=t&&e!=e}(t,e)}catch(t){return!1}}
53
+ */function h(t,e){try{return function(t,e){if(t===e)return!0;if(t&&e&&"object"==typeof t&&"object"==typeof e){if(t.constructor!==e.constructor)return!1;var i,o,s;if(Array.isArray(t)){if((i=t.length)!=e.length)return!1;for(o=i;0!=o--;)if(!h(t[o],e[o]))return!1;return!0}if(t instanceof Map&&e instanceof Map){if(t.size!==e.size)return!1;for(o of t.entries())if(!e.has(o[0]))return!1;for(o of t.entries())if(!h(o[1],e.get(o[0])))return!1;return!0}if(t instanceof Set&&e instanceof Set){if(t.size!==e.size)return!1;for(o of t.entries())if(!e.has(o[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===e.source&&t.flags===e.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===e.valueOf();if((i=(s=Object.keys(t)).length)!==Object.keys(e).length)return!1;for(o=i;0!=o--;)if(!Object.prototype.hasOwnProperty.call(e,s[o]))return!1;for(o=i;0!=o--;){var r=s[o];if(!h(t[r],e[r]))return!1}return!0}return t!=t&&e!=e}(t,e)}catch(t){return!1}}const p=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};function d(t,e){const i=()=>JSON.parse(JSON.stringify(t));return o({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,e)=>!h(t,e),...null!=e?e:{}})}
54
54
  /**
55
55
  * @license
56
56
  * Copyright 2019 Google LLC
@@ -82,7 +82,7 @@ var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOption
82
82
  <style>${t}</style>
83
83
  `))}
84
84
  ${this.getTemplate()}
85
- `}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var e,i;if((null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==i?i:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this.exportpartsDebouncer.run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,i,o,s,r,n;const l=t=>null!=t&&t.trim().length>0,a=t.filter(l).map((t=>t.trim()));if(0===a.length)return void this.removeAttribute("exportparts");const c=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(s=null===(o=t.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(n=null===(r=t.getAttribute("exportparts"))||void 0===r?void 0:r.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...e,...i).filter(l).map((t=>t.trim())).forEach((t=>c.add(t)))}if(0===c.size)return void this.removeAttribute("exportparts");const h=[...c.values()].flatMap((t=>a.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...h].join(", "))}}$t([o()],wt.prototype,"exportpartsPrefix",void 0),$t([p([])],wt.prototype,"exportpartsPrefixes",void 0),$t([o()],wt.prototype,"customStylesheet",void 0);const kt=y`
85
+ `}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var e,i;if((null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==i?i:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this.exportpartsDebouncer.run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var e,i,o,s,r,n;const l=t=>null!=t&&t.trim().length>0,a=t.filter(l).map((t=>t.trim()));if(0===a.length)return void this.removeAttribute("exportparts");const c=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(s=null===(o=t.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(n=null===(r=t.getAttribute("exportparts"))||void 0===r?void 0:r.split(",").map((t=>t.split(":")[1])))&&void 0!==n?n:[];new Array(...e,...i).filter(l).map((t=>t.trim())).forEach((t=>c.add(t)))}if(0===c.size)return void this.removeAttribute("exportparts");const h=[...c.values()].flatMap((t=>a.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...h].join(", "))}}$t([o()],wt.prototype,"exportpartsPrefix",void 0),$t([d([])],wt.prototype,"exportpartsPrefixes",void 0),$t([o()],wt.prototype,"customStylesheet",void 0);const kt=y`
86
86
  .ft-no-text-select {
87
87
  -webkit-touch-callout: none;
88
88
  -webkit-user-select: none;
@@ -114,7 +114,7 @@ var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOption
114
114
  display: inline-block;
115
115
  width: 0;
116
116
  }
117
- `;class Ct{constructor(t,e){this.defaultLabels=t,this.labels=e}resolve(t,...e){var i,o;t=this.resolvePluralKey(t,e);let s=null!==(o=null!==(i=this.labels[t])&&void 0!==i?i:this.defaultLabels[t])&&void 0!==o?o:"";return e.forEach(((t,e)=>s=s.replace(new RegExp(`\\{${e}([^}]*)\\}`,"g"),((e,i)=>this.formatValue(t,i))))),s}resolvePluralKey(t,e){for(let i of e)if("number"==typeof i){const e=`${t}[\\=${i}]`;if(e in this.labels||e in this.defaultLabels)return e}return t}formatValue(t,e){return t instanceof Date?this.formatDate(t,e):t}formatDate(t,e){const i=i=>(null==e?void 0:e.includes("date"))?t.toLocaleDateString(i):(null==e?void 0:e.includes("time"))?t.toLocaleTimeString(i):t.toLocaleString(i);try{return i(document.documentElement.lang)}catch(t){return i()}}}var Et,zt,Bt;const Mt=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Bt=null===(zt=null===(Et=window.safari)||void 0===Et?void 0:Et.pushNotification)||void 0===zt?void 0:zt.toString())&&void 0!==Bt?Bt:""),Nt=1,Ft=2,Rt=t=>(...e)=>({_$litDirective$:t,values:e});
117
+ `;class Ct{constructor(t,e){this.defaultLabels=t,this.labels=e}resolve(t,...e){var i,o;t=this.resolvePluralKey(t,e);let s=null!==(o=null!==(i=this.labels[t])&&void 0!==i?i:this.defaultLabels[t])&&void 0!==o?o:"";return e.forEach(((t,e)=>s=s.replace(new RegExp(`\\{${e}([^}]*)\\}`,"g"),((e,i)=>this.formatValue(t,i))))),s}resolvePluralKey(t,e){for(let i of e)if("number"==typeof i){const e=`${t}[\\=${i}]`;if(e in this.labels||e in this.defaultLabels)return e}return t}formatValue(t,e){return t instanceof Date?this.formatDate(t,e):null!=t?t:""}formatDate(t,e){const i=i=>(null==e?void 0:e.includes("date"))?t.toLocaleDateString(i):(null==e?void 0:e.includes("time"))?t.toLocaleTimeString(i):t.toLocaleString(i);try{return i(document.documentElement.lang)}catch(t){return i()}}}var Et,zt,Bt;const Mt=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Bt=null===(zt=null===(Et=window.safari)||void 0===Et?void 0:Et.pushNotification)||void 0===zt?void 0:zt.toString())&&void 0!==Bt?Bt:""),Nt=1,Ft=2,Rt=t=>(...e)=>({_$litDirective$:t,values:e});
118
118
  /**
119
119
  * @license
120
120
  * Copyright 2017 Google LLC
@@ -152,7 +152,7 @@ var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOption
152
152
  <div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
153
153
  <div class="ft-size-watcher--watcher"></div>
154
154
  </div>
155
- `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=Ht.S:this.size<976?this.category=Ht.M:this.size<1024?this.category=Ht.L:this.size<1440?this.category=Ht.XL:this.category=Ht.XXL,this.dispatchEvent(new Wt(this.size,this.category)))}),this.debounceTimeout)}}Vt.elementDefinitions={},Vt.styles=Zt,Kt([o({type:Number})],Vt.prototype,"debounceTimeout",void 0),Kt([o({type:Boolean})],Vt.prototype,"local",void 0),Kt([o({type:Number,reflect:!0})],Vt.prototype,"size",void 0),Kt([o({type:String,reflect:!0})],Vt.prototype,"category",void 0),Kt([n(".ft-size-watcher--watcher")],Vt.prototype,"watcher",void 0),h("ft-size-watcher")(Vt);
155
+ `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=Ht.S:this.size<976?this.category=Ht.M:this.size<1024?this.category=Ht.L:this.size<1440?this.category=Ht.XL:this.category=Ht.XXL,this.dispatchEvent(new Wt(this.size,this.category)))}),this.debounceTimeout)}}Vt.elementDefinitions={},Vt.styles=Zt,Kt([o({type:Number})],Vt.prototype,"debounceTimeout",void 0),Kt([o({type:Boolean})],Vt.prototype,"local",void 0),Kt([o({type:Number,reflect:!0})],Vt.prototype,"size",void 0),Kt([o({type:String,reflect:!0})],Vt.prototype,"category",void 0),Kt([n(".ft-size-watcher--watcher")],Vt.prototype,"watcher",void 0),p("ft-size-watcher")(Vt);
156
156
  /**
157
157
  * @license
158
158
  * Copyright 2020 Google LLC
@@ -260,7 +260,7 @@ const qt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===qt)return null==t?void
260
260
  </${Xt(this.element)}>
261
261
  `:Qt`
262
262
  <slot class="ft-typography ft-typography--${this.variant}"></slot>
263
- `}}function ii(t,e){return t.flatMap((t=>[t,...ii(e(t),e)]))}function oi(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function si(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>si(e,t.selected))),value:t.value}}function ri(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>si(t,!1)))}}ei.styles=[He,Ze,Ke,We,Ve,qe,Je,Xe,Ye,Qe,Ge],ti([o()],ei.prototype,"element",void 0),ti([o()],ei.prototype,"variant",void 0),h("ft-typography")(ei);
263
+ `}}function ii(t,e){return t.flatMap((t=>[t,...ii(e(t),e)]))}function oi(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function si(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>si(e,t.selected))),value:t.value}}function ri(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>si(t,!1)))}}ei.styles=[He,Ze,Ke,We,Ve,qe,Je,Xe,Ye,Qe,Ge],ti([o()],ei.prototype,"element",void 0),ti([o()],ei.prototype,"variant",void 0),p("ft-typography")(ei);
264
264
  /**
265
265
  * @license
266
266
  * Copyright 2018 Google LLC
@@ -372,7 +372,7 @@ const ni=Rt(class extends Lt{constructor(t){var e;if(super(t),t.type!==Nt||"clas
372
372
  <div class="ft-ripple--background"></div>
373
373
  <div class="ft-ripple--effect"></div>
374
374
  </div>
375
- `}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 e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.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((()=>{var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}))}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",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",i),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 e=t,i=t;let o,s;return null!=e.x?({x:o,y:s}=e):null!=i.touches&&(o=i.touches[0].clientX,s=i.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}gi.elementDefinitions={},gi.styles=bi,vi([o({type:Boolean})],gi.prototype,"primary",void 0),vi([o({type:Boolean})],gi.prototype,"secondary",void 0),vi([o({type:Boolean})],gi.prototype,"unbounded",void 0),vi([o({type:Boolean})],gi.prototype,"activated",void 0),vi([o({type:Boolean})],gi.prototype,"selected",void 0),vi([o({type:Boolean})],gi.prototype,"disabled",void 0),vi([s()],gi.prototype,"hovered",void 0),vi([s()],gi.prototype,"focused",void 0),vi([s()],gi.prototype,"pressed",void 0),vi([s()],gi.prototype,"rippling",void 0),vi([s()],gi.prototype,"rippleSize",void 0),vi([s()],gi.prototype,"originX",void 0),vi([s()],gi.prototype,"originY",void 0),vi([n(".ft-ripple")],gi.prototype,"ripple",void 0),vi([n(".ft-ripple--effect")],gi.prototype,"rippleEffect",void 0),h("ft-ripple")(gi);const xi={distance:xt.create("--ft-tooltip-distance","SIZE","4px"),color:xt.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:xt.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:xt.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),maxWidth:xt.create("--ft-tooltip-max-width","SIZE","150px")},yi=y`
375
+ `}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 e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.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((()=>{var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}))}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",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",i),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 e=t,i=t;let o,s;return null!=e.x?({x:o,y:s}=e):null!=i.touches&&(o=i.touches[0].clientX,s=i.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}gi.elementDefinitions={},gi.styles=bi,vi([o({type:Boolean})],gi.prototype,"primary",void 0),vi([o({type:Boolean})],gi.prototype,"secondary",void 0),vi([o({type:Boolean})],gi.prototype,"unbounded",void 0),vi([o({type:Boolean})],gi.prototype,"activated",void 0),vi([o({type:Boolean})],gi.prototype,"selected",void 0),vi([o({type:Boolean})],gi.prototype,"disabled",void 0),vi([s()],gi.prototype,"hovered",void 0),vi([s()],gi.prototype,"focused",void 0),vi([s()],gi.prototype,"pressed",void 0),vi([s()],gi.prototype,"rippling",void 0),vi([s()],gi.prototype,"rippleSize",void 0),vi([s()],gi.prototype,"originX",void 0),vi([s()],gi.prototype,"originY",void 0),vi([n(".ft-ripple")],gi.prototype,"ripple",void 0),vi([n(".ft-ripple--effect")],gi.prototype,"rippleEffect",void 0),p("ft-ripple")(gi);const xi={distance:xt.create("--ft-tooltip-distance","SIZE","4px"),color:xt.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:xt.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:xt.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),maxWidth:xt.create("--ft-tooltip-max-width","SIZE","150px")},yi=y`
376
376
  .ft-tooltip--container {
377
377
  display: block;
378
378
  position: relative;
@@ -422,7 +422,7 @@ const ni=Rt(class extends Lt{constructor(t){var e;if(super(t),t.type!==Nt||"clas
422
422
  </div>
423
423
  </div>
424
424
  </div>
425
- `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){["visible","text"].some((e=>t.has(e)))&&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 e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.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=e.height,s=o;break;case"left":r=i,s=-this.tooltip.clientWidth;break;case"right":r=i,s=e.width}e.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-e.left),e.left+s<0&&(s=0);const n=this.tooltip.style;n.left=s+"px",n.top=r+"px",n.maxWidth=`max(${e.width}px, ${xi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}$i.elementDefinitions={"ft-typography":ei},$i.styles=yi,mi([o()],$i.prototype,"text",void 0),mi([o({type:Boolean})],$i.prototype,"manual",void 0),mi([o({type:Boolean})],$i.prototype,"inline",void 0),mi([o({type:Number})],$i.prototype,"delay",void 0),mi([o()],$i.prototype,"position",void 0),mi([function(t,e,i){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:e},i?c({slot:s,flatten:e,selector:i}):r({descriptor:t=>({get(){var t,e;const i="slot"+(s?`[name=${s}]`:":not([name])"),r=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==r?void 0:r.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],$i.prototype,"slotNodes",void 0),mi([n(".ft-tooltip--container")],$i.prototype,"container",void 0),mi([n("slot")],$i.prototype,"target",void 0),mi([n(".ft-tooltip")],$i.prototype,"tooltip",void 0),mi([n(".ft-tooltip--content")],$i.prototype,"tooltipContent",void 0),mi([s()],$i.prototype,"visible",void 0),h("ft-tooltip")($i);const wi={color:xt.extend("--ft-loader-color",mt.colorPrimary),size:xt.create("--ft-loader-size","SIZE","80px")},ki=y`
425
+ `}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){["visible","text"].some((e=>t.has(e)))&&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 e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.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=e.height,s=o;break;case"left":r=i,s=-this.tooltip.clientWidth;break;case"right":r=i,s=e.width}e.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-e.left),e.left+s<0&&(s=0);const n=this.tooltip.style;n.left=s+"px",n.top=r+"px",n.maxWidth=`max(${e.width}px, ${xi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}$i.elementDefinitions={"ft-typography":ei},$i.styles=yi,mi([o()],$i.prototype,"text",void 0),mi([o({type:Boolean})],$i.prototype,"manual",void 0),mi([o({type:Boolean})],$i.prototype,"inline",void 0),mi([o({type:Number})],$i.prototype,"delay",void 0),mi([o()],$i.prototype,"position",void 0),mi([function(t,e,i){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:e},i?c({slot:s,flatten:e,selector:i}):r({descriptor:t=>({get(){var t,e;const i="slot"+(s?`[name=${s}]`:":not([name])"),r=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==r?void 0:r.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],$i.prototype,"slotNodes",void 0),mi([n(".ft-tooltip--container")],$i.prototype,"container",void 0),mi([n("slot")],$i.prototype,"target",void 0),mi([n(".ft-tooltip")],$i.prototype,"tooltip",void 0),mi([n(".ft-tooltip--content")],$i.prototype,"tooltipContent",void 0),mi([s()],$i.prototype,"visible",void 0),p("ft-tooltip")($i);const wi={color:xt.extend("--ft-loader-color",mt.colorPrimary),size:xt.create("--ft-loader-size","SIZE","80px")},ki=y`
426
426
  :host {
427
427
  line-height: 0;
428
428
  }
@@ -498,7 +498,7 @@ const ni=Rt(class extends Lt{constructor(t){var e;if(super(t),t.type!==Nt||"clas
498
498
  <div></div>
499
499
  <div></div>
500
500
  </div>
501
- `}}Si.styles=ki,h("ft-loader")(Si);
501
+ `}}Si.styles=ki,p("ft-loader")(Si);
502
502
  /**
503
503
  * @license
504
504
  * Copyright 2017 Google LLC
@@ -551,12 +551,12 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
551
551
  .ft-icon--material {
552
552
  font-family: ${Ni.materialFontFamily}, "Material Icons", sans-serif;
553
553
  }
554
- `;var Ri;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ri||(Ri={}));var Li=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Di extends wt{constructor(){super(...arguments),this.variant=Ri.fluid_topics,this.resolvedIcon=Q}render(){const t="material"!==this.variant||this.value;return X`
555
- <i class="ft-icon ${"ft-icon--"+this.variant}">
554
+ `;var Ri;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ri||(Ri={}));var Li=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Di extends wt{constructor(){super(...arguments),this.resolvedIcon=Q}render(){var t;const e=null!==(t=this.variant)&&void 0!==t?t:Ri.fluid_topics,i="material"!==e||this.value;return X`
555
+ <i class="ft-icon ${"ft-icon--"+e}">
556
556
  ${Ci(this.resolvedIcon)}
557
- <slot ?hidden=${t}></slot>
557
+ <slot ?hidden=${i}></slot>
558
558
  </i>
559
- `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case Ri.file_format:this.resolvedIcon=null!==(t=zi[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case Ri.fluid_topics:this.resolvedIcon=null!==(e=Ei[i.replace("-","_").toUpperCase()])&&void 0!==e?e:i;break;default:this.resolvedIcon=this.value||Q}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Di.elementDefinitions={},Di.styles=Fi,Li([o()],Di.prototype,"variant",void 0),Li([o()],Di.prototype,"value",void 0),Li([s()],Di.prototype,"resolvedIcon",void 0),Li([n("slot")],Di.prototype,"slottedContent",void 0),h("ft-icon")(Di);const ji=xt.extend("--ft-button-color",mt.colorPrimary),Ii={backgroundColor:xt.extend("--ft-button-background-color",mt.colorSurface),borderRadius:xt.extend("--ft-button-border-radius",mt.borderRadiusL),color:ji,fontSize:xt.extend("--ft-button-font-size",_e.fontSize),iconSize:xt.create("--ft-button-icon-size","SIZE","24px"),rippleColor:xt.extend("--ft-button-ripple-color",ji),opacityDisabled:xt.external(mt.colorOpacityDisabled,"Design system")},Ui=xt.extend("--ft-button-primary-color",xt.extend("--ft-button-color",mt.colorOnPrimary)),Pi={backgroundColor:xt.extend("--ft-button-primary-background-color",xt.extend("--ft-button-background-color",mt.colorPrimary)),color:Ui,rippleColor:xt.extend("--ft-button-primary-ripple-color",Ui)},Ai=xt.extend("--ft-button-dense-border-radius",xt.extend("--ft-button-border-radius",mt.borderRadiusM)),Ti=[kt,y`
559
+ `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case Ri.file_format:this.resolvedIcon=null!==(t=zi[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case Ri.material:this.resolvedIcon=this.value||Q;break;default:this.resolvedIcon=null!==(e=Ei[i.replace("-","_").toUpperCase()])&&void 0!==e?e:i}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Di.elementDefinitions={},Di.styles=Fi,Li([o()],Di.prototype,"variant",void 0),Li([o()],Di.prototype,"value",void 0),Li([s()],Di.prototype,"resolvedIcon",void 0),Li([n("slot")],Di.prototype,"slottedContent",void 0),p("ft-icon")(Di);const ji=xt.extend("--ft-button-color",mt.colorPrimary),Ii={backgroundColor:xt.extend("--ft-button-background-color",mt.colorSurface),borderRadius:xt.extend("--ft-button-border-radius",mt.borderRadiusL),color:ji,fontSize:xt.extend("--ft-button-font-size",_e.fontSize),iconSize:xt.create("--ft-button-icon-size","SIZE","24px"),rippleColor:xt.extend("--ft-button-ripple-color",ji),opacityDisabled:xt.external(mt.colorOpacityDisabled,"Design system")},Ui=xt.extend("--ft-button-primary-color",xt.extend("--ft-button-color",mt.colorOnPrimary)),Pi={backgroundColor:xt.extend("--ft-button-primary-background-color",xt.extend("--ft-button-background-color",mt.colorPrimary)),color:Ui,rippleColor:xt.extend("--ft-button-primary-ripple-color",Ui)},Ai=xt.extend("--ft-button-dense-border-radius",xt.extend("--ft-button-border-radius",mt.borderRadiusM)),Ti=[kt,y`
560
560
  :host {
561
561
  display: inline-block;
562
562
  max-width: 100%;
@@ -702,7 +702,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
702
702
  </ft-tooltip>
703
703
  `:t}resolveIcon(){return this.loading?X`
704
704
  <ft-loader></ft-loader> `:this.icon?X`
705
- <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:Q}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}}Hi.elementDefinitions={"ft-ripple":gi,"ft-tooltip":$i,"ft-typography":ei,"ft-icon":Di,"ft-loader":Si},Hi.styles=[Ot,Ti],_i([o({type:Boolean})],Hi.prototype,"primary",void 0),_i([o({type:Boolean})],Hi.prototype,"outlined",void 0),_i([o({type:Boolean})],Hi.prototype,"disabled",void 0),_i([o({type:Boolean})],Hi.prototype,"dense",void 0),_i([o({type:Boolean})],Hi.prototype,"round",void 0),_i([o({type:String})],Hi.prototype,"label",void 0),_i([o({type:String})],Hi.prototype,"icon",void 0),_i([o({type:String})],Hi.prototype,"iconVariant",void 0),_i([o({type:Boolean})],Hi.prototype,"trailingIcon",void 0),_i([o({type:Boolean})],Hi.prototype,"loading",void 0),_i([o({type:String})],Hi.prototype,"tooltipPosition",void 0),_i([o({type:Boolean})],Hi.prototype,"hideTooltip",void 0),_i([o({type:Boolean})],Hi.prototype,"forceTooltip",void 0),_i([n(".ft-button")],Hi.prototype,"button",void 0),_i([n(".ft-button--label slot")],Hi.prototype,"slottedContent",void 0),h("ft-button")(Hi);const Zi=xt.extend("--ft-checkbox-text-color",mt.colorOnSurfaceHigh),Ki=xt.external(mt.colorPrimary,"Design system"),Wi=xt.external(mt.colorOnPrimary,"Design system"),Vi=xt.extend("--ft-checkbox-border-color",mt.colorOnSurfaceMedium),qi=xt.external(mt.colorOnSurfaceDisabled,"Design system"),Ji=y`
705
+ <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:Q}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}}Hi.elementDefinitions={"ft-ripple":gi,"ft-tooltip":$i,"ft-typography":ei,"ft-icon":Di,"ft-loader":Si},Hi.styles=[Ot,Ti],_i([o({type:Boolean})],Hi.prototype,"primary",void 0),_i([o({type:Boolean})],Hi.prototype,"outlined",void 0),_i([o({type:Boolean})],Hi.prototype,"disabled",void 0),_i([o({type:Boolean})],Hi.prototype,"dense",void 0),_i([o({type:Boolean})],Hi.prototype,"round",void 0),_i([o({type:String})],Hi.prototype,"label",void 0),_i([o({type:String})],Hi.prototype,"icon",void 0),_i([o({type:String})],Hi.prototype,"iconVariant",void 0),_i([o({type:Boolean})],Hi.prototype,"trailingIcon",void 0),_i([o({type:Boolean})],Hi.prototype,"loading",void 0),_i([o({type:String})],Hi.prototype,"tooltipPosition",void 0),_i([o({type:Boolean})],Hi.prototype,"hideTooltip",void 0),_i([o({type:Boolean})],Hi.prototype,"forceTooltip",void 0),_i([n(".ft-button")],Hi.prototype,"button",void 0),_i([n(".ft-button--label slot")],Hi.prototype,"slottedContent",void 0),p("ft-button")(Hi);const Zi=xt.extend("--ft-checkbox-text-color",mt.colorOnSurfaceHigh),Ki=xt.external(mt.colorPrimary,"Design system"),Wi=xt.external(mt.colorOnPrimary,"Design system"),Vi=xt.extend("--ft-checkbox-border-color",mt.colorOnSurfaceMedium),qi=xt.external(mt.colorOnSurfaceDisabled,"Design system"),Ji=y`
706
706
  * {
707
707
  box-sizing: border-box;
708
708
  }
@@ -805,7 +805,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
805
805
  <slot></slot>
806
806
  </ft-typography>
807
807
  </label>
808
- `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}Yi.elementDefinitions={"ft-ripple":gi,"ft-typography":ei},Yi.styles=Ji,Xi([o()],Yi.prototype,"name",void 0),Xi([o({type:Boolean,reflect:!0})],Yi.prototype,"checked",void 0),Xi([o({type:Boolean})],Yi.prototype,"indeterminate",void 0),Xi([o({type:Boolean})],Yi.prototype,"disabled",void 0),Xi([n(".ft-checkbox")],Yi.prototype,"container",void 0),Xi([n("ft-ripple")],Yi.prototype,"ripple",void 0),h("ft-checkbox")(Yi);const Qi=xt.extend("--ft-radio-text-color",mt.colorOnSurfaceHigh),Gi=xt.external(mt.colorPrimary,"Design system"),to=(xt.external(mt.colorOnPrimary,"Design system"),xt.extend("--ft-radio-border-color",mt.colorOnSurfaceMedium)),eo=xt.external(mt.colorOnSurfaceDisabled,"Design system"),io=y`
808
+ `}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}Yi.elementDefinitions={"ft-ripple":gi,"ft-typography":ei},Yi.styles=Ji,Xi([o()],Yi.prototype,"name",void 0),Xi([o({type:Boolean,reflect:!0})],Yi.prototype,"checked",void 0),Xi([o({type:Boolean})],Yi.prototype,"indeterminate",void 0),Xi([o({type:Boolean})],Yi.prototype,"disabled",void 0),Xi([n(".ft-checkbox")],Yi.prototype,"container",void 0),Xi([n("ft-ripple")],Yi.prototype,"ripple",void 0),p("ft-checkbox")(Yi);const Qi=xt.extend("--ft-radio-text-color",mt.colorOnSurfaceHigh),Gi=xt.external(mt.colorPrimary,"Design system"),to=(xt.external(mt.colorOnPrimary,"Design system"),xt.extend("--ft-radio-border-color",mt.colorOnSurfaceMedium)),eo=xt.external(mt.colorOnSurfaceDisabled,"Design system"),io=y`
809
809
  * {
810
810
  box-sizing: border-box;
811
811
  }
@@ -919,7 +919,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
919
919
  @keydown=${this.onKeyDown}
920
920
  @focusin=${this.focusCurrentValue}
921
921
  ></slot>
922
- `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}ao.elementDefinitions={},ao.styles=no,lo([o()],ao.prototype,"name",void 0),lo([c()],ao.prototype,"radioButtons",void 0),h("ft-radio")(ro),h("ft-radio-group")(ao);const co={borderRadiusM:xt.external(mt.borderRadiusM,"Design system"),colorOutline:xt.external(mt.colorOutline,"Design system"),colorOnSurface:xt.external(mt.colorOnSurface,"Design system"),colorOnSurfaceMedium:xt.external(mt.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),colorOnPrimary:xt.external(mt.colorOnPrimary,"Design system"),fontFamily:xt.external(ze.fontFamily,"Body2 typography"),fontSize:xt.external(ze.fontSize,"Body2 typography"),fontWeight:xt.external(ze.fontWeight,"Body2 typography"),letterSpacing:xt.external(ze.letterSpacing,"Body2 typography"),lineHeight:xt.external(ze.lineHeight,"Body2 typography"),textTransform:xt.external(ze.textTransform,"Body2 typography")},ho=y`
922
+ `}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}ao.elementDefinitions={},ao.styles=no,lo([o()],ao.prototype,"name",void 0),lo([c()],ao.prototype,"radioButtons",void 0),p("ft-radio")(ro),p("ft-radio-group")(ao);const co={borderRadiusM:xt.external(mt.borderRadiusM,"Design system"),colorOutline:xt.external(mt.colorOutline,"Design system"),colorOnSurface:xt.external(mt.colorOnSurface,"Design system"),colorOnSurfaceMedium:xt.external(mt.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),colorOnPrimary:xt.external(mt.colorOnPrimary,"Design system"),fontFamily:xt.external(ze.fontFamily,"Body2 typography"),fontSize:xt.external(ze.fontSize,"Body2 typography"),fontWeight:xt.external(ze.fontWeight,"Body2 typography"),letterSpacing:xt.external(ze.letterSpacing,"Body2 typography"),lineHeight:xt.external(ze.lineHeight,"Body2 typography"),textTransform:xt.external(ze.textTransform,"Body2 typography")},ho=y`
923
923
  .ft-filter-level--container {
924
924
  display: flex;
925
925
  flex-direction: column;
@@ -1198,7 +1198,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
1198
1198
  @click=${this.next}
1199
1199
  ></ft-button>
1200
1200
  </div>
1201
- `}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new go(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}xo.elementDefinitions={"ft-button":Hi},xo.styles=bo,vo([o({type:Boolean})],xo.prototype,"horizontal",void 0),vo([o({type:Boolean})],xo.prototype,"hideScrollbar",void 0),vo([o({type:Boolean})],xo.prototype,"controls",void 0),vo([o({type:Boolean})],xo.prototype,"limitSize",void 0),vo([s()],xo.prototype,"elements",void 0),vo([s()],xo.prototype,"currentElement",void 0),vo([s()],xo.prototype,"withScroll",void 0),vo([s()],xo.prototype,"startReached",void 0),vo([s()],xo.prototype,"endReached",void 0),vo([n(".ft-snap-scroll--content")],xo.prototype,"contentSlot",void 0),h("ft-snap-scroll")(xo);const yo=xt.external(mt.colorOutline,"Design system"),mo=xt.external(mt.colorOnSurface,"Design system"),$o=xt.external(mt.colorOnSurfaceMedium,"Design system"),wo=xt.external(mt.colorPrimary,"Design system"),ko=xt.external(mt.colorSurface,"Design system"),So=xt.external(mt.transitionDuration,"Design system"),Oo=xt.external(mt.transitionTimingFunction,"Design system"),Co=[Je,y`
1201
+ `}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new go(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}xo.elementDefinitions={"ft-button":Hi},xo.styles=bo,vo([o({type:Boolean})],xo.prototype,"horizontal",void 0),vo([o({type:Boolean})],xo.prototype,"hideScrollbar",void 0),vo([o({type:Boolean})],xo.prototype,"controls",void 0),vo([o({type:Boolean})],xo.prototype,"limitSize",void 0),vo([s()],xo.prototype,"elements",void 0),vo([s()],xo.prototype,"currentElement",void 0),vo([s()],xo.prototype,"withScroll",void 0),vo([s()],xo.prototype,"startReached",void 0),vo([s()],xo.prototype,"endReached",void 0),vo([n(".ft-snap-scroll--content")],xo.prototype,"contentSlot",void 0),p("ft-snap-scroll")(xo);const yo=xt.external(mt.colorOutline,"Design system"),mo=xt.external(mt.colorOnSurface,"Design system"),$o=xt.external(mt.colorOnSurfaceMedium,"Design system"),wo=xt.external(mt.colorPrimary,"Design system"),ko=xt.external(mt.colorSurface,"Design system"),So=xt.external(mt.transitionDuration,"Design system"),Oo=xt.external(mt.transitionTimingFunction,"Design system"),Co=[Je,y`
1202
1202
  :host {
1203
1203
  display: flex;
1204
1204
  max-height: 100%;
@@ -1380,9 +1380,9 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
1380
1380
  .exportpartsPrefixes=${["values","available-values"]}
1381
1381
  noValuesLabel="${this.noValuesLabel}"
1382
1382
  ></ft-filter-level>
1383
- `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.dispatchEvent(new zo(this.selectedValues)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Bo.elementDefinitions={"ft-button":Hi,"ft-filter-level":fo,"ft-snap-scroll":xo,"ft-typography":ei},Bo.styles=Co,Eo([o({type:String})],Bo.prototype,"id",void 0),Eo([o({type:String})],Bo.prototype,"label",void 0),Eo([o({type:String})],Bo.prototype,"filterPlaceHolder",void 0),Eo([o({type:String})],Bo.prototype,"clearButtonLabel",void 0),Eo([o({type:String})],Bo.prototype,"moreValuesButtonLabel",void 0),Eo([o({type:String})],Bo.prototype,"noValuesLabel",void 0),Eo([p([])],Bo.prototype,"options",void 0),Eo([o({type:Boolean})],Bo.prototype,"multivalued",void 0),Eo([o({type:Boolean})],Bo.prototype,"disabled",void 0),Eo([o({type:Boolean})],Bo.prototype,"raiseSelectedOptions",void 0),Eo([o({type:Number})],Bo.prototype,"displayedValuesLimit",void 0),Eo([o({type:Boolean})],Bo.prototype,"hideClearButton",void 0),Eo([n(".ft-filter--slot")],Bo.prototype,"slotElement",void 0),Eo([n(".ft-filter--container")],Bo.prototype,"container",void 0),Eo([n(".ft-filter--values")],Bo.prototype,"valuesContainer",void 0),Eo([n(".ft-filter--levels")],Bo.prototype,"levelsContainer",void 0),Eo([n(".ft-filter--levels ft-filter-level:last-child")],Bo.prototype,"lastLevel",void 0),Eo([n(".ft-filter--filter input")],Bo.prototype,"filterInput",void 0),Eo([function(t){return r({descriptor:e=>({get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}(".ft-filter--levels ft-filter-level")],Bo.prototype,"levels",void 0),Eo([s()],Bo.prototype,"withScroll",void 0),Eo([s()],Bo.prototype,"filter",void 0),Eo([s()],Bo.prototype,"slideIn",void 0),Eo([s()],Bo.prototype,"slideOut",void 0);var Mo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class No extends wt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return X`
1383
+ `}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.dispatchEvent(new zo(this.selectedValues)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Bo.elementDefinitions={"ft-button":Hi,"ft-filter-level":fo,"ft-snap-scroll":xo,"ft-typography":ei},Bo.styles=Co,Eo([o({type:String})],Bo.prototype,"id",void 0),Eo([o({type:String})],Bo.prototype,"label",void 0),Eo([o({type:String})],Bo.prototype,"filterPlaceHolder",void 0),Eo([o({type:String})],Bo.prototype,"clearButtonLabel",void 0),Eo([o({type:String})],Bo.prototype,"moreValuesButtonLabel",void 0),Eo([o({type:String})],Bo.prototype,"noValuesLabel",void 0),Eo([d([])],Bo.prototype,"options",void 0),Eo([o({type:Boolean})],Bo.prototype,"multivalued",void 0),Eo([o({type:Boolean})],Bo.prototype,"disabled",void 0),Eo([o({type:Boolean})],Bo.prototype,"raiseSelectedOptions",void 0),Eo([o({type:Number})],Bo.prototype,"displayedValuesLimit",void 0),Eo([o({type:Boolean})],Bo.prototype,"hideClearButton",void 0),Eo([n(".ft-filter--slot")],Bo.prototype,"slotElement",void 0),Eo([n(".ft-filter--container")],Bo.prototype,"container",void 0),Eo([n(".ft-filter--values")],Bo.prototype,"valuesContainer",void 0),Eo([n(".ft-filter--levels")],Bo.prototype,"levelsContainer",void 0),Eo([n(".ft-filter--levels ft-filter-level:last-child")],Bo.prototype,"lastLevel",void 0),Eo([n(".ft-filter--filter input")],Bo.prototype,"filterInput",void 0),Eo([function(t){return r({descriptor:e=>({get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}(".ft-filter--levels ft-filter-level")],Bo.prototype,"levels",void 0),Eo([s()],Bo.prototype,"withScroll",void 0),Eo([s()],Bo.prototype,"filter",void 0),Eo([s()],Bo.prototype,"slideIn",void 0),Eo([s()],Bo.prototype,"slideOut",void 0);var Mo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class No extends wt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return X`
1384
1384
  <slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
1385
- `}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}))}}No.elementDefinitions={},Mo([o({type:String})],No.prototype,"label",void 0),Mo([o({type:Object,converter:t=>t})],No.prototype,"value",void 0),Mo([o({type:Boolean,reflect:!0})],No.prototype,"selected",void 0),Mo([o({type:Object})],No.prototype,"subOptions",void 0),Mo([p({})],No.prototype,"renderOption",void 0),Mo([n(".ft-filter-option--slot")],No.prototype,"slotElement",void 0),h("ft-filter")(Bo),h("ft-filter-option")(No);const Fo=y`
1385
+ `}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}))}}No.elementDefinitions={},Mo([o({type:String})],No.prototype,"label",void 0),Mo([o({type:Object,converter:t=>t})],No.prototype,"value",void 0),Mo([o({type:Boolean,reflect:!0})],No.prototype,"selected",void 0),Mo([o({type:Object})],No.prototype,"subOptions",void 0),Mo([d({})],No.prototype,"renderOption",void 0),Mo([n(".ft-filter-option--slot")],No.prototype,"slotElement",void 0),p("ft-filter")(Bo),p("ft-filter-option")(No);const Fo=y`
1386
1386
  .ft-accordion {
1387
1387
  box-sizing: border-box;
1388
1388
  }
@@ -1459,7 +1459,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
1459
1459
  </div>
1460
1460
  <div class="ft-accordion-item--separator" part="separator"></div>
1461
1461
  </div>
1462
- `}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}Ao.elementDefinitions={"ft-ripple":gi,"ft-typography":ei,"ft-icon":Di},Ao.styles=Uo,Po([o({type:String})],Ao.prototype,"icon",void 0),Po([o({type:String})],Ao.prototype,"label",void 0),Po([o({type:Boolean,reflect:!0})],Ao.prototype,"active",void 0),h("ft-accordion")(Lo),h("ft-accordion-item")(Ao);const To=xt.extend("--ft-chip-color",mt.colorOnSurface),_o={backgroundColor:xt.extend("--ft-chip-background-color",mt.colorSurface),color:To,fontSize:xt.extend("--ft-chip-font-size",ze.fontSize),iconSize:xt.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:xt.extend("--ft-chip-ripple-color",To),horizontalPadding:xt.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:xt.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:xt.external(mt.colorOutline,"Design system"),opacityDisabled:xt.external(mt.colorOpacityDisabled,"Design system")},Ho=xt.extend("--ft-chip-highlighted-color",xt.extend("--ft-chip-color",mt.colorOnPrimary)),Zo={backgroundColor:xt.extend("--ft-chip-highlighted-background-color",xt.extend("--ft-chip-background-color",mt.colorPrimary)),color:Ho,rippleColor:xt.extend("--ft-chip-highlighted-ripple-color",Ho)},Ko=xt.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Wo=xt.create("--ft-chip-dense-vertical-padding","SIZE","4px"),Vo=[kt,y`
1462
+ `}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}Ao.elementDefinitions={"ft-ripple":gi,"ft-typography":ei,"ft-icon":Di},Ao.styles=Uo,Po([o({type:String})],Ao.prototype,"icon",void 0),Po([o({type:String})],Ao.prototype,"label",void 0),Po([o({type:Boolean,reflect:!0})],Ao.prototype,"active",void 0),p("ft-accordion")(Lo),p("ft-accordion-item")(Ao);const To=xt.extend("--ft-chip-color",mt.colorOnSurface),_o={backgroundColor:xt.extend("--ft-chip-background-color",mt.colorSurface),color:To,fontSize:xt.extend("--ft-chip-font-size",ze.fontSize),iconSize:xt.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:xt.extend("--ft-chip-ripple-color",To),horizontalPadding:xt.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:xt.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:xt.external(mt.colorOutline,"Design system"),opacityDisabled:xt.external(mt.colorOpacityDisabled,"Design system")},Ho=xt.extend("--ft-chip-highlighted-color",xt.extend("--ft-chip-color",mt.colorOnPrimary)),Zo={backgroundColor:xt.extend("--ft-chip-highlighted-background-color",xt.extend("--ft-chip-background-color",mt.colorPrimary)),color:Ho,rippleColor:xt.extend("--ft-chip-highlighted-ripple-color",Ho)},Ko=xt.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Wo=xt.create("--ft-chip-dense-vertical-padding","SIZE","4px"),Vo=[kt,y`
1463
1463
  :host {
1464
1464
  display: inline-block;
1465
1465
  max-width: 100%;
@@ -1608,7 +1608,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
1608
1608
  <ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
1609
1609
  <ft-icon variant="material">${this.internalIcon}</ft-icon>
1610
1610
  </div>
1611
- `}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Jo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Jo))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Xo.elementDefinitions={"ft-ripple":gi,"ft-typography":ei,"ft-icon":Di},Xo.styles=Vo,qo([o({type:Boolean})],Xo.prototype,"highlighted",void 0),qo([o({type:Boolean})],Xo.prototype,"removable",void 0),qo([o({type:Boolean})],Xo.prototype,"disabled",void 0),qo([o({type:Boolean})],Xo.prototype,"clickable",void 0),qo([o({type:Boolean})],Xo.prototype,"iconClickable",void 0),qo([o({type:Boolean})],Xo.prototype,"dense",void 0),qo([o({type:Boolean})],Xo.prototype,"multiLine",void 0),qo([o({type:String})],Xo.prototype,"label",void 0),qo([o({type:String})],Xo.prototype,"icon",void 0),qo([o({type:Boolean})],Xo.prototype,"trailingIcon",void 0),qo([n("ft-typography slot")],Xo.prototype,"slottedContent",void 0),h("ft-chip")(Xo);const Yo={fontSize:xt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:xt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:xt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:xt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:xt.create("--ft-input-label-max-width","SIZE","100%"),borderColor:xt.extend("--ft-input-label-border-color",mt.colorOutline),textColor:xt.extend("--ft-input-label-text-color",mt.colorOnSurfaceMedium),disabledTextColor:xt.extend("--ft-input-label-disabled-text-color",mt.colorOnSurfaceDisabled),colorSurface:xt.external(mt.colorSurface,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),colorError:xt.external(mt.colorError,"Design system")},Qo=y`
1611
+ `}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Jo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Jo))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Xo.elementDefinitions={"ft-ripple":gi,"ft-typography":ei,"ft-icon":Di},Xo.styles=Vo,qo([o({type:Boolean})],Xo.prototype,"highlighted",void 0),qo([o({type:Boolean})],Xo.prototype,"removable",void 0),qo([o({type:Boolean})],Xo.prototype,"disabled",void 0),qo([o({type:Boolean})],Xo.prototype,"clickable",void 0),qo([o({type:Boolean})],Xo.prototype,"iconClickable",void 0),qo([o({type:Boolean})],Xo.prototype,"dense",void 0),qo([o({type:Boolean})],Xo.prototype,"multiLine",void 0),qo([o({type:String})],Xo.prototype,"label",void 0),qo([o({type:String})],Xo.prototype,"icon",void 0),qo([o({type:Boolean})],Xo.prototype,"trailingIcon",void 0),qo([n("ft-typography slot")],Xo.prototype,"slottedContent",void 0),p("ft-chip")(Xo);const Yo={fontSize:xt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:xt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:xt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:xt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:xt.create("--ft-input-label-max-width","SIZE","100%"),borderColor:xt.extend("--ft-input-label-border-color",mt.colorOutline),textColor:xt.extend("--ft-input-label-text-color",mt.colorOnSurfaceMedium),disabledTextColor:xt.extend("--ft-input-label-disabled-text-color",mt.colorOnSurfaceDisabled),colorSurface:xt.external(mt.colorSurface,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),colorError:xt.external(mt.colorError,"Design system")},Qo=y`
1612
1612
  .ft-input-label {
1613
1613
  position: absolute;
1614
1614
  inset: 0;
@@ -1739,7 +1739,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
1739
1739
  </div>
1740
1740
  `:null}
1741
1741
  </div>
1742
- `}}ts.elementDefinitions={},ts.styles=[Je,Qo],Go([o({type:String})],ts.prototype,"text",void 0),Go([o({type:Boolean})],ts.prototype,"raised",void 0),Go([o({type:Boolean})],ts.prototype,"outlined",void 0),Go([o({type:Boolean})],ts.prototype,"disabled",void 0),Go([o({type:Boolean})],ts.prototype,"error",void 0),h("ft-input-label")(ts);const es={labelSize:xt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:xt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:xt.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:xt.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:xt.extend("--ft-select-selected-option-color",mt.colorOnSurface),helperColor:xt.extend("--ft-select-helper-color",mt.colorOnSurfaceMedium),optionsColor:xt.extend("--ft-select-options-color",mt.colorOnSurface),optionsZIndex:xt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:xt.external(mt.colorSurface,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),elevation02:xt.external(mt.elevation02,"Design system"),colorError:xt.external(mt.colorError,"Design system")},is=y`
1742
+ `}}ts.elementDefinitions={},ts.styles=[Je,Qo],Go([o({type:String})],ts.prototype,"text",void 0),Go([o({type:Boolean})],ts.prototype,"raised",void 0),Go([o({type:Boolean})],ts.prototype,"outlined",void 0),Go([o({type:Boolean})],ts.prototype,"disabled",void 0),Go([o({type:Boolean})],ts.prototype,"error",void 0),p("ft-input-label")(ts);const es={labelSize:xt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:xt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:xt.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:xt.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:xt.extend("--ft-select-selected-option-color",mt.colorOnSurface),helperColor:xt.extend("--ft-select-helper-color",mt.colorOnSurfaceMedium),optionsColor:xt.extend("--ft-select-options-color",mt.colorOnSurface),optionsZIndex:xt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:xt.external(mt.colorSurface,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),elevation02:xt.external(mt.elevation02,"Design system"),colorError:xt.external(mt.colorError,"Design system")},is=y`
1743
1743
  *:focus {
1744
1744
  outline: none;
1745
1745
  }
@@ -1936,7 +1936,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
1936
1936
  <ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
1937
1937
  <span>${t.label}</span>
1938
1938
  </div>
1939
- `}updated(t){super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,r;let n;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),n=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),n=null!==(r=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==r?r:this.firstOption}null==n||n.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){var e,i;if(!d(null===(e=this.selectedOption)||void 0===e?void 0:e.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(i=this.selectedOption)||void 0===i?void 0:i.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}rs.elementDefinitions={"ft-input-label":ts,"ft-typography":ei,"ft-ripple":gi,"ft-icon":Di},rs.styles=[qe,Je,is],os([o({type:String})],rs.prototype,"label",void 0),os([o({type:String})],rs.prototype,"helper",void 0),os([o({type:Boolean})],rs.prototype,"outlined",void 0),os([o({type:Boolean})],rs.prototype,"disabled",void 0),os([o({type:Boolean})],rs.prototype,"error",void 0),os([o({type:Boolean})],rs.prototype,"fixedMenuPosition",void 0),os([o({type:Array})],rs.prototype,"options",void 0),os([s()],rs.prototype,"selectedOption",void 0),os([s()],rs.prototype,"optionsDisplayed",void 0),os([s()],rs.prototype,"focusOptions",void 0),os([n(".ft-select")],rs.prototype,"container",void 0),os([n(".ft-select--options")],rs.prototype,"optionsMenu",void 0),os([n(".ft-select--input-panel")],rs.prototype,"mainPanel",void 0),os([n(".ft-select--option:first-child")],rs.prototype,"firstOption",void 0),os([n(".ft-select--option:focus")],rs.prototype,"focusedOption",void 0),os([n(".ft-select--option.ft-select--option-selected")],rs.prototype,"selectedOptionElement",void 0),os([n(".ft-select--option:last-child")],rs.prototype,"lastOption",void 0),os([n("slot")],rs.prototype,"optionsSlot",void 0),h("ft-select")(rs),h("ft-select-option")(ss);const ns={display:xt.create("--ft-skeleton--display","DISPLAY","block"),width:xt.create("--ft-skeleton--width","SIZE","100%"),height:xt.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:xt.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:xt.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:xt.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:xt.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:xt.external(mt.borderRadiusM,"Design system")},ls=y`
1939
+ `}updated(t){super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,r;let n;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),n=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),n=null!==(r=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==r?r:this.firstOption}null==n||n.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){var e,i;if(!h(null===(e=this.selectedOption)||void 0===e?void 0:e.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(i=this.selectedOption)||void 0===i?void 0:i.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}rs.elementDefinitions={"ft-input-label":ts,"ft-typography":ei,"ft-ripple":gi,"ft-icon":Di},rs.styles=[qe,Je,is],os([o({type:String})],rs.prototype,"label",void 0),os([o({type:String})],rs.prototype,"helper",void 0),os([o({type:Boolean})],rs.prototype,"outlined",void 0),os([o({type:Boolean})],rs.prototype,"disabled",void 0),os([o({type:Boolean})],rs.prototype,"error",void 0),os([o({type:Boolean})],rs.prototype,"fixedMenuPosition",void 0),os([o({type:Array})],rs.prototype,"options",void 0),os([s()],rs.prototype,"selectedOption",void 0),os([s()],rs.prototype,"optionsDisplayed",void 0),os([s()],rs.prototype,"focusOptions",void 0),os([n(".ft-select")],rs.prototype,"container",void 0),os([n(".ft-select--options")],rs.prototype,"optionsMenu",void 0),os([n(".ft-select--input-panel")],rs.prototype,"mainPanel",void 0),os([n(".ft-select--option:first-child")],rs.prototype,"firstOption",void 0),os([n(".ft-select--option:focus")],rs.prototype,"focusedOption",void 0),os([n(".ft-select--option.ft-select--option-selected")],rs.prototype,"selectedOptionElement",void 0),os([n(".ft-select--option:last-child")],rs.prototype,"lastOption",void 0),os([n("slot")],rs.prototype,"optionsSlot",void 0),p("ft-select")(rs),p("ft-select-option")(ss);const ns={display:xt.create("--ft-skeleton--display","DISPLAY","block"),width:xt.create("--ft-skeleton--width","SIZE","100%"),height:xt.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:xt.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:xt.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:xt.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:xt.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:xt.external(mt.borderRadiusM,"Design system")},ls=y`
1940
1940
  :host {
1941
1941
  width: ${ns.width};
1942
1942
  height: ${ns.height};
@@ -2284,7 +2284,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
2284
2284
  margin: 0;
2285
2285
  }
2286
2286
  `;class ps extends wt{render(){return X`
2287
- `}}ps.elementDefinitions={},ps.styles=ls,h("ft-skeleton")(ps);class ds{constructor(t,i=300){this.searchBar=t,this.updateDebouncer=new e(i)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return X`
2287
+ `}}ps.elementDefinitions={},ps.styles=ls,p("ft-skeleton")(ps);class ds{constructor(t,i=300){this.searchBar=t,this.updateDebouncer=new e(i)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return X`
2288
2288
  <div class="ft-search-bar--suggestions ft-word-wrap ${e?"ft-search-bar--suggestions-not-empty":""}"
2289
2289
  part="suggestions-container"
2290
2290
  @keydown=${t=>this.onSuggestKeyDown(t)}>
@@ -2731,4 +2731,4 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
2731
2731
  part="floating-panel"
2732
2732
  tabindex="-1">
2733
2733
  ${this.renderDesktopMenu()}
2734
- </div>`}}$s.elementDefinitions={"ft-accordion":Lo,"ft-accordion-item":Ao,"ft-button":Hi,"ft-chip":Xo,"ft-filter":Bo,"ft-filter-option":No,"ft-icon":Di,"ft-ripple":gi,"ft-select":rs,"ft-select-option":ss,"ft-size-watcher":Vt,"ft-skeleton":ps,"ft-snap-scroll":xo,"ft-tooltip":$i,"ft-typography":ei},$s.styles=[qe,cs,hs,fs.styles,ds.styles],vs([o({type:Boolean})],$s.prototype,"dense",void 0),vs([o()],$s.prototype,"mode",void 0),vs([o({type:Boolean})],$s.prototype,"forceMobileMenuOpen",void 0),vs([o({type:Boolean})],$s.prototype,"forceMenuOpen",void 0),vs([o()],$s.prototype,"baseUrl",void 0),vs([o()],$s.prototype,"apiIntegrationIdentifier",void 0),vs([o()],$s.prototype,"contentLocale",void 0),vs([s()],$s.prototype,"availableContentLocales",void 0),vs([s()],$s.prototype,"availableContentLocalesInitialized",void 0),vs([o()],$s.prototype,"uiLocale",void 0),vs([p({})],$s.prototype,"labels",void 0),vs([p([])],$s.prototype,"displayedFilters",void 0),vs([p([])],$s.prototype,"presets",void 0),vs([o({type:String,reflect:!0})],$s.prototype,"selectedPreset",void 0),vs([p([])],$s.prototype,"priors",void 0),vs([o()],$s.prototype,"searchRequestSerializer",void 0),vs([s()],$s.prototype,"searchFilters",void 0),vs([s()],$s.prototype,"sizeCategory",void 0),vs([s()],$s.prototype,"displayFacets",void 0),vs([s()],$s.prototype,"mobileMenuOpen",void 0),vs([s()],$s.prototype,"facets",void 0),vs([s()],$s.prototype,"facetsInitialized",void 0),vs([n(".ft-search-bar--container")],$s.prototype,"container",void 0),vs([n(".ft-search-bar--filters-opener")],$s.prototype,"filtersOpener",void 0),vs([n(".ft-search-bar--floating-panel")],$s.prototype,"floatingContainer",void 0),vs([n("ft-snap-scroll.ft-search-bar--filters-container")],$s.prototype,"scrollingFiltersContainer",void 0),vs([n(".ft-search-bar--input")],$s.prototype,"input",void 0),vs([s()],$s.prototype,"query",void 0),vs([s()],$s.prototype,"suggestions",void 0),vs([s()],$s.prototype,"recentSearches",void 0),vs([s()],$s.prototype,"scrollToFacet",void 0),vs([s()],$s.prototype,"api",void 0),vs([s()],$s.prototype,"facetsLoaded",void 0),h("ft-search-bar")($s),t.DEFAULT_LABELS=gs,t.FtSearchBar=$s,t.FtSearchBarCssVariables=as,t.LaunchSearchEvent=xs,t.SearchStateChangeEvent=ys,t.facetsCss=hs,t.searchBarCss=cs,Object.defineProperty(t,"i",{value:!0})}({});
2734
+ </div>`}}$s.elementDefinitions={"ft-accordion":Lo,"ft-accordion-item":Ao,"ft-button":Hi,"ft-chip":Xo,"ft-filter":Bo,"ft-filter-option":No,"ft-icon":Di,"ft-ripple":gi,"ft-select":rs,"ft-select-option":ss,"ft-size-watcher":Vt,"ft-skeleton":ps,"ft-snap-scroll":xo,"ft-tooltip":$i,"ft-typography":ei},$s.styles=[qe,cs,hs,fs.styles,ds.styles],vs([o({type:Boolean})],$s.prototype,"dense",void 0),vs([o()],$s.prototype,"mode",void 0),vs([o({type:Boolean})],$s.prototype,"forceMobileMenuOpen",void 0),vs([o({type:Boolean})],$s.prototype,"forceMenuOpen",void 0),vs([o()],$s.prototype,"baseUrl",void 0),vs([o()],$s.prototype,"apiIntegrationIdentifier",void 0),vs([o()],$s.prototype,"contentLocale",void 0),vs([s()],$s.prototype,"availableContentLocales",void 0),vs([s()],$s.prototype,"availableContentLocalesInitialized",void 0),vs([o()],$s.prototype,"uiLocale",void 0),vs([d({})],$s.prototype,"labels",void 0),vs([d([])],$s.prototype,"displayedFilters",void 0),vs([d([])],$s.prototype,"presets",void 0),vs([o({type:String,reflect:!0})],$s.prototype,"selectedPreset",void 0),vs([d([])],$s.prototype,"priors",void 0),vs([o()],$s.prototype,"searchRequestSerializer",void 0),vs([s()],$s.prototype,"searchFilters",void 0),vs([s()],$s.prototype,"sizeCategory",void 0),vs([s()],$s.prototype,"displayFacets",void 0),vs([s()],$s.prototype,"mobileMenuOpen",void 0),vs([s()],$s.prototype,"facets",void 0),vs([s()],$s.prototype,"facetsInitialized",void 0),vs([n(".ft-search-bar--container")],$s.prototype,"container",void 0),vs([n(".ft-search-bar--filters-opener")],$s.prototype,"filtersOpener",void 0),vs([n(".ft-search-bar--floating-panel")],$s.prototype,"floatingContainer",void 0),vs([n("ft-snap-scroll.ft-search-bar--filters-container")],$s.prototype,"scrollingFiltersContainer",void 0),vs([n(".ft-search-bar--input")],$s.prototype,"input",void 0),vs([s()],$s.prototype,"query",void 0),vs([s()],$s.prototype,"suggestions",void 0),vs([s()],$s.prototype,"recentSearches",void 0),vs([s()],$s.prototype,"scrollToFacet",void 0),vs([s()],$s.prototype,"api",void 0),vs([s()],$s.prototype,"facetsLoaded",void 0),p("ft-search-bar")($s),t.DEFAULT_LABELS=gs,t.FtSearchBar=$s,t.FtSearchBarCssVariables=as,t.LaunchSearchEvent=xs,t.SearchStateChangeEvent=ys,t.facetsCss=hs,t.searchBarCss=cs,Object.defineProperty(t,"i",{value:!0})}({});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-search-bar",
3
- "version": "0.3.57",
3
+ "version": "0.3.60",
4
4
  "description": "Search bar component using Fluid Topics public API",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,25 +19,25 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-accordion": "0.3.57",
23
- "@fluid-topics/ft-button": "0.3.57",
24
- "@fluid-topics/ft-chip": "0.3.57",
25
- "@fluid-topics/ft-filter": "0.3.57",
26
- "@fluid-topics/ft-icon": "0.3.57",
27
- "@fluid-topics/ft-select": "0.3.57",
28
- "@fluid-topics/ft-size-watcher": "0.3.57",
29
- "@fluid-topics/ft-skeleton": "0.3.57",
30
- "@fluid-topics/ft-snap-scroll": "0.3.57",
31
- "@fluid-topics/ft-tooltip": "0.3.57",
32
- "@fluid-topics/ft-typography": "0.3.57",
33
- "@fluid-topics/ft-wc-utils": "0.3.57",
22
+ "@fluid-topics/ft-accordion": "0.3.60",
23
+ "@fluid-topics/ft-button": "0.3.60",
24
+ "@fluid-topics/ft-chip": "0.3.60",
25
+ "@fluid-topics/ft-filter": "0.3.60",
26
+ "@fluid-topics/ft-icon": "0.3.60",
27
+ "@fluid-topics/ft-select": "0.3.60",
28
+ "@fluid-topics/ft-size-watcher": "0.3.60",
29
+ "@fluid-topics/ft-skeleton": "0.3.60",
30
+ "@fluid-topics/ft-snap-scroll": "0.3.60",
31
+ "@fluid-topics/ft-tooltip": "0.3.60",
32
+ "@fluid-topics/ft-typography": "0.3.60",
33
+ "@fluid-topics/ft-wc-utils": "0.3.60",
34
34
  "lit": "2.2.8"
35
35
  },
36
36
  "devDependencies": {
37
- "@fluid-topics/public-api": "1.0.30"
37
+ "@fluid-topics/public-api": "1.0.32"
38
38
  },
39
39
  "peerDependencies": {
40
- "@fluid-topics/public-api": "1.0.30"
40
+ "@fluid-topics/public-api": "1.0.32"
41
41
  },
42
- "gitHead": "1c7db3887ac108c59c27a6b4af04dd6f1ecd061b"
42
+ "gitHead": "43e7dcf7c9d88ea2c23f4425629f013d704c5111"
43
43
  }