@fluid-topics/ft-select 0.3.12 → 0.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,7 +14,7 @@
14
14
  *
15
15
  * @see https://github.com/webcomponents/polyfills/tree/master/packages/scoped-custom-element-registry
16
16
  */
17
- if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,i=window.customElements.get,o=window.customElements,s=new WeakMap,n=new WeakMap,r=new WeakMap,l=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,s){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(s))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const l=s.prototype.attributeChangedCallback,a=new Set(s.observedAttributes||[]);f(s,a,l);const p={elementClass:s,connectedCallback:s.prototype.connectedCallback,disconnectedCallback:s.prototype.disconnectedCallback,adoptedCallback:s.prototype.adoptedCallback,attributeChangedCallback:l,formAssociated:s.formAssociated,formAssociatedCallback:s.prototype.formAssociatedCallback,formDisabledCallback:s.prototype.formDisabledCallback,formResetCallback:s.prototype.formResetCallback,formStateRestoreCallback:s.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,p),this._definitionsByClass.set(s,p);let c=i.call(o,t);c||(c=h(t),e.call(o,t,c)),this===window.customElements&&(r.set(s,p),p.standInClass=c);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),u(t,p,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){x.push(this),o.upgrade.apply(o,arguments),x.pop()}get(t){return this._definitionsByTag.get(t)?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let i=this._whenDefinedPromises.get(t);return void 0===i&&(i={},i.promise=new Promise((t=>i.resolve=t)),this._whenDefinedPromises.set(t,i)),i.promise}_upgradeWhenDefined(t,e,i){let o=this._awaitingUpgrade.get(e);o||this._awaitingUpgrade.set(e,o=new Set),i?o.add(t):o.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const i=r.get(this.constructor);if(!i)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],i.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),s.set(e,i),e},window.HTMLElement.prototype=t.prototype;const p=t=>t===document||t instanceof ShadowRoot,c=t=>{let e=t.getRootNode();if(!p(e)){const t=x[x.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),p(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},h=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=c(i)||window.customElements,s=o._getDefinition(e);return s?u(i,s):n.set(i,o),i}connectedCallback(){const t=s.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=s.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){s.get(this)?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=s.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=s.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=s.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=s.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},f=(t,e,i)=>{if(0===e.size||void 0===i)return;const o=t.prototype.setAttribute;o&&(t.prototype.setAttribute=function(t,s){const n=t.toLowerCase();if(e.has(n)){const t=this.getAttribute(n);o.call(this,n,s),i.call(this,n,t,s)}else o.call(this,n,s)});const s=t.prototype.removeAttribute;s&&(t.prototype.removeAttribute=function(t){const o=t.toLowerCase();if(e.has(o)){const t=this.getAttribute(o);s.call(this,o),i.call(this,o,t,null)}else s.call(this,o)})},d=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):d(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),s.set(t,e),a=t;try{new e.elementClass}catch(t){d(e.elementClass),new e.elementClass}e.observedAttributes.forEach((i=>{t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=y.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let x=[document];const v=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){x.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),x.pop(),t}};v(ShadowRoot,"createElement",document),v(ShadowRoot,"importNode",document),v(Element,"insertAdjacentHTML");const b=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){x.push(this),i.set.call(this,t),x.pop()}})};if(b(Element,"innerHTML"),b(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,i=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...i){const o=e.call(this,...i);return t.set(o,this),o},i.forEach((e=>{const i=window.ElementInternals.prototype,o=i[e];i[e]=function(...e){const i=t.get(this);if(!0!==s.get(i).formAssociated)throw new DOMException(`Failed to execute ${o} on 'ElementInternals': The target element is not a form-associated custom element.`);o?.call(this,...e)}}));class o 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 e=new Map;t.forEach(((t,i)=>{const o=t.getAttribute("name"),s=e.get(o)||[];this[+i]=t,s.push(t),e.set(o,s)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new o(t))}))}namedItem(t){return this[t]}}const r=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=r.get.call(this,[]),e=[];for(const i of t){const t=s.get(i);t&&!0!==t.formAssociated||e.push(i)}return new n(e)}})}}try{window.customElements.define("custom-element",null)}catch(ri){const t=window.customElements.define;window.customElements.define=(e,i,o)=>{try{t.bind(window.customElements)(e,i,o)}catch(t){console.warn(e,i,o,t)}}}class e{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){this.callbacks=[t],this.debounce(e)}queue(t,e){this.callbacks.push(t),this.debounce(e)}cancel(){null!=this._debounce&&window.clearTimeout(this._debounce)}debounce(t){this.cancel(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout)}runCallbacks(){for(let t of this.callbacks)t();this.callbacks=[]}}
17
+ if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,i=window.customElements.get,o=window.customElements,s=new WeakMap,n=new WeakMap,r=new WeakMap,l=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,s){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(s))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const l=s.prototype.attributeChangedCallback,a=new Set(s.observedAttributes||[]);f(s,a,l);const p={elementClass:s,connectedCallback:s.prototype.connectedCallback,disconnectedCallback:s.prototype.disconnectedCallback,adoptedCallback:s.prototype.adoptedCallback,attributeChangedCallback:l,formAssociated:s.formAssociated,formAssociatedCallback:s.prototype.formAssociatedCallback,formDisabledCallback:s.prototype.formDisabledCallback,formResetCallback:s.prototype.formResetCallback,formStateRestoreCallback:s.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,p),this._definitionsByClass.set(s,p);let c=i.call(o,t);c||(c=h(t),e.call(o,t,c)),this===window.customElements&&(r.set(s,p),p.standInClass=c);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),u(t,p,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){x.push(this),o.upgrade.apply(o,arguments),x.pop()}get(t){return this._definitionsByTag.get(t)?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let i=this._whenDefinedPromises.get(t);return void 0===i&&(i={},i.promise=new Promise((t=>i.resolve=t)),this._whenDefinedPromises.set(t,i)),i.promise}_upgradeWhenDefined(t,e,i){let o=this._awaitingUpgrade.get(e);o||this._awaitingUpgrade.set(e,o=new Set),i?o.add(t):o.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const i=r.get(this.constructor);if(!i)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],i.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),s.set(e,i),e},window.HTMLElement.prototype=t.prototype;const p=t=>t===document||t instanceof ShadowRoot,c=t=>{let e=t.getRootNode();if(!p(e)){const t=x[x.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),p(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},h=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=c(i)||window.customElements,s=o._getDefinition(e);return s?u(i,s):n.set(i,o),i}connectedCallback(){const t=s.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=s.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){s.get(this)?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=s.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=s.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=s.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=s.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},f=(t,e,i)=>{if(0===e.size||void 0===i)return;const o=t.prototype.setAttribute;o&&(t.prototype.setAttribute=function(t,s){const n=t.toLowerCase();if(e.has(n)){const t=this.getAttribute(n);o.call(this,n,s),i.call(this,n,t,s)}else o.call(this,n,s)});const s=t.prototype.removeAttribute;s&&(t.prototype.removeAttribute=function(t){const o=t.toLowerCase();if(e.has(o)){const t=this.getAttribute(o);s.call(this,o),i.call(this,o,t,null)}else s.call(this,o)})},d=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):d(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),s.set(t,e),a=t;try{new e.elementClass}catch(t){d(e.elementClass),new e.elementClass}e.observedAttributes.forEach((i=>{t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=y.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let x=[document];const v=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){x.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),x.pop(),t}};v(ShadowRoot,"createElement",document),v(ShadowRoot,"importNode",document),v(Element,"insertAdjacentHTML");const b=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){x.push(this),i.set.call(this,t),x.pop()}})};if(b(Element,"innerHTML"),b(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,i=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...i){const o=e.call(this,...i);return t.set(o,this),o},i.forEach((e=>{const i=window.ElementInternals.prototype,o=i[e];i[e]=function(...e){const i=t.get(this);if(!0!==s.get(i).formAssociated)throw new DOMException(`Failed to execute ${o} on 'ElementInternals': The target element is not a form-associated custom element.`);o?.call(this,...e)}}));class o 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 e=new Map;t.forEach(((t,i)=>{const o=t.getAttribute("name"),s=e.get(o)||[];this[+i]=t,s.push(t),e.set(o,s)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new o(t))}))}namedItem(t){return this[t]}}const r=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=r.get.call(this,[]),e=[];for(const i of t){const t=s.get(i);t&&!0!==t.formAssociated||e.push(i)}return new n(e)}})}}try{window.customElements.define("custom-element",null)}catch(pi){const t=window.customElements.define;window.customElements.define=(e,i,o)=>{try{t.bind(window.customElements)(e,i,o)}catch(t){console.warn(e,i,o,t)}}}class e{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){this.callbacks=[t],this.debounce(e)}queue(t,e){this.callbacks.push(t),this.debounce(e)}cancel(){null!=this._debounce&&window.clearTimeout(this._debounce)}debounce(t){this.cancel(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout)}runCallbacks(){for(let t of this.callbacks)t();this.callbacks=[]}}
18
18
  /**
19
19
  * @license
20
20
  * Copyright 2017 Google LLC
@@ -98,109 +98,225 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
98
98
  * @license
99
99
  * Copyright 2020 Google LLC
100
100
  * SPDX-License-Identifier: BSD-3-Clause
101
- */var At,Bt=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!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"}(At||(At={}));const Dt=ct.extend("--ft-typography-font-family",ft.titleFont),Pt=ct.extend("--ft-typography-font-family",ft.contentFont),Lt={fontFamily:Pt,fontSize:ct.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ct.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ct.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ct.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ct.create("--ft-typography-text-transform","UNKNOWN","inherit")},Tt=ct.extend("--ft-typography-title-font-family",Dt),_t=ct.extend("--ft-typography-title-font-size",Lt.fontSize,"20px"),Wt=ct.extend("--ft-typography-title-font-weight",Lt.fontWeight,"normal"),It=ct.extend("--ft-typography-title-letter-spacing",Lt.letterSpacing,"0.15px"),Ht=ct.extend("--ft-typography-title-line-height",Lt.lineHeight,"1.2"),Kt=ct.extend("--ft-typography-title-text-transform",Lt.textTransform,"inherit"),Zt=ct.extend("--ft-typography-title-dense-font-family",Dt),Vt=ct.extend("--ft-typography-title-dense-font-size",Lt.fontSize,"14px"),Jt=ct.extend("--ft-typography-title-dense-font-weight",Lt.fontWeight,"normal"),qt=ct.extend("--ft-typography-title-dense-letter-spacing",Lt.letterSpacing,"0.105px"),Xt=ct.extend("--ft-typography-title-dense-line-height",Lt.lineHeight,"1.7"),Yt=ct.extend("--ft-typography-title-dense-text-transform",Lt.textTransform,"inherit"),Gt=ct.extend("--ft-typography-subtitle1-font-family",Pt),Qt=ct.extend("--ft-typography-subtitle1-font-size",Lt.fontSize,"16px"),te=ct.extend("--ft-typography-subtitle1-font-weight",Lt.fontWeight,"600"),ee=ct.extend("--ft-typography-subtitle1-letter-spacing",Lt.letterSpacing,"0.144px"),ie=ct.extend("--ft-typography-subtitle1-line-height",Lt.lineHeight,"1.5"),oe=ct.extend("--ft-typography-subtitle1-text-transform",Lt.textTransform,"inherit"),se=ct.extend("--ft-typography-subtitle2-font-family",Pt),ne=ct.extend("--ft-typography-subtitle2-font-size",Lt.fontSize,"14px"),re=ct.extend("--ft-typography-subtitle2-font-weight",Lt.fontWeight,"normal"),le=ct.extend("--ft-typography-subtitle2-letter-spacing",Lt.letterSpacing,"0.098px"),ae=ct.extend("--ft-typography-subtitle2-line-height",Lt.lineHeight,"1.7"),pe=ct.extend("--ft-typography-subtitle2-text-transform",Lt.textTransform,"inherit"),ce={fontFamily:ct.extend("--ft-typography-body1-font-family",Pt),fontSize:ct.extend("--ft-typography-body1-font-size",Lt.fontSize,"16px"),fontWeight:ct.extend("--ft-typography-body1-font-weight",Lt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-body1-letter-spacing",Lt.letterSpacing,"0.496px"),lineHeight:ct.extend("--ft-typography-body1-line-height",Lt.lineHeight,"1.5"),textTransform:ct.extend("--ft-typography-body1-text-transform",Lt.textTransform,"inherit")},he=ct.extend("--ft-typography-body2-font-family",Pt),fe=ct.extend("--ft-typography-body2-font-size",Lt.fontSize,"14px"),de=ct.extend("--ft-typography-body2-font-weight",Lt.fontWeight,"normal"),ue=ct.extend("--ft-typography-body2-letter-spacing",Lt.letterSpacing,"0.252px"),ye=ct.extend("--ft-typography-body2-line-height",Lt.lineHeight,"1.4"),xe=ct.extend("--ft-typography-body2-text-transform",Lt.textTransform,"inherit"),ve={fontFamily:ct.extend("--ft-typography-caption-font-family",Pt),fontSize:ct.extend("--ft-typography-caption-font-size",Lt.fontSize,"12px"),fontWeight:ct.extend("--ft-typography-caption-font-weight",Lt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-caption-letter-spacing",Lt.letterSpacing,"0.396px"),lineHeight:ct.extend("--ft-typography-caption-line-height",Lt.lineHeight,"1.33"),textTransform:ct.extend("--ft-typography-caption-text-transform",Lt.textTransform,"inherit")},be=ct.extend("--ft-typography-breadcrumb-font-family",Pt),ge=ct.extend("--ft-typography-breadcrumb-font-size",Lt.fontSize,"10px"),me=ct.extend("--ft-typography-breadcrumb-font-weight",Lt.fontWeight,"normal"),$e=ct.extend("--ft-typography-breadcrumb-letter-spacing",Lt.letterSpacing,"0.33px"),we=ct.extend("--ft-typography-breadcrumb-line-height",Lt.lineHeight,"1.6"),Oe=ct.extend("--ft-typography-breadcrumb-text-transform",Lt.textTransform,"inherit"),Se=ct.extend("--ft-typography-overline-font-family",Pt),ke=ct.extend("--ft-typography-overline-font-size",Lt.fontSize,"10px"),Ee=ct.extend("--ft-typography-overline-font-weight",Lt.fontWeight,"normal"),Ne=ct.extend("--ft-typography-overline-letter-spacing",Lt.letterSpacing,"1.5px"),Ce=ct.extend("--ft-typography-overline-line-height",Lt.lineHeight,"1.6"),Re=ct.extend("--ft-typography-overline-text-transform",Lt.textTransform,"uppercase"),Me=ct.extend("--ft-typography-button-font-family",Pt),Ue=ct.extend("--ft-typography-button-font-size",Lt.fontSize,"14px"),ze=ct.extend("--ft-typography-button-font-weight",Lt.fontWeight,"600"),Fe=ct.extend("--ft-typography-button-letter-spacing",Lt.letterSpacing,"1.246px"),je=ct.extend("--ft-typography-button-line-height",Lt.lineHeight,"1.15"),Ae=ct.extend("--ft-typography-button-text-transform",Lt.textTransform,"uppercase"),Be=d`
101
+ */var At;!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"}(At||(At={}));const Bt=ct.extend("--ft-typography-font-family",ft.titleFont),Dt=ct.extend("--ft-typography-font-family",ft.contentFont),Pt={fontFamily:Dt,fontSize:ct.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ct.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ct.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ct.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ct.create("--ft-typography-text-transform","UNKNOWN","inherit")},Lt=ct.extend("--ft-typography-title-font-family",Bt),Tt=ct.extend("--ft-typography-title-font-size",Pt.fontSize,"20px"),_t=ct.extend("--ft-typography-title-font-weight",Pt.fontWeight,"normal"),Wt=ct.extend("--ft-typography-title-letter-spacing",Pt.letterSpacing,"0.15px"),It=ct.extend("--ft-typography-title-line-height",Pt.lineHeight,"1.2"),Ht=ct.extend("--ft-typography-title-text-transform",Pt.textTransform,"inherit"),Kt=ct.extend("--ft-typography-title-dense-font-family",Bt),Zt=ct.extend("--ft-typography-title-dense-font-size",Pt.fontSize,"14px"),Vt=ct.extend("--ft-typography-title-dense-font-weight",Pt.fontWeight,"normal"),Jt=ct.extend("--ft-typography-title-dense-letter-spacing",Pt.letterSpacing,"0.105px"),qt=ct.extend("--ft-typography-title-dense-line-height",Pt.lineHeight,"1.7"),Xt=ct.extend("--ft-typography-title-dense-text-transform",Pt.textTransform,"inherit"),Yt=ct.extend("--ft-typography-subtitle1-font-family",Dt),Gt=ct.extend("--ft-typography-subtitle1-font-size",Pt.fontSize,"16px"),Qt=ct.extend("--ft-typography-subtitle1-font-weight",Pt.fontWeight,"600"),te=ct.extend("--ft-typography-subtitle1-letter-spacing",Pt.letterSpacing,"0.144px"),ee=ct.extend("--ft-typography-subtitle1-line-height",Pt.lineHeight,"1.5"),ie=ct.extend("--ft-typography-subtitle1-text-transform",Pt.textTransform,"inherit"),oe=ct.extend("--ft-typography-subtitle2-font-family",Dt),se=ct.extend("--ft-typography-subtitle2-font-size",Pt.fontSize,"14px"),ne=ct.extend("--ft-typography-subtitle2-font-weight",Pt.fontWeight,"normal"),re=ct.extend("--ft-typography-subtitle2-letter-spacing",Pt.letterSpacing,"0.098px"),le=ct.extend("--ft-typography-subtitle2-line-height",Pt.lineHeight,"1.7"),ae=ct.extend("--ft-typography-subtitle2-text-transform",Pt.textTransform,"inherit"),pe={fontFamily:ct.extend("--ft-typography-body1-font-family",Dt),fontSize:ct.extend("--ft-typography-body1-font-size",Pt.fontSize,"16px"),fontWeight:ct.extend("--ft-typography-body1-font-weight",Pt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-body1-letter-spacing",Pt.letterSpacing,"0.496px"),lineHeight:ct.extend("--ft-typography-body1-line-height",Pt.lineHeight,"1.5"),textTransform:ct.extend("--ft-typography-body1-text-transform",Pt.textTransform,"inherit")},ce=ct.extend("--ft-typography-body2-font-family",Dt),he=ct.extend("--ft-typography-body2-font-size",Pt.fontSize,"14px"),fe=ct.extend("--ft-typography-body2-font-weight",Pt.fontWeight,"normal"),de=ct.extend("--ft-typography-body2-letter-spacing",Pt.letterSpacing,"0.252px"),ue=ct.extend("--ft-typography-body2-line-height",Pt.lineHeight,"1.4"),ye=ct.extend("--ft-typography-body2-text-transform",Pt.textTransform,"inherit"),xe={fontFamily:ct.extend("--ft-typography-caption-font-family",Dt),fontSize:ct.extend("--ft-typography-caption-font-size",Pt.fontSize,"12px"),fontWeight:ct.extend("--ft-typography-caption-font-weight",Pt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-caption-letter-spacing",Pt.letterSpacing,"0.396px"),lineHeight:ct.extend("--ft-typography-caption-line-height",Pt.lineHeight,"1.33"),textTransform:ct.extend("--ft-typography-caption-text-transform",Pt.textTransform,"inherit")},ve=ct.extend("--ft-typography-breadcrumb-font-family",Dt),be=ct.extend("--ft-typography-breadcrumb-font-size",Pt.fontSize,"10px"),ge=ct.extend("--ft-typography-breadcrumb-font-weight",Pt.fontWeight,"normal"),me=ct.extend("--ft-typography-breadcrumb-letter-spacing",Pt.letterSpacing,"0.33px"),$e=ct.extend("--ft-typography-breadcrumb-line-height",Pt.lineHeight,"1.6"),we=ct.extend("--ft-typography-breadcrumb-text-transform",Pt.textTransform,"inherit"),Oe=ct.extend("--ft-typography-overline-font-family",Dt),Se=ct.extend("--ft-typography-overline-font-size",Pt.fontSize,"10px"),ke=ct.extend("--ft-typography-overline-font-weight",Pt.fontWeight,"normal"),Ee=ct.extend("--ft-typography-overline-letter-spacing",Pt.letterSpacing,"1.5px"),Ne=ct.extend("--ft-typography-overline-line-height",Pt.lineHeight,"1.6"),Ce=ct.extend("--ft-typography-overline-text-transform",Pt.textTransform,"uppercase"),Re=ct.extend("--ft-typography-button-font-family",Dt),Me=ct.extend("--ft-typography-button-font-size",Pt.fontSize,"14px"),Ue=ct.extend("--ft-typography-button-font-weight",Pt.fontWeight,"600"),ze=ct.extend("--ft-typography-button-letter-spacing",Pt.letterSpacing,"1.246px"),Fe=ct.extend("--ft-typography-button-line-height",Pt.lineHeight,"1.15"),je=ct.extend("--ft-typography-button-text-transform",Pt.textTransform,"uppercase"),Ae=d`
102
102
  .ft-typography--title {
103
- font-family: ${Tt};
104
- font-size: ${_t};
105
- font-weight: ${Wt};
106
- letter-spacing: ${It};
107
- line-height: ${Ht};
108
- text-transform: ${Kt};
103
+ font-family: ${Lt};
104
+ font-size: ${Tt};
105
+ font-weight: ${_t};
106
+ letter-spacing: ${Wt};
107
+ line-height: ${It};
108
+ text-transform: ${Ht};
109
109
  }
110
- `,De=d`
110
+ `,Be=d`
111
111
  .ft-typography--title-dense {
112
- font-family: ${Zt};
113
- font-size: ${Vt};
114
- font-weight: ${Jt};
115
- letter-spacing: ${qt};
116
- line-height: ${Xt};
117
- text-transform: ${Yt};
112
+ font-family: ${Kt};
113
+ font-size: ${Zt};
114
+ font-weight: ${Vt};
115
+ letter-spacing: ${Jt};
116
+ line-height: ${qt};
117
+ text-transform: ${Xt};
118
118
  }
119
- `,Pe=d`
119
+ `,De=d`
120
120
  .ft-typography--subtitle1 {
121
- font-family: ${Gt};
122
- font-size: ${Qt};
123
- font-weight: ${te};
124
- letter-spacing: ${ee};
125
- line-height: ${ie};
126
- text-transform: ${oe};
121
+ font-family: ${Yt};
122
+ font-size: ${Gt};
123
+ font-weight: ${Qt};
124
+ letter-spacing: ${te};
125
+ line-height: ${ee};
126
+ text-transform: ${ie};
127
127
  }
128
- `,Le=d`
128
+ `,Pe=d`
129
129
  .ft-typography--subtitle2 {
130
- font-family: ${se};
131
- font-size: ${ne};
132
- font-weight: ${re};
133
- letter-spacing: ${le};
134
- line-height: ${ae};
135
- text-transform: ${pe};
130
+ font-family: ${oe};
131
+ font-size: ${se};
132
+ font-weight: ${ne};
133
+ letter-spacing: ${re};
134
+ line-height: ${le};
135
+ text-transform: ${ae};
136
136
  }
137
137
 
138
- `,Te=d`
138
+ `,Le=d`
139
139
  .ft-typography--body1 {
140
- font-family: ${ce.fontFamily};
141
- font-size: ${ce.fontSize};
142
- font-weight: ${ce.fontWeight};
143
- letter-spacing: ${ce.letterSpacing};
144
- line-height: ${ce.lineHeight};
145
- text-transform: ${ce.textTransform};
140
+ font-family: ${pe.fontFamily};
141
+ font-size: ${pe.fontSize};
142
+ font-weight: ${pe.fontWeight};
143
+ letter-spacing: ${pe.letterSpacing};
144
+ line-height: ${pe.lineHeight};
145
+ text-transform: ${pe.textTransform};
146
146
  }
147
- `,_e=d`
147
+ `,Te=d`
148
148
  .ft-typography--body2 {
149
- font-family: ${he};
150
- font-size: ${fe};
151
- font-weight: ${de};
152
- letter-spacing: ${ue};
153
- line-height: ${ye};
154
- text-transform: ${xe};
149
+ font-family: ${ce};
150
+ font-size: ${he};
151
+ font-weight: ${fe};
152
+ letter-spacing: ${de};
153
+ line-height: ${ue};
154
+ text-transform: ${ye};
155
155
  }
156
- `,We=d`
156
+ `,_e=d`
157
157
  .ft-typography--caption {
158
- font-family: ${ve.fontFamily};
159
- font-size: ${ve.fontSize};
160
- font-weight: ${ve.fontWeight};
161
- letter-spacing: ${ve.letterSpacing};
162
- line-height: ${ve.lineHeight};
163
- text-transform: ${ve.textTransform};
158
+ font-family: ${xe.fontFamily};
159
+ font-size: ${xe.fontSize};
160
+ font-weight: ${xe.fontWeight};
161
+ letter-spacing: ${xe.letterSpacing};
162
+ line-height: ${xe.lineHeight};
163
+ text-transform: ${xe.textTransform};
164
164
  }
165
- `,Ie=d`
165
+ `,We=d`
166
166
  .ft-typography--breadcrumb {
167
- font-family: ${be};
168
- font-size: ${ge};
169
- font-weight: ${me};
170
- letter-spacing: ${$e};
171
- line-height: ${we};
172
- text-transform: ${Oe};
167
+ font-family: ${ve};
168
+ font-size: ${be};
169
+ font-weight: ${ge};
170
+ letter-spacing: ${me};
171
+ line-height: ${$e};
172
+ text-transform: ${we};
173
173
  }
174
- `,He=d`
174
+ `,Ie=d`
175
175
  .ft-typography--overline {
176
- font-family: ${Se};
177
- font-size: ${ke};
178
- font-weight: ${Ee};
179
- letter-spacing: ${Ne};
180
- line-height: ${Ce};
181
- text-transform: ${Re};
176
+ font-family: ${Oe};
177
+ font-size: ${Se};
178
+ font-weight: ${ke};
179
+ letter-spacing: ${Ee};
180
+ line-height: ${Ne};
181
+ text-transform: ${Ce};
182
182
  }
183
- `,Ke=d`
183
+ `,He=d`
184
184
  .ft-typography--button {
185
- font-family: ${Me};
186
- font-size: ${Ue};
187
- font-weight: ${ze};
188
- letter-spacing: ${Fe};
189
- line-height: ${je};
190
- text-transform: ${Ae};
191
- }
192
- `;class Ze extends xt{constructor(){super(...arguments),this.variant=At.body1}render(){return this.element?jt`
185
+ font-family: ${Re};
186
+ font-size: ${Me};
187
+ font-weight: ${Ue};
188
+ letter-spacing: ${ze};
189
+ line-height: ${Fe};
190
+ text-transform: ${je};
191
+ }
192
+ `,Ke=d`
193
+ .ft-typography {
194
+ vertical-align: inherit;
195
+ }
196
+ `;var Ze=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ve extends xt{constructor(){super(...arguments),this.variant=At.body1}render(){return this.element?jt`
193
197
  <${zt(this.element)}
194
198
  class="ft-typography ft-typography--${this.variant}">
195
199
  <slot></slot>
196
200
  </${zt(this.element)}>
197
201
  `:jt`
198
202
  <slot class="ft-typography ft-typography--${this.variant}"></slot>
199
- `}}Ze.styles=[Be,De,Pe,Le,Te,_e,We,Ie,He,Ke,d`
200
- .ft-typography {
201
- vertical-align: inherit;
202
- }
203
- `],Bt([o()],Ze.prototype,"element",void 0),Bt([o()],Ze.prototype,"variant",void 0),l("ft-typography")(Ze);var Ve=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Je={fontSize:ct.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:ct.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:ct.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:ct.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:ct.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:ct.extend("--ft-input-label-border-color",ft.colorOutline),textColor:ct.extend("--ft-input-label-text-color",ft.colorOnSurfaceMedium),disabledTextColor:ct.extend("--ft-input-label-disabled-text-color",ft.colorOnSurfaceDisabled),colorSurface:ct.external(ft.colorSurface,"Design system"),borderRadiusS:ct.external(ft.borderRadiusS,"Design system"),colorError:ct.external(ft.colorError,"Design system")};class qe extends xt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return W`
203
+ `}}Ve.styles=[Ae,Be,De,Pe,Le,Te,_e,We,Ie,He,Ke],Ze([o()],Ve.prototype,"element",void 0),Ze([o()],Ve.prototype,"variant",void 0),l("ft-typography")(Ve);const Je={fontSize:ct.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:ct.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:ct.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:ct.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:ct.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:ct.extend("--ft-input-label-border-color",ft.colorOutline),textColor:ct.extend("--ft-input-label-text-color",ft.colorOnSurfaceMedium),disabledTextColor:ct.extend("--ft-input-label-disabled-text-color",ft.colorOnSurfaceDisabled),colorSurface:ct.external(ft.colorSurface,"Design system"),borderRadiusS:ct.external(ft.borderRadiusS,"Design system"),colorError:ct.external(ft.colorError,"Design system")},qe=d`
204
+ .ft-input-label {
205
+ position: absolute;
206
+ inset: 0;
207
+ display: flex;
208
+ background-color: ${Je.colorSurface};
209
+ border-radius: ${Je.borderRadiusS} ${Je.borderRadiusS} 0 0;
210
+ }
211
+
212
+ .ft-input-label--outlined {
213
+ border-radius: ${Je.borderRadiusS};
214
+ }
215
+
216
+ .ft-input-label {
217
+ border-color: ${Je.borderColor};
218
+ }
219
+
220
+ .ft-input-label.ft-input-label--in-error {
221
+ border-color: ${Je.colorError}
222
+ }
223
+
224
+ .ft-input-label:before,
225
+ .ft-input-label:after {
226
+ content: "";
227
+ display: flex;
228
+ border-bottom-width: 1px;
229
+ border-bottom-style: solid;
230
+ border-color: inherit;
231
+ }
232
+
233
+ .ft-input-label:before {
234
+ width: ${Je.horizontalSpacing};
235
+ flex-shrink: 0;
236
+ }
237
+
238
+ .ft-input-label:after {
239
+ flex-grow: 1;
240
+ flex-shrink: 1;
241
+ }
242
+
243
+ .ft-input-label--text {
244
+ display: flex;
245
+ flex-shrink: 1;
246
+ position: relative;
247
+ border-bottom-width: 1px;
248
+ border-bottom-style: solid;
249
+ border-color: inherit;
250
+ color: ${Je.textColor};
251
+ transition: font-size 250ms, line-height 250ms, color 250ms;
252
+ ${ht(xe.fontSize,Je.fontSize)};
253
+ ${ht(xe.lineHeight,Je.fontSize)};
254
+ }
255
+
256
+ .ft-input-label--in-error .ft-input-label--text {
257
+ color: ${Je.colorError}
258
+ }
259
+
260
+ .ft-input-label--disabled .ft-input-label--text {
261
+ color: ${Je.disabledTextColor};
262
+ }
263
+
264
+ .ft-input-label--hidden-text {
265
+ padding: 0 4px;
266
+ opacity: 0;
267
+ }
268
+
269
+ .ft-input-label--floating-text {
270
+ position: absolute;
271
+ top: calc(50% - var(--ft-typography-caption-line-height) / 2);
272
+ transition: top 250ms;
273
+ overflow: hidden;
274
+ white-space: nowrap;
275
+ text-overflow: ellipsis;
276
+ padding: ${Je.verticalSpacing} 4px;
277
+ margin: calc(${Je.verticalSpacing} * -1) 0;
278
+ }
279
+
280
+ .ft-input-label--raised .ft-input-label--text {
281
+ ${ht(xe.fontSize,Je.raisedFontSize)};
282
+ ${ht(xe.lineHeight,Je.raisedFontSize)};
283
+ }
284
+
285
+ .ft-input-label--raised .ft-input-label--floating-text {
286
+ top: ${Je.verticalSpacing};
287
+ }
288
+
289
+ .ft-input-label--outlined .ft-input-label--text,
290
+ .ft-input-label--outlined:before,
291
+ .ft-input-label--outlined:after {
292
+ border-top-width: 1px;
293
+ border-top-style: solid;
294
+ }
295
+
296
+ .ft-input-label--outlined:before {
297
+ border-left-width: 1px;
298
+ border-left-style: solid;
299
+ border-radius: ${Je.borderRadiusS} 0 0 ${Je.borderRadiusS};
300
+ }
301
+
302
+ .ft-input-label--outlined:after {
303
+ border-right-width: 1px;
304
+ border-right-style: solid;
305
+ border-radius: 0 ${Je.borderRadiusS} ${Je.borderRadiusS} 0;
306
+ }
307
+
308
+ .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
309
+ padding: 2px 4px;
310
+ z-index: ${Je.raisedZIndex};
311
+ background-color: ${Je.colorSurface};
312
+ border-radius: ${Je.borderRadiusS};
313
+ top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
314
+ }
315
+
316
+ .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
317
+ border-top: none;
318
+ }
319
+ `;var Xe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ye extends xt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return W`
204
320
  <div class="${$t(t)}">
205
321
  ${this.text?W`
206
322
  <div class="ft-input-label--text ft-typography--caption">
@@ -209,123 +325,96 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
209
325
  </div>
210
326
  `:null}
211
327
  </div>
212
- `}}qe.elementDefinitions={},qe.styles=[We,d`
213
- .ft-input-label {
214
- position: absolute;
215
- inset: 0;
216
- display: flex;
217
- background-color: ${Je.colorSurface};
218
- border-radius: ${Je.borderRadiusS} ${Je.borderRadiusS} 0 0;
219
- }
220
-
221
- .ft-input-label--outlined {
222
- border-radius: ${Je.borderRadiusS};
223
- }
224
-
225
- .ft-input-label {
226
- border-color: ${Je.borderColor};
227
- }
228
-
229
- .ft-input-label.ft-input-label--in-error {
230
- border-color: ${Je.colorError}
231
- }
232
-
233
- .ft-input-label:before,
234
- .ft-input-label:after {
235
- content: "";
236
- display: flex;
237
- border-bottom-width: 1px;
238
- border-bottom-style: solid;
239
- border-color: inherit;
240
- }
241
-
242
- .ft-input-label:before {
243
- width: ${Je.horizontalSpacing};
244
- flex-shrink: 0;
245
- }
246
-
247
- .ft-input-label:after {
248
- flex-grow: 1;
249
- flex-shrink: 1;
250
- }
251
-
252
- .ft-input-label--text {
253
- display: flex;
254
- flex-shrink: 1;
255
- position: relative;
256
- border-bottom-width: 1px;
257
- border-bottom-style: solid;
258
- border-color: inherit;
259
- color: ${Je.textColor};
260
- transition: font-size 250ms, line-height 250ms, color 250ms;
261
- ${ht(ve.fontSize,Je.fontSize)};
262
- ${ht(ve.lineHeight,Je.fontSize)};
263
- }
264
-
265
- .ft-input-label--in-error .ft-input-label--text {
266
- color: ${Je.colorError}
267
- }
268
-
269
- .ft-input-label--disabled .ft-input-label--text {
270
- color: ${Je.disabledTextColor};
271
- }
272
-
273
- .ft-input-label--hidden-text {
274
- padding: 0 4px;
275
- opacity: 0;
276
- }
277
-
278
- .ft-input-label--floating-text {
279
- position: absolute;
280
- top: calc(50% - var(--ft-typography-caption-line-height) / 2);
281
- transition: top 250ms;
282
- overflow: hidden;
283
- white-space: nowrap;
284
- text-overflow: ellipsis;
285
- padding: ${Je.verticalSpacing} 4px;
286
- margin: calc(${Je.verticalSpacing} * -1) 0;
287
- }
288
-
289
- .ft-input-label--raised .ft-input-label--text {
290
- ${ht(ve.fontSize,Je.raisedFontSize)};
291
- ${ht(ve.lineHeight,Je.raisedFontSize)};
292
- }
293
-
294
- .ft-input-label--raised .ft-input-label--floating-text {
295
- top: ${Je.verticalSpacing};
296
- }
297
-
298
- .ft-input-label--outlined .ft-input-label--text,
299
- .ft-input-label--outlined:before,
300
- .ft-input-label--outlined:after {
301
- border-top-width: 1px;
302
- border-top-style: solid;
303
- }
304
-
305
- .ft-input-label--outlined:before {
306
- border-left-width: 1px;
307
- border-left-style: solid;
308
- border-radius: ${Je.borderRadiusS} 0 0 ${Je.borderRadiusS};
309
- }
310
-
311
- .ft-input-label--outlined:after {
312
- border-right-width: 1px;
313
- border-right-style: solid;
314
- border-radius: 0 ${Je.borderRadiusS} ${Je.borderRadiusS} 0;
315
- }
316
-
317
- .ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
318
- padding: 2px 4px;
319
- z-index: ${Je.raisedZIndex};
320
- background-color: ${Je.colorSurface};
321
- border-radius: ${Je.borderRadiusS};
322
- top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
323
- }
324
-
325
- .ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
326
- border-top: none;
327
- }
328
- `],Ve([o({type:String})],qe.prototype,"text",void 0),Ve([o({type:Boolean})],qe.prototype,"raised",void 0),Ve([o({type:Boolean})],qe.prototype,"outlined",void 0),Ve([o({type:Boolean})],qe.prototype,"disabled",void 0),Ve([o({type:Boolean})],qe.prototype,"error",void 0),l("ft-input-label")(qe);var Xe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Ye=ct.extend("--ft-ripple-color",ft.colorContent),Ge={color:Ye,backgroundColor:ct.extend("--ft-ripple-background-color",Ye),opacityContentOnSurfacePressed:ct.external(ft.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:ct.external(ft.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:ct.external(ft.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:ct.external(ft.opacityContentOnSurfaceSelected,"Design system")},Qe=ct.extend("--ft-ripple-color",ft.colorPrimary),ti=Qe,ei=ct.extend("--ft-ripple-background-color",Qe),ii=ct.extend("--ft-ripple-color",ft.colorSecondary),oi=ii,si=ct.extend("--ft-ripple-background-color",ii);class ni extends xt{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new e(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.moveRipple=t=>{var e,i;let{x:o,y:s}=this.getCoordinates(t),n=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-n.x:n.width/2),this.originY=Math.round(null!=s?s-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.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 W`
328
+ `}}Ye.elementDefinitions={},Ye.styles=[_e,qe],Xe([o({type:String})],Ye.prototype,"text",void 0),Xe([o({type:Boolean})],Ye.prototype,"raised",void 0),Xe([o({type:Boolean})],Ye.prototype,"outlined",void 0),Xe([o({type:Boolean})],Ye.prototype,"disabled",void 0),Xe([o({type:Boolean})],Ye.prototype,"error",void 0),l("ft-input-label")(Ye);const Ge=ct.extend("--ft-ripple-color",ft.colorContent),Qe={color:Ge,backgroundColor:ct.extend("--ft-ripple-background-color",Ge),opacityContentOnSurfacePressed:ct.external(ft.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:ct.external(ft.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:ct.external(ft.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:ct.external(ft.opacityContentOnSurfaceSelected,"Design system")},ti=ct.extend("--ft-ripple-color",ft.colorPrimary),ei=ti,ii=ct.extend("--ft-ripple-background-color",ti),oi=ct.extend("--ft-ripple-color",ft.colorSecondary),si=oi,ni=ct.extend("--ft-ripple-background-color",oi),ri=d`
329
+ :host {
330
+ display: contents;
331
+ }
332
+
333
+ .ft-ripple {
334
+ position: absolute;
335
+ inset: 0;
336
+ pointer-events: none;
337
+ }
338
+
339
+ .ft-ripple:not(.ft-ripple--unbounded) {
340
+ overflow: hidden;
341
+ }
342
+
343
+ .ft-ripple .ft-ripple--background,
344
+ .ft-ripple .ft-ripple--effect {
345
+ position: absolute;
346
+ opacity: 0;
347
+ }
348
+
349
+ .ft-ripple .ft-ripple--background {
350
+ background-color: ${Qe.backgroundColor};
351
+ }
352
+
353
+ .ft-ripple .ft-ripple--effect {
354
+ background-color: ${Qe.color};
355
+ }
356
+
357
+ .ft-ripple.ft-ripple--secondary .ft-ripple--background {
358
+ background-color: ${ni};
359
+ }
360
+
361
+ .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
362
+ background-color: ${si};
363
+ }
364
+
365
+ .ft-ripple.ft-ripple--primary .ft-ripple--background {
366
+ background-color: ${ii};
367
+ }
368
+
369
+ .ft-ripple.ft-ripple--primary .ft-ripple--effect {
370
+ background-color: ${ei};
371
+ }
372
+
373
+ .ft-ripple .ft-ripple--background {
374
+ top: 0;
375
+ left: 0;
376
+ height: 100%;
377
+ width: 100%;
378
+ transition: opacity 75ms linear;
379
+ }
380
+
381
+ .ft-ripple .ft-ripple--effect,
382
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
383
+ border-radius: 50%;
384
+ }
385
+
386
+ .ft-ripple .ft-ripple--effect {
387
+ transform: translate(-50%, -50%) scale(0.15);
388
+ transition: transform 300ms ease, opacity 75ms linear;
389
+ }
390
+
391
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--effect,
392
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
393
+ left: 50%;
394
+ top: 50%;
395
+ }
396
+
397
+ .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
398
+ transform: translate(-50%, -50%);
399
+ }
400
+
401
+ .ft-ripple.ft-ripple--hovered .ft-ripple--background {
402
+ opacity: ${Qe.opacityContentOnSurfaceHover};
403
+ }
404
+
405
+ .ft-ripple.ft-ripple--selected .ft-ripple--background {
406
+ opacity: ${Qe.opacityContentOnSurfaceSelected};
407
+ }
408
+
409
+ .ft-ripple.ft-ripple--focused .ft-ripple--background {
410
+ opacity: ${Qe.opacityContentOnSurfaceFocused};
411
+ }
412
+
413
+ .ft-ripple.ft-ripple--pressed .ft-ripple--effect {
414
+ opacity: ${Qe.opacityContentOnSurfacePressed};
415
+ transform: translate(-50%, -50%) scale(1);
416
+ }
417
+ `;var li=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class ai extends xt{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new e(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.moveRipple=t=>{var e,i;let{x:o,y:s}=this.getCoordinates(t),n=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-n.x:n.width/2),this.originY=Math.round(null!=s?s-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.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 W`
329
418
  <style>
330
419
  .ft-ripple .ft-ripple--effect,
331
420
  .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
@@ -342,144 +431,202 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
342
431
  <div class="ft-ripple--background"></div>
343
432
  <div class="ft-ripple--effect"></div>
344
433
  </div>
345
- `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const e=t,i=t;let o,s;return null!=e.x?({x:o,y:s}=e):null!=i.touches&&(o=i.touches[0].clientX,s=i.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}ni.elementDefinitions={},ni.styles=d`
346
- :host {
347
- display: contents;
348
- }
349
-
350
- .ft-ripple {
351
- position: absolute;
352
- inset: 0;
353
- pointer-events: none;
354
- }
355
-
356
- .ft-ripple:not(.ft-ripple--unbounded) {
357
- overflow: hidden;
358
- }
359
-
360
- .ft-ripple .ft-ripple--background,
361
- .ft-ripple .ft-ripple--effect {
362
- position: absolute;
363
- opacity: 0;
364
- }
365
-
366
- .ft-ripple .ft-ripple--background {
367
- background-color: ${Ge.backgroundColor};
368
- }
369
-
370
- .ft-ripple .ft-ripple--effect {
371
- background-color: ${Ge.color};
372
- }
373
-
374
- .ft-ripple.ft-ripple--secondary .ft-ripple--background {
375
- background-color: ${si};
376
- }
377
-
378
- .ft-ripple.ft-ripple--secondary .ft-ripple--effect {
379
- background-color: ${oi};
380
- }
381
-
382
- .ft-ripple.ft-ripple--primary .ft-ripple--background {
383
- background-color: ${ei};
384
- }
385
-
386
- .ft-ripple.ft-ripple--primary .ft-ripple--effect {
387
- background-color: ${ti};
388
- }
389
-
390
- .ft-ripple .ft-ripple--background {
391
- top: 0;
392
- left: 0;
393
- height: 100%;
394
- width: 100%;
395
- transition: opacity 75ms linear;
396
- }
397
-
398
- .ft-ripple .ft-ripple--effect,
399
- .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
400
- border-radius: 50%;
401
- }
402
-
403
- .ft-ripple .ft-ripple--effect {
404
- transform: translate(-50%, -50%) scale(0.15);
405
- transition: transform 300ms ease, opacity 75ms linear;
406
- }
407
-
408
- .ft-ripple.ft-ripple--unbounded .ft-ripple--effect,
409
- .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
410
- left: 50%;
411
- top: 50%;
412
- }
413
-
414
- .ft-ripple.ft-ripple--unbounded .ft-ripple--background {
415
- transform: translate(-50%, -50%);
416
- }
417
-
418
- .ft-ripple.ft-ripple--hovered .ft-ripple--background {
419
- opacity: ${Ge.opacityContentOnSurfaceHover};
420
- }
421
-
422
- .ft-ripple.ft-ripple--selected .ft-ripple--background {
423
- opacity: ${Ge.opacityContentOnSurfaceSelected};
424
- }
425
-
426
- .ft-ripple.ft-ripple--focused .ft-ripple--background {
427
- opacity: ${Ge.opacityContentOnSurfaceFocused};
428
- }
429
-
430
- .ft-ripple.ft-ripple--pressed .ft-ripple--effect {
431
- opacity: ${Ge.opacityContentOnSurfacePressed};
432
- transform: translate(-50%, -50%) scale(1);
433
- }
434
- `,Xe([o({type:Boolean})],ni.prototype,"primary",void 0),Xe([o({type:Boolean})],ni.prototype,"secondary",void 0),Xe([o({type:Boolean})],ni.prototype,"unbounded",void 0),Xe([o({type:Boolean})],ni.prototype,"activated",void 0),Xe([o({type:Boolean})],ni.prototype,"selected",void 0),Xe([o({type:Boolean})],ni.prototype,"disabled",void 0),Xe([s()],ni.prototype,"hovered",void 0),Xe([s()],ni.prototype,"focused",void 0),Xe([s()],ni.prototype,"pressed",void 0),Xe([s()],ni.prototype,"rippling",void 0),Xe([s()],ni.prototype,"rippleSize",void 0),Xe([s()],ni.prototype,"originX",void 0),Xe([s()],ni.prototype,"originY",void 0),Xe([n(".ft-ripple")],ni.prototype,"ripple",void 0),Xe([n(".ft-ripple--effect")],ni.prototype,"rippleEffect",void 0),l("ft-ripple")(ni);
434
+ `}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const e=t,i=t;let o,s;return null!=e.x?({x:o,y:s}=e):null!=i.touches&&(o=i.touches[0].clientX,s=i.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}ai.elementDefinitions={},ai.styles=ri,li([o({type:Boolean})],ai.prototype,"primary",void 0),li([o({type:Boolean})],ai.prototype,"secondary",void 0),li([o({type:Boolean})],ai.prototype,"unbounded",void 0),li([o({type:Boolean})],ai.prototype,"activated",void 0),li([o({type:Boolean})],ai.prototype,"selected",void 0),li([o({type:Boolean})],ai.prototype,"disabled",void 0),li([s()],ai.prototype,"hovered",void 0),li([s()],ai.prototype,"focused",void 0),li([s()],ai.prototype,"pressed",void 0),li([s()],ai.prototype,"rippling",void 0),li([s()],ai.prototype,"rippleSize",void 0),li([s()],ai.prototype,"originX",void 0),li([s()],ai.prototype,"originY",void 0),li([n(".ft-ripple")],ai.prototype,"ripple",void 0),li([n(".ft-ripple--effect")],ai.prototype,"rippleEffect",void 0),l("ft-ripple")(ai);
435
435
  /**
436
436
  * @license
437
437
  * Copyright 2017 Google LLC
438
438
  * SPDX-License-Identifier: BSD-3-Clause
439
439
  */
440
- class ri extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===H||null==t)return this._t=void 0,this.it=t;if(t===I)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ri.directiveName="unsafeHTML",ri.resultType=1;const li=gt(ri);var ai,pi;!function(t){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.STAR_PLAIN="&#xe94b;",t.STAR="&#xe94c;",t.THUMBS_DOWN_PLAIN="&#xe94d;",t.THUMBS_DOWN="&#xe94e;",t.THUMBS_UP_PLAIN="&#xe94f;",t.THUMBS_UP="&#xe950;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe900;",t.EYE="\f06e",t.DISC="&#xe901;",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="&#xe902;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe90f;",t.ADMIN_USERS="&#xe910;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe912;"}(ai||(ai={})),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;"}(pi||(pi={})),new Map([...["abw"].map((t=>[t,pi.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,pi.AUDIO])),...["avi"].map((t=>[t,pi.AVI])),...["chm","xhs"].map((t=>[t,pi.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,pi.CODE])),...["csv"].map((t=>[t,pi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,pi.DITA])),...["epub"].map((t=>[t,pi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,pi.EXCEL])),...["flac"].map((t=>[t,pi.FLAC])),...["gif"].map((t=>[t,pi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,pi.GZIP])),...["html","htm","xhtml"].map((t=>[t,pi.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,pi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,pi.JPEG])),...["json"].map((t=>[t,pi.JSON])),...["m4a","m4p"].map((t=>[t,pi.M4A])),...["mov","qt"].map((t=>[t,pi.MOV])),...["mp3"].map((t=>[t,pi.MP3])),...["mp4","m4v"].map((t=>[t,pi.MP4])),...["ogg","oga"].map((t=>[t,pi.OGG])),...["pdf","ps"].map((t=>[t,pi.PDF])),...["png"].map((t=>[t,pi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,pi.POWERPOINT])),...["rar"].map((t=>[t,pi.RAR])),...["stp"].map((t=>[t,pi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,pi.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,pi.VIDEO])),...["wav"].map((t=>[t,pi.WAV])),...["wma"].map((t=>[t,pi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,pi.WORD])),...["xml","xsl","rdf"].map((t=>[t,pi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,pi.YAML])),...["zip"].map((t=>[t,pi.ZIP]))]);var ci,hi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(ci||(ci={}));const fi=ct.create("--ft-icon-font-size","SIZE","24px"),di=ct.extend("--ft-icon-fluid-topics-font-family",ct.create("--ft-icon-font-family","UNKNOWN","ft-icons")),ui=ct.extend("--ft-icon-file-format-font-family",ct.create("--ft-icon-font-family","UNKNOWN","ft-mime")),yi=ct.extend("--ft-icon-material-font-family",ct.create("--ft-icon-font-family","UNKNOWN","Material Icons")),xi=ct.create("--ft-icon-vertical-align","UNKNOWN","unset");class vi extends xt{constructor(){super(...arguments),this.variant=ci.fluid_topics,this.resolvedIcon=H}render(){const t="material"!==this.variant||this.value;return W`
440
+ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===H||null==t)return this._t=void 0,this.it=t;if(t===I)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}pi.directiveName="unsafeHTML",pi.resultType=1;const ci=gt(pi);var hi,fi;!function(t){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.STAR_PLAIN="&#xe94b;",t.STAR="&#xe94c;",t.THUMBS_DOWN_PLAIN="&#xe94d;",t.THUMBS_DOWN="&#xe94e;",t.THUMBS_UP_PLAIN="&#xe94f;",t.THUMBS_UP="&#xe950;",t.PAUSE="&#xe949;",t.PLAY="&#xe94a;",t.RELATIVES_PLAIN="&#xe947;",t.RELATIVES="&#xe948;",t.SHORTCUT_MENU="&#xe946;",t.PRINT="&#xe944;",t.DEFAULT_ROLES="&#xe945;",t.ACCOUNT_SETTINGS="&#xe943;",t.ONLINE="&#xe941;",t.OFFLINE="&#xe816;",t.UPLOAD="&#xe940;",t.BOOK_PLAIN="&#xe93f;",t.SYNC="&#xe93d;",t.SHARED_PBK="&#xe931;",t.COLLECTIONS="&#xe92a;",t.SEARCH_IN_PUBLICATION="&#xe92f;",t.BOOKS="&#xe806;",t.LOCKER="&#xe93b;",t.ARROW_DOWN="&#xe92b;",t.ARROW_LEFT="&#xe92c;",t.ARROW_RIGHT="&#xe92d;",t.ARROW_UP="&#xe92e;",t.SAVE="&#xe93a;",t.MAILS_AND_NOTIFICATIONS="&#xe939;",t.DOT="&#xe936;",t.MINUS="&#xe937;",t.PLUS="&#xe938;",t.FILTERS="&#xe935;",t.STRIPE_ARROW_RIGHT="&#xe934;",t.STRIPE_ARROW_LEFT="&#xe933;",t.ATTACHMENTS="&#xe932;",t.ADD_BOOKMARK="&#xe804;",t.BOOKMARK="&#xe805;",t.EXPORT="&#xe80f;",t.MENU="&#xe807;",t.TAG="&#xe93e;",t.TAG_PLAIN="&#xe942;",t.COPY_TO_CLIPBOARD="&#xe930;",t.COLUMNS="&#xe928;",t.ARTICLE="&#xe927;",t.CLOSE_PLAIN="&#xe925;",t.CHECK_PLAIN="&#xe926;",t.LOGOUT="&#xe923;",t.SIGN_IN="&#xe922;",t.THIN_ARROW="&#xe921;",t.TRIANGLE_BOTTOM="&#xe91d;",t.TRIANGLE_LEFT="&#xe91e;",t.TRIANGLE_RIGHT="&#xe91f;",t.TRIANGLE_TOP="&#xe920;",t.FACET_HAS_DESCENDANT="&#xe91c;",t.MINUS_PLAIN="&#xe91a;",t.PLUS_PLAIN="&#xe91b;",t.INFO="&#xe919;",t.ICON_EXPAND="&#xe917;",t.ICON_COLLAPSE="&#xe918;",t.ADD_TO_PBK="&#xe800;",t.ALERT="&#xe801;",t.ADD_ALERT="&#xe802;",t.BACK_TO_SEARCH="&#xe803;",t.DOWNLOAD="&#xe808;",t.EDIT="&#xe809;",t.FEEDBACK="&#xe80a;",t.MODIFY_PBK="&#xe80c;",t.SCHEDULED="&#xe80d;",t.SEARCH="&#xe80e;",t.SHARE="&#xe80f1;",t.TOC="&#xe810;",t.WRITE_UGC="&#xe811;",t.TRASH="&#xe812;",t.EXTLINK="&#xe814;",t.CALENDAR="&#xe815;",t.BOOK="&#xe817;",t.DOWNLOAD_PLAIN="&#xe818;",t.CHECK="&#xe819;",t.TOPICS="&#xe900;",t.EYE="\f06e",t.DISC="&#xe901;",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="&#xe902;",t.ANALYTICS="&#xe929;",t.ADMIN_KHUB="&#xe90f;",t.ADMIN_USERS="&#xe910;",t.ADMIN_INTEGRATION="&#xe93c;",t.ADMIN_PORTAL="&#xe912;"}(hi||(hi={})),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;"}(fi||(fi={})),new Map([...["abw"].map((t=>[t,fi.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,fi.AUDIO])),...["avi"].map((t=>[t,fi.AVI])),...["chm","xhs"].map((t=>[t,fi.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,fi.CODE])),...["csv"].map((t=>[t,fi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,fi.DITA])),...["epub"].map((t=>[t,fi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,fi.EXCEL])),...["flac"].map((t=>[t,fi.FLAC])),...["gif"].map((t=>[t,fi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,fi.GZIP])),...["html","htm","xhtml"].map((t=>[t,fi.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,fi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,fi.JPEG])),...["json"].map((t=>[t,fi.JSON])),...["m4a","m4p"].map((t=>[t,fi.M4A])),...["mov","qt"].map((t=>[t,fi.MOV])),...["mp3"].map((t=>[t,fi.MP3])),...["mp4","m4v"].map((t=>[t,fi.MP4])),...["ogg","oga"].map((t=>[t,fi.OGG])),...["pdf","ps"].map((t=>[t,fi.PDF])),...["png"].map((t=>[t,fi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,fi.POWERPOINT])),...["rar"].map((t=>[t,fi.RAR])),...["stp"].map((t=>[t,fi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,fi.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,fi.VIDEO])),...["wav"].map((t=>[t,fi.WAV])),...["wma"].map((t=>[t,fi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,fi.WORD])),...["xml","xsl","rdf"].map((t=>[t,fi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,fi.YAML])),...["zip"].map((t=>[t,fi.ZIP]))]);const di=ct.create("--ft-icon-font-size","SIZE","24px"),ui=ct.extend("--ft-icon-fluid-topics-font-family",ct.create("--ft-icon-font-family","UNKNOWN","ft-icons")),yi=ct.extend("--ft-icon-file-format-font-family",ct.create("--ft-icon-font-family","UNKNOWN","ft-mime")),xi=ct.extend("--ft-icon-material-font-family",ct.create("--ft-icon-font-family","UNKNOWN","Material Icons")),vi=ct.create("--ft-icon-vertical-align","UNKNOWN","unset"),bi=d`
441
+ :host {
442
+ display: inline-block;
443
+ }
444
+
445
+ :host, i.ft-icon {
446
+ width: ${di};
447
+ height: ${di};
448
+ text-align: center;
449
+ }
450
+
451
+ i.ft-icon {
452
+ font-size: ${di};
453
+ line-height: 1;
454
+ font-weight: normal;
455
+ text-transform: none;
456
+ font-style: normal;
457
+ font-variant: normal;
458
+ speak: none;
459
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
460
+ text-rendering: auto;
461
+ -webkit-font-smoothing: antialiased;
462
+ -moz-osx-font-smoothing: grayscale;
463
+ vertical-align: ${vi};
464
+ }
465
+
466
+ .ft-icon--fluid-topics {
467
+ font-family: ${ui}, ft-icons, fticons, sans-serif;
468
+ }
469
+
470
+ .ft-icon--file-format {
471
+ font-family: ${yi}, ft-mime, sans-serif;
472
+ }
473
+
474
+ .ft-icon--material {
475
+ font-family: ${xi}, "Material Icons", sans-serif;
476
+ }
477
+ `;var gi;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(gi||(gi={}));var mi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class $i extends xt{constructor(){super(...arguments),this.variant=gi.fluid_topics,this.resolvedIcon=H}render(){const t="material"!==this.variant||this.value;return W`
441
478
  <i class="ft-icon ${"ft-icon--"+this.variant}">
442
- ${li(this.resolvedIcon)}
479
+ ${ci(this.resolvedIcon)}
443
480
  <slot ?hidden=${t}></slot>
444
481
  </i>
445
- `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case ci.file_format:this.resolvedIcon=null!==(t=pi[i.toUpperCase()])&&void 0!==t?t:i;break;case ci.fluid_topics:this.resolvedIcon=null!==(e=ai[i.toUpperCase()])&&void 0!==e?e:i;break;default:this.resolvedIcon=this.value||H}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}vi.elementDefinitions={},vi.styles=d`
446
- :host {
447
- display: inline-block;
448
- }
449
-
450
- :host, i.ft-icon {
451
- width: ${fi};
452
- height: ${fi};
453
- text-align: center;
454
- }
455
-
456
- i.ft-icon {
457
- font-size: ${fi};
458
- line-height: 1;
459
- font-weight: normal;
460
- text-transform: none;
461
- font-style: normal;
462
- font-variant: normal;
463
- speak: none;
464
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
465
- text-rendering: auto;
466
- -webkit-font-smoothing: antialiased;
467
- -moz-osx-font-smoothing: grayscale;
468
- vertical-align: ${xi};
469
- }
470
-
471
- .ft-icon--fluid-topics {
472
- font-family: ${di}, ft-icons, fticons, sans-serif;
473
- }
474
-
475
- .ft-icon--file-format {
476
- font-family: ${ui}, ft-mime, sans-serif;
477
- }
478
-
479
- .ft-icon--material {
480
- font-family: ${yi}, "Material Icons", sans-serif;
481
- }
482
- `,hi([o()],vi.prototype,"variant",void 0),hi([o()],vi.prototype,"value",void 0),hi([s()],vi.prototype,"resolvedIcon",void 0),hi([n("slot")],vi.prototype,"slottedContent",void 0),l("ft-icon")(vi);var bi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class gi extends xt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return W``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}gi.elementDefinitions={},bi([o({type:String})],gi.prototype,"label",void 0),bi([o({type:Object,converter:t=>t})],gi.prototype,"value",void 0),bi([o({type:Boolean,reflect:!0})],gi.prototype,"selected",void 0);const mi={labelSize:ct.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ct.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ct.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:ct.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:ct.extend("--ft-select-selected-option-color",ft.colorOnSurface),helperColor:ct.extend("--ft-select-helper-color",ft.colorOnSurfaceMedium),optionsColor:ct.extend("--ft-select-options-color",ft.colorOnSurface),optionsZIndex:ct.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ct.external(ft.colorSurface,"Design system"),colorOnSurfaceDisabled:ct.external(ft.colorOnSurfaceDisabled,"Design system"),colorPrimary:ct.external(ft.colorPrimary,"Design system"),borderRadiusS:ct.external(ft.borderRadiusS,"Design system"),elevation02:ct.external(ft.elevation02,"Design system"),colorError:ct.external(ft.colorError,"Design system")};class $i extends xt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,i,o,s;let n=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":n,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return W`
482
+ `}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case gi.file_format:this.resolvedIcon=null!==(t=fi[i.toUpperCase()])&&void 0!==t?t:i;break;case gi.fluid_topics:this.resolvedIcon=null!==(e=hi[i.toUpperCase()])&&void 0!==e?e:i;break;default:this.resolvedIcon=this.value||H}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}$i.elementDefinitions={},$i.styles=bi,mi([o()],$i.prototype,"variant",void 0),mi([o()],$i.prototype,"value",void 0),mi([s()],$i.prototype,"resolvedIcon",void 0),mi([n("slot")],$i.prototype,"slottedContent",void 0),l("ft-icon")($i);const wi={labelSize:ct.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ct.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ct.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:ct.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:ct.extend("--ft-select-selected-option-color",ft.colorOnSurface),helperColor:ct.extend("--ft-select-helper-color",ft.colorOnSurfaceMedium),optionsColor:ct.extend("--ft-select-options-color",ft.colorOnSurface),optionsZIndex:ct.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ct.external(ft.colorSurface,"Design system"),colorOnSurfaceDisabled:ct.external(ft.colorOnSurfaceDisabled,"Design system"),colorPrimary:ct.external(ft.colorPrimary,"Design system"),borderRadiusS:ct.external(ft.borderRadiusS,"Design system"),elevation02:ct.external(ft.elevation02,"Design system"),colorError:ct.external(ft.colorError,"Design system")},Oi=d`
483
+ *:focus {
484
+ outline: none;
485
+ }
486
+
487
+ .ft-select {
488
+ display: flex;
489
+ flex-direction: column;
490
+ align-items: stretch;
491
+ }
492
+
493
+ .ft-select--main-panel {
494
+ position: relative;
495
+ display: flex;
496
+ height: calc(4 * ${wi.verticalSpacing} + ${wi.labelSize} + ${wi.selectedOptionSize});
497
+ }
498
+
499
+ .ft-select--input-panel {
500
+ flex-grow: 1;
501
+ position: relative;
502
+ display: flex;
503
+ align-items: center;
504
+ overflow: hidden;
505
+ padding-left: 16px;
506
+ padding-right: 8px;
507
+ gap: 8px;
508
+ color: ${wi.selectedOptionColor};
509
+ ${ht(Qe.color,wi.selectedOptionColor)};
510
+ }
511
+
512
+ .ft-select--input-panel,
513
+ .ft-select--option {
514
+ ${ht(Qe.opacityContentOnSurfaceHover,"0.08")};
515
+ ${ht(Qe.opacityContentOnSurfacePressed,"0.04")};
516
+ }
517
+
518
+ .ft-select--input-panel > *:not(ft-ripple),
519
+ .ft-select--option > *:not(ft-ripple) {
520
+ position: relative;
521
+ }
522
+
523
+ .ft-select--disabled .ft-select--input-panel,
524
+ .ft-select--disabled .ft-select--option {
525
+ color: ${wi.colorOnSurfaceDisabled};
526
+ }
527
+
528
+ .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
529
+ .ft-select:not(.ft-select--disabled) .ft-select--option {
530
+ cursor: pointer;
531
+ }
532
+
533
+ ft-input-label {
534
+ ${ht(Je.fontSize,wi.selectedOptionSize)};
535
+ ${ht(Je.raisedFontSize,wi.labelSize)};
536
+ ${ht(Je.verticalSpacing,wi.verticalSpacing)};
537
+ }
538
+
539
+ .ft-select:not(.ft-select--disabled):focus-within ft-icon {
540
+ color: ${wi.colorPrimary};
541
+ }
542
+
543
+ .ft-select:not(.ft-select--disabled):focus-within ft-input-label {
544
+ ${ht(Je.borderColor,wi.colorPrimary)};
545
+ ${ht(Je.textColor,wi.colorPrimary)};
546
+ }
547
+
548
+ .ft-select--selected-option {
549
+ display: block;
550
+ flex-grow: 1;
551
+ flex-shrink: 1;
552
+ overflow: hidden;
553
+ white-space: nowrap;
554
+ text-overflow: ellipsis;
555
+ ${ht(pe.fontSize,wi.selectedOptionSize)};
556
+ ${ht(pe.lineHeight,wi.selectedOptionSize)};
557
+ }
558
+
559
+ .ft-select--in-error .ft-select--selected-option {
560
+ color: ${wi.colorError};
561
+ }
562
+
563
+ ft-icon {
564
+ flex-shrink: 0;
565
+ }
566
+
567
+ slot {
568
+ display: none;
569
+ }
570
+
571
+ .ft-select--filled .ft-select--input-panel {
572
+ border-radius: ${wi.borderRadiusS} ${wi.borderRadiusS} 0 0;
573
+ }
574
+
575
+ .ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
576
+ align-self: stretch;
577
+ padding-top: calc(${wi.labelSize} + 2 * ${wi.verticalSpacing});
578
+ }
579
+
580
+ .ft-select--outlined .ft-select--input-panel {
581
+ border-radius: ${wi.borderRadiusS};
582
+ }
583
+
584
+ .ft-select--options {
585
+ display: none;
586
+ position: absolute;
587
+ top: 100%;
588
+ left: 0;
589
+ right: 0;
590
+ color: ${wi.optionsColor};
591
+ background: ${wi.colorSurface};
592
+ z-index: ${wi.optionsZIndex};
593
+ box-shadow: ${wi.elevation02};
594
+ }
595
+
596
+ .ft-select--fixed .ft-select--options {
597
+ position: fixed;
598
+ right: unset;
599
+ /* left and top are set dynamically */
600
+ }
601
+
602
+ .ft-select--options-displayed .ft-select--options {
603
+ display: block;
604
+ max-height: ${wi.optionsHeight};
605
+ overflow-y: auto;
606
+ }
607
+
608
+ .ft-select--option {
609
+ position: relative;
610
+ padding: 4px 16px;
611
+ min-height: 32px;
612
+ display: flex;
613
+ align-items: center;
614
+ }
615
+
616
+ .ft-select--option span {
617
+ text-overflow: ellipsis;
618
+ overflow: hidden;
619
+ }
620
+
621
+ .ft-select--helper-text {
622
+ padding: 0 12px 0 16px;
623
+ color: ${wi.helperColor};
624
+ }
625
+
626
+ .ft-select--in-error .ft-select--helper-text {
627
+ color: ${wi.colorError};
628
+ }
629
+ `;var Si=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class ki extends xt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return W``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}ki.elementDefinitions={},Si([o({type:String})],ki.prototype,"label",void 0),Si([o({type:Object,converter:t=>t})],ki.prototype,"value",void 0),Si([o({type:Boolean,reflect:!0})],ki.prototype,"selected",void 0);class Ei extends xt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,i,o,s;let n=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":n,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return W`
483
630
  <div class="${$t(a)}" part="container">
484
631
  <div class="ft-select--main-panel" part="main-panel">
485
632
  <ft-input-label text="${this.label}"
@@ -527,151 +674,4 @@ class ri extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
527
674
  <ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
528
675
  <span>${t.label}</span>
529
676
  </div>
530
- `}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}$i.elementDefinitions={"ft-input-label":qe,"ft-typography":Ze,"ft-ripple":ni,"ft-icon":vi},$i.styles=[_e,We,d`
531
- *:focus {
532
- outline: none;
533
- }
534
-
535
- .ft-select {
536
- display: flex;
537
- flex-direction: column;
538
- align-items: stretch;
539
- }
540
-
541
- .ft-select--main-panel {
542
- position: relative;
543
- display: flex;
544
- height: calc(4 * ${mi.verticalSpacing} + ${mi.labelSize} + ${mi.selectedOptionSize});
545
- }
546
-
547
- .ft-select--input-panel {
548
- flex-grow: 1;
549
- position: relative;
550
- display: flex;
551
- align-items: center;
552
- overflow: hidden;
553
- padding-left: 16px;
554
- padding-right: 8px;
555
- gap: 8px;
556
- color: ${mi.selectedOptionColor};
557
- ${ht(Ge.color,mi.selectedOptionColor)};
558
- }
559
-
560
- .ft-select--input-panel,
561
- .ft-select--option {
562
- ${ht(Ge.opacityContentOnSurfaceHover,"0.08")};
563
- ${ht(Ge.opacityContentOnSurfacePressed,"0.04")};
564
- }
565
-
566
- .ft-select--input-panel > *:not(ft-ripple),
567
- .ft-select--option > *:not(ft-ripple) {
568
- position: relative;
569
- }
570
-
571
- .ft-select--disabled .ft-select--input-panel,
572
- .ft-select--disabled .ft-select--option {
573
- color: ${mi.colorOnSurfaceDisabled};
574
- }
575
-
576
- .ft-select:not(.ft-select--disabled) .ft-select--input-panel,
577
- .ft-select:not(.ft-select--disabled) .ft-select--option {
578
- cursor: pointer;
579
- }
580
-
581
- ft-input-label {
582
- ${ht(Je.fontSize,mi.selectedOptionSize)};
583
- ${ht(Je.raisedFontSize,mi.labelSize)};
584
- ${ht(Je.verticalSpacing,mi.verticalSpacing)};
585
- }
586
-
587
- .ft-select:not(.ft-select--disabled):focus-within ft-icon {
588
- color: ${mi.colorPrimary};
589
- }
590
-
591
- .ft-select:not(.ft-select--disabled):focus-within ft-input-label {
592
- ${ht(Je.borderColor,mi.colorPrimary)};
593
- ${ht(Je.textColor,mi.colorPrimary)};
594
- }
595
-
596
- .ft-select--selected-option {
597
- display: block;
598
- flex-grow: 1;
599
- flex-shrink: 1;
600
- overflow: hidden;
601
- white-space: nowrap;
602
- text-overflow: ellipsis;
603
- ${ht(ce.fontSize,mi.selectedOptionSize)};
604
- ${ht(ce.lineHeight,mi.selectedOptionSize)};
605
- }
606
-
607
- .ft-select--in-error .ft-select--selected-option {
608
- color: ${mi.colorError};
609
- }
610
-
611
- ft-icon {
612
- flex-shrink: 0;
613
- }
614
-
615
- slot {
616
- display: none;
617
- }
618
-
619
- .ft-select--filled .ft-select--input-panel {
620
- border-radius: ${mi.borderRadiusS} ${mi.borderRadiusS} 0 0;
621
- }
622
-
623
- .ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
624
- align-self: stretch;
625
- padding-top: calc(${mi.labelSize} + 2 * ${mi.verticalSpacing});
626
- }
627
-
628
- .ft-select--outlined .ft-select--input-panel {
629
- border-radius: ${mi.borderRadiusS};
630
- }
631
-
632
- .ft-select--options {
633
- display: none;
634
- position: absolute;
635
- top: 100%;
636
- left: 0;
637
- right: 0;
638
- color: ${mi.optionsColor};
639
- background: ${mi.colorSurface};
640
- z-index: ${mi.optionsZIndex};
641
- box-shadow: ${mi.elevation02};
642
- }
643
-
644
- .ft-select--fixed .ft-select--options {
645
- position: fixed;
646
- right: unset;
647
- /* left and top are set dynamically */
648
- }
649
-
650
- .ft-select--options-displayed .ft-select--options {
651
- display: block;
652
- max-height: ${mi.optionsHeight};
653
- overflow-y: auto;
654
- }
655
-
656
- .ft-select--option {
657
- position: relative;
658
- padding: 4px 16px;
659
- min-height: 32px;
660
- display: flex;
661
- align-items: center;
662
- }
663
-
664
- .ft-select--option span {
665
- text-overflow: ellipsis;
666
- overflow: hidden;
667
- }
668
-
669
- .ft-select--helper-text {
670
- padding: 0 12px 0 16px;
671
- color: ${mi.helperColor};
672
- }
673
-
674
- .ft-select--in-error .ft-select--helper-text {
675
- color: ${mi.colorError};
676
- }
677
- `],bi([o({type:String})],$i.prototype,"label",void 0),bi([o({type:String})],$i.prototype,"helper",void 0),bi([o({type:Boolean})],$i.prototype,"outlined",void 0),bi([o({type:Boolean})],$i.prototype,"disabled",void 0),bi([o({type:Boolean})],$i.prototype,"error",void 0),bi([o({type:Boolean})],$i.prototype,"fixedMenuPosition",void 0),bi([o({type:Array})],$i.prototype,"options",void 0),bi([s()],$i.prototype,"selectedOption",void 0),bi([s()],$i.prototype,"optionsDisplayed",void 0),bi([s()],$i.prototype,"focusOptions",void 0),bi([n(".ft-select")],$i.prototype,"container",void 0),bi([n(".ft-select--options")],$i.prototype,"optionsMenu",void 0),bi([n(".ft-select--input-panel")],$i.prototype,"mainPanel",void 0),bi([n(".ft-select--option:first-child")],$i.prototype,"firstOption",void 0),bi([n(".ft-select--option:focus")],$i.prototype,"focusedOption",void 0),bi([n(".ft-select--option.ft-select--option-selected")],$i.prototype,"selectedOptionElement",void 0),bi([n(".ft-select--option:last-child")],$i.prototype,"lastOption",void 0),bi([n("slot")],$i.prototype,"optionsSlot",void 0),l("ft-select")($i),l("ft-select-option")(gi),t.FtSelect=$i,t.FtSelectCssVariables=mi,t.FtSelectOption=gi,Object.defineProperty(t,"i",{value:!0})}({});
677
+ `}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}Ei.elementDefinitions={"ft-input-label":Ye,"ft-typography":Ve,"ft-ripple":ai,"ft-icon":$i},Ei.styles=[Te,_e,Oi],Si([o({type:String})],Ei.prototype,"label",void 0),Si([o({type:String})],Ei.prototype,"helper",void 0),Si([o({type:Boolean})],Ei.prototype,"outlined",void 0),Si([o({type:Boolean})],Ei.prototype,"disabled",void 0),Si([o({type:Boolean})],Ei.prototype,"error",void 0),Si([o({type:Boolean})],Ei.prototype,"fixedMenuPosition",void 0),Si([o({type:Array})],Ei.prototype,"options",void 0),Si([s()],Ei.prototype,"selectedOption",void 0),Si([s()],Ei.prototype,"optionsDisplayed",void 0),Si([s()],Ei.prototype,"focusOptions",void 0),Si([n(".ft-select")],Ei.prototype,"container",void 0),Si([n(".ft-select--options")],Ei.prototype,"optionsMenu",void 0),Si([n(".ft-select--input-panel")],Ei.prototype,"mainPanel",void 0),Si([n(".ft-select--option:first-child")],Ei.prototype,"firstOption",void 0),Si([n(".ft-select--option:focus")],Ei.prototype,"focusedOption",void 0),Si([n(".ft-select--option.ft-select--option-selected")],Ei.prototype,"selectedOptionElement",void 0),Si([n(".ft-select--option:last-child")],Ei.prototype,"lastOption",void 0),Si([n("slot")],Ei.prototype,"optionsSlot",void 0),l("ft-select")(Ei),l("ft-select-option")(ki),t.FtSelect=Ei,t.FtSelectCssVariables=wi,t.FtSelectOption=ki,t.styles=Oi,Object.defineProperty(t,"i",{value:!0})}({});