@fluid-topics/ft-snap-scroll 1.1.0 → 1.1.2

package/build/ft-snap-scroll.min.js

@@ -12,7 +12,7 @@
    * subject to an additional IP rights grant found at
    * http://polymer.github.io/PATENTS.txt
    */
-if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.customElements.define,e=window.customElements.get,i=window.customElements,r=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap;let l;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,r){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(r))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=r.prototype.attributeChangedCallback,l=new Set(r.observedAttributes||[]);h(r,l,s);const c={elementClass:r,connectedCallback:r.prototype.connectedCallback,disconnectedCallback:r.prototype.disconnectedCallback,adoptedCallback:r.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:r.formAssociated,formAssociatedCallback:r.prototype.formAssociatedCallback,formDisabledCallback:r.prototype.formDisabledCallback,formResetCallback:r.prototype.formResetCallback,formStateRestoreCallback:r.prototype.formStateRestoreCallback,observedAttributes:l};this._definitionsByTag.set(t,c),this._definitionsByClass.set(r,c);let p=e.call(i,t);p||(p=f(t),o.call(i,t,p)),this===window.customElements&&(a.set(r,c),c.standInClass=p);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),u(t,c,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(r),this._whenDefinedPromises.delete(t)),r}upgrade(){g.push(this),i.upgrade.apply(i,arguments),g.pop()}get(t){const o=this._definitionsByTag.get(t);return o?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const o=this._getDefinition(t);if(void 0!==o)return Promise.resolve(o.elementClass);let e=this._whenDefinedPromises.get(t);return void 0===e&&(e={},e.promise=new Promise((t=>e.resolve=t)),this._whenDefinedPromises.set(t,e)),e.promise}_upgradeWhenDefined(t,o,e){let i=this._awaitingUpgrade.get(o);i||this._awaitingUpgrade.set(o,i=new Set),e?i.add(t):i.delete(t)}},window.HTMLElement=function(){let o=l;if(o)return l=void 0,o;const e=a.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return o=Reflect.construct(t,[],e.standInClass),Object.setPrototypeOf(o,this.constructor.prototype),r.set(o,e),o},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,p=t=>{let o=t.getRootNode();if(!c(o)){const t=g[g.length-1];if(t instanceof CustomElementRegistry)return t;o=t.getRootNode(),c(o)||(o=s.get(o)?.getRootNode()||document)}return o.customElements},f=o=>class{static get formAssociated(){return!0}constructor(){const e=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);const i=p(e)||window.customElements,r=i._getDefinition(o);return r?u(e,r):n.set(e,i),e}connectedCallback(){const t=r.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!0)}disconnectedCallback(){const t=r.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!1)}adoptedCallback(){const t=r.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=r.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=r.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=r.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=r.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},h=(t,o,e)=>{if(0===o.size||void 0===e)return;const i=t.prototype.setAttribute;i&&(t.prototype.setAttribute=function(t,r){const n=t.toLowerCase();if(o.has(n)){const t=this.getAttribute(n);i.call(this,n,r),e.call(this,n,t,r)}else i.call(this,n,r)});const r=t.prototype.removeAttribute;r&&(t.prototype.removeAttribute=function(t){const i=t.toLowerCase();if(o.has(i)){const t=this.getAttribute(i);r.call(this,i),e.call(this,i,t,null)}else r.call(this,i)});const n=t.prototype.toggleAttribute;n&&(t.prototype.toggleAttribute=function(t,i){const r=t.toLowerCase();if(o.has(r)){const t=this.getAttribute(r);n.call(this,r,i);const o=this.getAttribute(r);e.call(this,r,t,o)}else n.call(this,r,i)})},d=o=>{const e=Object.getPrototypeOf(o);if(e!==window.HTMLElement)return e===t?Object.setPrototypeOf(o,window.HTMLElement):d(e)},u=(t,o,e=!1)=>{Object.setPrototypeOf(t,o.elementClass.prototype),r.set(t,o),l=t;try{new o.elementClass}catch(t){d(o.elementClass),new o.elementClass}o.attributeChangedCallback&&o.observedAttributes.forEach((e=>{t.hasAttribute(e)&&o.attributeChangedCallback.call(t,e,null,t.getAttribute(e))})),e&&o.connectedCallback&&t.isConnected&&o.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const o=y.apply(this,arguments);return t.customElements&&(o.customElements=t.customElements),o};let g=[document];const b=(t,o,e=void 0)=>{const i=(e?Object.getPrototypeOf(e):t.prototype)[o];t.prototype[o]=function(){g.push(this);const t=i.apply(e||this,arguments);return void 0!==t&&s.set(t,this),g.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,o)=>{const e=Object.getOwnPropertyDescriptor(t.prototype,o);Object.defineProperty(t.prototype,o,{...e,set(t){g.push(this),e.set.call(this,t),g.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,o=HTMLElement.prototype.attachInternals,e=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...e){const i=o.call(this,...e);return t.set(i,this),i},e.forEach((o=>{const e=window.ElementInternals.prototype,i=e[o];e[o]=function(...o){const e=t.get(this);if(!0===r.get(e).formAssociated)return i?.call(this,...o);throw new DOMException(`Failed to execute ${i} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class i extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const o=new Map;t.forEach(((t,e)=>{const i=t.getAttribute("name"),r=o.get(i)||[];this[+e]=t,r.push(t),o.set(i,r)})),this.length=t.length,o.forEach(((t,o)=>{t&&(1===t.length?this[o]=t[0]:this[o]=new i(t))}))}namedItem(t){return this[t]}}const a=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=a.get.call(this,[]),o=[];for(const e of t){const t=r.get(e);t&&!0!==t.formAssociated||o.push(e)}return new n(o)}})}}try{window.customElements.define("custom-element",null)}catch(Ji){const t=window.customElements.define;window.customElements.define=(o,e,i)=>{if(null!==e)try{t.bind(window.customElements)(o,e,i)}catch(t){console.info(o,e,i,t)}}}class o{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,o){return this.callbacks=[t],this.debounce(o)}queue(t,o){return this.callbacks.push(t),this.debounce(o)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(t){return null==this.promise&&(this.promise=new Promise(((t,o)=>{this.resolvePromise=t,this.rejectPromise=o}))),this.clearTimeout(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout),this.promise}async runCallbacks(){var t,o;const e=[...this.callbacks];this.callbacks=[];const i=null!==(t=this.rejectPromise)&&void 0!==t?t:()=>null,r=null!==(o=this.resolvePromise)&&void 0!==o?o:()=>null;this.clearPromise();for(let t of e)try{await t()}catch(t){return void i(t)}r(!0)}clearTimeout(){null!=this._debounce&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}}
+if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.customElements.define,e=window.customElements.get,i=window.customElements,r=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap;let l;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,r){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(r))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=r.prototype.attributeChangedCallback,l=new Set(r.observedAttributes||[]);h(r,l,s);const c={elementClass:r,connectedCallback:r.prototype.connectedCallback,disconnectedCallback:r.prototype.disconnectedCallback,adoptedCallback:r.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:r.formAssociated,formAssociatedCallback:r.prototype.formAssociatedCallback,formDisabledCallback:r.prototype.formDisabledCallback,formResetCallback:r.prototype.formResetCallback,formStateRestoreCallback:r.prototype.formStateRestoreCallback,observedAttributes:l};this._definitionsByTag.set(t,c),this._definitionsByClass.set(r,c);let p=e.call(i,t);p||(p=f(t),o.call(i,t,p)),this===window.customElements&&(a.set(r,c),c.standInClass=p);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),u(t,c,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(r),this._whenDefinedPromises.delete(t)),r}upgrade(){g.push(this),i.upgrade.apply(i,arguments),g.pop()}get(t){const o=this._definitionsByTag.get(t);return o?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const o=this._getDefinition(t);if(void 0!==o)return Promise.resolve(o.elementClass);let e=this._whenDefinedPromises.get(t);return void 0===e&&(e={},e.promise=new Promise((t=>e.resolve=t)),this._whenDefinedPromises.set(t,e)),e.promise}_upgradeWhenDefined(t,o,e){let i=this._awaitingUpgrade.get(o);i||this._awaitingUpgrade.set(o,i=new Set),e?i.add(t):i.delete(t)}},window.HTMLElement=function(){let o=l;if(o)return l=void 0,o;const e=a.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return o=Reflect.construct(t,[],e.standInClass),Object.setPrototypeOf(o,this.constructor.prototype),r.set(o,e),o},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,p=t=>{let o=t.getRootNode();if(!c(o)){const t=g[g.length-1];if(t instanceof CustomElementRegistry)return t;o=t.getRootNode(),c(o)||(o=s.get(o)?.getRootNode()||document)}return o.customElements},f=o=>class{static get formAssociated(){return!0}constructor(){const e=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);const i=p(e)||window.customElements,r=i._getDefinition(o);return r?u(e,r):n.set(e,i),e}connectedCallback(){const t=r.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!0)}disconnectedCallback(){const t=r.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!1)}adoptedCallback(){const t=r.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=r.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=r.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=r.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=r.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},h=(t,o,e)=>{if(0===o.size||void 0===e)return;const i=t.prototype.setAttribute;i&&(t.prototype.setAttribute=function(t,r){const n=t.toLowerCase();if(o.has(n)){const t=this.getAttribute(n);i.call(this,n,r),e.call(this,n,t,r)}else i.call(this,n,r)});const r=t.prototype.removeAttribute;r&&(t.prototype.removeAttribute=function(t){const i=t.toLowerCase();if(o.has(i)){const t=this.getAttribute(i);r.call(this,i),e.call(this,i,t,null)}else r.call(this,i)});const n=t.prototype.toggleAttribute;n&&(t.prototype.toggleAttribute=function(t,i){const r=t.toLowerCase();if(o.has(r)){const t=this.getAttribute(r);n.call(this,r,i);const o=this.getAttribute(r);e.call(this,r,t,o)}else n.call(this,r,i)})},d=o=>{const e=Object.getPrototypeOf(o);if(e!==window.HTMLElement)return e===t?Object.setPrototypeOf(o,window.HTMLElement):d(e)},u=(t,o,e=!1)=>{Object.setPrototypeOf(t,o.elementClass.prototype),r.set(t,o),l=t;try{new o.elementClass}catch(t){d(o.elementClass),new o.elementClass}o.attributeChangedCallback&&o.observedAttributes.forEach((e=>{t.hasAttribute(e)&&o.attributeChangedCallback.call(t,e,null,t.getAttribute(e))})),e&&o.connectedCallback&&t.isConnected&&o.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const o=y.apply(this,arguments);return t.customElements&&(o.customElements=t.customElements),o};let g=[document];const b=(t,o,e=void 0)=>{const i=(e?Object.getPrototypeOf(e):t.prototype)[o];t.prototype[o]=function(){g.push(this);const t=i.apply(e||this,arguments);return void 0!==t&&s.set(t,this),g.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,o)=>{const e=Object.getOwnPropertyDescriptor(t.prototype,o);Object.defineProperty(t.prototype,o,{...e,set(t){g.push(this),e.set.call(this,t),g.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,o=HTMLElement.prototype.attachInternals,e=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...e){const i=o.call(this,...e);return t.set(i,this),i},e.forEach((o=>{const e=window.ElementInternals.prototype,i=e[o];e[o]=function(...o){const e=t.get(this);if(!0===r.get(e).formAssociated)return i?.call(this,...o);throw new DOMException(`Failed to execute ${i} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class i extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const o=new Map;t.forEach(((t,e)=>{const i=t.getAttribute("name"),r=o.get(i)||[];this[+e]=t,r.push(t),o.set(i,r)})),this.length=t.length,o.forEach(((t,o)=>{t&&(1===t.length?this[o]=t[0]:this[o]=new i(t))}))}namedItem(t){return this[t]}}const a=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=a.get.call(this,[]),o=[];for(const e of t){const t=r.get(e);t&&!0!==t.formAssociated||o.push(e)}return new n(o)}})}}try{window.customElements.define("custom-element",null)}catch(qi){const t=window.customElements.define;window.customElements.define=(o,e,i)=>{if(null!==e)try{t.bind(window.customElements)(o,e,i)}catch(t){console.info(o,e,i,t)}}}class o{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,o){return this.callbacks=[t],this.debounce(o)}queue(t,o){return this.callbacks.push(t),this.debounce(o)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(t){return null==this.promise&&(this.promise=new Promise(((t,o)=>{this.resolvePromise=t,this.rejectPromise=o}))),this.clearTimeout(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout),this.promise}async runCallbacks(){var t,o;const e=[...this.callbacks];this.callbacks=[];const i=null!==(t=this.rejectPromise)&&void 0!==t?t:()=>null,r=null!==(o=this.resolvePromise)&&void 0!==o?o:()=>null;this.clearPromise();for(let t of e)try{await t()}catch(t){return void i(t)}r(!0)}clearTimeout(){null!=this._debounce&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}}
 /**
    * @license
    * Copyright 2019 Google LLC
@@ -82,7 +82,11 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
    * @license
    * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */class Eo extends go{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([o,e])=>t.registry.define(o,e))));const o={...t.shadowRootOptions,customElements:t.registry},e=this.renderOptions.creationScope=this.attachShadow(o);return((t,o)=>{Ro?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((o=>{const e=document.createElement("style"),i=$o.litNonce;void 0!==i&&e.setAttribute("nonce",i),e.textContent=o.cssText,t.appendChild(e)}))})(e,t.elementStyles),e}}var Uo,Io=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};const ko=Symbol("constructorPrototype"),Wo=Symbol("constructorName"),Lo=Symbol("exportpartsDebouncer");class zo extends Eo{constructor(){super(),this[Uo]=new o(5),this[Wo]=this.constructor.name,this[ko]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Wo]&&Object.setPrototypeOf(this,this[ko])}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var o,e;if((null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==e?e:[]).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[Lo].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 o,e,i,r,n,a;const s=t=>null!=t&&t.trim().length>0,l=t.filter(s).map((t=>t.trim()));if(0===l.length)return void this.removeAttribute("exportparts");const c=new Set;for(let t of null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("[part],[exportparts]"))&&void 0!==e?e:[]){const o=null!==(r=null===(i=t.getAttribute("part"))||void 0===i?void 0:i.split(" "))&&void 0!==r?r:[],e=null!==(a=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==a?a:[];new Array(...o,...e).filter(s).map((t=>t.trim())).forEach((t=>c.add(t)))}if(0===c.size)return void this.removeAttribute("exportparts");const p=[...c.values()].flatMap((t=>l.map((o=>`${t}:${o}--${t}`))));this.setAttribute("exportparts",[...this.part,...p].join(", "))}}Uo=Lo,Io([C()],zo.prototype,"exportpartsPrefix",void 0),Io([function(t,o){const e=()=>JSON.parse(JSON.stringify(t));return C({type:Object,converter:{fromAttribute:t=>{if(null==t)return e();try{return JSON.parse(t)}catch{return e()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,o)=>!U(t,o),...null!=o?o:{}})}([])],zo.prototype,"exportpartsPrefixes",void 0),Io([C()],zo.prototype,"customStylesheet",void 0);const Ko=bt`
+   */class Eo extends go{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([o,e])=>t.registry.define(o,e))));const o={...t.shadowRootOptions,customElements:t.registry},e=this.renderOptions.creationScope=this.attachShadow(o);return((t,o)=>{Ro?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((o=>{const e=document.createElement("style"),i=$o.litNonce;void 0!==i&&e.setAttribute("nonce",i),e.textContent=o.cssText,t.appendChild(e)}))})(e,t.elementStyles),e}}var Uo,Io=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};const ko=Symbol("constructorPrototype"),Wo=Symbol("constructorName"),Lo=Symbol("exportpartsDebouncer");class zo extends Eo{constructor(){super(),this[Uo]=new o(5),this[Wo]=this.constructor.name,this[ko]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Wo]&&Object.setPrototypeOf(this,this[ko])}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var o,e;if((null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==e?e:[]).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[Lo].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 o,e,i,r,n,a;const s=t=>null!=t&&t.trim().length>0,l=t.filter(s).map((t=>t.trim()));if(0===l.length)return void this.removeAttribute("exportparts");const c=new Set;for(let t of null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("[part],[exportparts]"))&&void 0!==e?e:[]){const o=null!==(r=null===(i=t.getAttribute("part"))||void 0===i?void 0:i.split(" "))&&void 0!==r?r:[],e=null!==(a=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==a?a:[];new Array(...o,...e).filter(s).map((t=>t.trim())).forEach((t=>c.add(t)))}if(0===c.size)return void this.removeAttribute("exportparts");const p=[...c.values()].flatMap((t=>l.map((o=>`${t}:${o}--${t}`))));this.setAttribute("exportparts",[...this.part,...p].join(", "))}}Uo=Lo,Io([C()],zo.prototype,"exportpartsPrefix",void 0),Io([function(t,o){const e=()=>JSON.parse(JSON.stringify(t));return C({type:Object,converter:{fromAttribute:t=>{if(null==t)return e();try{return JSON.parse(t)}catch{return e()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,o)=>!U(t,o),...null!=o?o:{}})}([])],zo.prototype,"exportpartsPrefixes",void 0),Io([C()],zo.prototype,"customStylesheet",void 0);const Ko=xo.create("--ft-utils-highlight-html-background-color","","COLOR","#FFF26E");bt`
+    .highlight-html-match {
+        background: ${Ko};
+    }
+`;const Fo=bt`
   .ft-no-text-select {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -103,7 +107,7 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
     -webkit-hyphens: auto;
     hyphens: auto
   }
-`;const Fo=bt`
+`;const Zo=bt`
   .ft-safari-ellipsis-fix {
     margin-right: 0;
 
@@ -114,7 +118,7 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
     display: inline-block;
     width: 0;
   }
-`;window.ftReduxStores||(window.ftReduxStores={});const Zo=Symbol("elementInternals");var Bo,Ao,Mo;const Do=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Mo=null===(Ao=null===(Bo=window.safari)||void 0===Bo?void 0:Bo.pushNotification)||void 0===Ao?void 0:Ao.toString())&&void 0!==Mo?Mo:""),Po=xo.extend("--ft-ripple-color","",Co.colorContent),Ho={color:Po,backgroundColor:xo.extend("--ft-ripple-background-color","",Po),opacityContentOnSurfacePressed:xo.external(Co.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:xo.external(Co.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:xo.external(Co.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:xo.external(Co.opacityContentOnSurfaceSelected,"Design system"),borderRadius:xo.create("--ft-ripple-border-radius","","SIZE","0px")},To=xo.extend("--ft-ripple-color","",Co.colorPrimary),jo=To,_o=xo.extend("--ft-ripple-background-color","",To),Go=xo.extend("--ft-ripple-color","",Co.colorSecondary),Yo=Go,Vo=xo.extend("--ft-ripple-background-color","",Go),Jo=bt`
+`;window.ftReduxStores||(window.ftReduxStores={});const Bo=Symbol("elementInternals");var Ao,Mo,Do;const Po=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(Do=null===(Mo=null===(Ao=window.safari)||void 0===Ao?void 0:Ao.pushNotification)||void 0===Mo?void 0:Mo.toString())&&void 0!==Do?Do:""),Ho=xo.extend("--ft-ripple-color","",Co.colorContent),To={color:Ho,backgroundColor:xo.extend("--ft-ripple-background-color","",Ho),opacityContentOnSurfacePressed:xo.external(Co.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:xo.external(Co.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:xo.external(Co.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:xo.external(Co.opacityContentOnSurfaceSelected,"Design system"),borderRadius:xo.create("--ft-ripple-border-radius","","SIZE","0px")},jo=xo.extend("--ft-ripple-color","",Co.colorPrimary),_o=jo,Go=xo.extend("--ft-ripple-background-color","",jo),Yo=xo.extend("--ft-ripple-color","",Co.colorSecondary),Vo=Yo,Jo=xo.extend("--ft-ripple-background-color","",Yo),qo=bt`
     :host {
         display: contents;
     }
@@ -127,7 +131,7 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
 
     .ft-ripple:not(.ft-ripple--unbounded) {
         overflow: hidden;
-        border-radius: ${Ho.borderRadius};
+        border-radius: ${To.borderRadius};
     }
 
     .ft-ripple .ft-ripple--background,
@@ -161,27 +165,27 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
     }
 
     .ft-ripple .ft-ripple--background {
-        background-color: ${Ho.backgroundColor};
+        background-color: ${To.backgroundColor};
     }
 
     .ft-ripple .ft-ripple--effect {
-        background-color: ${Ho.color};
+        background-color: ${To.color};
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--background {
-        background-color: ${Vo};
+        background-color: ${Jo};
     }
 
     .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
-        background-color: ${Yo};
+        background-color: ${Vo};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--background {
-        background-color: ${_o};
+        background-color: ${Go};
     }
 
     .ft-ripple.ft-ripple--primary .ft-ripple--effect {
-        background-color: ${jo};
+        background-color: ${_o};
     }
 
     .ft-ripple .ft-ripple--background {
@@ -211,117 +215,117 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
     }
 
     .ft-ripple.ft-ripple--hovered .ft-ripple--background {
-        opacity: ${Ho.opacityContentOnSurfaceHover};
+        opacity: ${To.opacityContentOnSurfaceHover};
     }
 
     .ft-ripple.ft-ripple--selected .ft-ripple--background {
-        opacity: ${Ho.opacityContentOnSurfaceSelected};
+        opacity: ${To.opacityContentOnSurfaceSelected};
     }
 
     .ft-ripple.ft-ripple--focused .ft-ripple--background {
-        opacity: ${Ho.opacityContentOnSurfaceFocused};
+        opacity: ${To.opacityContentOnSurfaceFocused};
     }
 
     .ft-ripple.ft-ripple--pressed .ft-ripple--effect {
-        opacity: ${Ho.opacityContentOnSurfacePressed};
+        opacity: ${To.opacityContentOnSurfacePressed};
         transform: translate(-50%, -50%) scale(1);
     }
-`;const qo=xo.extend("--ft-typography-font-family","",Co.titleFont),Xo=xo.extend("--ft-typography-font-family","",Co.contentFont),Qo={fontFamily:Xo,fontSize:xo.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:xo.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:xo.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:xo.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:xo.create("--ft-typography-text-transform","","UNKNOWN","inherit")},te=xo.extend("--ft-typography-title-font-family","",qo),oe=xo.extend("--ft-typography-title-font-size","",Qo.fontSize,"20px"),ee=xo.extend("--ft-typography-title-font-weight","",Qo.fontWeight,"normal"),ie=xo.extend("--ft-typography-title-letter-spacing","",Qo.letterSpacing,"0.15px"),re=xo.extend("--ft-typography-title-line-height","",Qo.lineHeight,"1.2"),ne=xo.extend("--ft-typography-title-text-transform","",Qo.textTransform,"inherit"),ae=xo.extend("--ft-typography-title-dense-font-family","",qo),se=xo.extend("--ft-typography-title-dense-font-size","",Qo.fontSize,"14px"),le=xo.extend("--ft-typography-title-dense-font-weight","",Qo.fontWeight,"normal"),ce=xo.extend("--ft-typography-title-dense-letter-spacing","",Qo.letterSpacing,"0.105px"),pe=xo.extend("--ft-typography-title-dense-line-height","",Qo.lineHeight,"1.7"),fe=xo.extend("--ft-typography-title-dense-text-transform","",Qo.textTransform,"inherit"),he=xo.extend("--ft-typography-subtitle1-font-family","",Xo),de=xo.extend("--ft-typography-subtitle1-font-size","",Qo.fontSize,"16px"),ue=xo.extend("--ft-typography-subtitle1-font-weight","",Qo.fontWeight,"600"),ye=xo.extend("--ft-typography-subtitle1-letter-spacing","",Qo.letterSpacing,"0.144px"),ge=xo.extend("--ft-typography-subtitle1-line-height","",Qo.lineHeight,"1.5"),be=xo.extend("--ft-typography-subtitle1-text-transform","",Qo.textTransform,"inherit"),me=xo.extend("--ft-typography-subtitle2-font-family","",Xo),xe=xo.extend("--ft-typography-subtitle2-font-size","",Qo.fontSize,"14px"),Oe=xo.extend("--ft-typography-subtitle2-font-weight","",Qo.fontWeight,"normal"),ve=xo.extend("--ft-typography-subtitle2-letter-spacing","",Qo.letterSpacing,"0.098px"),Ne=xo.extend("--ft-typography-subtitle2-line-height","",Qo.lineHeight,"1.7"),Se=xo.extend("--ft-typography-subtitle2-text-transform","",Qo.textTransform,"inherit"),we=xo.extend("--ft-typography-body1-font-family","",Xo),Ce=xo.extend("--ft-typography-body1-font-size","",Qo.fontSize,"16px"),$e=xo.extend("--ft-typography-body1-font-weight","",Qo.fontWeight,"normal"),Re=xo.extend("--ft-typography-body1-letter-spacing","",Qo.letterSpacing,"0.496px"),Ee=xo.extend("--ft-typography-body1-line-height","",Qo.lineHeight,"1.5"),Ue=xo.extend("--ft-typography-body1-text-transform","",Qo.textTransform,"inherit"),Ie=xo.extend("--ft-typography-body2-font-family","",Xo),ke=xo.extend("--ft-typography-body2-font-size","",Qo.fontSize,"14px"),We=xo.extend("--ft-typography-body2-font-weight","",Qo.fontWeight,"normal"),Le=xo.extend("--ft-typography-body2-letter-spacing","",Qo.letterSpacing,"0.252px"),ze=xo.extend("--ft-typography-body2-line-height","",Qo.lineHeight,"1.4"),Ke=xo.extend("--ft-typography-body2-text-transform","",Qo.textTransform,"inherit"),Fe=xo.extend("--ft-typography-caption-font-family","",Xo),Ze=xo.extend("--ft-typography-caption-font-size","",Qo.fontSize,"12px"),Be=xo.extend("--ft-typography-caption-font-weight","",Qo.fontWeight,"normal"),Ae=xo.extend("--ft-typography-caption-letter-spacing","",Qo.letterSpacing,"0.396px"),Me=xo.extend("--ft-typography-caption-line-height","",Qo.lineHeight,"1.33"),De=xo.extend("--ft-typography-caption-text-transform","",Qo.textTransform,"inherit"),Pe=xo.extend("--ft-typography-breadcrumb-font-family","",Xo),He=xo.extend("--ft-typography-breadcrumb-font-size","",Qo.fontSize,"10px"),Te=xo.extend("--ft-typography-breadcrumb-font-weight","",Qo.fontWeight,"normal"),je=xo.extend("--ft-typography-breadcrumb-letter-spacing","",Qo.letterSpacing,"0.33px"),_e=xo.extend("--ft-typography-breadcrumb-line-height","",Qo.lineHeight,"1.6"),Ge=xo.extend("--ft-typography-breadcrumb-text-transform","",Qo.textTransform,"inherit"),Ye=xo.extend("--ft-typography-overline-font-family","",Xo),Ve=xo.extend("--ft-typography-overline-font-size","",Qo.fontSize,"10px"),Je=xo.extend("--ft-typography-overline-font-weight","",Qo.fontWeight,"normal"),qe=xo.extend("--ft-typography-overline-letter-spacing","",Qo.letterSpacing,"1.5px"),Xe=xo.extend("--ft-typography-overline-line-height","",Qo.lineHeight,"1.6"),Qe=xo.extend("--ft-typography-overline-text-transform","",Qo.textTransform,"uppercase"),ti={fontFamily:xo.extend("--ft-typography-button-font-family","",Xo),fontSize:xo.extend("--ft-typography-button-font-size","",Qo.fontSize,"14px"),fontWeight:xo.extend("--ft-typography-button-font-weight","",Qo.fontWeight,"600"),letterSpacing:xo.extend("--ft-typography-button-letter-spacing","",Qo.letterSpacing,"1.246px"),lineHeight:xo.extend("--ft-typography-button-line-height","",Qo.lineHeight,"1.15"),textTransform:xo.extend("--ft-typography-button-text-transform","",Qo.textTransform,"uppercase")},oi=bt`
+`;const Xo=xo.extend("--ft-typography-font-family","",Co.titleFont),Qo=xo.extend("--ft-typography-font-family","",Co.contentFont),te={fontFamily:Qo,fontSize:xo.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:xo.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:xo.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:xo.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:xo.create("--ft-typography-text-transform","","UNKNOWN","inherit")},oe=xo.extend("--ft-typography-title-font-family","",Xo),ee=xo.extend("--ft-typography-title-font-size","",te.fontSize,"20px"),ie=xo.extend("--ft-typography-title-font-weight","",te.fontWeight,"normal"),re=xo.extend("--ft-typography-title-letter-spacing","",te.letterSpacing,"0.15px"),ne=xo.extend("--ft-typography-title-line-height","",te.lineHeight,"1.2"),ae=xo.extend("--ft-typography-title-text-transform","",te.textTransform,"inherit"),se=xo.extend("--ft-typography-title-dense-font-family","",Xo),le=xo.extend("--ft-typography-title-dense-font-size","",te.fontSize,"14px"),ce=xo.extend("--ft-typography-title-dense-font-weight","",te.fontWeight,"normal"),pe=xo.extend("--ft-typography-title-dense-letter-spacing","",te.letterSpacing,"0.105px"),fe=xo.extend("--ft-typography-title-dense-line-height","",te.lineHeight,"1.7"),he=xo.extend("--ft-typography-title-dense-text-transform","",te.textTransform,"inherit"),de=xo.extend("--ft-typography-subtitle1-font-family","",Qo),ue=xo.extend("--ft-typography-subtitle1-font-size","",te.fontSize,"16px"),ye=xo.extend("--ft-typography-subtitle1-font-weight","",te.fontWeight,"600"),ge=xo.extend("--ft-typography-subtitle1-letter-spacing","",te.letterSpacing,"0.144px"),be=xo.extend("--ft-typography-subtitle1-line-height","",te.lineHeight,"1.5"),me=xo.extend("--ft-typography-subtitle1-text-transform","",te.textTransform,"inherit"),xe=xo.extend("--ft-typography-subtitle2-font-family","",Qo),Oe=xo.extend("--ft-typography-subtitle2-font-size","",te.fontSize,"14px"),ve=xo.extend("--ft-typography-subtitle2-font-weight","",te.fontWeight,"normal"),Ne=xo.extend("--ft-typography-subtitle2-letter-spacing","",te.letterSpacing,"0.098px"),Se=xo.extend("--ft-typography-subtitle2-line-height","",te.lineHeight,"1.7"),we=xo.extend("--ft-typography-subtitle2-text-transform","",te.textTransform,"inherit"),Ce=xo.extend("--ft-typography-body1-font-family","",Qo),$e=xo.extend("--ft-typography-body1-font-size","",te.fontSize,"16px"),Re=xo.extend("--ft-typography-body1-font-weight","",te.fontWeight,"normal"),Ee=xo.extend("--ft-typography-body1-letter-spacing","",te.letterSpacing,"0.496px"),Ue=xo.extend("--ft-typography-body1-line-height","",te.lineHeight,"1.5"),Ie=xo.extend("--ft-typography-body1-text-transform","",te.textTransform,"inherit"),ke=xo.extend("--ft-typography-body2-font-family","",Qo),We=xo.extend("--ft-typography-body2-font-size","",te.fontSize,"14px"),Le=xo.extend("--ft-typography-body2-font-weight","",te.fontWeight,"normal"),ze=xo.extend("--ft-typography-body2-letter-spacing","",te.letterSpacing,"0.252px"),Ke=xo.extend("--ft-typography-body2-line-height","",te.lineHeight,"1.4"),Fe=xo.extend("--ft-typography-body2-text-transform","",te.textTransform,"inherit"),Ze=xo.extend("--ft-typography-caption-font-family","",Qo),Be=xo.extend("--ft-typography-caption-font-size","",te.fontSize,"12px"),Ae=xo.extend("--ft-typography-caption-font-weight","",te.fontWeight,"normal"),Me=xo.extend("--ft-typography-caption-letter-spacing","",te.letterSpacing,"0.396px"),De=xo.extend("--ft-typography-caption-line-height","",te.lineHeight,"1.33"),Pe=xo.extend("--ft-typography-caption-text-transform","",te.textTransform,"inherit"),He=xo.extend("--ft-typography-breadcrumb-font-family","",Qo),Te=xo.extend("--ft-typography-breadcrumb-font-size","",te.fontSize,"10px"),je=xo.extend("--ft-typography-breadcrumb-font-weight","",te.fontWeight,"normal"),_e=xo.extend("--ft-typography-breadcrumb-letter-spacing","",te.letterSpacing,"0.33px"),Ge=xo.extend("--ft-typography-breadcrumb-line-height","",te.lineHeight,"1.6"),Ye=xo.extend("--ft-typography-breadcrumb-text-transform","",te.textTransform,"inherit"),Ve=xo.extend("--ft-typography-overline-font-family","",Qo),Je=xo.extend("--ft-typography-overline-font-size","",te.fontSize,"10px"),qe=xo.extend("--ft-typography-overline-font-weight","",te.fontWeight,"normal"),Xe=xo.extend("--ft-typography-overline-letter-spacing","",te.letterSpacing,"1.5px"),Qe=xo.extend("--ft-typography-overline-line-height","",te.lineHeight,"1.6"),ti=xo.extend("--ft-typography-overline-text-transform","",te.textTransform,"uppercase"),oi={fontFamily:xo.extend("--ft-typography-button-font-family","",Qo),fontSize:xo.extend("--ft-typography-button-font-size","",te.fontSize,"14px"),fontWeight:xo.extend("--ft-typography-button-font-weight","",te.fontWeight,"600"),letterSpacing:xo.extend("--ft-typography-button-letter-spacing","",te.letterSpacing,"1.246px"),lineHeight:xo.extend("--ft-typography-button-line-height","",te.lineHeight,"1.15"),textTransform:xo.extend("--ft-typography-button-text-transform","",te.textTransform,"uppercase")},ei=bt`
     .ft-typography--title {
-        font-family: ${te};
-        font-size: ${oe};
-        font-weight: ${ee};
-        letter-spacing: ${ie};
-        line-height: ${re};
-        text-transform: ${ne};
-    }
-`,ei=bt`
-    .ft-typography--title-dense {
-        font-family: ${ae};
-        font-size: ${se};
-        font-weight: ${le};
-        letter-spacing: ${ce};
-        line-height: ${pe};
-        text-transform: ${fe};
+        font-family: ${oe};
+        font-size: ${ee};
+        font-weight: ${ie};
+        letter-spacing: ${re};
+        line-height: ${ne};
+        text-transform: ${ae};
     }
 `,ii=bt`
-    .ft-typography--subtitle1 {
-        font-family: ${he};
-        font-size: ${de};
-        font-weight: ${ue};
-        letter-spacing: ${ye};
-        line-height: ${ge};
-        text-transform: ${be};
+    .ft-typography--title-dense {
+        font-family: ${se};
+        font-size: ${le};
+        font-weight: ${ce};
+        letter-spacing: ${pe};
+        line-height: ${fe};
+        text-transform: ${he};
     }
 `,ri=bt`
-    .ft-typography--subtitle2 {
-        font-family: ${me};
-        font-size: ${xe};
-        font-weight: ${Oe};
-        letter-spacing: ${ve};
-        line-height: ${Ne};
-        text-transform: ${Se};
+    .ft-typography--subtitle1 {
+        font-family: ${de};
+        font-size: ${ue};
+        font-weight: ${ye};
+        letter-spacing: ${ge};
+        line-height: ${be};
+        text-transform: ${me};
     }
-
 `,ni=bt`
-    .ft-typography--body1 {
-        font-family: ${we};
-        font-size: ${Ce};
-        font-weight: ${$e};
-        letter-spacing: ${Re};
-        line-height: ${Ee};
-        text-transform: ${Ue};
+    .ft-typography--subtitle2 {
+        font-family: ${xe};
+        font-size: ${Oe};
+        font-weight: ${ve};
+        letter-spacing: ${Ne};
+        line-height: ${Se};
+        text-transform: ${we};
     }
+
 `,ai=bt`
-    .ft-typography--body2 {
-        font-family: ${Ie};
-        font-size: ${ke};
-        font-weight: ${We};
-        letter-spacing: ${Le};
-        line-height: ${ze};
-        text-transform: ${Ke};
+    .ft-typography--body1 {
+        font-family: ${Ce};
+        font-size: ${$e};
+        font-weight: ${Re};
+        letter-spacing: ${Ee};
+        line-height: ${Ue};
+        text-transform: ${Ie};
     }
 `,si=bt`
-    .ft-typography--caption {
-        font-family: ${Fe};
-        font-size: ${Ze};
-        font-weight: ${Be};
-        letter-spacing: ${Ae};
-        line-height: ${Me};
-        text-transform: ${De};
+    .ft-typography--body2 {
+        font-family: ${ke};
+        font-size: ${We};
+        font-weight: ${Le};
+        letter-spacing: ${ze};
+        line-height: ${Ke};
+        text-transform: ${Fe};
     }
 `,li=bt`
-    .ft-typography--breadcrumb {
-        font-family: ${Pe};
-        font-size: ${He};
-        font-weight: ${Te};
-        letter-spacing: ${je};
-        line-height: ${_e};
-        text-transform: ${Ge};
+    .ft-typography--caption {
+        font-family: ${Ze};
+        font-size: ${Be};
+        font-weight: ${Ae};
+        letter-spacing: ${Me};
+        line-height: ${De};
+        text-transform: ${Pe};
     }
 `,ci=bt`
-    .ft-typography--overline {
-        font-family: ${Ye};
-        font-size: ${Ve};
-        font-weight: ${Je};
-        letter-spacing: ${qe};
-        line-height: ${Xe};
-        text-transform: ${Qe};
+    .ft-typography--breadcrumb {
+        font-family: ${He};
+        font-size: ${Te};
+        font-weight: ${je};
+        letter-spacing: ${_e};
+        line-height: ${Ge};
+        text-transform: ${Ye};
     }
 `,pi=bt`
-    .ft-typography--button {
-        font-family: ${ti.fontFamily};
-        font-size: ${ti.fontSize};
-        font-weight: ${ti.fontWeight};
-        letter-spacing: ${ti.letterSpacing};
-        line-height: ${ti.lineHeight};
-        text-transform: ${ti.textTransform};
+    .ft-typography--overline {
+        font-family: ${Ve};
+        font-size: ${Je};
+        font-weight: ${qe};
+        letter-spacing: ${Xe};
+        line-height: ${Qe};
+        text-transform: ${ti};
     }
 `,fi=bt`
+    .ft-typography--button {
+        font-family: ${oi.fontFamily};
+        font-size: ${oi.fontSize};
+        font-weight: ${oi.fontWeight};
+        letter-spacing: ${oi.letterSpacing};
+        line-height: ${oi.lineHeight};
+        text-transform: ${oi.textTransform};
+    }
+`,hi=bt`
     .ft-typography {
         vertical-align: inherit;
     }
-`,hi=[Object.keys(No).map((t=>function(t){const o=No[t];return bt`
+`,di=[Object.keys(No).map((t=>function(t){const o=No[t];return bt`
         .ft-typography--${gt(t)} {
             font-family: ${o.fontFamily};
             font-size: ${o.fontSize};
@@ -330,7 +334,7 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
             line-height: ${o.lineHeight};
             text-transform: ${o.textCase};
         }
-    `}(t)))],di={color:xo.extend("--ft-loader-color","",Co.colorPrimary),size:xo.create("--ft-loader-size","","SIZE","80px")},ui=bt`
+    `}(t)))],ui={color:xo.extend("--ft-loader-color","",Co.colorPrimary),size:xo.create("--ft-loader-size","","SIZE","80px")},yi=bt`
     :host {
         line-height: 0;
     }
@@ -339,8 +343,8 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
         display: inline-block;
         position: relative;
 
-        width: ${di.size};
-        height: ${di.size};
+        width: ${ui.size};
+        height: ${ui.size};
     }
 
     .ft-loader div {
@@ -349,7 +353,7 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
         width: 25%;
         height: 25%;
         border-radius: 50%;
-        background: ${di.color};
+        background: ${ui.color};
         animation-timing-function: cubic-bezier(0, 1, 1, 0);
     }
 
@@ -396,10 +400,10 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
             transform: translate(0, 0);
         }
         100% {
-            transform: translate(calc(0.35 * ${di.size}), 0);
+            transform: translate(calc(0.35 * ${ui.size}), 0);
         }
     }
-`,yi={size:xo.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:xo.extend("--ft-icon-fluid-topics-font-family","",xo.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:xo.extend("--ft-icon-file-format-font-family","",xo.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:xo.extend("--ft-icon-material-font-family","",xo.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:xo.create("--ft-icon-vertical-align","","UNKNOWN","unset")},gi=bt`
+`,gi={size:xo.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:xo.extend("--ft-icon-fluid-topics-font-family","",xo.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:xo.extend("--ft-icon-file-format-font-family","",xo.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:xo.extend("--ft-icon-material-font-family","",xo.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:xo.create("--ft-icon-vertical-align","","UNKNOWN","unset")},bi=bt`
     :host, i.ft-icon {
         display: inline-flex;
         align-items: center;
@@ -408,14 +412,14 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
     }
 
     :host {
-        width: ${yi.size};
-        height: ${yi.size};
+        width: ${gi.size};
+        height: ${gi.size};
     }
 
     i.ft-icon {
         width: 100%;
         height: 100%;
-        font-size: ${yi.size};
+        font-size: ${gi.size};
         line-height: 1;
         font-weight: normal;
         text-transform: none;
@@ -426,28 +430,28 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
         text-rendering: auto;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        vertical-align: ${yi.verticalAlign};
+        vertical-align: ${gi.verticalAlign};
     }
 
     i.ft-icon.ft-icon--fluid-topics {
-        font-family: ${yi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
+        font-family: ${gi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
 
         /* Ugly fix because font is broken */
-        font-size: calc(0.75 * ${yi.size});
-        line-height: ${yi.size};
+        font-size: calc(0.75 * ${gi.size});
+        line-height: ${gi.size};
         position: relative;
         top: -4%;
         justify-content: center;
     }
 
     .ft-icon--file-format {
-        font-family: ${yi.fileFormatFontFamily}, ft-mime, sans-serif;
+        font-family: ${gi.fileFormatFontFamily}, ft-mime, sans-serif;
     }
 
     .ft-icon--material {
-        font-family: ${yi.materialFontFamily}, "Material Icons", sans-serif;
+        font-family: ${gi.materialFontFamily}, "Material Icons", sans-serif;
     }
-`,bi=xo.extend("--ft-button-color","",Co.colorPrimary),mi={backgroundColor:xo.extend("--ft-button-background-color","",Co.colorSurface),borderRadius:xo.extend("--ft-button-border-radius","",Co.borderRadiusL),color:bi,fontSize:xo.extend("--ft-button-font-size","",ti.fontSize),iconSize:xo.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:xo.extend("--ft-button-ripple-color","",bi),verticalPadding:xo.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:xo.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:xo.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:xo.external(Co.colorOpacityDisabled,"Design system")},xi=xo.extend("--ft-button-primary-color","",xo.extend("--ft-button-color","",Co.colorOnPrimary)),Oi={backgroundColor:xo.extend("--ft-button-primary-background-color","",xo.extend("--ft-button-background-color","",Co.colorPrimary)),color:xi,rippleColor:xo.extend("--ft-button-primary-ripple-color","",xi)},vi=xo.extend("--ft-button-dense-border-radius","",xo.extend("--ft-button-border-radius","",Co.borderRadiusM)),Ni=xo.create("--ft-button-dense-vertical-padding","","SIZE","2px"),Si=xo.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),wi=xo.create("--ft-button-dense-icon-padding","","SIZE","4px"),Ci=[bt`
+`,mi=xo.extend("--ft-button-color","",Co.colorPrimary),xi={backgroundColor:xo.extend("--ft-button-background-color","",Co.colorSurface),borderRadius:xo.extend("--ft-button-border-radius","",Co.borderRadiusL),color:mi,fontSize:xo.extend("--ft-button-font-size","",oi.fontSize),iconSize:xo.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:xo.extend("--ft-button-ripple-color","",mi),verticalPadding:xo.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:xo.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:xo.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:xo.external(Co.colorOpacityDisabled,"Design system")},Oi=xo.extend("--ft-button-primary-color","",xo.extend("--ft-button-color","",Co.colorOnPrimary)),vi={backgroundColor:xo.extend("--ft-button-primary-background-color","",xo.extend("--ft-button-background-color","",Co.colorPrimary)),color:Oi,rippleColor:xo.extend("--ft-button-primary-ripple-color","",Oi)},Ni=xo.extend("--ft-button-dense-border-radius","",xo.extend("--ft-button-border-radius","",Co.borderRadiusM)),Si=xo.create("--ft-button-dense-vertical-padding","","SIZE","2px"),wi=xo.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),Ci=xo.create("--ft-button-dense-icon-padding","","SIZE","4px"),$i=[bt`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -458,7 +462,7 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
             box-shadow: 0px 0px 0px transparent;
             border: 0px solid transparent;
             text-shadow: 0px 0px 0px transparent;
-            font-size: ${mi.fontSize};
+            font-size: ${xi.fontSize};
         }
 
         button:hover {
@@ -487,31 +491,31 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
             border: none;
             pointer-events: auto;
 
-            --ft-button-internal-line-height: max(calc(${mi.fontSize} + 2px), ${mi.iconSize});
-            --ft-button-internal-color: ${mi.color};
-            ${Oo(yi.size,mi.iconSize)};
-            ${Oo(Ho.color,mi.rippleColor)};
+            --ft-button-internal-line-height: max(calc(${xi.fontSize} + 2px), ${xi.iconSize});
+            --ft-button-internal-color: ${xi.color};
+            ${Oo(gi.size,xi.iconSize)};
+            ${Oo(To.color,xi.rippleColor)};
 
-            border-radius: ${mi.borderRadius};
-            padding: ${mi.verticalPadding} ${mi.horizontalPadding};
-            background-color: ${mi.backgroundColor};
+            border-radius: ${xi.borderRadius};
+            padding: ${xi.verticalPadding} ${xi.horizontalPadding};
+            background-color: ${xi.backgroundColor};
             color: var(--ft-button-internal-color);
             -webkit-mask-image: radial-gradient(white, black);
         }
 
         .ft-button.ft-button--outlined {
             border: 1px solid var(--ft-button-internal-color);
-            padding: calc(${mi.verticalPadding} - 1px) calc(${mi.horizontalPadding} - 1px);
+            padding: calc(${xi.verticalPadding} - 1px) calc(${xi.horizontalPadding} - 1px);
         }
 
         .ft-button.ft-button--dense {
-            padding: ${Ni} ${Si};
-            border-radius: ${vi};
-            gap: ${wi};
+            padding: ${Si} ${wi};
+            border-radius: ${Ni};
+            gap: ${Ci};
         }
 
         .ft-button.ft-button--dense.ft-button--outlined {
-            padding: calc(${Ni} - 1px) calc(${Si} - 1px);
+            padding: calc(${Si} - 1px) calc(${wi} - 1px);
         }
 
         .ft-button:not([disabled]):hover {
@@ -519,22 +523,22 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
         }
 
         .ft-button--round {
-            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${mi.verticalPadding});
+            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${xi.verticalPadding});
         }
 
         .ft-button--round.ft-button--dense {
-            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Ni});
+            border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Si});
         }
 
         .ft-button[disabled] {
             filter: grayscale(1);
-            opacity: ${mi.opacityDisabled};
+            opacity: ${xi.opacityDisabled};
         }
 
         .ft-button.ft-button--primary {
-            background-color: ${Oi.backgroundColor};
-            --ft-button-internal-color: ${Oi.color};
-            ${Oo(Ho.color,Oi.rippleColor)};
+            background-color: ${vi.backgroundColor};
+            --ft-button-internal-color: ${vi.color};
+            ${Oo(To.color,vi.rippleColor)};
         }
 
         .ft-button:focus {
@@ -547,13 +551,13 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
             white-space: nowrap;
             text-overflow: ellipsis;
             display: block;
-            margin: 0 ${mi.iconPadding};
-            ${Oo(ti.fontSize,"1em")};
-            ${Oo(ti.lineHeight,"var(--ft-button-internal-line-height)")};
+            margin: 0 ${xi.iconPadding};
+            ${Oo(oi.fontSize,"1em")};
+            ${Oo(oi.lineHeight,"var(--ft-button-internal-line-height)")};
         }
 
         .ft-button--dense .ft-button--label {
-            margin: 0 ${wi};
+            margin: 0 ${Ci};
         }
 
         .ft-button--label[hidden] {
@@ -566,13 +570,13 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
         }
 
         .ft-button--label[hidden] + ft-icon {
-            margin: 0 calc(${mi.horizontalPadding} * -1);
-            padding: 0 ${mi.verticalPadding};
+            margin: 0 calc(${xi.horizontalPadding} * -1);
+            padding: 0 ${xi.verticalPadding};
         }
 
         .ft-button--dense .ft-button--label[hidden] + ft-icon {
-            margin: 0 calc(${Si} * -1);
-            padding: 0 ${Ni};
+            margin: 0 calc(${wi} * -1);
+            padding: 0 ${Si};
         }
 
         .ft-button:not(.ft-button--trailing-icon) ft-icon,
@@ -581,39 +585,39 @@ class go extends Lt{constructor(){super(...arguments),this.renderOptions={host:t
         }
 
         ft-loader {
-            ${Oo(di.size,mi.iconSize)};
-            ${Oo(di.color,"var(--ft-button-internal-color)")};
+            ${Oo(ui.size,xi.iconSize)};
+            ${Oo(ui.color,"var(--ft-button-internal-color)")};
         }
-    `,Ko],$i=1,Ri=2,Ei=t=>(...o)=>({_$litDirective$:t,values:o});let Ui=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,o,e){this._$Ct=t,this._$AM=o,this._$Ci=e}_$AS(t,o){return this.update(t,o)}update(t,o){return this.render(...o)}};
+    `,Fo],Ri=1,Ei=2,Ui=t=>(...o)=>({_$litDirective$:t,values:o});let Ii=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,o,e){this._$Ct=t,this._$AM=o,this._$Ci=e}_$AS(t,o){return this.update(t,o)}update(t,o){return this.render(...o)}};
 /**
    * @license
    * Copyright 2018 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
-   */const Ii=Ei(class extends Ui{constructor(t){if(super(t),t.type!==$i||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((o=>t[o])).join(" ")+" "}update(t,[o]){if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in o)o[t]&&!this.st?.has(t)&&this.it.add(t);return this.render(o)}const e=t.element.classList;for(const t of this.it)t in o||(e.remove(t),this.it.delete(t));for(const t in o){const i=!!o[t];i===this.it.has(t)||this.st?.has(t)||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)))}return q}});var ki=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Wi extends zo{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new o(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new o(10),this.moveRipple=t=>{var o,e;let{x:i,y:r}=this.getCoordinates(t),n=null!==(e=null===(o=this.ripple)||void 0===o?void 0:o.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=i?i-n.x:n.width/2),this.originY=Math.round(null!=r?r-n.y:n.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=this.isFocusVisible(null==t?void 0:t.target)&&!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return Qt`
+   */const ki=Ui(class extends Ii{constructor(t){if(super(t),t.type!==Ri||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((o=>t[o])).join(" ")+" "}update(t,[o]){if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in o)o[t]&&!this.st?.has(t)&&this.it.add(t);return this.render(o)}const e=t.element.classList;for(const t of this.it)t in o||(e.remove(t),this.it.delete(t));for(const t in o){const i=!!o[t];i===this.it.has(t)||this.st?.has(t)||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)))}return q}});var Wi=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Li extends zo{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new o(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.setupDebouncer=new o(10),this.moveRipple=t=>{var o,e;let{x:i,y:r}=this.getCoordinates(t),n=null!==(e=null===(o=this.ripple)||void 0===o?void 0:o.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=i?i-n.x:n.width/2),this.originY=Math.round(null!=r?r-n.y:n.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=this.isFocusVisible(null==t?void 0:t.target)&&!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return Qt`
             <style>
                 .ft-ripple .ft-ripple--effect {
                     left: ${this.originX}px;
                     top: ${this.originY}px;
                 }
             </style>
-            <div class="${Ii(t)}">
+            <div class="${ki(t)}">
                 <div class="ft-ripple--background"></div>
                 <div class="ft-ripple--effect"></div>
             </div>
-        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,e;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(o=this.target)||void 0===o||o.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,o;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(null!==(o=this.target)&&void 0!==o?o:e)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const o=(...t)=>o=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(o)},e=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),r=t=>{["Enter"," "].includes(t.key)&&o("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",i),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",r),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",i),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",r),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 o=t,e=t;let i,r;return null!=o.x?({x:i,y:r}=o):null!=e.touches&&(i=e.touches[0].clientX,r=e.touches[0].clientY),{x:i,y:r}}isFocusVisible(t){return!(t instanceof HTMLElement)||t.matches(":focus-visible")}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}}Wi.elementDefinitions={},Wi.styles=Jo,ki([C({type:Boolean})],Wi.prototype,"primary",void 0),ki([C({type:Boolean})],Wi.prototype,"secondary",void 0),ki([C({type:Boolean})],Wi.prototype,"unbounded",void 0),ki([C({type:Boolean})],Wi.prototype,"activated",void 0),ki([C({type:Boolean})],Wi.prototype,"selected",void 0),ki([C({type:Boolean})],Wi.prototype,"disabled",void 0),ki([$()],Wi.prototype,"hovered",void 0),ki([$()],Wi.prototype,"focused",void 0),ki([$()],Wi.prototype,"pressed",void 0),ki([$()],Wi.prototype,"rippling",void 0),ki([$()],Wi.prototype,"originX",void 0),ki([$()],Wi.prototype,"originY",void 0),ki([E(".ft-ripple")],Wi.prototype,"ripple",void 0),ki([E(".ft-ripple--effect")],Wi.prototype,"rippleEffect",void 0),I("ft-ripple")(Wi);
+        `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,e;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(o=this.target)||void 0===o||o.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,o;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(null!==(o=this.target)&&void 0!==o?o:e)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const o=(...t)=>o=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(o)},e=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),r=t=>{["Enter"," "].includes(t.key)&&o("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",e),t.addEventListener("touchstart",i),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",r),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",e),t.removeEventListener("touchstart",i),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",r),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 o=t,e=t;let i,r;return null!=o.x?({x:i,y:r}=o):null!=e.touches&&(i=e.touches[0].clientX,r=e.touches[0].clientY),{x:i,y:r}}isFocusVisible(t){return!(t instanceof HTMLElement)||t.matches(":focus-visible")}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}}Li.elementDefinitions={},Li.styles=qo,Wi([C({type:Boolean})],Li.prototype,"primary",void 0),Wi([C({type:Boolean})],Li.prototype,"secondary",void 0),Wi([C({type:Boolean})],Li.prototype,"unbounded",void 0),Wi([C({type:Boolean})],Li.prototype,"activated",void 0),Wi([C({type:Boolean})],Li.prototype,"selected",void 0),Wi([C({type:Boolean})],Li.prototype,"disabled",void 0),Wi([$()],Li.prototype,"hovered",void 0),Wi([$()],Li.prototype,"focused",void 0),Wi([$()],Li.prototype,"pressed",void 0),Wi([$()],Li.prototype,"rippling",void 0),Wi([$()],Li.prototype,"originX",void 0),Wi([$()],Li.prototype,"originY",void 0),Wi([E(".ft-ripple")],Li.prototype,"ripple",void 0),Wi([E(".ft-ripple--effect")],Li.prototype,"rippleEffect",void 0),I("ft-ripple")(Li);
 /**
    * @license
    * Copyright 2020 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-const Li=Symbol.for(""),zi=t=>{if(t?.r===Li)return t?._$litStatic$},Ki=t=>({_$litStatic$:t,r:Li}),Fi=new Map,Zi=(t=>(o,...e)=>{const i=e.length;let r,n;const a=[],s=[];let l,c=0,p=!1;for(;c<i;){for(l=o[c];c<i&&void 0!==(n=e[c],r=zi(n));)l+=r+o[++c],p=!0;c!==i&&s.push(n),a.push(l),c++}if(c===i&&a.push(o[i]),p){const t=a.join("$$lit$$");void 0===(o=Fi.get(t))&&(a.raw=a,Fi.set(t,o=a)),e=s}return t(o,...e)})(J);var Bi;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"}(Bi||(Bi={}));var Ai=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Mi extends zo{constructor(){super(...arguments),this.variant=Bi.body1}render(){return this.element?Zi`
-                <${Ki(this.element)}
+const zi=Symbol.for(""),Ki=t=>{if(t?.r===zi)return t?._$litStatic$},Fi=t=>({_$litStatic$:t,r:zi}),Zi=new Map,Bi=(t=>(o,...e)=>{const i=e.length;let r,n;const a=[],s=[];let l,c=0,p=!1;for(;c<i;){for(l=o[c];c<i&&void 0!==(n=e[c],r=Ki(n));)l+=r+o[++c],p=!0;c!==i&&s.push(n),a.push(l),c++}if(c===i&&a.push(o[i]),p){const t=a.join("$$lit$$");void 0===(o=Zi.get(t))&&(a.raw=a,Zi.set(t,o=a)),e=s}return t(o,...e)})(J);var Ai;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"}(Ai||(Ai={}));var Mi=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Di extends zo{constructor(){super(...arguments),this.variant=Ai.body1}render(){return this.element?Bi`
+                <${Fi(this.element)}
                     class="ft-typography ft-typography--${this.variant}">
                     <slot></slot>
-                </${Ki(this.element)}>
-            `:Zi`
+                </${Fi(this.element)}>
+            `:Bi`
             <slot class="ft-typography ft-typography--${this.variant}"></slot>
-        `}}Mi.styles=[oi,ei,ii,ri,ni,ai,si,li,ci,pi,fi,...hi],Ai([C()],Mi.prototype,"element",void 0),Ai([C()],Mi.prototype,"variant",void 0),I("ft-typography")(Mi);const Di=xo.create("--ft-tooltip-distance","","SIZE","4px"),Pi=xo.create("--ft-tooltip-color","","COLOR","#FFFFFF"),Hi=xo.create("--ft-tooltip-background-color","","COLOR","#666666"),Ti=xo.create("--ft-tooltip-z-index","","NUMBER","100"),ji=xo.external(Co.borderRadiusS,"Design system"),_i=xo.create("--ft-tooltip-max-width","","SIZE","150px"),Gi=bt`
+        `}}Di.styles=[ei,ii,ri,ni,ai,si,li,ci,pi,fi,hi,...di],Mi([C()],Di.prototype,"element",void 0),Mi([C()],Di.prototype,"variant",void 0),I("ft-typography")(Di);const Pi=xo.create("--ft-tooltip-distance","","SIZE","4px"),Hi=xo.create("--ft-tooltip-color","","COLOR","#FFFFFF"),Ti=xo.create("--ft-tooltip-background-color","","COLOR","#666666"),ji=xo.create("--ft-tooltip-z-index","","NUMBER","100"),_i=xo.external(Co.borderRadiusS,"Design system"),Gi=xo.create("--ft-tooltip-max-width","","SIZE","150px"),Yi=bt`
     .ft-tooltip--container {
         display: block;
     }
@@ -628,21 +632,21 @@ const Li=Symbol.for(""),zi=t=>{if(t?.r===Li)return t?._$litStatic$},Ki=t=>({_$li
         box-sizing: border-box;
         overflow: hidden;
         width: max-content;
-        max-width: ${_i};
+        max-width: ${Gi};
         text-align: center;
-        padding: ${Di};
-        z-index: ${Ti};
+        padding: ${Pi};
+        z-index: ${ji};
     }
 
     .ft-tooltip--content {
         padding: 4px 8px;
-        border-radius: ${ji};
-        background-color: ${Hi};
-        color: ${Pi};
+        border-radius: ${_i};
+        background-color: ${Ti};
+        color: ${Hi};
         position: relative;
         word-break: break-word;
     }
-`;var Yi=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Vi extends zo{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new o,this.revealDebouncer=new o}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Qt`
+`;var Vi=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Ji extends zo{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new o,this.revealDebouncer=new o}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Qt`
             <div part="container"
                  class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
                  @mouseenter=${this.onHover}
@@ -660,34 +664,34 @@ const Li=Symbol.for(""),zi=t=>{if(t?.r===Li)return t?._$litStatic$},Ki=t=>({_$li
                     </div>
                 </div>
             </div>
-        `}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&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 o=this.tooltip.offsetWidth,e=this.tooltip.offsetHeight,i=(t.offsetHeight-e)/2,r=(t.offsetWidth-o)/2;let n=0,a=0;switch(this.tooltip.style.top="0",this.tooltip.style.left="0",this.validPosition){case"top":a=t.offsetTop-e-this.tooltip.offsetTop,n=t.offsetLeft+r-this.tooltip.offsetLeft;break;case"bottom":a=t.offsetTop+t.offsetHeight-this.tooltip.offsetTop,n=t.offsetLeft+r-this.tooltip.offsetLeft;break;case"left":a=t.offsetTop+i-this.tooltip.offsetTop,n=t.offsetLeft-o-this.tooltip.offsetLeft;break;case"right":a=t.offsetTop+i-this.tooltip.offsetTop,n=t.offsetLeft+t.offsetWidth-this.tooltip.offsetLeft}const s=this.tooltip.style;s.left=n+"px",s.top=a+"px";const l=this.tooltip.getBoundingClientRect();let c=-l.x,p=l.x+l.width-window.innerWidth;s.left=n+Math.round(this.correctOutOfWindowPixels(c,p))+"px";let f=-l.y,h=l.y+l.height-window.innerHeight;s.top=a+Math.round(this.correctOutOfWindowPixels(f,h))+"px",s.maxWidth=`max(${t.offsetWidth}px, ${_i})`}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())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}Vi.elementDefinitions={"ft-typography":Mi},Vi.styles=Gi,Yi([C()],Vi.prototype,"text",void 0),Yi([C({type:Boolean})],Vi.prototype,"manual",void 0),Yi([C({type:Boolean})],Vi.prototype,"inline",void 0),Yi([C({type:Number})],Vi.prototype,"delay",void 0),Yi([C()],Vi.prototype,"position",void 0),Yi([function(t){return(o,e)=>{const{slot:i}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return R(0,0,{get(){const o=this.renderRoot?.querySelector(r);return o?.assignedNodes(t)??[]}})}}()],Vi.prototype,"slotNodes",void 0),Yi([E(".ft-tooltip--container")],Vi.prototype,"container",void 0),Yi([E(".ft-tooltip")],Vi.prototype,"tooltip",void 0),Yi([E(".ft-tooltip--content")],Vi.prototype,"tooltipContent",void 0),Yi([$()],Vi.prototype,"visible",void 0),I("ft-tooltip")(Vi);
+        `}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&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 o=this.tooltip.offsetWidth,e=this.tooltip.offsetHeight,i=(t.offsetHeight-e)/2,r=(t.offsetWidth-o)/2;let n=0,a=0;switch(this.tooltip.style.top="0",this.tooltip.style.left="0",this.validPosition){case"top":a=t.offsetTop-e-this.tooltip.offsetTop,n=t.offsetLeft+r-this.tooltip.offsetLeft;break;case"bottom":a=t.offsetTop+t.offsetHeight-this.tooltip.offsetTop,n=t.offsetLeft+r-this.tooltip.offsetLeft;break;case"left":a=t.offsetTop+i-this.tooltip.offsetTop,n=t.offsetLeft-o-this.tooltip.offsetLeft;break;case"right":a=t.offsetTop+i-this.tooltip.offsetTop,n=t.offsetLeft+t.offsetWidth-this.tooltip.offsetLeft}const s=this.tooltip.style;s.left=n+"px",s.top=a+"px";const l=this.tooltip.getBoundingClientRect();let c=-l.x,p=l.x+l.width-window.innerWidth;s.left=n+Math.round(this.correctOutOfWindowPixels(c,p))+"px";let f=-l.y,h=l.y+l.height-window.innerHeight;s.top=a+Math.round(this.correctOutOfWindowPixels(f,h))+"px",s.maxWidth=`max(${t.offsetWidth}px, ${Gi})`}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())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}Ji.elementDefinitions={"ft-typography":Di},Ji.styles=Yi,Vi([C()],Ji.prototype,"text",void 0),Vi([C({type:Boolean})],Ji.prototype,"manual",void 0),Vi([C({type:Boolean})],Ji.prototype,"inline",void 0),Vi([C({type:Number})],Ji.prototype,"delay",void 0),Vi([C()],Ji.prototype,"position",void 0),Vi([function(t){return(o,e)=>{const{slot:i}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return R(0,0,{get(){const o=this.renderRoot?.querySelector(r);return o?.assignedNodes(t)??[]}})}}()],Ji.prototype,"slotNodes",void 0),Vi([E(".ft-tooltip--container")],Ji.prototype,"container",void 0),Vi([E(".ft-tooltip")],Ji.prototype,"tooltip",void 0),Vi([E(".ft-tooltip--content")],Ji.prototype,"tooltipContent",void 0),Vi([$()],Ji.prototype,"visible",void 0),I("ft-tooltip")(Ji);
 /**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    */
-class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===X||null==t)return this.vt=void 0,this.et=t;if(t===q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const o=[t];return o.raw=o,this.vt={_$litType$:this.constructor.resultType,strings:o,values:[]}}}Ji.directiveName="unsafeHTML",Ji.resultType=1;const qi=Ei(Ji);var Xi,Qi,tr;!function(t){t.THUMBS_DOWN="&#xe94d;",t.THUMBS_DOWN_PLAIN="&#xe94e;",t.THUMBS_UP="&#xe94f;",t.THUMBS_UP_PLAIN="&#xe950;",t.STAR="&#xe94c;",t.STAR_PLAIN="&#xe900;",t.DESKTOP="&#xe95e;",t.LIFE_RING="&#xe975;",t.GLOBE="&#xe976;",t.PIGGY_BANK="&#xe977;",t.TABLET_LANDSCAPE="&#xe95f;",t.TABLET_PORTRAIT="&#xe960;",t.MOBILE_LANDSCAPE="&#xe961;",t.MOBILE_PORTRAIT="&#xe962;",t.ARROW_RIGHT_TO_LINE="&#xe95d;",t.THIN_ARROW_UP="&#xe95c;",t.CONTEXTUAL="&#xe95b;",t.CHART_SIMPLE="&#xe968;",t.BARS_PROGRESS="&#xe969;",t.LINE_CHART="&#xe96c;",t.STACKED_CHART="&#xe96d;",t.BOOK_OPEN_GEAR="&#xe96a;",t.BOOK_OPEN_GEAR_SLASH="&#xe96b;",t.DIAGRAM_SUNBURST="&#xe963;",t.DIAGRAM_SANKEY="&#xe964;",t.UNSTRUCTURED_DOC="&#xe95a;",t.RESET="&#xe958;",t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.EXTLINK_LIGHT="&#xe978;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe901;",t.EYE="&#xf06e;",t.EYE_SLASH="&#xe970;",t.DISC="&#xe902;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe90f;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe910;",t.ADMIN_USERS="&#xe912;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe94b;",t.COMMENT_QUESTION="&#xe965;",t.COMMENT_QUESTION_PLAIN="&#xe966;",t.MESSAGE_BOT="&#xe967;",t.PIP="&#xe973;",t.PIP_WIDE="&#xe974;",t.EXPAND_WIDE="&#xe972;",t.X_MARK="&#xe971;"}(Xi||(Xi={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(Qi||(Qi={})),new Map([...["abw"].map((t=>[t,Qi.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,Qi.AUDIO])),...["avi"].map((t=>[t,Qi.AVI])),...["chm","xhs"].map((t=>[t,Qi.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,Qi.CODE])),...["csv"].map((t=>[t,Qi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Qi.DITA])),...["epub"].map((t=>[t,Qi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Qi.EXCEL])),...["flac"].map((t=>[t,Qi.FLAC])),...["gif"].map((t=>[t,Qi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Qi.GZIP])),...["html","htm","xhtml"].map((t=>[t,Qi.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,Qi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Qi.JPEG])),...["json"].map((t=>[t,Qi.JSON])),...["m4a","m4p"].map((t=>[t,Qi.M4A])),...["mov","qt"].map((t=>[t,Qi.MOV])),...["mp3"].map((t=>[t,Qi.MP3])),...["mp4","m4v"].map((t=>[t,Qi.MP4])),...["ogg","oga"].map((t=>[t,Qi.OGG])),...["pdf","ps"].map((t=>[t,Qi.PDF])),...["png"].map((t=>[t,Qi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Qi.POWERPOINT])),...["rar"].map((t=>[t,Qi.RAR])),...["stp"].map((t=>[t,Qi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Qi.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,Qi.VIDEO])),...["wav"].map((t=>[t,Qi.WAV])),...["wma"].map((t=>[t,Qi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Qi.WORD])),...["xml","xsl","rdf"].map((t=>[t,Qi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Qi.YAML])),...["zip"].map((t=>[t,Qi.ZIP]))]),function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(tr||(tr={}));var or=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class er extends zo{constructor(){super(...arguments),this.resolvedIcon=oo}render(){const t=this.variant&&Object.values(tr).includes(this.variant)?this.variant:tr.fluid_topics,o=t!==tr.material||!!this.value;return Qt`
+class qi extends Ii{constructor(t){if(super(t),this.et=X,t.type!==Ei)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===X||null==t)return this.vt=void 0,this.et=t;if(t===q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const o=[t];return o.raw=o,this.vt={_$litType$:this.constructor.resultType,strings:o,values:[]}}}qi.directiveName="unsafeHTML",qi.resultType=1;const Xi=Ui(qi);var Qi,tr,or;!function(t){t.THUMBS_DOWN="&#xe94d;",t.THUMBS_DOWN_PLAIN="&#xe94e;",t.THUMBS_UP="&#xe94f;",t.THUMBS_UP_PLAIN="&#xe950;",t.STAR="&#xe94c;",t.STAR_PLAIN="&#xe900;",t.DESKTOP="&#xe95e;",t.LIFE_RING="&#xe975;",t.GLOBE="&#xe976;",t.PIGGY_BANK="&#xe977;",t.TABLET_LANDSCAPE="&#xe95f;",t.TABLET_PORTRAIT="&#xe960;",t.MOBILE_LANDSCAPE="&#xe961;",t.MOBILE_PORTRAIT="&#xe962;",t.ARROW_RIGHT_TO_LINE="&#xe95d;",t.THIN_ARROW_UP="&#xe95c;",t.CONTEXTUAL="&#xe95b;",t.CHART_SIMPLE="&#xe968;",t.BARS_PROGRESS="&#xe969;",t.LINE_CHART="&#xe96c;",t.STACKED_CHART="&#xe96d;",t.BOOK_OPEN_GEAR="&#xe96a;",t.BOOK_OPEN_GEAR_SLASH="&#xe96b;",t.DIAGRAM_SUNBURST="&#xe963;",t.DIAGRAM_SANKEY="&#xe964;",t.UNSTRUCTURED_DOC="&#xe95a;",t.RESET="&#xe958;",t.THIN_ARROW_LEFT="&#xe956;",t.THIN_ARROW_RIGHT="&#xe957;",t.MY_COLLECTIONS="&#xe955;",t.OFFLINE_SETTINGS="&#xe954;",t.MY_LIBRARY="&#xe959;",t.RATE_PLAIN="&#xe952;",t.RATE="&#xe953;",t.FEEDBACK_PLAIN="&#xe951;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.EXTLINK_LIGHT="&#xe978;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe901;",t.EYE="&#xf06e;",t.EYE_SLASH="&#xe970;",t.DISC="&#xe902;",t.CIRCLE="&#xe903;",t.SHARED="&#xe904;",t.SORT_UNSORTED="&#xe905;",t.SORT_UP="&#xe906;",t.SORT_DOWN="&#xe907;",t.WORKING="&#xe908;",t.CLOSE="&#xe909;",t.ZOOM_OUT="&#xe90a;",t.ZOOM_IN="&#xe90b;",t.ZOOM_REALSIZE="&#xe90c;",t.ZOOM_FULLSCREEN="&#xe90d;",t.ADMIN_RESTRICTED="&#xe90e;",t.ADMIN_THEME="&#xe911;",t.WARNING="&#xe913;",t.CONTEXT="&#xe914;",t.SEARCH_HOME="&#xe915;",t.STEPS="&#xe916;",t.HOME="&#xe80b;",t.TRANSLATE="&#xe924;",t.USER="&#xe813;",t.ADMIN="&#xe90f;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe910;",t.ADMIN_USERS="&#xe912;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe94b;",t.COMMENT_QUESTION="&#xe965;",t.COMMENT_QUESTION_PLAIN="&#xe966;",t.MESSAGE_BOT="&#xe967;",t.PIP="&#xe973;",t.PIP_WIDE="&#xe974;",t.EXPAND_WIDE="&#xe972;",t.X_MARK="&#xe971;"}(Qi||(Qi={})),function(t){t.UNKNOWN="&#xe90a;",t.ABW="&#xe900;",t.AUDIO="&#xe901;",t.AVI="&#xe902;",t.CHM="&#xe904;",t.CODE="&#xe905;",t.CSV="&#xe903;",t.DITA="&#xe906;",t.EPUB="&#xe907;",t.EXCEL="&#xe908;",t.FLAC="&#xe909;",t.GIF="&#xe90b;",t.GZIP="&#xe90c;",t.HTML="&#xe90d;",t.IMAGE="&#xe90e;",t.JPEG="&#xe90f;",t.JSON="&#xe910;",t.M4A="&#xe911;",t.MOV="&#xe912;",t.MP3="&#xe913;",t.MP4="&#xe914;",t.OGG="&#xe915;",t.PDF="&#xe916;",t.PNG="&#xe917;",t.POWERPOINT="&#xe918;",t.RAR="&#xe91a;",t.STP="&#xe91b;",t.TEXT="&#xe91c;",t.VIDEO="&#xe91e;",t.WAV="&#xe91f;",t.WMA="&#xe920;",t.WORD="&#xe921;",t.XML="&#xe922;",t.YAML="&#xe919;",t.ZIP="&#xe923;"}(tr||(tr={})),new Map([...["abw"].map((t=>[t,tr.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,tr.AUDIO])),...["avi"].map((t=>[t,tr.AVI])),...["chm","xhs"].map((t=>[t,tr.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,tr.CODE])),...["csv"].map((t=>[t,tr.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,tr.DITA])),...["epub"].map((t=>[t,tr.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,tr.EXCEL])),...["flac"].map((t=>[t,tr.FLAC])),...["gif"].map((t=>[t,tr.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,tr.GZIP])),...["html","htm","xhtml"].map((t=>[t,tr.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,tr.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,tr.JPEG])),...["json"].map((t=>[t,tr.JSON])),...["m4a","m4p"].map((t=>[t,tr.M4A])),...["mov","qt"].map((t=>[t,tr.MOV])),...["mp3"].map((t=>[t,tr.MP3])),...["mp4","m4v"].map((t=>[t,tr.MP4])),...["ogg","oga"].map((t=>[t,tr.OGG])),...["pdf","ps"].map((t=>[t,tr.PDF])),...["png"].map((t=>[t,tr.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,tr.POWERPOINT])),...["rar"].map((t=>[t,tr.RAR])),...["stp"].map((t=>[t,tr.STP])),...["txt","rtf","md","mdown"].map((t=>[t,tr.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,tr.VIDEO])),...["wav"].map((t=>[t,tr.WAV])),...["wma"].map((t=>[t,tr.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,tr.WORD])),...["xml","xsl","rdf"].map((t=>[t,tr.XML])),...["yaml","yml","x-yaml"].map((t=>[t,tr.YAML])),...["zip"].map((t=>[t,tr.ZIP]))]),function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(or||(or={}));var er=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class ir extends zo{constructor(){super(...arguments),this.resolvedIcon=oo}render(){const t=this.variant&&Object.values(or).includes(this.variant)?this.variant:or.fluid_topics,o=t!==or.material||!!this.value;return Qt`
             <i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
-                ${qi(this.resolvedIcon)}
+                ${Xi(this.resolvedIcon)}
                 <slot ?hidden=${o}></slot>
             </i>
-        `}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let e=this.value||this.textContent;switch(this.variant){case tr.file_format:this.resolvedIcon=null!==(t=Qi[e.replace("-","_").toUpperCase()])&&void 0!==t?t:e;break;case tr.material:this.resolvedIcon=this.value||oo;break;default:this.resolvedIcon=null!==(o=Xi[e.replace("-","_").toUpperCase()])&&void 0!==o?o:e}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}er.elementDefinitions={},er.styles=gi,or([C()],er.prototype,"variant",void 0),or([C()],er.prototype,"value",void 0),or([$()],er.prototype,"resolvedIcon",void 0),or([E("slot")],er.prototype,"slottedContent",void 0),I("ft-icon")(er);class ir extends zo{render(){return Qt`
+        `}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let e=this.value||this.textContent;switch(this.variant){case or.file_format:this.resolvedIcon=null!==(t=tr[e.replace("-","_").toUpperCase()])&&void 0!==t?t:e;break;case or.material:this.resolvedIcon=this.value||oo;break;default:this.resolvedIcon=null!==(o=Qi[e.replace("-","_").toUpperCase()])&&void 0!==o?o:e}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}ir.elementDefinitions={},ir.styles=bi,er([C()],ir.prototype,"variant",void 0),er([C()],ir.prototype,"value",void 0),er([$()],ir.prototype,"resolvedIcon",void 0),er([E("slot")],ir.prototype,"slottedContent",void 0),I("ft-icon")(ir);class rr extends zo{render(){return Qt`
             <div class="ft-loader">
                 <div></div>
                 <div></div>
                 <div></div>
                 <div></div>
             </div>
-        `}}ir.styles=ui,I("ft-loader")(ir);var rr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class nr extends(function(t,o){return class extends t{static get formAssociated(){return!0}get form(){return this[Zo].form}constructor(...t){super(t),this[Zo]=this.attachInternals(),this[Zo].role=o}setFormValue(t){this[Zo].setFormValue(t)}}}(zo,"button")){constructor(){super(...arguments),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{var o;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):"submit"==this.type&&(null===(o=this.form)||void 0===o||o.requestSubmit())}}render(){return this.addTooltipIfNeeded(Qt`
+        `}}rr.styles=yi,I("ft-loader")(rr);var nr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class ar extends(function(t,o){return class extends t{static get formAssociated(){return!0}get form(){return this[Bo].form}constructor(...t){super(t),this[Bo]=this.attachInternals(),this[Bo].role=o}setFormValue(t){this[Bo].setFormValue(t)}}}(zo,"button")){constructor(){super(...arguments),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{var o;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):"submit"==this.type&&(null===(o=this.form)||void 0===o||o.requestSubmit())}}render(){return this.addTooltipIfNeeded(Qt`
             <button part="button"
-                    class="${Ii(this.buttonClasses)}"
+                    class="${ki(this.buttonClasses)}"
                     aria-label="${this.getLabel()}"
                     ?disabled=${this.isDisabled()}>
                 <ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
                 <ft-typography part="label"
                                variant=${this.typographyVariant}
                                element="span"
-                               class="ft-button--label ${Do?"ft-safari-ellipsis-fix":""}"
+                               class="ft-button--label ${Po?"ft-safari-ellipsis-fix":""}"
                                ?hidden=${!this.hasTextContent()}>
                     <slot @slotchange=${this.onSlotchange}></slot>
                 </ft-typography>
@@ -701,7 +705,7 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?Qt`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?Qt`
-                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:oo}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}}nr.elementDefinitions={"ft-ripple":Wi,"ft-tooltip":Vi,"ft-typography":Mi,"ft-icon":er,"ft-loader":ir},rr([C({type:String,reflect:!0})],nr.prototype,"role",void 0),rr([C()],nr.prototype,"type",void 0),rr([C({type:Boolean})],nr.prototype,"disabled",void 0),rr([C()],nr.prototype,"label",void 0),rr([C()],nr.prototype,"icon",void 0),rr([C()],nr.prototype,"iconVariant",void 0),rr([C({type:Boolean})],nr.prototype,"trailingIcon",void 0),rr([C({type:Boolean})],nr.prototype,"loading",void 0),rr([C()],nr.prototype,"tooltipPosition",void 0),rr([C({type:Boolean})],nr.prototype,"hideTooltip",void 0),rr([C({type:Boolean})],nr.prototype,"forceTooltip",void 0),rr([E(".ft-button")],nr.prototype,"button",void 0),rr([E(".ft-button--label slot")],nr.prototype,"slottedContent",void 0);var ar=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class sr extends nr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}sr.styles=[Fo,Ci],ar([C({type:Boolean})],sr.prototype,"primary",void 0),ar([C({type:Boolean})],sr.prototype,"outlined",void 0),ar([C({type:Boolean})],sr.prototype,"dense",void 0),ar([C({type:Boolean})],sr.prototype,"round",void 0);const lr=[bt`
+                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:oo}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}}ar.elementDefinitions={"ft-ripple":Li,"ft-tooltip":Ji,"ft-typography":Di,"ft-icon":ir,"ft-loader":rr},nr([C({type:String,reflect:!0})],ar.prototype,"role",void 0),nr([C()],ar.prototype,"type",void 0),nr([C({type:Boolean})],ar.prototype,"disabled",void 0),nr([C()],ar.prototype,"label",void 0),nr([C()],ar.prototype,"icon",void 0),nr([C()],ar.prototype,"iconVariant",void 0),nr([C({type:Boolean})],ar.prototype,"trailingIcon",void 0),nr([C({type:Boolean})],ar.prototype,"loading",void 0),nr([C()],ar.prototype,"tooltipPosition",void 0),nr([C({type:Boolean})],ar.prototype,"hideTooltip",void 0),nr([C({type:Boolean})],ar.prototype,"forceTooltip",void 0),nr([E(".ft-button")],ar.prototype,"button",void 0),nr([E(".ft-button--label slot")],ar.prototype,"slottedContent",void 0);var sr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class lr extends ar{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}}lr.styles=[Zo,$i],sr([C({type:Boolean})],lr.prototype,"primary",void 0),sr([C({type:Boolean})],lr.prototype,"outlined",void 0),sr([C({type:Boolean})],lr.prototype,"dense",void 0),sr([C({type:Boolean})],lr.prototype,"round",void 0);const cr=[bt`
         :host {
             display: inline-block;
             max-width: 100%;
@@ -780,13 +784,13 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         /** Primary styles **/
 
         .ft-button--primary {
-            ${Oo(di.color,wo.primaryIconColor)};
+            ${Oo(ui.color,wo.primaryIconColor)};
 
-            ${Oo(Ho.color,wo.primaryStateLayerColor)};
-            ${Oo(Ho.opacityContentOnSurfaceHover,wo.primaryStateLayerOpacityHover)};
-            ${Oo(Ho.opacityContentOnSurfaceFocused,wo.primaryStateLayerOpacityFocus)};
-            ${Oo(Ho.opacityContentOnSurfaceSelected,wo.primaryStateLayerOpacityActive)};
-            ${Oo(Ho.opacityContentOnSurfacePressed,wo.primaryStateLayerOpacityActive)};
+            ${Oo(To.color,wo.primaryStateLayerColor)};
+            ${Oo(To.opacityContentOnSurfaceHover,wo.primaryStateLayerOpacityHover)};
+            ${Oo(To.opacityContentOnSurfaceFocused,wo.primaryStateLayerOpacityFocus)};
+            ${Oo(To.opacityContentOnSurfaceSelected,wo.primaryStateLayerOpacityActive)};
+            ${Oo(To.opacityContentOnSurfacePressed,wo.primaryStateLayerOpacityActive)};
 
             background-color: ${wo.primaryBackgroundColor};
             color: ${wo.primaryColor};
@@ -804,13 +808,13 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         /** Secondary styles **/
 
         .ft-button--secondary {
-            ${Oo(di.color,wo.secondaryIconColor)};
+            ${Oo(ui.color,wo.secondaryIconColor)};
 
-            ${Oo(Ho.color,wo.secondaryStateLayerColor)};
-            ${Oo(Ho.opacityContentOnSurfaceHover,wo.secondaryStateLayerOpacityHover)};
-            ${Oo(Ho.opacityContentOnSurfaceFocused,wo.secondaryStateLayerOpacityFocus)};
-            ${Oo(Ho.opacityContentOnSurfaceSelected,wo.secondaryStateLayerOpacityActive)};
-            ${Oo(Ho.opacityContentOnSurfacePressed,wo.secondaryStateLayerOpacityActive)};
+            ${Oo(To.color,wo.secondaryStateLayerColor)};
+            ${Oo(To.opacityContentOnSurfaceHover,wo.secondaryStateLayerOpacityHover)};
+            ${Oo(To.opacityContentOnSurfaceFocused,wo.secondaryStateLayerOpacityFocus)};
+            ${Oo(To.opacityContentOnSurfaceSelected,wo.secondaryStateLayerOpacityActive)};
+            ${Oo(To.opacityContentOnSurfacePressed,wo.secondaryStateLayerOpacityActive)};
 
             background-color: ${wo.secondaryBackgroundColor};
             color: ${wo.secondaryColor};
@@ -829,13 +833,13 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         /** Tertiary styles **/
 
         .ft-button--tertiary {
-            ${Oo(di.color,wo.tertiaryIconColor)};
+            ${Oo(ui.color,wo.tertiaryIconColor)};
 
-            ${Oo(Ho.color,wo.tertiaryStateLayerColor)};
-            ${Oo(Ho.opacityContentOnSurfaceHover,wo.tertiaryStateLayerOpacityHover)};
-            ${Oo(Ho.opacityContentOnSurfaceFocused,wo.tertiaryStateLayerOpacityFocus)};
-            ${Oo(Ho.opacityContentOnSurfaceSelected,wo.tertiaryStateLayerOpacityActive)};
-            ${Oo(Ho.opacityContentOnSurfacePressed,wo.tertiaryStateLayerOpacityActive)};
+            ${Oo(To.color,wo.tertiaryStateLayerColor)};
+            ${Oo(To.opacityContentOnSurfaceHover,wo.tertiaryStateLayerOpacityHover)};
+            ${Oo(To.opacityContentOnSurfaceFocused,wo.tertiaryStateLayerOpacityFocus)};
+            ${Oo(To.opacityContentOnSurfaceSelected,wo.tertiaryStateLayerOpacityActive)};
+            ${Oo(To.opacityContentOnSurfacePressed,wo.tertiaryStateLayerOpacityActive)};
 
             background-color: ${wo.tertiaryBackgroundColor};
             color: ${wo.tertiaryColor};
@@ -853,13 +857,13 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         /** Neutral styles **/
 
         .ft-button--neutral {
-            ${Oo(di.color,wo.neutralIconColor)};
+            ${Oo(ui.color,wo.neutralIconColor)};
 
-            ${Oo(Ho.backgroundColor,wo.neutralStateLayerColor)};
-            ${Oo(Ho.opacityContentOnSurfaceHover,wo.neutralStateLayerOpacityHover)};
-            ${Oo(Ho.opacityContentOnSurfaceFocused,wo.neutralStateLayerOpacityFocus)};
-            ${Oo(Ho.opacityContentOnSurfaceSelected,wo.neutralStateLayerOpacityActive)};
-            ${Oo(Ho.opacityContentOnSurfacePressed,wo.neutralStateLayerOpacityActive)};
+            ${Oo(To.backgroundColor,wo.neutralStateLayerColor)};
+            ${Oo(To.opacityContentOnSurfaceHover,wo.neutralStateLayerOpacityHover)};
+            ${Oo(To.opacityContentOnSurfaceFocused,wo.neutralStateLayerOpacityFocus)};
+            ${Oo(To.opacityContentOnSurfaceSelected,wo.neutralStateLayerOpacityActive)};
+            ${Oo(To.opacityContentOnSurfacePressed,wo.neutralStateLayerOpacityActive)};
 
             background-color: ${wo.neutralBackgroundColor};
             color: ${wo.neutralColor};
@@ -877,8 +881,8 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         /** Large styles **/
 
         .ft-button--large {
-            ${Oo(yi.size,wo.largeIconSize)};
-            ${Oo(di.size,wo.largeIconSize)};
+            ${Oo(gi.size,wo.largeIconSize)};
+            ${Oo(ui.size,wo.largeIconSize)};
 
             height: ${wo.largeHeight};
             padding: 0 ${wo.largeHorizontalPadding};
@@ -900,8 +904,8 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         /** Small styles **/
 
         .ft-button--small {
-            ${Oo(yi.size,wo.smallIconSize)};
-            ${Oo(di.size,wo.smallIconSize)};
+            ${Oo(gi.size,wo.smallIconSize)};
+            ${Oo(ui.size,wo.smallIconSize)};
 
             height: ${wo.smallHeight};
             padding: 0 ${wo.smallHorizontalPadding};
@@ -919,7 +923,7 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
             width: ${wo.smallIconOnlyWidth};
             padding: unset;
         }
-    `,Ko];var cr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class pr extends nr{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Bi.caption1medium:Bi.body2medium}}pr.styles=[Fo,lr],cr([C({type:Boolean})],pr.prototype,"primary",void 0),cr([C({type:Boolean})],pr.prototype,"secondary",void 0),cr([C({type:Boolean})],pr.prototype,"tertiary",void 0),cr([C({type:Boolean})],pr.prototype,"neutral",void 0),cr([C({type:Boolean})],pr.prototype,"small",void 0),I("ft-button")(sr),I("ftds-button")(pr);const fr={buttonsColor:xo.extend("--ft-snap-scroll-buttons-color","",Co.colorPrimary),buttonsZIndex:xo.create("--ft-snap-scroll-buttons-z-index","","COLOR","1"),gap:xo.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:xo.external(Co.colorSurface,"Design system")},hr=bt`
+    `,Fo];var pr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class fr extends ar{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Ai.caption1medium:Ai.body2medium}}fr.styles=[Zo,cr],pr([C({type:Boolean})],fr.prototype,"primary",void 0),pr([C({type:Boolean})],fr.prototype,"secondary",void 0),pr([C({type:Boolean})],fr.prototype,"tertiary",void 0),pr([C({type:Boolean})],fr.prototype,"neutral",void 0),pr([C({type:Boolean})],fr.prototype,"small",void 0),I("ft-button")(lr),I("ftds-button")(fr);const hr={buttonsColor:xo.extend("--ft-snap-scroll-buttons-color","",Co.colorPrimary),buttonsZIndex:xo.create("--ft-snap-scroll-buttons-z-index","","COLOR","1"),gap:xo.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:xo.external(Co.colorSurface,"Design system")},dr=bt`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;
@@ -954,7 +958,7 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         flex-wrap: nowrap;
         align-items: flex-start;
         justify-content: flex-start;
-        gap: ${fr.gap};
+        gap: ${hr.gap};
     }
 
     .ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
@@ -997,11 +1001,11 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
     .ft-snap-scroll--next {
         position: absolute;
         display: flex;
-        z-index: ${fr.buttonsZIndex};
+        z-index: ${hr.buttonsZIndex};
         opacity: 1;
         transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
-        ${Oo(mi.backgroundColor,"transparent")};
-        ${Oo(mi.color,fr.buttonsColor)};
+        ${Oo(xi.backgroundColor,"transparent")};
+        ${Oo(xi.color,hr.buttonsColor)};
     }
 
     .ft-snap-scroll--previous[hidden],
@@ -1014,37 +1018,37 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
         top: 0;
         left: -1px;
         bottom: 0;
-        background: linear-gradient(to right, ${fr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to right, ${hr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--vertical .ft-snap-scroll--previous {
         top: -1px;
         left: 0;
         right: 0;
-        background: linear-gradient(to bottom, ${fr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to bottom, ${hr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--horizontal .ft-snap-scroll--next {
         top: 0;
         right: -1px;
         bottom: 0;
-        background: linear-gradient(to left, ${fr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to left, ${hr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--vertical .ft-snap-scroll--next {
         left: 0;
         right: 0;
         bottom: -1px;
-        background: linear-gradient(to top, ${fr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
+        background: linear-gradient(to top, ${hr.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
     }
 
     .ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
     .ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
     .ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
     .ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
-        background-color: ${fr.colorSurface};
+        background-color: ${hr.colorSurface};
     }
-`;var dr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class ur extends CustomEvent{constructor(t,o){super("current-element-change",{detail:{index:t,element:o}})}}class yr extends zo{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new o(200),this.updateScrollDebouncer=new o(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let o=this.elements[t];if(o){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,e=this.contentSlot[this.scrollAttribute]+this.prevSize;(o[this.offsetAttribute]<e||o[this.offsetAttribute]+o[this.sizeAttribute]>t)&&this.scrollToElement(o)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=Ii({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":Do}),o=this.controls&&this.withScroll;return Qt`
+`;var ur=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class yr extends CustomEvent{constructor(t,o){super("current-element-change",{detail:{index:t,element:o}})}}class gr extends zo{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new o(200),this.updateScrollDebouncer=new o(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let o=this.elements[t];if(o){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,e=this.contentSlot[this.scrollAttribute]+this.prevSize;(o[this.offsetAttribute]<e||o[this.offsetAttribute]+o[this.sizeAttribute]>t)&&this.scrollToElement(o)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=ki({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":Po}),o=this.controls&&this.withScroll;return Qt`
             <div part="container" class="${t}">
                 <ft-button
                     class="ft-snap-scroll--previous"
@@ -1068,4 +1072,4 @@ class Ji extends Ui{constructor(t){if(super(t),this.et=X,t.type!==Ri)throw Error
                     @click=${this.next}
                 ></ft-button>
             </div>
-        `}update(t){super.update(t),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 ur(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var o;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(o=this.listenedContainer)||void 0===o||o.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const o=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<o&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var o,e;t&&(this.horizontal?null===(o=this.contentSlot)||void 0===o||o.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(e=this.contentSlot)||void 0===e||e.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,o;this.elements=null!==(o=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==o?o:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let o=0;o<this.elements.length;o++)(t<0||this.getDistanceFromStart(this.elements[o])<this.getDistanceFromStart(this.elements[t]))&&(t=o);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 o=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-o)}}yr.elementDefinitions={"ft-button":sr},yr.styles=hr,dr([C({type:Boolean})],yr.prototype,"horizontal",void 0),dr([C({type:Boolean})],yr.prototype,"hideScrollbar",void 0),dr([C({type:Boolean})],yr.prototype,"controls",void 0),dr([C({type:Boolean})],yr.prototype,"limitSize",void 0),dr([$()],yr.prototype,"elements",void 0),dr([$()],yr.prototype,"currentElement",void 0),dr([$()],yr.prototype,"withScroll",void 0),dr([$()],yr.prototype,"startReached",void 0),dr([$()],yr.prototype,"endReached",void 0),dr([E(".ft-snap-scroll--content")],yr.prototype,"contentSlot",void 0),I("ft-snap-scroll")(yr),t.CurrentElementChange=ur,t.FtSnapScroll=yr,t.FtSnapScrollCssVariables=fr,t.styles=hr}({});
+        `}update(t){super.update(t),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 yr(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var o;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(o=this.listenedContainer)||void 0===o||o.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const o=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<o&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var o,e;t&&(this.horizontal?null===(o=this.contentSlot)||void 0===o||o.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(e=this.contentSlot)||void 0===e||e.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,o;this.elements=null!==(o=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==o?o:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let o=0;o<this.elements.length;o++)(t<0||this.getDistanceFromStart(this.elements[o])<this.getDistanceFromStart(this.elements[t]))&&(t=o);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 o=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-o)}}gr.elementDefinitions={"ft-button":lr},gr.styles=dr,ur([C({type:Boolean})],gr.prototype,"horizontal",void 0),ur([C({type:Boolean})],gr.prototype,"hideScrollbar",void 0),ur([C({type:Boolean})],gr.prototype,"controls",void 0),ur([C({type:Boolean})],gr.prototype,"limitSize",void 0),ur([$()],gr.prototype,"elements",void 0),ur([$()],gr.prototype,"currentElement",void 0),ur([$()],gr.prototype,"withScroll",void 0),ur([$()],gr.prototype,"startReached",void 0),ur([$()],gr.prototype,"endReached",void 0),ur([E(".ft-snap-scroll--content")],gr.prototype,"contentSlot",void 0),I("ft-snap-scroll")(gr),t.CurrentElementChange=yr,t.FtSnapScroll=gr,t.FtSnapScrollCssVariables=hr,t.styles=dr}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-snap-scroll",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Vertical or horizontal container with snap scrolling.",
   "keywords": [
     "Lit"
@@ -19,9 +19,9 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.1.0",
-    "@fluid-topics/ft-wc-utils": "1.1.0",
+    "@fluid-topics/ft-button": "1.1.2",
+    "@fluid-topics/ft-wc-utils": "1.1.2",
     "lit": "3.1.0"
   },
-  "gitHead": "3f2a051fc84a0e27b942f311efee39954f6d2883"
+  "gitHead": "53ce99f657872582bca43cbb7ad691b239b22823"
 }