@fluid-topics/ft-search-bar 0.2.15 → 0.2.18
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.
- package/build/ft-search-bar.css.d.ts +1 -0
- package/build/ft-search-bar.css.js +34 -14
- package/build/ft-search-bar.d.ts +5 -1
- package/build/ft-search-bar.js +110 -51
- package/build/ft-search-bar.light.js +350 -281
- package/build/ft-search-bar.min.js +454 -385
- package/package.json +14 -14
- package/build/ft-search-bar.inline-styles.js +0 -2582
- package/build/inline-styles.d.ts +0 -2
- package/build/inline-styles.js +0 -4
|
@@ -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||[]);d(s,a,l);const c={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,c),this._definitionsByClass.set(s,c);let h=i.call(o,t);h||(h=p(t),e.call(o,t,h)),this===window.customElements&&(r.set(s,c),c.standInClass=h);const f=this._awaitingUpgrade.get(t);if(f){this._awaitingUpgrade.delete(t);for(const t of f)n.delete(t),u(t,c,!0)}const b=this._whenDefinedPromises.get(t);return void 0!==b&&(b.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){v.push(this),o.upgrade.apply(o,arguments),v.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 c=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!c(e)){const t=v[v.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),c(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},p=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=h(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)}},d=(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)})},f=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):f(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),s.set(t,e),a=t;try{new e.elementClass}catch(t){f(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)},b=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=b.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let v=[document];const g=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){v.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),v.pop(),t}};g(ShadowRoot,"createElement",document),g(ShadowRoot,"importNode",document),g(Element,"insertAdjacentHTML");const x=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){v.push(this),i.set.call(this,t),v.pop()}})};if(x(Element,"innerHTML"),x(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(
|
|
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||[]);d(s,a,l);const c={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,c),this._definitionsByClass.set(s,c);let h=i.call(o,t);h||(h=p(t),e.call(o,t,h)),this===window.customElements&&(r.set(s,c),c.standInClass=h);const f=this._awaitingUpgrade.get(t);if(f){this._awaitingUpgrade.delete(t);for(const t of f)n.delete(t),u(t,c,!0)}const b=this._whenDefinedPromises.get(t);return void 0!==b&&(b.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){v.push(this),o.upgrade.apply(o,arguments),v.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 c=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!c(e)){const t=v[v.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),c(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},p=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=h(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)}},d=(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)})},f=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):f(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),s.set(t,e),a=t;try{new e.elementClass}catch(t){f(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)},b=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=b.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let v=[document];const g=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){v.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),v.pop(),t}};g(ShadowRoot,"createElement",document),g(ShadowRoot,"importNode",document),g(Element,"insertAdjacentHTML");const x=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){v.push(this),i.set.call(this,t),v.pop()}})};if(x(Element,"innerHTML"),x(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(ui){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
|
|
@@ -66,7 +66,7 @@ var l;const a=null!=(null===(l=window.HTMLSlotElement)||void 0===l?void 0:l.prot
|
|
|
66
66
|
* Copyright 2017 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
68
|
*/
|
|
69
|
-
var E;z.finalized=!0,z.elementProperties=new Map,z.elementStyles=[],z.shadowRootOptions={mode:"open"},null==k||k({ReactiveElement:z}),(null!==(m=globalThis.reactiveElementVersions)&&void 0!==m?m:globalThis.reactiveElementVersions=[]).push("1.3.2");const B=globalThis.trustedTypes,M=B?B.createPolicy("lit-html",{createHTML:t=>t}):void 0,N=`lit$${(Math.random()+"").slice(9)}$`,
|
|
69
|
+
var E;z.finalized=!0,z.elementProperties=new Map,z.elementStyles=[],z.shadowRootOptions={mode:"open"},null==k||k({ReactiveElement:z}),(null!==(m=globalThis.reactiveElementVersions)&&void 0!==m?m:globalThis.reactiveElementVersions=[]).push("1.3.2");const B=globalThis.trustedTypes,M=B?B.createPolicy("lit-html",{createHTML:t=>t}):void 0,N=`lit$${(Math.random()+"").slice(9)}$`,F="?"+N,R=`<${F}>`,L=document,D=(t="")=>L.createComment(t),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,P=t=>{var e;return j(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,A=/-->/g,T=/>/g,_=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,H=/'/g,Z=/"/g,K=/^(?:script|style|textarea|title)$/i,W=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),V=Symbol.for("lit-noChange"),q=Symbol.for("lit-nothing"),J=new WeakMap,X=L.createTreeWalker(L,129,null,!1),Y=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=U;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(r.lastIndex=h,a=r.exec(i),null!==a);)h=r.lastIndex,r===U?"!--"===a[1]?r=A:void 0!==a[1]?r=T:void 0!==a[2]?(K.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=_):void 0!==a[3]&&(r=_):r===_?">"===a[0]?(r=null!=s?s:U,c=-1):void 0===a[1]?c=-2:(c=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?_:'"'===a[3]?Z:H):r===Z||r===H?r=_:r===A||r===T?r=U:(r=_,s=void 0);const p=r===_&&t[e+1].startsWith("/>")?" ":"";n+=r===U?i+R:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+N+p):i+N+(-2===c?(o.push(void 0),e):p)}const l=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==M?M.createHTML(l):l,o]};class Q{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,c]=Y(t,e);if(this.el=Q.createElement(a,i),X.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=X.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(N)){const i=c[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(N),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?ot:"?"===e[1]?nt:"@"===e[1]?rt:it})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(K.test(o.tagName)){const t=o.textContent.split(N),e=t.length-1;if(e>0){o.textContent=B?B.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],D()),X.nextNode(),l.push({type:2,index:++s});o.append(t[e],D())}}}else if(8===o.nodeType)if(o.data===F)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(N,t+1));)l.push({type:7,index:s}),t+=N.length-1}s++}}static createElement(t,e){const i=L.createElement("template");return i.innerHTML=t,i}}function G(t,e,i=t,o){var s,n,r,l;if(e===V)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const c=I(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=G(t,a._$AS(t,e.values),a,o)),e}class tt{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:L).importNode(i,!0);X.currentNode=s;let n=X.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new et(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new lt(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=X.nextNode(),r++)}return s}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class et{constructor(t,e,i,o){var s;this.type=2,this._$AH=q,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=G(this,t,e),I(t)?t===q||null==t||""===t?(this._$AH!==q&&this._$AR(),this._$AH=q):t!==this._$AH&&t!==V&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):P(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==q&&I(this._$AH)?this._$AA.nextSibling.data=t:this.k(L.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Q.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.m(i);else{const t=new tt(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=J.get(t.strings);return void 0===e&&J.set(t.strings,e=new Q(t)),e}S(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new et(this.M(D()),this.M(D()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class it{constructor(t,e,i,o,s){this.type=1,this._$AH=q,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=q}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let n=!1;if(void 0===s)t=G(this,t,e,0),n=!I(t)||t!==this._$AH&&t!==V,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=G(this,o[i+r],e,r),l===V&&(l=this._$AH[r]),n||(n=!I(l)||l!==this._$AH[r]),l===q?t=q:t!==q&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.C(t)}C(t){t===q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class ot extends it{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===q?void 0:t}}const st=B?B.emptyScript:"";class nt extends it{constructor(){super(...arguments),this.type=4}C(t){t&&t!==q?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class rt extends it{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=G(this,t,e,0))&&void 0!==i?i:q)===V)return;const o=this._$AH,s=t===q&&o!==q||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==q&&(o===q||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class lt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){G(this,t)}}const at={L:"$lit$",P:N,V:F,I:1,N:Y,R:tt,j:P,D:G,H:et,F:it,O:nt,W:rt,B:ot,Z:lt},ct=window.litHtmlPolyfillSupport;
|
|
70
70
|
/**
|
|
71
71
|
* @license
|
|
72
72
|
* Copyright 2017 Google LLC
|
|
@@ -77,12 +77,12 @@ var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?
|
|
|
77
77
|
* @license
|
|
78
78
|
* Copyright 2021 Google LLC
|
|
79
79
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
80
|
-
*/
|
|
80
|
+
*/var gt=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 xt extends(function(t){return class extends t{createRenderRoot(){const t=this.constructor,{registry:e,elementDefinitions:i,shadowRootOptions:o}=t;i&&!e&&(t.registry=new CustomElementRegistry,Object.entries(i).forEach((([e,i])=>t.registry.define(e,i))));const s=this.renderOptions.creationScope=this.attachShadow({...o,customElements:t.registry});return x(s,this.constructor.elementStyles),s}}}(dt)){getStyles(){return[]}getTemplate(){return null}render(){let t=this.getStyles();return Array.isArray(t)||(t=[t]),W`
|
|
81
81
|
${t.map((t=>W`
|
|
82
82
|
<style>${t}</style>
|
|
83
83
|
`))}
|
|
84
84
|
${this.getTemplate()}
|
|
85
|
-
`}updated(t){super.updated(t),setTimeout((()=>this.contentAvailableCallback(t)),0)}contentAvailableCallback(t){}}const
|
|
85
|
+
`}updated(t){super.updated(t),setTimeout((()=>{var e;this.contentAvailableCallback(t),(null===(e=this.exportpartsPrefix)||void 0===e?void 0:e.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}),0)}setExportpartsAttribute(t){var e,i,o,s,n,r;const l=t=>null!=t&&t.trim().length>0,a=t.filter(l).map((t=>t.trim()));if(0===a.length)return void this.removeAttribute("exportparts");const c=new Set;for(let t of null!==(i=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll("[part],[exportparts]"))&&void 0!==i?i:[]){const e=null!==(s=null===(o=t.getAttribute("part"))||void 0===o?void 0:o.split(" "))&&void 0!==s?s:[],i=null!==(r=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==r?r:[];new Array(...e,...i).filter(l).map((t=>t.trim())).forEach((t=>c.add(t)))}if(0===c.size)return void this.removeAttribute("exportparts");const h=[...c.values()].flatMap((t=>a.map((e=>`${t}:${e}--${t}`))));this.setAttribute("exportparts",[...this.part,...h].join(", "))}contentAvailableCallback(t){}}gt([o()],xt.prototype,"exportpartsPrefix",void 0),gt([p([])],xt.prototype,"exportpartsPrefixes",void 0);const yt=g`
|
|
86
86
|
.ft-no-text-select {
|
|
87
87
|
-webkit-touch-callout: none;
|
|
88
88
|
-webkit-user-select: none;
|
|
@@ -91,26 +91,26 @@ var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?
|
|
|
91
91
|
-ms-user-select: none;
|
|
92
92
|
user-select: none;
|
|
93
93
|
}
|
|
94
|
-
`;class
|
|
94
|
+
`;class mt{constructor(t,e){this.defaultLabels=t,this.labels=e}resolve(t,...e){var i,o;let s=null!==(o=null!==(i=this.labels[t])&&void 0!==i?i:this.defaultLabels[t])&&void 0!==o?o:"";return e.forEach(((t,e)=>s=s.replace(new RegExp(`\\{${e}\\}`,"g"),t))),s}}var $t,wt,kt;const St=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(kt=null===(wt=null===($t=window.safari)||void 0===$t?void 0:$t.pushNotification)||void 0===wt?void 0:wt.toString())&&void 0!==kt?kt:""),Ot=1,Ct=2,zt=t=>(...e)=>({_$litDirective$:t,values:e});
|
|
95
95
|
/**
|
|
96
96
|
* @license
|
|
97
97
|
* Copyright 2017 Google LLC
|
|
98
98
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
99
|
-
*/class
|
|
99
|
+
*/class Et{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
|
|
100
100
|
/**
|
|
101
101
|
* @license
|
|
102
102
|
* Copyright 2020 Google LLC
|
|
103
103
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const{H:
|
|
104
|
+
*/const{H:Bt}=at,Mt=()=>document.createComment(""),Nt=(t,e,i)=>{var o;const s=t._$AA.parentNode,n=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=s.insertBefore(Mt(),n),o=s.insertBefore(Mt(),n);i=new Bt(e,o,t,t.options)}else{const e=i._$AB.nextSibling,r=i._$AM,l=r!==t;if(l){let e;null===(o=i._$AQ)||void 0===o||o.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==r._$AU&&i._$AP(e)}if(e!==n||l){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;s.insertBefore(t,n),t=e}}}return i},Ft=(t,e,i=t)=>(t._$AI(e,i),t),Rt={},Lt=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const o=t._$AB.nextSibling;for(;i!==o;){const t=i.nextSibling;i.remove(),i=t}},Dt=(t,e,i)=>{const o=new Map;for(let s=e;s<=i;s++)o.set(t[s],s);return o},It=zt(class extends Et{constructor(t){if(super(t),t.type!==Ct)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let o;void 0===i?i=e:void 0!==e&&(o=e);const s=[],n=[];let r=0;for(const e of t)s[r]=o?o(e,r):r,n[r]=i(e,r),r++;return{values:n,keys:s}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,o]){var s;const n=(t=>t._$AH)(t),{values:r,keys:l}=this.dt(e,i,o);if(!Array.isArray(n))return this.ut=l,r;const a=null!==(s=this.ut)&&void 0!==s?s:this.ut=[],c=[];let h,p,d=0,f=n.length-1,u=0,b=r.length-1;for(;d<=f&&u<=b;)if(null===n[d])d++;else if(null===n[f])f--;else if(a[d]===l[u])c[u]=Ft(n[d],r[u]),d++,u++;else if(a[f]===l[b])c[b]=Ft(n[f],r[b]),f--,b--;else if(a[d]===l[b])c[b]=Ft(n[d],r[b]),Nt(t,c[b+1],n[d]),d++,b--;else if(a[f]===l[u])c[u]=Ft(n[f],r[u]),Nt(t,n[d],n[f]),f--,u++;else if(void 0===h&&(h=Dt(l,u,b),p=Dt(a,d,f)),h.has(a[d]))if(h.has(a[f])){const e=p.get(l[u]),i=void 0!==e?n[e]:null;if(null===i){const e=Nt(t,n[d]);Ft(e,r[u]),c[u]=e}else c[u]=Ft(i,r[u]),Nt(t,n[d],i),n[e]=null;u++}else Lt(n[f]),f--;else Lt(n[d]),d++;for(;u<=b;){const e=Nt(t,c[b+1]);Ft(e,r[u]),c[u++]=e}for(;d<=f;){const t=n[d++];null!==t&&Lt(t)}return this.ut=l,((t,e=Rt)=>{t._$AH=e})(t,c),V}}),jt=zt(class extends Et{constructor(t){var e;if(super(t),t.type!==Ot||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.et){this.et=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.st)||void 0===i?void 0:i.has(t))&&this.et.add(t);return this.render(e)}const s=t.element.classList;this.et.forEach((t=>{t in e||(s.remove(t),this.et.delete(t))}));for(const t in e){const i=!!e[t];i===this.et.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(s.add(t),this.et.add(t)):(s.remove(t),this.et.delete(t)))}return V}});
|
|
105
105
|
/**
|
|
106
106
|
* @license
|
|
107
107
|
* Copyright 2017 Google LLC
|
|
108
108
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
109
|
-
*/var
|
|
109
|
+
*/var Pt,Ut=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.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(Pt||(Pt={}));class At extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class Tt extends xt{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=Pt.S,this.resizeObserver=new ResizeObserver((()=>this.updateSize())),this.debouncer=new e}render(){return W`
|
|
110
110
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
111
111
|
<div class="ft-size-watcher--watcher"></div>
|
|
112
112
|
</div>
|
|
113
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=
|
|
113
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=Pt.S:this.size<976?this.category=Pt.M:this.size<1024?this.category=Pt.L:this.size<1440?this.category=Pt.XL:this.category=Pt.XXL,this.dispatchEvent(new At(this.size,this.category)))}),this.debounceTimeout)}}Tt.elementDefinitions={},Tt.styles=g`
|
|
114
114
|
.ft-size-watcher--pixel {
|
|
115
115
|
width: 0;
|
|
116
116
|
height: 0;
|
|
@@ -135,54 +135,45 @@ var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?
|
|
|
135
135
|
* Copyright 2020 Google LLC
|
|
136
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
137
|
*/
|
|
138
|
-
const
|
|
138
|
+
const _t=Symbol.for(""),Ht=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===_t)return null===(i=t)||void 0===i?void 0:i._$litStatic$},Zt=t=>({_$litStatic$:t,r:_t}),Kt=new Map,Wt=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(n=i[c],s=Ht(n));)a+=s+e[++c],h=!0;l.push(n),r.push(a),c++}if(c===o&&r.push(e[o]),h){const t=r.join("$$lit$$");void 0===(e=Kt.get(t))&&(r.raw=r,Kt.set(t,e=r)),i=l}return t(e,...i)})(W);var Vt,qt=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"}(Vt||(Vt={}));const Jt=ut.extend("--ft-typography-font-family",vt.titleFont),Xt=ut.extend("--ft-typography-font-family",vt.contentFont),Yt={fontFamily:Xt,fontSize:ut.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ut.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ut.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ut.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ut.create("--ft-typography-text-transform","UNKNOWN","inherit")},Qt=ut.extend("--ft-typography-title-font-family",Jt),Gt=ut.extend("--ft-typography-title-font-size",Yt.fontSize,"20px"),te=ut.extend("--ft-typography-title-font-weight",Yt.fontWeight,"normal"),ee=ut.extend("--ft-typography-title-letter-spacing",Yt.letterSpacing,"0.15px"),ie=ut.extend("--ft-typography-title-line-height",Yt.lineHeight,"1.2"),oe=ut.extend("--ft-typography-title-text-transform",Yt.textTransform,"inherit"),se=ut.extend("--ft-typography-title-dense-font-family",Jt),ne=ut.extend("--ft-typography-title-dense-font-size",Yt.fontSize,"14px"),re=ut.extend("--ft-typography-title-dense-font-weight",Yt.fontWeight,"normal"),le=ut.extend("--ft-typography-title-dense-letter-spacing",Yt.letterSpacing,"0.105px"),ae=ut.extend("--ft-typography-title-dense-line-height",Yt.lineHeight,"1.7"),ce=ut.extend("--ft-typography-title-dense-text-transform",Yt.textTransform,"inherit"),he=ut.extend("--ft-typography-subtitle1-font-family",Xt),pe=ut.extend("--ft-typography-subtitle1-font-size",Yt.fontSize,"16px"),de=ut.extend("--ft-typography-subtitle1-font-weight",Yt.fontWeight,"600"),fe=ut.extend("--ft-typography-subtitle1-letter-spacing",Yt.letterSpacing,"0.144px"),ue=ut.extend("--ft-typography-subtitle1-line-height",Yt.lineHeight,"1.5"),be=ut.extend("--ft-typography-subtitle1-text-transform",Yt.textTransform,"inherit"),ve=ut.extend("--ft-typography-subtitle2-font-family",Xt),ge=ut.extend("--ft-typography-subtitle2-font-size",Yt.fontSize,"14px"),xe=ut.extend("--ft-typography-subtitle2-font-weight",Yt.fontWeight,"normal"),ye=ut.extend("--ft-typography-subtitle2-letter-spacing",Yt.letterSpacing,"0.098px"),me=ut.extend("--ft-typography-subtitle2-line-height",Yt.lineHeight,"1.7"),$e=ut.extend("--ft-typography-subtitle2-text-transform",Yt.textTransform,"inherit"),we={fontFamily:ut.extend("--ft-typography-body1-font-family",Xt),fontSize:ut.extend("--ft-typography-body1-font-size",Yt.fontSize,"16px"),fontWeight:ut.extend("--ft-typography-body1-font-weight",Yt.fontWeight,"normal"),letterSpacing:ut.extend("--ft-typography-body1-letter-spacing",Yt.letterSpacing,"0.496px"),lineHeight:ut.extend("--ft-typography-body1-line-height",Yt.lineHeight,"1.5"),textTransform:ut.extend("--ft-typography-body1-text-transform",Yt.textTransform,"inherit")},ke={fontFamily:ut.extend("--ft-typography-body2-font-family",Xt),fontSize:ut.extend("--ft-typography-body2-font-size",Yt.fontSize,"14px"),fontWeight:ut.extend("--ft-typography-body2-font-weight",Yt.fontWeight,"normal"),letterSpacing:ut.extend("--ft-typography-body2-letter-spacing",Yt.letterSpacing,"0.252px"),lineHeight:ut.extend("--ft-typography-body2-line-height",Yt.lineHeight,"1.4"),textTransform:ut.extend("--ft-typography-body2-text-transform",Yt.textTransform,"inherit")},Se={fontFamily:ut.extend("--ft-typography-caption-font-family",Xt),fontSize:ut.extend("--ft-typography-caption-font-size",Yt.fontSize,"12px"),fontWeight:ut.extend("--ft-typography-caption-font-weight",Yt.fontWeight,"normal"),letterSpacing:ut.extend("--ft-typography-caption-letter-spacing",Yt.letterSpacing,"0.396px"),lineHeight:ut.extend("--ft-typography-caption-line-height",Yt.lineHeight,"1.33"),textTransform:ut.extend("--ft-typography-caption-text-transform",Yt.textTransform,"inherit")},Oe=ut.extend("--ft-typography-breadcrumb-font-family",Xt),Ce=ut.extend("--ft-typography-breadcrumb-font-size",Yt.fontSize,"10px"),ze=ut.extend("--ft-typography-breadcrumb-font-weight",Yt.fontWeight,"normal"),Ee=ut.extend("--ft-typography-breadcrumb-letter-spacing",Yt.letterSpacing,"0.33px"),Be=ut.extend("--ft-typography-breadcrumb-line-height",Yt.lineHeight,"1.6"),Me=ut.extend("--ft-typography-breadcrumb-text-transform",Yt.textTransform,"inherit"),Ne=ut.extend("--ft-typography-overline-font-family",Xt),Fe=ut.extend("--ft-typography-overline-font-size",Yt.fontSize,"10px"),Re=ut.extend("--ft-typography-overline-font-weight",Yt.fontWeight,"normal"),Le=ut.extend("--ft-typography-overline-letter-spacing",Yt.letterSpacing,"1.5px"),De=ut.extend("--ft-typography-overline-line-height",Yt.lineHeight,"1.6"),Ie=ut.extend("--ft-typography-overline-text-transform",Yt.textTransform,"uppercase"),je={fontFamily:ut.extend("--ft-typography-button-font-family",Xt),fontSize:ut.extend("--ft-typography-button-font-size",Yt.fontSize,"14px"),fontWeight:ut.extend("--ft-typography-button-font-weight",Yt.fontWeight,"600"),letterSpacing:ut.extend("--ft-typography-button-letter-spacing",Yt.letterSpacing,"1.246px"),lineHeight:ut.extend("--ft-typography-button-line-height",Yt.lineHeight,"1.15"),textTransform:ut.extend("--ft-typography-button-text-transform",Yt.textTransform,"uppercase")},Pe=g`
|
|
139
139
|
.ft-typography--title {
|
|
140
|
-
font-family: ${
|
|
141
|
-
font-size: ${
|
|
142
|
-
font-weight: ${
|
|
143
|
-
letter-spacing: ${
|
|
144
|
-
line-height: ${
|
|
145
|
-
text-transform: ${
|
|
140
|
+
font-family: ${Qt};
|
|
141
|
+
font-size: ${Gt};
|
|
142
|
+
font-weight: ${te};
|
|
143
|
+
letter-spacing: ${ee};
|
|
144
|
+
line-height: ${ie};
|
|
145
|
+
text-transform: ${oe};
|
|
146
146
|
}
|
|
147
147
|
`,Ue=g`
|
|
148
148
|
.ft-typography--title-dense {
|
|
149
|
-
font-family: ${
|
|
150
|
-
font-size: ${
|
|
151
|
-
font-weight: ${
|
|
152
|
-
letter-spacing: ${
|
|
153
|
-
line-height: ${
|
|
154
|
-
text-transform: ${
|
|
155
|
-
}
|
|
156
|
-
`,
|
|
149
|
+
font-family: ${se};
|
|
150
|
+
font-size: ${ne};
|
|
151
|
+
font-weight: ${re};
|
|
152
|
+
letter-spacing: ${le};
|
|
153
|
+
line-height: ${ae};
|
|
154
|
+
text-transform: ${ce};
|
|
155
|
+
}
|
|
156
|
+
`,Ae=g`
|
|
157
157
|
.ft-typography--subtitle1 {
|
|
158
|
-
font-family: ${
|
|
159
|
-
font-size: ${
|
|
160
|
-
font-weight: ${
|
|
161
|
-
letter-spacing: ${
|
|
162
|
-
line-height: ${
|
|
163
|
-
text-transform: ${
|
|
158
|
+
font-family: ${he};
|
|
159
|
+
font-size: ${pe};
|
|
160
|
+
font-weight: ${de};
|
|
161
|
+
letter-spacing: ${fe};
|
|
162
|
+
line-height: ${ue};
|
|
163
|
+
text-transform: ${be};
|
|
164
164
|
}
|
|
165
165
|
`,Te=g`
|
|
166
166
|
.ft-typography--subtitle2 {
|
|
167
|
-
font-family: ${
|
|
168
|
-
font-size: ${
|
|
169
|
-
font-weight: ${
|
|
170
|
-
letter-spacing: ${
|
|
171
|
-
line-height: ${
|
|
172
|
-
text-transform: ${
|
|
167
|
+
font-family: ${ve};
|
|
168
|
+
font-size: ${ge};
|
|
169
|
+
font-weight: ${xe};
|
|
170
|
+
letter-spacing: ${ye};
|
|
171
|
+
line-height: ${me};
|
|
172
|
+
text-transform: ${$e};
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
`,Ae=g`
|
|
176
|
-
.ft-typography--body1 {
|
|
177
|
-
font-family: ${$e.fontFamily};
|
|
178
|
-
font-size: ${$e.fontSize};
|
|
179
|
-
font-weight: ${$e.fontWeight};
|
|
180
|
-
letter-spacing: ${$e.letterSpacing};
|
|
181
|
-
line-height: ${$e.lineHeight};
|
|
182
|
-
text-transform: ${$e.textTransform};
|
|
183
|
-
}
|
|
184
175
|
`,_e=g`
|
|
185
|
-
.ft-typography--
|
|
176
|
+
.ft-typography--body1 {
|
|
186
177
|
font-family: ${we.fontFamily};
|
|
187
178
|
font-size: ${we.fontSize};
|
|
188
179
|
font-weight: ${we.fontWeight};
|
|
@@ -191,7 +182,7 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
191
182
|
text-transform: ${we.textTransform};
|
|
192
183
|
}
|
|
193
184
|
`,He=g`
|
|
194
|
-
.ft-typography--
|
|
185
|
+
.ft-typography--body2 {
|
|
195
186
|
font-family: ${ke.fontFamily};
|
|
196
187
|
font-size: ${ke.fontSize};
|
|
197
188
|
font-weight: ${ke.fontWeight};
|
|
@@ -200,44 +191,53 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
200
191
|
text-transform: ${ke.textTransform};
|
|
201
192
|
}
|
|
202
193
|
`,Ze=g`
|
|
203
|
-
.ft-typography--
|
|
204
|
-
font-family: ${Se};
|
|
205
|
-
font-size: ${
|
|
206
|
-
font-weight: ${
|
|
207
|
-
letter-spacing: ${
|
|
208
|
-
line-height: ${
|
|
209
|
-
text-transform: ${
|
|
194
|
+
.ft-typography--caption {
|
|
195
|
+
font-family: ${Se.fontFamily};
|
|
196
|
+
font-size: ${Se.fontSize};
|
|
197
|
+
font-weight: ${Se.fontWeight};
|
|
198
|
+
letter-spacing: ${Se.letterSpacing};
|
|
199
|
+
line-height: ${Se.lineHeight};
|
|
200
|
+
text-transform: ${Se.textTransform};
|
|
210
201
|
}
|
|
211
202
|
`,Ke=g`
|
|
203
|
+
.ft-typography--breadcrumb {
|
|
204
|
+
font-family: ${Oe};
|
|
205
|
+
font-size: ${Ce};
|
|
206
|
+
font-weight: ${ze};
|
|
207
|
+
letter-spacing: ${Ee};
|
|
208
|
+
line-height: ${Be};
|
|
209
|
+
text-transform: ${Me};
|
|
210
|
+
}
|
|
211
|
+
`,We=g`
|
|
212
212
|
.ft-typography--overline {
|
|
213
|
-
font-family: ${
|
|
214
|
-
font-size: ${
|
|
213
|
+
font-family: ${Ne};
|
|
214
|
+
font-size: ${Fe};
|
|
215
215
|
font-weight: ${Re};
|
|
216
|
-
letter-spacing: ${
|
|
217
|
-
line-height: ${
|
|
218
|
-
text-transform: ${
|
|
216
|
+
letter-spacing: ${Le};
|
|
217
|
+
line-height: ${De};
|
|
218
|
+
text-transform: ${Ie};
|
|
219
219
|
}
|
|
220
|
-
`,
|
|
220
|
+
`,Ve=g`
|
|
221
221
|
.ft-typography--button {
|
|
222
|
-
font-family: ${
|
|
223
|
-
font-size: ${
|
|
224
|
-
font-weight: ${
|
|
225
|
-
letter-spacing: ${
|
|
226
|
-
line-height: ${
|
|
227
|
-
text-transform: ${
|
|
228
|
-
}
|
|
229
|
-
`;class
|
|
230
|
-
<${
|
|
222
|
+
font-family: ${je.fontFamily};
|
|
223
|
+
font-size: ${je.fontSize};
|
|
224
|
+
font-weight: ${je.fontWeight};
|
|
225
|
+
letter-spacing: ${je.letterSpacing};
|
|
226
|
+
line-height: ${je.lineHeight};
|
|
227
|
+
text-transform: ${je.textTransform};
|
|
228
|
+
}
|
|
229
|
+
`;class qe extends xt{constructor(){super(...arguments),this.variant=Vt.body1}render(){return this.element?Wt`
|
|
230
|
+
<${Zt(this.element)}
|
|
231
231
|
class="ft-typography ft-typography--${this.variant}">
|
|
232
232
|
<slot></slot>
|
|
233
|
-
</${
|
|
234
|
-
`:
|
|
233
|
+
</${Zt(this.element)}>
|
|
234
|
+
`:Wt`
|
|
235
235
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
236
|
-
`}}function
|
|
236
|
+
`}}function Je(t,e){return t.flatMap((t=>[t,...Je(e(t),e)]))}function Xe(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function Ye(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>Ye(e,t.selected))),value:t.value}}function Qe(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>Ye(t,!1)))}}qe.styles=[Pe,Ue,Ae,Te,_e,He,Ze,Ke,We,Ve,g`
|
|
237
237
|
.ft-typography {
|
|
238
238
|
vertical-align: inherit;
|
|
239
239
|
}
|
|
240
|
-
`],
|
|
240
|
+
`],qt([o()],qe.prototype,"element",void 0),qt([o()],qe.prototype,"variant",void 0),h("ft-typography")(qe);var Ge=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 ti=ut.extend("--ft-ripple-color",vt.colorContent),ei={color:ti,backgroundColor:ut.extend("--ft-ripple-background-color",ti),opacityContentOnSurfacePressed:ut.external(vt.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:ut.external(vt.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:ut.external(vt.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:ut.external(vt.opacityContentOnSurfaceSelected,"Design system")},ii=ut.extend("--ft-ripple-color",vt.colorPrimary),oi=ii,si=ut.extend("--ft-ripple-background-color",ii),ni=ut.extend("--ft-ripple-color",vt.colorSecondary),ri=ni,li=ut.extend("--ft-ripple-background-color",ni);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`
|
|
241
241
|
<style>
|
|
242
242
|
.ft-ripple .ft-ripple--effect,
|
|
243
243
|
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
@@ -250,11 +250,11 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
250
250
|
top: ${this.originY}px;
|
|
251
251
|
}
|
|
252
252
|
</style>
|
|
253
|
-
<div class="${
|
|
253
|
+
<div class="${jt(t)}">
|
|
254
254
|
<div class="ft-ripple--background"></div>
|
|
255
255
|
<div class="ft-ripple--effect"></div>
|
|
256
256
|
</div>
|
|
257
|
-
`}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()}}
|
|
257
|
+
`}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=g`
|
|
258
258
|
:host {
|
|
259
259
|
display: contents;
|
|
260
260
|
}
|
|
@@ -276,27 +276,27 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
276
276
|
}
|
|
277
277
|
|
|
278
278
|
.ft-ripple .ft-ripple--background {
|
|
279
|
-
background-color: ${
|
|
279
|
+
background-color: ${ei.backgroundColor};
|
|
280
280
|
}
|
|
281
281
|
|
|
282
282
|
.ft-ripple .ft-ripple--effect {
|
|
283
|
-
background-color: ${
|
|
283
|
+
background-color: ${ei.color};
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
287
|
-
background-color: ${
|
|
287
|
+
background-color: ${li};
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
291
|
-
background-color: ${
|
|
291
|
+
background-color: ${ri};
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
295
|
-
background-color: ${
|
|
295
|
+
background-color: ${si};
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
299
|
-
background-color: ${
|
|
299
|
+
background-color: ${oi};
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
.ft-ripple .ft-ripple--background {
|
|
@@ -328,22 +328,22 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
328
328
|
}
|
|
329
329
|
|
|
330
330
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
331
|
-
opacity: ${
|
|
331
|
+
opacity: ${ei.opacityContentOnSurfaceHover};
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
335
|
-
opacity: ${
|
|
335
|
+
opacity: ${ei.opacityContentOnSurfaceSelected};
|
|
336
336
|
}
|
|
337
337
|
|
|
338
338
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
339
|
-
opacity: ${
|
|
339
|
+
opacity: ${ei.opacityContentOnSurfaceFocused};
|
|
340
340
|
}
|
|
341
341
|
|
|
342
342
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
343
|
-
opacity: ${
|
|
343
|
+
opacity: ${ei.opacityContentOnSurfacePressed};
|
|
344
344
|
transform: translate(-50%, -50%) scale(1);
|
|
345
345
|
}
|
|
346
|
-
`,
|
|
346
|
+
`,Ge([o({type:Boolean})],ai.prototype,"primary",void 0),Ge([o({type:Boolean})],ai.prototype,"secondary",void 0),Ge([o({type:Boolean})],ai.prototype,"unbounded",void 0),Ge([o({type:Boolean})],ai.prototype,"activated",void 0),Ge([o({type:Boolean})],ai.prototype,"selected",void 0),Ge([o({type:Boolean})],ai.prototype,"disabled",void 0),Ge([s()],ai.prototype,"hovered",void 0),Ge([s()],ai.prototype,"focused",void 0),Ge([s()],ai.prototype,"pressed",void 0),Ge([s()],ai.prototype,"rippling",void 0),Ge([s()],ai.prototype,"rippleSize",void 0),Ge([s()],ai.prototype,"originX",void 0),Ge([s()],ai.prototype,"originY",void 0),Ge([r(".ft-ripple")],ai.prototype,"ripple",void 0),Ge([r(".ft-ripple--effect")],ai.prototype,"rippleEffect",void 0),h("ft-ripple")(ai);var ci=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 hi={distance:ut.create("--ft-tooltip-distance","SIZE","4px"),color:ut.create("--ft-tooltip-color","COLOR","#FFFFFF"),backgroundColor:ut.create("--ft-tooltip-background-color","COLOR","#666666"),zIndex:ut.create("--ft-tooltip-z-index","NUMBER","1"),borderRadiusS:ut.external(vt.borderRadiusS,"Design system")};class pi extends xt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new e,this.revealDebouncer=new e}render(){return W`
|
|
347
347
|
<div part="container"
|
|
348
348
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
349
349
|
@mouseenter=${this.onHover}
|
|
@@ -358,7 +358,7 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
358
358
|
</div>
|
|
359
359
|
<slot></slot>
|
|
360
360
|
</div>
|
|
361
|
-
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2,s=this.tooltip.style;switch(this.position){case"top":s.top=-this.tooltip.clientHeight+"px",s.left=o+"px";break;case"bottom":s.top=e.height+"px",s.left=o+"px";break;case"left":s.top=i+"px",s.left=-this.tooltip.clientWidth+"px";break;case"right":s.top=i+"px",s.left=e.width+"px"}s.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}
|
|
361
|
+
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2,s=this.tooltip.style;switch(this.position){case"top":s.top=-this.tooltip.clientHeight+"px",s.left=o+"px";break;case"bottom":s.top=e.height+"px",s.left=o+"px";break;case"left":s.top=i+"px",s.left=-this.tooltip.clientWidth+"px";break;case"right":s.top=i+"px",s.left=e.width+"px"}s.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}pi.elementDefinitions={"ft-typography":qe},pi.styles=g`
|
|
362
362
|
.ft-tooltip--container {
|
|
363
363
|
display: block;
|
|
364
364
|
position: relative;
|
|
@@ -376,21 +376,21 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
376
376
|
width: max-content;
|
|
377
377
|
max-width: 150px;
|
|
378
378
|
text-align: center;
|
|
379
|
-
padding: ${
|
|
380
|
-
z-index: ${
|
|
379
|
+
padding: ${hi.distance};
|
|
380
|
+
z-index: ${hi.zIndex};
|
|
381
381
|
}
|
|
382
382
|
|
|
383
383
|
.ft-tooltip--content {
|
|
384
384
|
padding: 4px 8px;
|
|
385
|
-
border-radius: ${
|
|
386
|
-
background-color: ${
|
|
387
|
-
color: ${hi};
|
|
385
|
+
border-radius: ${hi.borderRadiusS};
|
|
386
|
+
background-color: ${hi.backgroundColor};
|
|
387
|
+
color: ${hi.color};
|
|
388
388
|
top: -500px;
|
|
389
389
|
left: -500px;
|
|
390
390
|
position: relative;
|
|
391
391
|
word-break: break-word;
|
|
392
392
|
}
|
|
393
|
-
`,
|
|
393
|
+
`,ci([o()],pi.prototype,"text",void 0),ci([o({type:Boolean})],pi.prototype,"manual",void 0),ci([o({type:Boolean})],pi.prototype,"inline",void 0),ci([o({type:Number})],pi.prototype,"delay",void 0),ci([o()],pi.prototype,"position",void 0),ci([function(t,e,i){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:e},i?c({slot:s,flatten:e,selector:i}):n({descriptor:t=>({get(){var t,e;const i="slot"+(s?`[name=${s}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==n?void 0:n.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],pi.prototype,"slotNodes",void 0),ci([r(".ft-tooltip--container")],pi.prototype,"container",void 0),ci([r("slot")],pi.prototype,"target",void 0),ci([r(".ft-tooltip")],pi.prototype,"tooltip",void 0),ci([r(".ft-tooltip--content")],pi.prototype,"tooltipContent",void 0),ci([s()],pi.prototype,"visible",void 0),h("ft-tooltip")(pi);const di={color:ut.extend("--ft-loader-color",vt.colorPrimary),size:ut.create("--ft-loader-size","SIZE","80px")};class fi extends xt{static get styles(){return g`
|
|
394
394
|
:host {
|
|
395
395
|
line-height: 0;
|
|
396
396
|
}
|
|
@@ -399,8 +399,8 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
399
399
|
display: inline-block;
|
|
400
400
|
position: relative;
|
|
401
401
|
|
|
402
|
-
width: ${
|
|
403
|
-
height: ${
|
|
402
|
+
width: ${di.size};
|
|
403
|
+
height: ${di.size};
|
|
404
404
|
}
|
|
405
405
|
|
|
406
406
|
.ft-loader div {
|
|
@@ -409,7 +409,7 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
409
409
|
width: 25%;
|
|
410
410
|
height: 25%;
|
|
411
411
|
border-radius: 50%;
|
|
412
|
-
background: ${
|
|
412
|
+
background: ${di.color};
|
|
413
413
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
414
414
|
}
|
|
415
415
|
|
|
@@ -456,7 +456,7 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
456
456
|
transform: translate(0, 0);
|
|
457
457
|
}
|
|
458
458
|
100% {
|
|
459
|
-
transform: translate(calc(0.35 * ${
|
|
459
|
+
transform: translate(calc(0.35 * ${di.size}), 0);
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
462
|
`}render(){return W`
|
|
@@ -466,27 +466,29 @@ const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
466
466
|
<div></div>
|
|
467
467
|
<div></div>
|
|
468
468
|
</div>
|
|
469
|
-
`}}h("ft-loader")(
|
|
469
|
+
`}}h("ft-loader")(fi);
|
|
470
470
|
/**
|
|
471
471
|
* @license
|
|
472
472
|
* Copyright 2017 Google LLC
|
|
473
473
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
474
474
|
*/
|
|
475
|
-
class
|
|
475
|
+
class ui extends Et{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===q||null==t)return this.ft=void 0,this.it=t;if(t===V)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ui.directiveName="unsafeHTML",ui.resultType=1;const bi=zt(ui);var vi,gi;!function(t){t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.STAR_PLAIN="",t.STAR="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_DOWN="",t.THUMBS_UP_PLAIN="",t.THUMBS_UP="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="\f06e",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL=""}(vi||(vi={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(gi||(gi={}));const xi=new Map([...["abw"].map((t=>[t,gi.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,gi.AUDIO])),...["avi"].map((t=>[t,gi.AVI])),...["chm","xhs"].map((t=>[t,gi.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,gi.CODE])),...["csv"].map((t=>[t,gi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,gi.DITA])),...["epub"].map((t=>[t,gi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,gi.EXCEL])),...["flac"].map((t=>[t,gi.FLAC])),...["gif"].map((t=>[t,gi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,gi.GZIP])),...["html","htm","xhtml"].map((t=>[t,gi.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,gi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,gi.JPEG])),...["json"].map((t=>[t,gi.JSON])),...["m4a","m4p"].map((t=>[t,gi.M4A])),...["mov","qt"].map((t=>[t,gi.MOV])),...["mp3"].map((t=>[t,gi.MP3])),...["mp4","m4v"].map((t=>[t,gi.MP4])),...["ogg","oga"].map((t=>[t,gi.OGG])),...["pdf","ps"].map((t=>[t,gi.PDF])),...["png"].map((t=>[t,gi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,gi.POWERPOINT])),...["rar"].map((t=>[t,gi.RAR])),...["stp"].map((t=>[t,gi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,gi.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,gi.VIDEO])),...["wav"].map((t=>[t,gi.WAV])),...["wma"].map((t=>[t,gi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,gi.WORD])),...["xml","xsl","rdf"].map((t=>[t,gi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,gi.YAML])),...["zip"].map((t=>[t,gi.ZIP]))]),yi=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var mi,$i=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"}(mi||(mi={}));const wi={size:ut.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:ut.extend("--ft-icon-fluid-topics-font-family",ut.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:ut.extend("--ft-icon-file-format-font-family",ut.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:ut.extend("--ft-icon-material-font-family",ut.create("--ft-icon-font-family","UNKNOWN","Material Icons"))};class ki extends xt{constructor(){super(...arguments),this.variant=mi.fluid_topics}render(){return W`
|
|
476
476
|
<i class="ft-icon ${"ft-icon--"+this.variant}">
|
|
477
|
-
${
|
|
477
|
+
${bi(this.getIcon())}
|
|
478
478
|
<slot @slotchange=${()=>this.requestUpdate()} ?hidden=${"material"!==this.variant}></slot>
|
|
479
479
|
</i>
|
|
480
|
-
`}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:""}getIcon(){var t,e;let i=this.textContent;return this.variant===
|
|
481
|
-
:host
|
|
480
|
+
`}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:""}getIcon(){var t,e;let i=this.textContent;return this.variant===mi.file_format?null!==(t=gi[i.toUpperCase()])&&void 0!==t?t:i:this.variant===mi.fluid_topics?null!==(e=vi[i.toUpperCase()])&&void 0!==e?e:i:q}}ki.elementDefinitions={},ki.styles=g`
|
|
481
|
+
:host {
|
|
482
482
|
display: inline-block;
|
|
483
|
-
|
|
484
|
-
|
|
483
|
+
}
|
|
484
|
+
:host, i.ft-icon {
|
|
485
|
+
width: ${wi.size};
|
|
486
|
+
height: ${wi.size};
|
|
485
487
|
text-align: center;
|
|
486
488
|
}
|
|
487
489
|
|
|
488
490
|
i.ft-icon {
|
|
489
|
-
font-size: ${
|
|
491
|
+
font-size: ${wi.size};
|
|
490
492
|
line-height: 1;
|
|
491
493
|
font-weight: normal;
|
|
492
494
|
text-transform: none;
|
|
@@ -500,17 +502,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
500
502
|
}
|
|
501
503
|
|
|
502
504
|
.ft-icon--fluid-topics {
|
|
503
|
-
font-family: ${
|
|
505
|
+
font-family: ${wi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
504
506
|
}
|
|
505
507
|
|
|
506
508
|
.ft-icon--file-format {
|
|
507
|
-
font-family: ${
|
|
509
|
+
font-family: ${wi.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
508
510
|
}
|
|
509
511
|
|
|
510
512
|
.ft-icon--material {
|
|
511
|
-
font-family: ${
|
|
513
|
+
font-family: ${wi.materialFontFamily}, "Material Icons", sans-serif;
|
|
512
514
|
}
|
|
513
|
-
|
|
515
|
+
`,$i([o()],ki.prototype,"variant",void 0),$i([r("slot")],ki.prototype,"slottedContent",void 0),h("ft-icon")(ki);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};const Oi=ut.extend("--ft-button-color",vt.colorPrimary),Ci={backgroundColor:ut.extend("--ft-button-background-color",vt.colorSurface),borderRadius:ut.extend("--ft-button-border-radius",vt.borderRadiusL),color:Oi,fontSize:ut.extend("--ft-button-font-size",je.fontSize),iconSize:ut.create("--ft-button-icon-size","SIZE","24px"),rippleColor:ut.extend("--ft-button-ripple-color",Oi),opacityDisabled:ut.external(vt.colorOpacityDisabled,"Design system")},zi=ut.extend("--ft-button-primary-color",ut.extend("--ft-button-color",vt.colorOnPrimary)),Ei={backgroundColor:ut.extend("--ft-button-primary-background-color",ut.extend("--ft-button-background-color",vt.colorPrimary)),color:zi,rippleColor:ut.extend("--ft-button-primary-ripple-color",zi)},Bi=ut.extend("--ft-button-dense-border-radius",ut.extend("--ft-button-border-radius",vt.borderRadiusM));class Mi extends xt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}static get styles(){return[yt,g`
|
|
514
516
|
:host {
|
|
515
517
|
display: inline-block;
|
|
516
518
|
max-width: 100%;
|
|
@@ -521,7 +523,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
521
523
|
box-shadow: 0px 0px 0px transparent;
|
|
522
524
|
border: 0px solid transparent;
|
|
523
525
|
text-shadow: 0px 0px 0px transparent;
|
|
524
|
-
font-size:
|
|
526
|
+
font-size: 16px;
|
|
525
527
|
}
|
|
526
528
|
|
|
527
529
|
button:hover {
|
|
@@ -550,18 +552,18 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
550
552
|
border: none;
|
|
551
553
|
pointer-events: auto;
|
|
552
554
|
|
|
553
|
-
--ft-button-internal-font-size: ${
|
|
555
|
+
--ft-button-internal-font-size: ${Ci.fontSize};
|
|
554
556
|
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
555
|
-
--ft-button-internal-color: ${
|
|
556
|
-
${bt(
|
|
557
|
+
--ft-button-internal-color: ${Ci.color};
|
|
558
|
+
${bt(wi.size,Ci.iconSize)};
|
|
557
559
|
--ft-button-internal-vertical-padding: 6px;
|
|
558
560
|
--ft-button-internal-horizontal-padding: 8px;
|
|
559
|
-
${bt(
|
|
560
|
-
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${
|
|
561
|
+
${bt(ei.color,Ci.rippleColor)};
|
|
562
|
+
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Ci.iconSize});
|
|
561
563
|
|
|
562
|
-
border-radius: ${
|
|
564
|
+
border-radius: ${Ci.borderRadius};
|
|
563
565
|
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
564
|
-
background-color: ${
|
|
566
|
+
background-color: ${Ci.backgroundColor};
|
|
565
567
|
color: var(--ft-button-internal-color);
|
|
566
568
|
-webkit-mask-image: radial-gradient(white, black);
|
|
567
569
|
}
|
|
@@ -573,7 +575,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
573
575
|
.ft-button--dense {
|
|
574
576
|
--ft-button-internal-vertical-padding: 2px;
|
|
575
577
|
--ft-button-internal-horizontal-padding: 4px;
|
|
576
|
-
border-radius: ${
|
|
578
|
+
border-radius: ${Bi};
|
|
577
579
|
}
|
|
578
580
|
|
|
579
581
|
.ft-button--round {
|
|
@@ -582,13 +584,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
582
584
|
|
|
583
585
|
.ft-button[disabled] {
|
|
584
586
|
filter: grayscale(1);
|
|
585
|
-
opacity: ${
|
|
587
|
+
opacity: ${Ci.opacityDisabled};
|
|
586
588
|
}
|
|
587
589
|
|
|
588
590
|
.ft-button.ft-button--primary {
|
|
589
|
-
background-color: ${
|
|
590
|
-
--ft-button-internal-color: ${
|
|
591
|
-
${bt(
|
|
591
|
+
background-color: ${Ei.backgroundColor};
|
|
592
|
+
--ft-button-internal-color: ${Ei.color};
|
|
593
|
+
${bt(ei.color,Ei.rippleColor)};
|
|
592
594
|
}
|
|
593
595
|
|
|
594
596
|
.ft-button.ft-button--outlined {
|
|
@@ -607,8 +609,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
607
609
|
text-overflow: ellipsis;
|
|
608
610
|
display: block;
|
|
609
611
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
610
|
-
${bt(
|
|
611
|
-
${bt(
|
|
612
|
+
${bt(je.fontSize,"var(--ft-button-internal-font-size)")};
|
|
613
|
+
${bt(je.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
612
614
|
}
|
|
613
615
|
|
|
614
616
|
.ft-button--safari-fix .ft-button--label {
|
|
@@ -641,12 +643,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
641
643
|
}
|
|
642
644
|
|
|
643
645
|
ft-loader {
|
|
644
|
-
${bt(
|
|
645
|
-
${bt(
|
|
646
|
+
${bt(di.size,Ci.iconSize)};
|
|
647
|
+
${bt(di.color,"var(--ft-button-internal-color)")};
|
|
646
648
|
}
|
|
647
|
-
`]}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":
|
|
649
|
+
`]}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":St,"ft-no-text-select":!0};return this.addTooltip(W`
|
|
648
650
|
<button part="button"
|
|
649
|
-
class="${
|
|
651
|
+
class="${jt(t)}"
|
|
650
652
|
aria-label="${this.getLabel()}"
|
|
651
653
|
?disabled=${this.isDisabled()}>
|
|
652
654
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
@@ -666,8 +668,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
666
668
|
</ft-tooltip>
|
|
667
669
|
`}resolveIcon(){return this.loading?W`
|
|
668
670
|
<ft-loader></ft-loader> `:this.icon?W`
|
|
669
|
-
<ft-icon variant="material">${this.icon}</ft-icon> `:q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}
|
|
670
|
-
<label class="${
|
|
671
|
+
<ft-icon variant="material">${this.icon}</ft-icon> `:q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Mi.elementDefinitions={"ft-ripple":ai,"ft-tooltip":pi,"ft-typography":qe,"ft-icon":ki,"ft-loader":fi},Si([o({type:Boolean})],Mi.prototype,"primary",void 0),Si([o({type:Boolean})],Mi.prototype,"outlined",void 0),Si([o({type:Boolean})],Mi.prototype,"disabled",void 0),Si([o({type:Boolean})],Mi.prototype,"dense",void 0),Si([o({type:Boolean})],Mi.prototype,"round",void 0),Si([o({type:String})],Mi.prototype,"label",void 0),Si([o({type:String})],Mi.prototype,"icon",void 0),Si([o({type:Boolean})],Mi.prototype,"trailingIcon",void 0),Si([o({type:Boolean})],Mi.prototype,"loading",void 0),Si([o({type:String})],Mi.prototype,"tooltipPosition",void 0),Si([r(".ft-button")],Mi.prototype,"button",void 0),Si([r(".ft-button--label slot")],Mi.prototype,"slottedContent",void 0),h("ft-button")(Mi);var Ni=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 Fi=ut.extend("--ft-checkbox-text-color",vt.colorOnSurfaceHigh),Ri=ut.external(vt.colorPrimary,"Design system"),Li=ut.external(vt.colorOnPrimary,"Design system"),Di=ut.extend("--ft-checkbox-border-color",vt.colorOnSurfaceMedium),Ii=ut.external(vt.colorOnSurfaceDisabled,"Design system");class ji extends xt{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){const t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return W`
|
|
672
|
+
<label class="${jt(t)}">
|
|
671
673
|
<div class="ft-checkbox--box-container">
|
|
672
674
|
<input type="checkbox"
|
|
673
675
|
name=${this.name}
|
|
@@ -691,14 +693,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
691
693
|
<slot></slot>
|
|
692
694
|
</ft-typography>
|
|
693
695
|
</label>
|
|
694
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}
|
|
696
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}ji.elementDefinitions={"ft-ripple":ai,"ft-typography":qe},ji.styles=g`
|
|
695
697
|
* {
|
|
696
698
|
box-sizing: border-box;
|
|
697
699
|
}
|
|
698
700
|
|
|
699
701
|
.ft-checkbox {
|
|
700
702
|
box-sizing: border-box;
|
|
701
|
-
color: ${
|
|
703
|
+
color: ${Fi};
|
|
702
704
|
|
|
703
705
|
display: inline-flex;
|
|
704
706
|
align-items: center;
|
|
@@ -706,7 +708,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
706
708
|
}
|
|
707
709
|
|
|
708
710
|
.ft-checkbox--disabled {
|
|
709
|
-
color: ${
|
|
711
|
+
color: ${Ii};
|
|
710
712
|
}
|
|
711
713
|
|
|
712
714
|
input {
|
|
@@ -730,26 +732,26 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
730
732
|
|
|
731
733
|
.ft-checkbox--box {
|
|
732
734
|
display: flex;
|
|
733
|
-
border: 2px solid ${
|
|
735
|
+
border: 2px solid ${Di};
|
|
734
736
|
border-radius: 2px;
|
|
735
737
|
|
|
736
738
|
width: 18px;
|
|
737
739
|
height: 18px;
|
|
738
740
|
|
|
739
|
-
color: ${
|
|
741
|
+
color: ${Li};
|
|
740
742
|
}
|
|
741
743
|
|
|
742
744
|
|
|
743
745
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
744
746
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
745
|
-
border-color: ${
|
|
746
|
-
background-color: ${
|
|
747
|
+
border-color: ${Ri};
|
|
748
|
+
background-color: ${Ri};
|
|
747
749
|
}
|
|
748
750
|
|
|
749
751
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
750
|
-
border-color: ${
|
|
752
|
+
border-color: ${Ii};
|
|
751
753
|
background-color: transparent;
|
|
752
|
-
color: ${
|
|
754
|
+
color: ${Ii};
|
|
753
755
|
}
|
|
754
756
|
|
|
755
757
|
.ft-checkbox--checkmark {
|
|
@@ -768,8 +770,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
768
770
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
769
771
|
opacity: 1;
|
|
770
772
|
}
|
|
771
|
-
`,
|
|
772
|
-
<div class="${
|
|
773
|
+
`,Ni([o()],ji.prototype,"name",void 0),Ni([o({type:Boolean})],ji.prototype,"checked",void 0),Ni([o({type:Boolean})],ji.prototype,"indeterminate",void 0),Ni([o({type:Boolean})],ji.prototype,"disabled",void 0),Ni([r(".ft-checkbox")],ji.prototype,"container",void 0),Ni([r("ft-ripple")],ji.prototype,"ripple",void 0),h("ft-checkbox")(ji);var Pi=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 Ui=ut.extend("--ft-radio-text-color",vt.colorOnSurfaceHigh),Ai=ut.external(vt.colorPrimary,"Design system"),Ti=(ut.external(vt.colorOnPrimary,"Design system"),ut.extend("--ft-radio-border-color",vt.colorOnSurfaceMedium)),_i=ut.external(vt.colorOnSurfaceDisabled,"Design system");class Hi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Zi extends xt{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return W`
|
|
774
|
+
<div class="${jt(t)}">
|
|
773
775
|
<div class="ft-radio--box-container">
|
|
774
776
|
<input id="radio-button"
|
|
775
777
|
type="radio"
|
|
@@ -793,14 +795,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
793
795
|
</ft-typography>
|
|
794
796
|
</label>
|
|
795
797
|
</div>
|
|
796
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
798
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Hi(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Hi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Zi.elementDefinitions={"ft-ripple":ai,"ft-typography":qe},Zi.styles=g`
|
|
797
799
|
* {
|
|
798
800
|
box-sizing: border-box;
|
|
799
801
|
}
|
|
800
802
|
|
|
801
803
|
.ft-radio {
|
|
802
804
|
box-sizing: border-box;
|
|
803
|
-
color: ${
|
|
805
|
+
color: ${Ui};
|
|
804
806
|
|
|
805
807
|
display: inline-flex;
|
|
806
808
|
align-items: center;
|
|
@@ -808,7 +810,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
808
810
|
}
|
|
809
811
|
|
|
810
812
|
.ft-radio--disabled {
|
|
811
|
-
color: ${
|
|
813
|
+
color: ${_i};
|
|
812
814
|
}
|
|
813
815
|
|
|
814
816
|
input {
|
|
@@ -831,7 +833,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
831
833
|
}
|
|
832
834
|
|
|
833
835
|
.ft-radio--box {
|
|
834
|
-
border: 2px solid ${
|
|
836
|
+
border: 2px solid ${Ti};
|
|
835
837
|
border-radius: 50%;
|
|
836
838
|
|
|
837
839
|
display: flex;
|
|
@@ -844,7 +846,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
844
846
|
|
|
845
847
|
.ft-radio--box:after {
|
|
846
848
|
content: " ";
|
|
847
|
-
background-color: ${
|
|
849
|
+
background-color: ${Ai};
|
|
848
850
|
|
|
849
851
|
border-radius: 50%;
|
|
850
852
|
|
|
@@ -856,7 +858,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
856
858
|
}
|
|
857
859
|
|
|
858
860
|
.ft-radio--checked .ft-radio--box {
|
|
859
|
-
border-color: ${
|
|
861
|
+
border-color: ${Ai};
|
|
860
862
|
}
|
|
861
863
|
|
|
862
864
|
|
|
@@ -865,27 +867,28 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
865
867
|
}
|
|
866
868
|
|
|
867
869
|
.ft-radio--disabled .ft-radio--box {
|
|
868
|
-
border-color: ${
|
|
870
|
+
border-color: ${_i};
|
|
869
871
|
background-color: transparent;
|
|
870
872
|
}
|
|
871
873
|
|
|
872
874
|
.ft-radio--disabled .ft-radio--box:after {
|
|
873
|
-
background-color: ${
|
|
875
|
+
background-color: ${_i};
|
|
874
876
|
}
|
|
875
|
-
`,
|
|
877
|
+
`,Pi([o()],Zi.prototype,"value",void 0),Pi([o()],Zi.prototype,"name",void 0),Pi([o({type:Boolean})],Zi.prototype,"checked",void 0),Pi([o({type:Boolean})],Zi.prototype,"disabled",void 0),Pi([r(".ft-radio")],Zi.prototype,"container",void 0),Pi([r("ft-ripple")],Zi.prototype,"ripple",void 0),Pi([r("input")],Zi.prototype,"input",void 0);var Ki=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 Wi extends xt{constructor(){super(...arguments),this.name=""}render(){return W`
|
|
876
878
|
<slot @slotchange=${this.onSlotChange}
|
|
877
879
|
@change=${this.onChange}
|
|
878
880
|
@keydown=${this.onKeyDown}
|
|
879
881
|
@focusin=${this.onFocusIn}
|
|
880
882
|
></slot>
|
|
881
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value}))}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}onFocusIn(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}
|
|
883
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value}))}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}onFocusIn(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Wi.elementDefinitions={},Wi.styles=g`
|
|
882
884
|
:host {
|
|
883
885
|
display: contents;
|
|
884
886
|
}
|
|
885
|
-
`,
|
|
887
|
+
`,Ki([o()],Wi.prototype,"name",void 0),Ki([c()],Wi.prototype,"radioButtons",void 0),h("ft-radio")(Zi),h("ft-radio-group")(Wi);var Vi=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 qi={borderRadiusM:ut.external(vt.borderRadiusM,"Design system"),colorOutline:ut.external(vt.colorOutline,"Design system"),colorOnSurface:ut.external(vt.colorOnSurface,"Design system"),colorOnSurfaceMedium:ut.external(vt.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:ut.external(vt.colorOnSurfaceDisabled,"Design system"),colorPrimary:ut.external(vt.colorPrimary,"Design system"),colorOnPrimary:ut.external(vt.colorOnPrimary,"Design system"),fontFamily:ut.external(ke.fontFamily,"Body2 typography"),fontSize:ut.external(ke.fontSize,"Body2 typography"),fontWeight:ut.external(ke.fontWeight,"Body2 typography"),letterSpacing:ut.external(ke.letterSpacing,"Body2 typography"),lineHeight:ut.external(ke.lineHeight,"Body2 typography"),textTransform:ut.external(ke.textTransform,"Body2 typography")};class Ji extends xt{constructor(){super(...arguments),this.id="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=this.options;this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return W`
|
|
886
888
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
887
889
|
${null==this.parent?null:W`
|
|
888
890
|
<div tabindex="0"
|
|
891
|
+
part="controls go-back"
|
|
889
892
|
class="ft-filter-level--go-back"
|
|
890
893
|
?disabled=${this.disabled}
|
|
891
894
|
@keyup=${this.goBackOnKeyPress}
|
|
@@ -895,11 +898,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
895
898
|
<ft-typography variant="body2">${this.parent.label}</ft-typography>
|
|
896
899
|
</div>
|
|
897
900
|
`}
|
|
898
|
-
${
|
|
901
|
+
${0===this.options.length&&this.noValuesLabel?W`
|
|
902
|
+
<ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
|
|
903
|
+
${this.noValuesLabel}
|
|
904
|
+
</ft-typography>
|
|
905
|
+
`:q}
|
|
906
|
+
${It(e,(t=>t.value),(t=>{var e;return W`
|
|
899
907
|
<div class="ft-filter-level--option" part="options">
|
|
900
908
|
${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
|
|
901
909
|
${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?q:W`
|
|
902
910
|
<ft-button icon="chevron_right"
|
|
911
|
+
part="controls navigate-hierarchy"
|
|
903
912
|
label="${t.label}"
|
|
904
913
|
?disabled=${this.disabled}
|
|
905
914
|
tooltipPosition="left"
|
|
@@ -912,6 +921,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
912
921
|
class="ft-filter-level--display-more"
|
|
913
922
|
icon="expand_more"
|
|
914
923
|
dense trailingIcon
|
|
924
|
+
part="controls display-more"
|
|
915
925
|
@click=${this.displayMore}>
|
|
916
926
|
${this.moreValuesButtonLabel}
|
|
917
927
|
</ft-button>
|
|
@@ -919,14 +929,16 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
919
929
|
</div>
|
|
920
930
|
`}goBackOnKeyPress(t){"Enter"!==t.key&&" "!==t.key||this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var e;return W`
|
|
921
931
|
<ft-checkbox name="${this.id}"
|
|
932
|
+
part="multivalued-option"
|
|
922
933
|
.checked=${t.selected}
|
|
923
934
|
.disabled=${this.disabled}
|
|
924
|
-
.indeterminate=${
|
|
935
|
+
.indeterminate=${Je(null!==(e=t.subOptions)&&void 0!==e?e:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
|
|
925
936
|
@change=${e=>this.optionsChanged(e,t)}>
|
|
926
937
|
${t.label}
|
|
927
938
|
</ft-checkbox>
|
|
928
939
|
`}buildMonoValuedOption(t){return W`
|
|
929
940
|
<ft-radio name="${this.id+Math.round(1e6*Math.random())}"
|
|
941
|
+
part="monovalued-option"
|
|
930
942
|
.checked=${t.selected}
|
|
931
943
|
?disabled=${this.disabled}
|
|
932
944
|
@click=${e=>this.optionsChanged(e,t)}
|
|
@@ -935,7 +947,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
935
947
|
|
|
936
948
|
${t.label}
|
|
937
949
|
</ft-radio>
|
|
938
|
-
`}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}
|
|
950
|
+
`}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Ji.elementDefinitions={"ft-button":Mi,"ft-ripple":ai,"ft-typography":qe,"ft-checkbox":ji,"ft-icon":ki,"ft-radio":Zi},Ji.styles=[g`
|
|
939
951
|
.ft-filter-level--container {
|
|
940
952
|
display: flex;
|
|
941
953
|
flex-direction: column;
|
|
@@ -949,14 +961,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
949
961
|
flex-shrink: 0;
|
|
950
962
|
text-decoration: none;
|
|
951
963
|
position: relative;
|
|
952
|
-
border-radius: ${
|
|
964
|
+
border-radius: ${qi.borderRadiusM};
|
|
953
965
|
overflow: hidden;
|
|
954
966
|
display: flex;
|
|
955
967
|
align-items: center;
|
|
956
968
|
padding: 4px 4px;
|
|
957
969
|
gap: 4px;
|
|
958
970
|
cursor: pointer;
|
|
959
|
-
color: ${
|
|
971
|
+
color: ${qi.colorOnSurface};
|
|
960
972
|
}
|
|
961
973
|
|
|
962
974
|
.ft-filter-level--go-back:focus {
|
|
@@ -985,7 +997,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
985
997
|
}
|
|
986
998
|
|
|
987
999
|
ft-button {
|
|
988
|
-
${bt(
|
|
1000
|
+
${bt(Ci.color,qi.colorOnSurface)};
|
|
989
1001
|
}
|
|
990
1002
|
|
|
991
1003
|
ft-radio, ft-checkbox {
|
|
@@ -996,7 +1008,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
996
1008
|
margin-left: -10px;
|
|
997
1009
|
word-break: break-word;
|
|
998
1010
|
}
|
|
999
|
-
|
|
1011
|
+
|
|
1012
|
+
.ft-filter-level--no-values {
|
|
1013
|
+
margin: 10px 0;
|
|
1014
|
+
color: ${qi.colorOnSurfaceMedium};
|
|
1015
|
+
}
|
|
1016
|
+
`],Vi([o({type:String})],Ji.prototype,"id",void 0),Vi([o({type:Object})],Ji.prototype,"parent",void 0),Vi([o({type:Array})],Ji.prototype,"options",void 0),Vi([o({type:Boolean})],Ji.prototype,"multivalued",void 0),Vi([o({type:Boolean})],Ji.prototype,"disabled",void 0),Vi([o({type:Boolean})],Ji.prototype,"hideSelectedOptions",void 0),Vi([o({type:Boolean})],Ji.prototype,"preventNavigation",void 0),Vi([o({type:String})],Ji.prototype,"filter",void 0),Vi([o({type:String})],Ji.prototype,"moreValuesButtonLabel",void 0),Vi([o({type:String})],Ji.prototype,"noValuesLabel",void 0),Vi([o({type:Number})],Ji.prototype,"displayedValuesLimit",void 0),Vi([r(".ft-filter-level--container")],Ji.prototype,"container",void 0),Vi([s()],Ji.prototype,"displayedPages",void 0);var Xi=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 Yi={buttonsColor:ut.extend("--ft-snap-scroll-buttons-color",vt.colorPrimary),buttonsZIndex:ut.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:ut.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:ut.external(vt.colorSurface,"Design system")};class Qi extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class Gi extends xt{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new e(200),this.updateScrollDebouncer=new e(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let e=this.elements[t];if(e){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,i=this.contentSlot[this.scrollAttribute]+this.prevSize;(e[this.offsetAttribute]<i||e[this.offsetAttribute]+e[this.sizeAttribute]>t)&&this.scrollToElement(e)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=jt({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":St}),e=this.controls&&this.withScroll;return W`
|
|
1000
1017
|
<div part="container" class="${t}">
|
|
1001
1018
|
<ft-button
|
|
1002
1019
|
class="ft-snap-scroll--previous"
|
|
@@ -1020,7 +1037,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1020
1037
|
@click=${this.next}
|
|
1021
1038
|
></ft-button>
|
|
1022
1039
|
</div>
|
|
1023
|
-
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new
|
|
1040
|
+
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new Qi(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}Gi.elementDefinitions={"ft-button":Mi},Gi.styles=g`
|
|
1024
1041
|
.ft-snap-scroll {
|
|
1025
1042
|
box-sizing: border-box;
|
|
1026
1043
|
position: relative;
|
|
@@ -1055,7 +1072,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1055
1072
|
flex-wrap: nowrap;
|
|
1056
1073
|
align-items: flex-start;
|
|
1057
1074
|
justify-content: flex-start;
|
|
1058
|
-
gap: ${
|
|
1075
|
+
gap: ${Yi.gap};
|
|
1059
1076
|
}
|
|
1060
1077
|
|
|
1061
1078
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1098,11 +1115,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1098
1115
|
.ft-snap-scroll--next {
|
|
1099
1116
|
position: absolute;
|
|
1100
1117
|
display: flex;
|
|
1101
|
-
z-index: ${
|
|
1118
|
+
z-index: ${Yi.buttonsZIndex};
|
|
1102
1119
|
opacity: 1;
|
|
1103
1120
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1104
|
-
${bt(
|
|
1105
|
-
${bt(
|
|
1121
|
+
${bt(Ci.backgroundColor,"transparent")};
|
|
1122
|
+
${bt(Ci.color,Yi.buttonsColor)};
|
|
1106
1123
|
}
|
|
1107
1124
|
|
|
1108
1125
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1115,37 +1132,37 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1115
1132
|
top: 0;
|
|
1116
1133
|
left: -1px;
|
|
1117
1134
|
bottom: 0;
|
|
1118
|
-
background: linear-gradient(to right, ${
|
|
1135
|
+
background: linear-gradient(to right, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1119
1136
|
}
|
|
1120
1137
|
|
|
1121
1138
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1122
1139
|
top: -1px;
|
|
1123
1140
|
left: 0;
|
|
1124
1141
|
right: 0;
|
|
1125
|
-
background: linear-gradient(to bottom, ${
|
|
1142
|
+
background: linear-gradient(to bottom, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1126
1143
|
}
|
|
1127
1144
|
|
|
1128
1145
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1129
1146
|
top: 0;
|
|
1130
1147
|
right: -1px;
|
|
1131
1148
|
bottom: 0;
|
|
1132
|
-
background: linear-gradient(to left, ${
|
|
1149
|
+
background: linear-gradient(to left, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1133
1150
|
}
|
|
1134
1151
|
|
|
1135
1152
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1136
1153
|
left: 0;
|
|
1137
1154
|
right: 0;
|
|
1138
1155
|
bottom: -1px;
|
|
1139
|
-
background: linear-gradient(to top, ${
|
|
1156
|
+
background: linear-gradient(to top, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1140
1157
|
}
|
|
1141
1158
|
|
|
1142
1159
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1143
1160
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1144
1161
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1145
1162
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1146
|
-
background-color: ${
|
|
1163
|
+
background-color: ${Yi.colorSurface};
|
|
1147
1164
|
}
|
|
1148
|
-
`,
|
|
1165
|
+
`,Xi([o({type:Boolean})],Gi.prototype,"horizontal",void 0),Xi([o({type:Boolean})],Gi.prototype,"hideScrollbar",void 0),Xi([o({type:Boolean})],Gi.prototype,"controls",void 0),Xi([o({type:Boolean})],Gi.prototype,"limitSize",void 0),Xi([s()],Gi.prototype,"elements",void 0),Xi([s()],Gi.prototype,"currentElement",void 0),Xi([s()],Gi.prototype,"withScroll",void 0),Xi([s()],Gi.prototype,"startReached",void 0),Xi([s()],Gi.prototype,"endReached",void 0),Xi([r(".ft-snap-scroll--content")],Gi.prototype,"contentSlot",void 0),h("ft-snap-scroll")(Gi);var to=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 eo=ut.external(vt.colorOutline,"Design system"),io=ut.external(vt.colorOnSurface,"Design system"),oo=ut.external(vt.colorOnSurfaceMedium,"Design system"),so=ut.external(vt.colorPrimary,"Design system"),no=ut.external(vt.colorSurface,"Design system"),ro=ut.external(vt.transitionDuration,"Design system"),lo=ut.external(vt.transitionTimingFunction,"Design system");class ao extends CustomEvent{constructor(t){super("change",{detail:t})}}class co extends xt{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new e(300),this.changeDebouncer=new e(10)}get flatOptions(){return Je(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}render(){var t,e;const i=this.flatOptions.some((t=>t.selected));let o=this.withScroll||this.filter||null!==(e=null===(t=this.lastLevel)||void 0===t?void 0:t.hasHiddenValues)&&void 0!==e&&e;return W`
|
|
1149
1166
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1150
1167
|
part="container">
|
|
1151
1168
|
${this.label||i?W`
|
|
@@ -1184,7 +1201,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1184
1201
|
preventNavigation
|
|
1185
1202
|
.options=${e}
|
|
1186
1203
|
@change=${this.onChange}
|
|
1187
|
-
part="selected-values"
|
|
1204
|
+
part="values selected-values"
|
|
1205
|
+
.exportpartsPrefixes=${["values","selected-values"]}
|
|
1188
1206
|
></ft-filter-level>
|
|
1189
1207
|
<div class="ft-filter--separator">
|
|
1190
1208
|
`:null}
|
|
@@ -1209,9 +1227,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1209
1227
|
@change=${this.onChange}
|
|
1210
1228
|
@go-back=${this.goBack}
|
|
1211
1229
|
@display-level=${this.onDisplayLevel}
|
|
1212
|
-
part="values"
|
|
1230
|
+
part="values available-values"
|
|
1231
|
+
.exportpartsPrefixes=${["values","available-values"]}
|
|
1232
|
+
noValuesLabel="${this.noValuesLabel}"
|
|
1213
1233
|
></ft-filter-level>
|
|
1214
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;const e=this.flatOptions.filter((t=>t.selected)).map((t=>t.value));this.dispatchEvent(new
|
|
1234
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;const e=this.flatOptions.filter((t=>t.selected)).map((t=>t.value));this.dispatchEvent(new ao(e)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}co.elementDefinitions={"ft-button":Mi,"ft-filter-level":Ji,"ft-snap-scroll":Gi,"ft-typography":qe},co.styles=[Ze,g`
|
|
1215
1235
|
:host {
|
|
1216
1236
|
display: flex;
|
|
1217
1237
|
max-height: 100%;
|
|
@@ -1224,8 +1244,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1224
1244
|
flex-direction: column;
|
|
1225
1245
|
max-height: 100%;
|
|
1226
1246
|
max-width: 100%;
|
|
1227
|
-
color: ${
|
|
1228
|
-
background: ${ao};
|
|
1247
|
+
color: ${io};
|
|
1229
1248
|
}
|
|
1230
1249
|
|
|
1231
1250
|
.ft-filter--header {
|
|
@@ -1235,13 +1254,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1235
1254
|
flex-shrink: 0;
|
|
1236
1255
|
padding: 0 10px;
|
|
1237
1256
|
margin-bottom: 8px;
|
|
1238
|
-
${bt(
|
|
1257
|
+
${bt(Yt.fontSize,"14px")};
|
|
1239
1258
|
}
|
|
1240
1259
|
|
|
1241
1260
|
.ft-filter--header ft-button {
|
|
1242
1261
|
flex-shrink: 0;
|
|
1243
1262
|
margin-left: auto;
|
|
1244
|
-
${bt(
|
|
1263
|
+
${bt(Ci.iconSize,"18px")};
|
|
1245
1264
|
}
|
|
1246
1265
|
|
|
1247
1266
|
.ft-filter--label {
|
|
@@ -1249,8 +1268,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1249
1268
|
flex-shrink: 1;
|
|
1250
1269
|
flex-grow: 1;
|
|
1251
1270
|
word-break: break-word;
|
|
1252
|
-
${bt(
|
|
1253
|
-
${bt(
|
|
1271
|
+
${bt(Yt.lineHeight,"22px")};
|
|
1272
|
+
${bt(Yt.fontWeight,"bold")};
|
|
1254
1273
|
}
|
|
1255
1274
|
|
|
1256
1275
|
.ft-filter--filter {
|
|
@@ -1261,8 +1280,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1261
1280
|
padding: 0 10px;
|
|
1262
1281
|
overflow: hidden;
|
|
1263
1282
|
height: 32px;
|
|
1264
|
-
transition: height ${
|
|
1265
|
-
margin ${
|
|
1283
|
+
transition: height ${ro} ${lo},
|
|
1284
|
+
margin ${ro} ${lo};
|
|
1266
1285
|
transition-delay: 500ms;
|
|
1267
1286
|
}
|
|
1268
1287
|
|
|
@@ -1275,11 +1294,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1275
1294
|
display: block;
|
|
1276
1295
|
width: 100%;
|
|
1277
1296
|
border-radius: 4px;
|
|
1278
|
-
border: 1px solid ${
|
|
1297
|
+
border: 1px solid ${eo};
|
|
1279
1298
|
padding: 4px;
|
|
1280
|
-
background-color: ${
|
|
1281
|
-
color: ${
|
|
1282
|
-
outline-color: ${
|
|
1299
|
+
background-color: ${no};
|
|
1300
|
+
color: ${io};
|
|
1301
|
+
outline-color: ${so};
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
input::placeholder {
|
|
1305
|
+
color: ${oo};
|
|
1283
1306
|
}
|
|
1284
1307
|
|
|
1285
1308
|
.ft-filter--values {
|
|
@@ -1291,7 +1314,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1291
1314
|
}
|
|
1292
1315
|
|
|
1293
1316
|
.ft-filter--separator {
|
|
1294
|
-
border-top: 1px solid ${
|
|
1317
|
+
border-top: 1px solid ${eo};
|
|
1295
1318
|
margin: 4px 10px;
|
|
1296
1319
|
}
|
|
1297
1320
|
|
|
@@ -1316,17 +1339,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1316
1339
|
slot {
|
|
1317
1340
|
display: none;
|
|
1318
1341
|
}
|
|
1319
|
-
`],
|
|
1342
|
+
`],to([o({type:String})],co.prototype,"id",void 0),to([o({type:String})],co.prototype,"label",void 0),to([o({type:String})],co.prototype,"filterPlaceHolder",void 0),to([o({type:String})],co.prototype,"clearButtonLabel",void 0),to([o({type:String})],co.prototype,"moreValuesButtonLabel",void 0),to([o({type:String})],co.prototype,"noValuesLabel",void 0),to([p([])],co.prototype,"options",void 0),to([o({type:Boolean})],co.prototype,"multivalued",void 0),to([o({type:Boolean})],co.prototype,"disabled",void 0),to([o({type:Boolean})],co.prototype,"raiseSelectedOptions",void 0),to([o({type:Number})],co.prototype,"displayedValuesLimit",void 0),to([r(".ft-filter--slot")],co.prototype,"slotElement",void 0),to([r(".ft-filter--container")],co.prototype,"container",void 0),to([r(".ft-filter--values")],co.prototype,"valuesContainer",void 0),to([r(".ft-filter--levels")],co.prototype,"levelsContainer",void 0),to([r(".ft-filter--levels ft-filter-level:last-child")],co.prototype,"lastLevel",void 0),to([r(".ft-filter--filter input")],co.prototype,"filterInput",void 0),to([function(t){return n({descriptor:e=>({get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}(".ft-filter--levels ft-filter-level")],co.prototype,"levels",void 0),to([s()],co.prototype,"withScroll",void 0),to([s()],co.prototype,"filter",void 0),to([s()],co.prototype,"slideIn",void 0),to([s()],co.prototype,"slideOut",void 0);var ho=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 po extends xt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return W`
|
|
1320
1343
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1321
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}
|
|
1344
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}po.elementDefinitions={},ho([o({type:String})],po.prototype,"label",void 0),ho([o({type:Object,converter:t=>t})],po.prototype,"value",void 0),ho([o({type:Boolean,reflect:!0})],po.prototype,"selected",void 0),ho([o({type:Object})],po.prototype,"subOptions",void 0),ho([r(".ft-filter-option--slot")],po.prototype,"slotElement",void 0),h("ft-filter")(co),h("ft-filter-option")(po);var fo=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 uo extends xt{constructor(){super(...arguments),this.multi=!1}render(){return W`
|
|
1322
1345
|
<div class="ft-accordion">
|
|
1323
1346
|
<slot @activated=${this.onChange}></slot>
|
|
1324
1347
|
</div>
|
|
1325
|
-
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}
|
|
1348
|
+
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}uo.elementDefinitions={},uo.styles=g`
|
|
1326
1349
|
.ft-accordion {
|
|
1327
1350
|
box-sizing: border-box;
|
|
1328
1351
|
}
|
|
1329
|
-
`,
|
|
1352
|
+
`,fo([o({type:Boolean})],uo.prototype,"multi",void 0),fo([r("slot")],uo.prototype,"content",void 0);var bo=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 vo=ut.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),go=ut.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),xo=ut.external(vt.colorOutline,"Design system");class yo extends xt{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return W`
|
|
1330
1353
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1331
1354
|
<div class="ft-accordion-item--toggle"
|
|
1332
1355
|
part="toggle"
|
|
@@ -1350,7 +1373,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1350
1373
|
</div>
|
|
1351
1374
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1352
1375
|
</div>
|
|
1353
|
-
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}
|
|
1376
|
+
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}yo.elementDefinitions={"ft-ripple":ai,"ft-typography":qe,"ft-icon":ki},yo.styles=g`
|
|
1354
1377
|
.ft-accordion-item {
|
|
1355
1378
|
display: flex;
|
|
1356
1379
|
flex-direction: column;
|
|
@@ -1363,8 +1386,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1363
1386
|
display: flex;
|
|
1364
1387
|
align-items: center;
|
|
1365
1388
|
cursor: pointer;
|
|
1366
|
-
padding: ${
|
|
1367
|
-
gap: calc(${
|
|
1389
|
+
padding: ${go} ${vo};
|
|
1390
|
+
gap: calc(${vo} / 2);
|
|
1368
1391
|
outline: none;
|
|
1369
1392
|
}
|
|
1370
1393
|
|
|
@@ -1389,13 +1412,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1389
1412
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1390
1413
|
height: initial;
|
|
1391
1414
|
overflow: visible;
|
|
1392
|
-
padding: ${
|
|
1415
|
+
padding: ${go} ${vo};
|
|
1393
1416
|
}
|
|
1394
1417
|
|
|
1395
1418
|
.ft-accordion-item--separator {
|
|
1396
|
-
border-bottom: 1px solid ${
|
|
1419
|
+
border-bottom: 1px solid ${xo};
|
|
1397
1420
|
}
|
|
1398
|
-
`,
|
|
1421
|
+
`,bo([o({type:String})],yo.prototype,"icon",void 0),bo([o({type:String})],yo.prototype,"label",void 0),bo([o({type:Boolean,reflect:!0})],yo.prototype,"active",void 0),h("ft-accordion")(uo),h("ft-accordion-item")(yo);var mo=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 $o=ut.extend("--ft-chip-color",vt.colorOnSurface),wo={backgroundColor:ut.extend("--ft-chip-background-color",vt.colorSurface),color:$o,fontSize:ut.extend("--ft-chip-font-size",ke.fontSize),iconSize:ut.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:ut.extend("--ft-chip-ripple-color",$o),horizontalPadding:ut.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:ut.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:ut.external(vt.colorOutline,"Design system"),opacityDisabled:ut.external(vt.colorOpacityDisabled,"Design system")},ko=ut.extend("--ft-chip-highlighted-color",ut.extend("--ft-chip-color",vt.colorOnPrimary)),So={backgroundColor:ut.extend("--ft-chip-highlighted-background-color",ut.extend("--ft-chip-background-color",vt.colorPrimary)),color:ko,rippleColor:ut.extend("--ft-chip-highlighted-ripple-color",ko)},Oo=ut.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Co=ut.create("--ft-chip-dense-vertical-padding","SIZE","4px");class zo extends CustomEvent{constructor(){super("icon-click")}}class Eo extends xt{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.icon=void 0,this.trailingIcon=!1}static get styles(){return[yt,g`
|
|
1399
1422
|
:host {
|
|
1400
1423
|
display: inline-block;
|
|
1401
1424
|
max-width: 100%;
|
|
@@ -1412,20 +1435,20 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1412
1435
|
box-sizing: border-box;
|
|
1413
1436
|
pointer-events: auto;
|
|
1414
1437
|
|
|
1415
|
-
--ft-chip-internal-font-size: ${
|
|
1438
|
+
--ft-chip-internal-font-size: ${wo.fontSize};
|
|
1416
1439
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1417
|
-
${bt(
|
|
1418
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1419
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1440
|
+
${bt(wi.size,wo.iconSize)};
|
|
1441
|
+
--ft-chip-internal-vertical-padding: ${wo.verticalPadding};
|
|
1442
|
+
--ft-chip-internal-horizontal-padding: ${wo.horizontalPadding};
|
|
1420
1443
|
--ft-chip-internal-icon-padding: 3px;
|
|
1421
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1444
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${wo.iconSize});
|
|
1422
1445
|
|
|
1423
|
-
border: 1px solid ${
|
|
1424
|
-
color: ${
|
|
1425
|
-
${bt(
|
|
1446
|
+
border: 1px solid ${wo.colorOutline};
|
|
1447
|
+
color: ${wo.color};
|
|
1448
|
+
${bt(ei.color,wo.rippleColor)};
|
|
1426
1449
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1427
1450
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1428
|
-
background-color: ${
|
|
1451
|
+
background-color: ${wo.backgroundColor};
|
|
1429
1452
|
line-height: var(--ft-chip-internal-content-height);
|
|
1430
1453
|
}
|
|
1431
1454
|
|
|
@@ -1435,8 +1458,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1435
1458
|
|
|
1436
1459
|
.ft-chip--dense {
|
|
1437
1460
|
--ft-chip-internal-icon-padding: 3px;
|
|
1438
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1439
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1461
|
+
--ft-chip-internal-vertical-padding: ${Co};
|
|
1462
|
+
--ft-chip-internal-horizontal-padding: ${Oo};
|
|
1440
1463
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1441
1464
|
}
|
|
1442
1465
|
|
|
@@ -1448,15 +1471,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1448
1471
|
cursor: default;
|
|
1449
1472
|
pointer-events: none;
|
|
1450
1473
|
filter: grayscale(1);
|
|
1451
|
-
opacity: ${
|
|
1474
|
+
opacity: ${wo.opacityDisabled};
|
|
1452
1475
|
}
|
|
1453
1476
|
|
|
1454
1477
|
.ft-chip--highlighted {
|
|
1455
1478
|
border: none;
|
|
1456
1479
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1457
|
-
background-color: ${
|
|
1458
|
-
${bt(
|
|
1459
|
-
color: ${
|
|
1480
|
+
background-color: ${So.backgroundColor};
|
|
1481
|
+
${bt(ei.color,So.rippleColor)};
|
|
1482
|
+
color: ${So.color};
|
|
1460
1483
|
}
|
|
1461
1484
|
|
|
1462
1485
|
.ft-chip--clickable {
|
|
@@ -1489,8 +1512,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1489
1512
|
vertical-align: bottom;
|
|
1490
1513
|
display: block;
|
|
1491
1514
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1492
|
-
${bt(
|
|
1493
|
-
${bt(
|
|
1515
|
+
${bt(ke.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1516
|
+
${bt(ke.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1494
1517
|
}
|
|
1495
1518
|
|
|
1496
1519
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -1525,8 +1548,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1525
1548
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-container {
|
|
1526
1549
|
order: -1;
|
|
1527
1550
|
}
|
|
1528
|
-
`]}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":
|
|
1529
|
-
<div class="${
|
|
1551
|
+
`]}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":St};return W`
|
|
1552
|
+
<div class="${jt(t)}"
|
|
1530
1553
|
aria-label="${this.getLabel()}"
|
|
1531
1554
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1532
1555
|
@keyup=${this.onKeyUp}>
|
|
@@ -1544,8 +1567,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1544
1567
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1545
1568
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1546
1569
|
</div>
|
|
1547
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1548
|
-
<div class="${
|
|
1570
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new zo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new zo))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Eo.elementDefinitions={"ft-ripple":ai,"ft-typography":qe,"ft-icon":ki},mo([o({type:Boolean})],Eo.prototype,"highlighted",void 0),mo([o({type:Boolean})],Eo.prototype,"removable",void 0),mo([o({type:Boolean})],Eo.prototype,"disabled",void 0),mo([o({type:Boolean})],Eo.prototype,"clickable",void 0),mo([o({type:Boolean})],Eo.prototype,"iconClickable",void 0),mo([o({type:Boolean})],Eo.prototype,"dense",void 0),mo([o({type:Boolean})],Eo.prototype,"multiLine",void 0),mo([o({type:String})],Eo.prototype,"label",void 0),mo([o({type:String})],Eo.prototype,"icon",void 0),mo([o({type:Boolean})],Eo.prototype,"trailingIcon",void 0),mo([r("ft-typography slot")],Eo.prototype,"slottedContent",void 0),h("ft-chip")(Eo);var Bo=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 Mo={fontSize:ut.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:ut.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:ut.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:ut.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:ut.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:ut.extend("--ft-input-label-border-color",vt.colorOutline),textColor:ut.extend("--ft-input-label-text-color",vt.colorOnSurfaceMedium),disabledTextColor:ut.extend("--ft-input-label-disabled-text-color",vt.colorOnSurfaceDisabled),colorSurface:ut.external(vt.colorSurface,"Design system"),borderRadiusS:ut.external(vt.borderRadiusS,"Design system"),colorError:ut.external(vt.colorError,"Design system")};class No 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`
|
|
1571
|
+
<div class="${jt(t)}">
|
|
1549
1572
|
${this.text?W`
|
|
1550
1573
|
<div class="ft-input-label--text ft-typography--caption">
|
|
1551
1574
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
@@ -1553,19 +1576,25 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1553
1576
|
</div>
|
|
1554
1577
|
`:null}
|
|
1555
1578
|
</div>
|
|
1556
|
-
`}}
|
|
1579
|
+
`}}No.elementDefinitions={},No.styles=[Ze,g`
|
|
1557
1580
|
.ft-input-label {
|
|
1558
1581
|
position: absolute;
|
|
1559
1582
|
inset: 0;
|
|
1560
1583
|
display: flex;
|
|
1584
|
+
background-color: ${Mo.colorSurface};
|
|
1585
|
+
border-radius: ${Mo.borderRadiusS} ${Mo.borderRadiusS} 0 0;
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
.ft-input-label--outlined {
|
|
1589
|
+
border-radius: ${Mo.borderRadiusS};
|
|
1561
1590
|
}
|
|
1562
1591
|
|
|
1563
1592
|
.ft-input-label {
|
|
1564
|
-
border-color: ${
|
|
1593
|
+
border-color: ${Mo.borderColor};
|
|
1565
1594
|
}
|
|
1566
1595
|
|
|
1567
1596
|
.ft-input-label.ft-input-label--in-error {
|
|
1568
|
-
border-color: ${
|
|
1597
|
+
border-color: ${Mo.colorError}
|
|
1569
1598
|
}
|
|
1570
1599
|
|
|
1571
1600
|
.ft-input-label:before,
|
|
@@ -1578,7 +1607,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1578
1607
|
}
|
|
1579
1608
|
|
|
1580
1609
|
.ft-input-label:before {
|
|
1581
|
-
width: ${
|
|
1610
|
+
width: ${Mo.horizontalSpacing};
|
|
1582
1611
|
flex-shrink: 0;
|
|
1583
1612
|
}
|
|
1584
1613
|
|
|
@@ -1594,18 +1623,18 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1594
1623
|
border-bottom-width: 1px;
|
|
1595
1624
|
border-bottom-style: solid;
|
|
1596
1625
|
border-color: inherit;
|
|
1597
|
-
color: ${
|
|
1626
|
+
color: ${Mo.textColor};
|
|
1598
1627
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1599
|
-
${bt(
|
|
1600
|
-
${bt(
|
|
1628
|
+
${bt(Se.fontSize,Mo.fontSize)};
|
|
1629
|
+
${bt(Se.lineHeight,Mo.fontSize)};
|
|
1601
1630
|
}
|
|
1602
1631
|
|
|
1603
1632
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1604
|
-
color: ${
|
|
1633
|
+
color: ${Mo.colorError}
|
|
1605
1634
|
}
|
|
1606
1635
|
|
|
1607
1636
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1608
|
-
color: ${
|
|
1637
|
+
color: ${Mo.disabledTextColor};
|
|
1609
1638
|
}
|
|
1610
1639
|
|
|
1611
1640
|
.ft-input-label--hidden-text {
|
|
@@ -1621,17 +1650,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1621
1650
|
overflow: hidden;
|
|
1622
1651
|
white-space: nowrap;
|
|
1623
1652
|
text-overflow: ellipsis;
|
|
1624
|
-
padding: ${
|
|
1625
|
-
margin: calc(${
|
|
1653
|
+
padding: ${Mo.verticalSpacing} 4px;
|
|
1654
|
+
margin: calc(${Mo.verticalSpacing} * -1) 0;
|
|
1626
1655
|
}
|
|
1627
1656
|
|
|
1628
1657
|
.ft-input-label--raised .ft-input-label--text {
|
|
1629
|
-
${bt(
|
|
1630
|
-
${bt(
|
|
1658
|
+
${bt(Se.fontSize,Mo.raisedFontSize)};
|
|
1659
|
+
${bt(Se.lineHeight,Mo.raisedFontSize)};
|
|
1631
1660
|
}
|
|
1632
1661
|
|
|
1633
1662
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1634
|
-
top: ${
|
|
1663
|
+
top: ${Mo.verticalSpacing};
|
|
1635
1664
|
}
|
|
1636
1665
|
|
|
1637
1666
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1644,28 +1673,28 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1644
1673
|
.ft-input-label--outlined:before {
|
|
1645
1674
|
border-left-width: 1px;
|
|
1646
1675
|
border-left-style: solid;
|
|
1647
|
-
border-radius: ${
|
|
1676
|
+
border-radius: ${Mo.borderRadiusS} 0 0 ${Mo.borderRadiusS};
|
|
1648
1677
|
}
|
|
1649
1678
|
|
|
1650
1679
|
.ft-input-label--outlined:after {
|
|
1651
1680
|
border-right-width: 1px;
|
|
1652
1681
|
border-right-style: solid;
|
|
1653
|
-
border-radius: 0 ${
|
|
1682
|
+
border-radius: 0 ${Mo.borderRadiusS} ${Mo.borderRadiusS} 0;
|
|
1654
1683
|
}
|
|
1655
1684
|
|
|
1656
1685
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1657
1686
|
padding: 2px 4px;
|
|
1658
|
-
z-index: ${
|
|
1659
|
-
background-color: ${
|
|
1660
|
-
border-radius: ${
|
|
1687
|
+
z-index: ${Mo.raisedZIndex};
|
|
1688
|
+
background-color: ${Mo.colorSurface};
|
|
1689
|
+
border-radius: ${Mo.borderRadiusS};
|
|
1661
1690
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1662
1691
|
}
|
|
1663
1692
|
|
|
1664
1693
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1665
1694
|
border-top: none;
|
|
1666
1695
|
}
|
|
1667
|
-
`],
|
|
1668
|
-
<div class="${
|
|
1696
|
+
`],Bo([o({type:String})],No.prototype,"text",void 0),Bo([o({type:Boolean})],No.prototype,"raised",void 0),Bo([o({type:Boolean})],No.prototype,"outlined",void 0),Bo([o({type:Boolean})],No.prototype,"disabled",void 0),Bo([o({type:Boolean})],No.prototype,"error",void 0),h("ft-input-label")(No);var Fo=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 Ro 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}))}}Ro.elementDefinitions={},Fo([o({type:String})],Ro.prototype,"label",void 0),Fo([o({type:Object,converter:t=>t})],Ro.prototype,"value",void 0),Fo([o({type:Boolean,reflect:!0})],Ro.prototype,"selected",void 0);const Lo={labelSize:ut.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ut.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ut.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:ut.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:ut.extend("--ft-select-selected-option-color",vt.colorOnSurface),helperColor:ut.extend("--ft-select-helper-color",vt.colorOnSurfaceMedium),optionsColor:ut.extend("--ft-select-options-color",vt.colorOnSurface),optionsZIndex:ut.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ut.external(vt.colorSurface,"Design system"),colorOnSurfaceDisabled:ut.external(vt.colorOnSurfaceDisabled,"Design system"),colorPrimary:ut.external(vt.colorPrimary,"Design system"),borderRadiusS:ut.external(vt.borderRadiusS,"Design system"),elevation02:ut.external(vt.elevation02,"Design system"),colorError:ut.external(vt.colorError,"Design system")};class Do 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`
|
|
1697
|
+
<div class="${jt(a)}" part="container">
|
|
1669
1698
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1670
1699
|
<ft-input-label text="${this.label}"
|
|
1671
1700
|
part="label"
|
|
@@ -1692,7 +1721,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1692
1721
|
part="options"
|
|
1693
1722
|
@keydown=${this.onOptionsKeyDown}
|
|
1694
1723
|
innerrole="listbox">
|
|
1695
|
-
${
|
|
1724
|
+
${It(this.options,(t=>t.value),(t=>this.renderOption(t)))}
|
|
1696
1725
|
</div>
|
|
1697
1726
|
</div>
|
|
1698
1727
|
${this.helper?W`
|
|
@@ -1703,7 +1732,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1703
1732
|
@option-change=${this.updateOptionsFromSlot}
|
|
1704
1733
|
></slot>
|
|
1705
1734
|
`}renderOption(t){let e=this.selectedOption===t;return W`
|
|
1706
|
-
<div class="${
|
|
1735
|
+
<div class="${jt({"ft-select--option":!0,"ft-select--option-selected":e,"ft-typography--body2":!0})}"
|
|
1707
1736
|
part="option"
|
|
1708
1737
|
tabindex="0"
|
|
1709
1738
|
data-value="${t.value}"
|
|
@@ -1712,7 +1741,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1712
1741
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1713
1742
|
${t.label}
|
|
1714
1743
|
</div>
|
|
1715
|
-
`}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.minWidth=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)}}
|
|
1744
|
+
`}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.minWidth=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)}}Do.elementDefinitions={"ft-input-label":No,"ft-typography":qe,"ft-ripple":ai,"ft-icon":ki},Do.styles=[He,Ze,g`
|
|
1716
1745
|
*:focus {
|
|
1717
1746
|
outline: none;
|
|
1718
1747
|
}
|
|
@@ -1726,7 +1755,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1726
1755
|
.ft-select--main-panel {
|
|
1727
1756
|
position: relative;
|
|
1728
1757
|
display: flex;
|
|
1729
|
-
height: calc(4 * ${
|
|
1758
|
+
height: calc(4 * ${Lo.verticalSpacing} + ${Lo.labelSize} + ${Lo.selectedOptionSize});
|
|
1730
1759
|
}
|
|
1731
1760
|
|
|
1732
1761
|
.ft-select--input-panel {
|
|
@@ -1738,14 +1767,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1738
1767
|
padding-left: 16px;
|
|
1739
1768
|
padding-right: 8px;
|
|
1740
1769
|
gap: 8px;
|
|
1741
|
-
color: ${
|
|
1742
|
-
${bt(
|
|
1770
|
+
color: ${Lo.selectedOptionColor};
|
|
1771
|
+
${bt(ei.color,Lo.selectedOptionColor)};
|
|
1743
1772
|
}
|
|
1744
1773
|
|
|
1745
1774
|
.ft-select--input-panel,
|
|
1746
1775
|
.ft-select--option {
|
|
1747
|
-
${bt(
|
|
1748
|
-
${bt(
|
|
1776
|
+
${bt(ei.opacityContentOnSurfaceHover,"0.08")};
|
|
1777
|
+
${bt(ei.opacityContentOnSurfacePressed,"0.04")};
|
|
1749
1778
|
}
|
|
1750
1779
|
|
|
1751
1780
|
.ft-select--input-panel > *:not(ft-ripple),
|
|
@@ -1755,7 +1784,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1755
1784
|
|
|
1756
1785
|
.ft-select--disabled .ft-select--input-panel,
|
|
1757
1786
|
.ft-select--disabled .ft-select--option {
|
|
1758
|
-
color: ${
|
|
1787
|
+
color: ${Lo.colorOnSurfaceDisabled};
|
|
1759
1788
|
}
|
|
1760
1789
|
|
|
1761
1790
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1764,18 +1793,18 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1764
1793
|
}
|
|
1765
1794
|
|
|
1766
1795
|
ft-input-label {
|
|
1767
|
-
${bt(
|
|
1768
|
-
${bt(
|
|
1769
|
-
${bt(
|
|
1796
|
+
${bt(Mo.fontSize,Lo.selectedOptionSize)};
|
|
1797
|
+
${bt(Mo.raisedFontSize,Lo.labelSize)};
|
|
1798
|
+
${bt(Mo.verticalSpacing,Lo.verticalSpacing)};
|
|
1770
1799
|
}
|
|
1771
1800
|
|
|
1772
1801
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1773
|
-
color: ${
|
|
1802
|
+
color: ${Lo.colorPrimary};
|
|
1774
1803
|
}
|
|
1775
1804
|
|
|
1776
1805
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1777
|
-
${bt(
|
|
1778
|
-
${bt(
|
|
1806
|
+
${bt(Mo.borderColor,Lo.colorPrimary)};
|
|
1807
|
+
${bt(Mo.textColor,Lo.colorPrimary)};
|
|
1779
1808
|
}
|
|
1780
1809
|
|
|
1781
1810
|
.ft-select--selected-option {
|
|
@@ -1785,12 +1814,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1785
1814
|
overflow: hidden;
|
|
1786
1815
|
white-space: nowrap;
|
|
1787
1816
|
text-overflow: ellipsis;
|
|
1788
|
-
${bt(
|
|
1789
|
-
${bt(
|
|
1817
|
+
${bt(we.fontSize,Lo.selectedOptionSize)};
|
|
1818
|
+
${bt(we.lineHeight,Lo.selectedOptionSize)};
|
|
1790
1819
|
}
|
|
1791
1820
|
|
|
1792
1821
|
.ft-select--in-error .ft-select--selected-option {
|
|
1793
|
-
color: ${
|
|
1822
|
+
color: ${Lo.colorError};
|
|
1794
1823
|
}
|
|
1795
1824
|
|
|
1796
1825
|
ft-icon {
|
|
@@ -1802,16 +1831,16 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1802
1831
|
}
|
|
1803
1832
|
|
|
1804
1833
|
.ft-select--filled .ft-select--input-panel {
|
|
1805
|
-
border-radius: ${
|
|
1834
|
+
border-radius: ${Lo.borderRadiusS} ${Lo.borderRadiusS} 0 0;
|
|
1806
1835
|
}
|
|
1807
1836
|
|
|
1808
1837
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1809
1838
|
align-self: stretch;
|
|
1810
|
-
padding-top: calc(${
|
|
1839
|
+
padding-top: calc(${Lo.labelSize} + 2 * ${Lo.verticalSpacing});
|
|
1811
1840
|
}
|
|
1812
1841
|
|
|
1813
1842
|
.ft-select--outlined .ft-select--input-panel {
|
|
1814
|
-
border-radius: ${
|
|
1843
|
+
border-radius: ${Lo.borderRadiusS};
|
|
1815
1844
|
}
|
|
1816
1845
|
|
|
1817
1846
|
.ft-select--options {
|
|
@@ -1820,10 +1849,10 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1820
1849
|
top: 100%;
|
|
1821
1850
|
left: 0;
|
|
1822
1851
|
right: 0;
|
|
1823
|
-
color: ${
|
|
1824
|
-
background: ${
|
|
1825
|
-
z-index: ${
|
|
1826
|
-
box-shadow: ${
|
|
1852
|
+
color: ${Lo.optionsColor};
|
|
1853
|
+
background: ${Lo.colorSurface};
|
|
1854
|
+
z-index: ${Lo.optionsZIndex};
|
|
1855
|
+
box-shadow: ${Lo.elevation02};
|
|
1827
1856
|
}
|
|
1828
1857
|
|
|
1829
1858
|
.ft-select--fixed .ft-select--options {
|
|
@@ -1834,7 +1863,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1834
1863
|
|
|
1835
1864
|
.ft-select--options-displayed .ft-select--options {
|
|
1836
1865
|
display: block;
|
|
1837
|
-
max-height: ${
|
|
1866
|
+
max-height: ${Lo.optionsHeight};
|
|
1838
1867
|
overflow-y: auto;
|
|
1839
1868
|
}
|
|
1840
1869
|
|
|
@@ -1848,41 +1877,41 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1848
1877
|
|
|
1849
1878
|
.ft-select--helper-text {
|
|
1850
1879
|
padding: 0 12px 0 16px;
|
|
1851
|
-
color: ${
|
|
1880
|
+
color: ${Lo.helperColor};
|
|
1852
1881
|
}
|
|
1853
1882
|
|
|
1854
1883
|
.ft-select--in-error .ft-select--helper-text {
|
|
1855
|
-
color: ${
|
|
1884
|
+
color: ${Lo.colorError};
|
|
1856
1885
|
}
|
|
1857
|
-
`],
|
|
1858
|
-
`}}
|
|
1886
|
+
`],Fo([o({type:String})],Do.prototype,"label",void 0),Fo([o({type:String})],Do.prototype,"helper",void 0),Fo([o({type:Boolean})],Do.prototype,"outlined",void 0),Fo([o({type:Boolean})],Do.prototype,"disabled",void 0),Fo([o({type:Boolean})],Do.prototype,"error",void 0),Fo([o({type:Boolean})],Do.prototype,"fixedMenuPosition",void 0),Fo([o({type:Array})],Do.prototype,"options",void 0),Fo([s()],Do.prototype,"selectedOption",void 0),Fo([s()],Do.prototype,"optionsDisplayed",void 0),Fo([s()],Do.prototype,"focusOptions",void 0),Fo([r(".ft-select")],Do.prototype,"container",void 0),Fo([r(".ft-select--options")],Do.prototype,"optionsMenu",void 0),Fo([r(".ft-select--input-panel")],Do.prototype,"mainPanel",void 0),Fo([r(".ft-select--option:first-child")],Do.prototype,"firstOption",void 0),Fo([r(".ft-select--option:focus")],Do.prototype,"focusedOption",void 0),Fo([r(".ft-select--option.ft-select--option-selected")],Do.prototype,"selectedOptionElement",void 0),Fo([r(".ft-select--option:last-child")],Do.prototype,"lastOption",void 0),Fo([r("slot")],Do.prototype,"optionsSlot",void 0),h("ft-select")(Do),h("ft-select-option")(Ro);const Io={display:ut.create("--ft-skeleton--display","DISPLAY","block"),width:ut.create("--ft-skeleton--width","SIZE","100%"),height:ut.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:ut.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:ut.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:ut.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:ut.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:ut.external(vt.borderRadiusM,"Design system")};class jo extends xt{render(){return W`
|
|
1887
|
+
`}}jo.elementDefinitions={},jo.styles=g`
|
|
1859
1888
|
:host {
|
|
1860
|
-
width: ${
|
|
1861
|
-
height: ${
|
|
1862
|
-
display: ${
|
|
1889
|
+
width: ${Io.width};
|
|
1890
|
+
height: ${Io.height};
|
|
1891
|
+
display: ${Io.display};
|
|
1863
1892
|
overflow: hidden;
|
|
1864
|
-
border-radius: ${
|
|
1893
|
+
border-radius: ${Io.borderRadiusM};
|
|
1865
1894
|
background: linear-gradient(
|
|
1866
1895
|
90deg,
|
|
1867
1896
|
transparent,
|
|
1868
|
-
${
|
|
1869
|
-
${
|
|
1870
|
-
transparent ${
|
|
1871
|
-
), ${
|
|
1897
|
+
${Io.glareColor} calc(0.45 * ${Io.glareWidth}),
|
|
1898
|
+
${Io.glareColor} calc(0.55 * ${Io.glareWidth}),
|
|
1899
|
+
transparent ${Io.glareWidth}
|
|
1900
|
+
), ${Io.backgroundColor};
|
|
1872
1901
|
background-repeat: repeat-y;
|
|
1873
1902
|
background-size: 100vw 100vh;
|
|
1874
1903
|
background-attachment: fixed;
|
|
1875
|
-
background-position: calc(${
|
|
1876
|
-
animation: shine ${
|
|
1904
|
+
background-position: calc(${Io.glareWidth} * -1) 0;
|
|
1905
|
+
animation: shine ${Io.animationDuration} infinite;
|
|
1877
1906
|
animation-timing-function: linear;
|
|
1878
1907
|
}
|
|
1879
1908
|
|
|
1880
1909
|
@keyframes shine {
|
|
1881
1910
|
to {
|
|
1882
|
-
background-position: calc(100vw + ${
|
|
1911
|
+
background-position: calc(100vw + ${Io.glareWidth}) 0, calc(${Io.glareWidth} * -1) 0;
|
|
1883
1912
|
}
|
|
1884
1913
|
}
|
|
1885
|
-
`,h("ft-skeleton")(
|
|
1914
|
+
`,h("ft-skeleton")(jo);const Po={height:ut.create("--ft-search-bar-height","SIZE","38px"),borderRadius:ut.extend("--ft-search-bar-border-radius",vt.borderRadiusS),mobileOpenPosition:ut.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:ut.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:ut.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:ut.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:ut.create("--ft-search-bar-mobile-open-right","SIZE","0"),desktopFiltersHeight:ut.create("--ft-search-bar-desktop-filters-height","SIZE","350px"),floatingZIndex:ut.create("--ft-search-bar-floating-components-z-index","NUMBER","3"),colorSurface:ut.external(vt.colorSurface,"Design system"),colorOnSurface:ut.external(vt.colorOnSurface,"Design system"),colorOnSurfaceMedium:ut.external(vt.colorOnSurfaceMedium,"Design system"),colorOutline:ut.external(vt.colorOutline,"Design system"),colorPrimary:ut.external(vt.colorPrimary,"Design system"),elevation02:ut.external(vt.elevation02,"Design system"),buttonColor:ut.external(Ci.color,"Button"),buttonRippleColor:ut.external(Ci.rippleColor,"Button")},Uo=g`
|
|
1886
1915
|
* {
|
|
1887
1916
|
box-sizing: border-box;
|
|
1888
1917
|
}
|
|
@@ -1891,7 +1920,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1891
1920
|
display: flex;
|
|
1892
1921
|
flex-direction: column;
|
|
1893
1922
|
gap: 8px;
|
|
1894
|
-
color: ${
|
|
1923
|
+
color: ${Po.colorOnSurface};
|
|
1895
1924
|
outline: none;
|
|
1896
1925
|
}
|
|
1897
1926
|
|
|
@@ -1900,14 +1929,21 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1900
1929
|
}
|
|
1901
1930
|
|
|
1902
1931
|
.ft-search-bar--mobile-menu-open {
|
|
1903
|
-
position: ${
|
|
1904
|
-
top: ${
|
|
1905
|
-
bottom: ${
|
|
1906
|
-
left: ${
|
|
1907
|
-
right: ${
|
|
1908
|
-
z-index: ${
|
|
1932
|
+
position: ${Po.mobileOpenPosition};
|
|
1933
|
+
top: ${Po.mobileOpenTop};
|
|
1934
|
+
bottom: ${Po.mobileOpenBottom};
|
|
1935
|
+
left: ${Po.mobileOpenLeft};
|
|
1936
|
+
right: ${Po.mobileOpenRight};
|
|
1937
|
+
z-index: ${Po.floatingZIndex};
|
|
1909
1938
|
padding: 16px;
|
|
1910
|
-
|
|
1939
|
+
}
|
|
1940
|
+
|
|
1941
|
+
.ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
|
|
1942
|
+
background: ${Po.colorSurface};
|
|
1943
|
+
}
|
|
1944
|
+
|
|
1945
|
+
.ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
|
|
1946
|
+
position: ${Po.mobileOpenPosition.get("static")};
|
|
1911
1947
|
}
|
|
1912
1948
|
|
|
1913
1949
|
.ft-search-bar {
|
|
@@ -1915,20 +1951,20 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1915
1951
|
display: flex;
|
|
1916
1952
|
flex-direction: row;
|
|
1917
1953
|
align-items: center;
|
|
1918
|
-
height: ${
|
|
1954
|
+
height: ${Po.height};
|
|
1919
1955
|
|
|
1920
|
-
background: ${
|
|
1921
|
-
border: 1px solid ${
|
|
1922
|
-
border-radius: ${
|
|
1956
|
+
background: ${Po.colorSurface};
|
|
1957
|
+
border: 1px solid ${Po.colorOutline};
|
|
1958
|
+
border-radius: ${Po.borderRadius};
|
|
1923
1959
|
}
|
|
1924
1960
|
|
|
1925
1961
|
.ft-search-bar--skeleton {
|
|
1926
|
-
${bt(
|
|
1927
|
-
${bt(
|
|
1962
|
+
${bt(Io.height,Po.height)};
|
|
1963
|
+
${bt(Io.borderRadiusM,Po.borderRadius)};
|
|
1928
1964
|
}
|
|
1929
1965
|
|
|
1930
1966
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
1931
|
-
border-radius: ${
|
|
1967
|
+
border-radius: ${Po.borderRadius} ${Po.borderRadius} 0 0;
|
|
1932
1968
|
}
|
|
1933
1969
|
|
|
1934
1970
|
.ft-search-bar--input-container {
|
|
@@ -1946,7 +1982,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1946
1982
|
align-self: stretch;
|
|
1947
1983
|
display: grid;
|
|
1948
1984
|
padding: 0 8px;
|
|
1949
|
-
border-radius: ${
|
|
1985
|
+
border-radius: ${Po.borderRadius};
|
|
1950
1986
|
}
|
|
1951
1987
|
|
|
1952
1988
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -1955,7 +1991,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1955
1991
|
}
|
|
1956
1992
|
|
|
1957
1993
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
1958
|
-
outline: 2px solid ${
|
|
1994
|
+
outline: 2px solid ${Po.colorPrimary};
|
|
1959
1995
|
}
|
|
1960
1996
|
|
|
1961
1997
|
.ft-search-bar--input {
|
|
@@ -1963,12 +1999,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1963
1999
|
flex-grow: 1;
|
|
1964
2000
|
border: none;
|
|
1965
2001
|
background-color: transparent;
|
|
2002
|
+
color: ${Po.colorOnSurface};
|
|
1966
2003
|
outline: none;
|
|
1967
2004
|
}
|
|
1968
2005
|
|
|
1969
|
-
.ft-search-bar--
|
|
1970
|
-
|
|
1971
|
-
min-width: 250px;
|
|
2006
|
+
.ft-search-bar--input::placeholder {
|
|
2007
|
+
color: ${Po.colorOnSurfaceMedium};
|
|
1972
2008
|
}
|
|
1973
2009
|
|
|
1974
2010
|
.ft-search-bar--actions {
|
|
@@ -1978,7 +2014,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1978
2014
|
align-items: center;
|
|
1979
2015
|
height: 100%;
|
|
1980
2016
|
|
|
1981
|
-
|
|
2017
|
+
${bt(hi.zIndex,`calc(${Po.floatingZIndex} + 1)`)};
|
|
1982
2018
|
}
|
|
1983
2019
|
|
|
1984
2020
|
.ft-search-bar > ft-button,
|
|
@@ -1987,8 +2023,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1987
2023
|
}
|
|
1988
2024
|
|
|
1989
2025
|
.ft-search-bar--left-action {
|
|
1990
|
-
${bt(
|
|
1991
|
-
border-right: 1px solid ${
|
|
2026
|
+
${bt(Ci.borderRadius,g`calc(${Po.borderRadius} - 1px) 0 0 calc(${Po.borderRadius} - 1px)`)};
|
|
2027
|
+
border-right: 1px solid ${Po.colorOutline};
|
|
1992
2028
|
height: 100%;
|
|
1993
2029
|
}
|
|
1994
2030
|
|
|
@@ -1997,7 +2033,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1997
2033
|
}
|
|
1998
2034
|
|
|
1999
2035
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2000
|
-
${bt(
|
|
2036
|
+
${bt(Ci.borderRadius,g`calc(${Po.borderRadius} - 1px) 0 0 0`)};
|
|
2001
2037
|
}
|
|
2002
2038
|
|
|
2003
2039
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2007,13 +2043,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2007
2043
|
|
|
2008
2044
|
.ft-search-bar--separator {
|
|
2009
2045
|
height: 20px;
|
|
2010
|
-
border-right: 1px solid ${
|
|
2046
|
+
border-right: 1px solid ${Po.colorOutline};
|
|
2011
2047
|
}
|
|
2012
2048
|
|
|
2013
2049
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2014
|
-
${bt(
|
|
2015
|
-
${bt(
|
|
2016
|
-
${bt(
|
|
2050
|
+
${bt(Mo.borderColor,"transparent")};
|
|
2051
|
+
${bt(Mo.borderRadiusS,g`calc(${Po.borderRadius} - 1px)`)};
|
|
2052
|
+
${bt(Lo.selectedOptionColor,Po.buttonColor)};
|
|
2017
2053
|
}
|
|
2018
2054
|
|
|
2019
2055
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2030,27 +2066,35 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2030
2066
|
}
|
|
2031
2067
|
|
|
2032
2068
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2033
|
-
border-radius: calc(${
|
|
2069
|
+
border-radius: calc(${Po.borderRadius} - 1px) 0 0 calc(${Po.borderRadius} - 1px);
|
|
2034
2070
|
}
|
|
2035
2071
|
|
|
2036
|
-
`,
|
|
2037
|
-
.ft-search-bar--
|
|
2072
|
+
`,Ao=g`
|
|
2073
|
+
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2038
2074
|
margin-right: auto;
|
|
2039
2075
|
}
|
|
2040
2076
|
|
|
2041
|
-
.ft-search-bar--
|
|
2077
|
+
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2042
2078
|
min-width: 250px;
|
|
2043
|
-
${bt(
|
|
2079
|
+
${bt(Lo.optionsZIndex,"2")};
|
|
2044
2080
|
}
|
|
2045
2081
|
|
|
2046
|
-
.ft-search-bar--
|
|
2082
|
+
.ft-search-bar--desktop-menu {
|
|
2083
|
+
display: flex;
|
|
2047
2084
|
flex-direction: column;
|
|
2048
2085
|
gap: 16px;
|
|
2086
|
+
}
|
|
2087
|
+
|
|
2088
|
+
.ft-search-bar + .ft-search-bar--desktop-menu {
|
|
2089
|
+
margin-top: 8px;
|
|
2090
|
+
}
|
|
2091
|
+
|
|
2092
|
+
.ft-search-bar--floating-panel {
|
|
2049
2093
|
padding: 16px;
|
|
2050
2094
|
}
|
|
2051
2095
|
|
|
2052
2096
|
.ft-search-bar--floating-panel-open .ft-search-bar--floating-panel {
|
|
2053
|
-
display:
|
|
2097
|
+
display: block;
|
|
2054
2098
|
}
|
|
2055
2099
|
|
|
2056
2100
|
.ft-search-bar--desktop .ft-search-bar--facets-actions {
|
|
@@ -2058,6 +2102,9 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2058
2102
|
align-items: center;
|
|
2059
2103
|
justify-content: flex-end;
|
|
2060
2104
|
gap: 8px;
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
.ft-search-bar--floating-panel .ft-search-bar--facets-actions {
|
|
2061
2108
|
padding: 0 10px;
|
|
2062
2109
|
}
|
|
2063
2110
|
|
|
@@ -2079,13 +2126,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2079
2126
|
display: none;
|
|
2080
2127
|
}
|
|
2081
2128
|
|
|
2082
|
-
.ft-search-bar--
|
|
2129
|
+
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2083
2130
|
display: block;
|
|
2084
|
-
height:
|
|
2131
|
+
height: ${Po.desktopFiltersHeight};
|
|
2085
2132
|
--ft-snap-scroll-gap: 16px;
|
|
2086
2133
|
}
|
|
2087
2134
|
|
|
2088
|
-
.ft-search-bar--
|
|
2135
|
+
.ft-search-bar--desktop-menu ft-filter {
|
|
2089
2136
|
display: flex;
|
|
2090
2137
|
flex-grow: 0;
|
|
2091
2138
|
max-height: 100%;
|
|
@@ -2132,7 +2179,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2132
2179
|
|
|
2133
2180
|
.ft-search-bar--filter-label > :last-child {
|
|
2134
2181
|
flex-shrink: 1;
|
|
2135
|
-
color: ${
|
|
2182
|
+
color: ${Po.colorOnSurfaceMedium};
|
|
2136
2183
|
}
|
|
2137
2184
|
|
|
2138
2185
|
ft-accordion-item::part(toggle) {
|
|
@@ -2149,10 +2196,10 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2149
2196
|
padding-right: 0;
|
|
2150
2197
|
}
|
|
2151
2198
|
|
|
2152
|
-
.ft-search-bar--
|
|
2199
|
+
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2153
2200
|
margin: 0;
|
|
2154
2201
|
}
|
|
2155
|
-
`,
|
|
2202
|
+
`,To=g`
|
|
2156
2203
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2157
2204
|
flex-shrink: 0;
|
|
2158
2205
|
display: flex;
|
|
@@ -2163,7 +2210,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2163
2210
|
|
|
2164
2211
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2165
2212
|
overflow: hidden;
|
|
2166
|
-
${bt(
|
|
2213
|
+
${bt(Yi.gap,"4px")};
|
|
2167
2214
|
}
|
|
2168
2215
|
|
|
2169
2216
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2171,8 +2218,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2171
2218
|
}
|
|
2172
2219
|
|
|
2173
2220
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2174
|
-
${bt(
|
|
2175
|
-
${bt(
|
|
2221
|
+
${bt(wo.iconSize,"17px")};
|
|
2222
|
+
${bt(wo.fontSize,"12px")};
|
|
2176
2223
|
}
|
|
2177
2224
|
|
|
2178
2225
|
.ft-search-bar--selected-filters * {
|
|
@@ -2182,7 +2229,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2182
2229
|
.ft-search-bar--selected-filters ft-chip {
|
|
2183
2230
|
flex-grow: 0;
|
|
2184
2231
|
}
|
|
2185
|
-
`,
|
|
2232
|
+
`,_o=g`
|
|
2186
2233
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2187
2234
|
flex-grow: 1;
|
|
2188
2235
|
flex-shrink: 1;
|
|
@@ -2191,7 +2238,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2191
2238
|
}
|
|
2192
2239
|
|
|
2193
2240
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2194
|
-
border-top: 1px solid ${
|
|
2241
|
+
border-top: 1px solid ${Po.colorOutline};
|
|
2195
2242
|
}
|
|
2196
2243
|
|
|
2197
2244
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2201,15 +2248,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2201
2248
|
.ft-search-bar--floating-panel,
|
|
2202
2249
|
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2203
2250
|
position: absolute;
|
|
2204
|
-
z-index:
|
|
2251
|
+
z-index: ${Po.floatingZIndex};
|
|
2205
2252
|
top: 100%;
|
|
2206
2253
|
left: -1px;
|
|
2207
2254
|
right: -1px;
|
|
2208
2255
|
display: none;
|
|
2209
|
-
background: ${
|
|
2210
|
-
border: 1px solid ${
|
|
2211
|
-
border-radius: 0 0 ${
|
|
2212
|
-
box-shadow: ${
|
|
2256
|
+
background: ${Po.colorSurface};
|
|
2257
|
+
border: 1px solid ${Po.colorOutline};
|
|
2258
|
+
border-radius: 0 0 ${Po.borderRadius} ${Po.borderRadius};
|
|
2259
|
+
box-shadow: ${Po.elevation02};
|
|
2213
2260
|
outline: none;
|
|
2214
2261
|
}
|
|
2215
2262
|
|
|
@@ -2224,7 +2271,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2224
2271
|
.ft-search-bar--no-suggestions {
|
|
2225
2272
|
text-align: center;
|
|
2226
2273
|
padding: 8px;
|
|
2227
|
-
color: ${
|
|
2274
|
+
color: ${Po.colorOnSurface};
|
|
2228
2275
|
}
|
|
2229
2276
|
|
|
2230
2277
|
.ft-search-bar--suggestion {
|
|
@@ -2235,7 +2282,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2235
2282
|
padding: 8px;
|
|
2236
2283
|
gap: 8px;
|
|
2237
2284
|
cursor: pointer;
|
|
2238
|
-
color: ${
|
|
2285
|
+
color: ${Po.colorOnSurface};
|
|
2239
2286
|
min-height: 52px;
|
|
2240
2287
|
}
|
|
2241
2288
|
|
|
@@ -2252,7 +2299,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2252
2299
|
}
|
|
2253
2300
|
|
|
2254
2301
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2255
|
-
border-top: 1px solid ${
|
|
2302
|
+
border-top: 1px solid ${Po.colorOutline};
|
|
2256
2303
|
}
|
|
2257
2304
|
|
|
2258
2305
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2260,11 +2307,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2260
2307
|
flex-grow: 1;
|
|
2261
2308
|
flex-shrink: 1;
|
|
2262
2309
|
}
|
|
2263
|
-
`;var
|
|
2310
|
+
`;var Ho=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};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const Zo={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",noSuggestions:"No results found…",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Preset",removeRecentSearch:"Remove",back:"Back"};class Ko extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Wo extends CustomEvent{constructor(t){super("change",{detail:t})}}const Vo=()=>{};class qo extends xt{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new mt(Zo,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=Pt.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.suggestionsLoaded=!0,this.recentSearches=[],this.updateFacetsDebouncer=new e(500),this.suggestDebouncer=new e(300),this.facetsLoaded=!1,this.closeFloatingContainer=t=>{this.isMobile||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}get isMobileMenuOpen(){return this.isMobile&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}get isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===Pt.S}}get hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}get hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return W`
|
|
2264
2311
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2265
2312
|
${this.renderSearchBar()}
|
|
2266
|
-
`}renderSearchBar(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets,"ft-search-bar--mobile-menu-open":this.isMobileMenuOpen};return this.facetsInitialized&&this.availableContentLocalesInitialized?W`
|
|
2267
|
-
<div class="${
|
|
2313
|
+
`}renderSearchBar(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets&&!this.forceMenuOpen,"ft-search-bar--mobile-menu-open":this.isMobileMenuOpen,"ft-search-bar--forced-open":this.forceMenuOpen||this.forceMobileMenuOpen};return this.facetsInitialized&&this.availableContentLocalesInitialized?W`
|
|
2314
|
+
<div class="${jt(t)}" part="container" tabindex="-1">
|
|
2268
2315
|
${this.isMobile?this.renderMobileSearchBar():this.renderDesktopSearchBar()}
|
|
2269
2316
|
</div>
|
|
2270
2317
|
`:W`
|
|
@@ -2294,7 +2341,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2294
2341
|
${this.labelResolver.resolve("searchButton")}
|
|
2295
2342
|
</ft-button>
|
|
2296
2343
|
`:q}
|
|
2297
|
-
`}renderMobileSearchBarButtons(){
|
|
2344
|
+
`}renderMobileSearchBarButtons(){const t=this.query||this.isMobileMenuOpen&&!this.forceMobileMenuOpen;return W`
|
|
2345
|
+
${t?W`
|
|
2298
2346
|
<div class="ft-search-bar--actions"
|
|
2299
2347
|
part="search-bar-actions">
|
|
2300
2348
|
<ft-button class="ft-search-bar--clear-query"
|
|
@@ -2302,10 +2350,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2302
2350
|
icon="close"
|
|
2303
2351
|
round
|
|
2304
2352
|
label="${this.labelResolver.resolve("clearInputButton")}"
|
|
2353
|
+
tooltipPosition="left"
|
|
2305
2354
|
@click=${()=>{this.setQuery(""),this.mobileMenuOpen=!1,this.displayFacets=!1}}
|
|
2306
2355
|
></ft-button>
|
|
2307
2356
|
</div>
|
|
2308
|
-
`:
|
|
2357
|
+
`:q}
|
|
2309
2358
|
<div class="ft-search-bar--actions"
|
|
2310
2359
|
part="search-bar-actions">
|
|
2311
2360
|
<ft-button class="ft-search-bar--launch-search"
|
|
@@ -2313,7 +2362,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2313
2362
|
icon="search"
|
|
2314
2363
|
round
|
|
2315
2364
|
label="${this.labelResolver.resolve("searchButton")}"
|
|
2316
|
-
|
|
2365
|
+
tooltipPosition="left"
|
|
2366
|
+
@click=${()=>{var t;return this.isMobileMenuOpen?this.launchSearch():null===(t=this.input)||void 0===t?void 0:t.focus()}}
|
|
2317
2367
|
></ft-button>
|
|
2318
2368
|
</div>
|
|
2319
2369
|
`}renderMobileFacets(){var t;const e=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return W`
|
|
@@ -2328,7 +2378,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2328
2378
|
</ft-typography>
|
|
2329
2379
|
</div>
|
|
2330
2380
|
<ft-filter
|
|
2331
|
-
part="filters"
|
|
2381
|
+
part="filters filter-ft-locale"
|
|
2382
|
+
.exportpartsPrefixes=${["filter","filter-ft-locale"]}
|
|
2332
2383
|
class="ft-search-bar--content-locale"
|
|
2333
2384
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",this.labelResolver.resolve("contentLocaleSelector"))}"
|
|
2334
2385
|
.options=${this.contentLocalesAsFilterOptions()}
|
|
@@ -2336,20 +2387,22 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2336
2387
|
></ft-filter>
|
|
2337
2388
|
</ft-accordion-item>
|
|
2338
2389
|
`:null}
|
|
2339
|
-
${
|
|
2390
|
+
${It(this.facets,(t=>t.key),(t=>{const e=Qe(t),i=t.key.replace(":","-");return t.rootNodes.length>0?W`
|
|
2340
2391
|
<ft-accordion-item data-facet-key="${t.key}">
|
|
2341
2392
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2342
2393
|
<ft-typography variant="button">${t.label}</ft-typography>
|
|
2343
2394
|
<ft-typography variant="body2">
|
|
2344
|
-
${function(t){return
|
|
2395
|
+
${function(t){return Je(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e).join(", ")}
|
|
2345
2396
|
</ft-typography>
|
|
2346
2397
|
</div>
|
|
2347
2398
|
<ft-filter
|
|
2348
|
-
part="filters"
|
|
2399
|
+
part="filters filter filter-${i}"
|
|
2400
|
+
.exportpartsPrefixes=${["filter","filter-"+i]}
|
|
2349
2401
|
id="${e.id}"
|
|
2350
2402
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",e.label)}"
|
|
2351
2403
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
2352
2404
|
moreValuesButtonLabel="${this.labelResolver.resolve("displayMoreFilterValuesButton")}"
|
|
2405
|
+
noValuesLabel="${this.labelResolver.resolve("noFilterValuesAvailable")}"
|
|
2353
2406
|
?multivalued=${e.multivalued}
|
|
2354
2407
|
raiseSelectedOptions
|
|
2355
2408
|
.options=${e.options}
|
|
@@ -2357,7 +2410,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2357
2410
|
@change=${t=>this.setFilter(e.id,t.detail)}
|
|
2358
2411
|
></ft-filter>
|
|
2359
2412
|
</ft-accordion-item>
|
|
2360
|
-
|
|
2413
|
+
`:q}))}
|
|
2361
2414
|
</ft-accordion>
|
|
2362
2415
|
`}contentLocalesAsFilterOptions(){return this.availableContentLocales.map((t=>({value:t.lang,label:t.label,selected:t.lang==this.contentLocale})))}renderDesktopSearchBar(){return W`
|
|
2363
2416
|
<div class="ft-search-bar" part="search-bar">
|
|
@@ -2376,21 +2429,29 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2376
2429
|
${this.renderSuggestions()}
|
|
2377
2430
|
</div>
|
|
2378
2431
|
${this.renderDesktopSearchBarButtons()}
|
|
2379
|
-
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2432
|
+
${this.forceMenuOpen?q:W`
|
|
2433
|
+
<div class="ft-search-bar--floating-panel" @keyup=${this.onFloatingContainerKeyUp}
|
|
2434
|
+
part="floating-panel"
|
|
2435
|
+
tabindex="-1">
|
|
2436
|
+
${this.renderDesktopMenu()}
|
|
2437
|
+
</div>`}
|
|
2438
|
+
</div>
|
|
2439
|
+
${this.dense||this.forceMenuOpen?this.forceMenuOpen?this.renderDesktopMenu():q:this.renderSelectedFacets()}
|
|
2440
|
+
`}renderDesktopMenu(){return this.hasFacets?W`
|
|
2441
|
+
<div class="ft-search-bar--desktop-menu">
|
|
2442
|
+
${this.renderFacetsActions()}
|
|
2443
|
+
${this.renderDesktopFacets()}
|
|
2444
|
+
<div class="ft-search-bar--facets-actions">
|
|
2445
|
+
${this.forceMenuOpen?this.renderDesktopClearFilters():q}
|
|
2446
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2447
|
+
part="launch-search-in-panel"
|
|
2448
|
+
icon="search"
|
|
2449
|
+
@click=${this.launchSearch}>
|
|
2450
|
+
${this.labelResolver.resolve("searchButton")}
|
|
2451
|
+
</ft-button>
|
|
2390
2452
|
</div>
|
|
2391
2453
|
</div>
|
|
2392
|
-
|
|
2393
|
-
`}renderSearchBarLeftAction(){return this.hasFacets?W`
|
|
2454
|
+
`:q}renderSearchBarLeftAction(){return this.hasFacets?this.forceMenuOpen?q:W`
|
|
2394
2455
|
<ft-button class="ft-search-bar--filters-opener ft-search-bar--left-action"
|
|
2395
2456
|
part="filters-opener"
|
|
2396
2457
|
trailingIcon
|
|
@@ -2402,9 +2463,10 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2402
2463
|
`:this.hasLocaleSelector?W`
|
|
2403
2464
|
<ft-select outlined
|
|
2404
2465
|
class="ft-search-bar--content-locale ft-search-bar--left-action"
|
|
2405
|
-
part="content-locale"
|
|
2466
|
+
part="content-locale select-ft-locale"
|
|
2467
|
+
.exportpartsPrefixes=${["content-locale","select-ft-locale"]}
|
|
2406
2468
|
@change=${t=>this.contentLocale=null==t.detail?void 0:t.detail}>
|
|
2407
|
-
${
|
|
2469
|
+
${It(this.availableContentLocales,(t=>t.lang),(t=>W`
|
|
2408
2470
|
<ft-select-option .value=${t.lang}
|
|
2409
2471
|
label="${t.label}"
|
|
2410
2472
|
?selected=${t.lang===this.contentLocale}>
|
|
@@ -2441,7 +2503,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2441
2503
|
label="${this.labelResolver.resolve("presetsSelector")}"
|
|
2442
2504
|
outlined
|
|
2443
2505
|
@change=${t=>this.selectedPreset=t.detail}>
|
|
2444
|
-
${
|
|
2506
|
+
${It(null!==(t=this.presets)&&void 0!==t?t:[],(t=>t.name),(t=>W`
|
|
2445
2507
|
<ft-select-option value="${t.name}"
|
|
2446
2508
|
label="${t.name}"
|
|
2447
2509
|
?selected=${t.name===this.selectedPreset}>
|
|
@@ -2449,36 +2511,40 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2449
2511
|
`))}
|
|
2450
2512
|
</ft-select>
|
|
2451
2513
|
`:q}
|
|
2452
|
-
${this.searchFilters.length>0?W`
|
|
2453
|
-
<ft-button part="facets-actions"
|
|
2454
|
-
@click=${this.clearFilters}>
|
|
2455
|
-
${this.labelResolver.resolve("clearFilters")}
|
|
2456
|
-
</ft-button>
|
|
2457
|
-
`:q}
|
|
2458
2514
|
<slot name="facets-actions"></slot>
|
|
2515
|
+
${this.forceMenuOpen&&!this.isMobile?q:this.renderDesktopClearFilters()}
|
|
2459
2516
|
</div>
|
|
2460
|
-
`}
|
|
2517
|
+
`}renderDesktopClearFilters(){return this.searchFilters.length>0?W`
|
|
2518
|
+
<ft-button part="facets-actions"
|
|
2519
|
+
@click=${this.clearFilters}>
|
|
2520
|
+
${this.labelResolver.resolve("clearFilters")}
|
|
2521
|
+
</ft-button>
|
|
2522
|
+
`:q}renderDesktopFacets(){return this.hasFacets?W`
|
|
2461
2523
|
<ft-snap-scroll horizontal limitSize controls
|
|
2462
2524
|
class="ft-search-bar--filters-container"
|
|
2463
|
-
part="filters-container"
|
|
2525
|
+
part="filters-container"
|
|
2526
|
+
exportpartsPrefix="filters-container">
|
|
2464
2527
|
${this.hasLocaleSelector?W`
|
|
2465
|
-
<ft-filter
|
|
2466
|
-
|
|
2528
|
+
<ft-filter class="ft-search-bar--content-locale"
|
|
2529
|
+
part="filters filter-ft-locale"
|
|
2530
|
+
.exportpartsPrefixes=${["filter","filter-ft-locale"]}
|
|
2467
2531
|
label="${this.labelResolver.resolve("contentLocaleSelector")}"
|
|
2468
2532
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",this.labelResolver.resolve("contentLocaleSelector"))}"
|
|
2469
2533
|
.options=${this.contentLocalesAsFilterOptions()}
|
|
2470
2534
|
@change=${t=>this.contentLocale=t.detail[0]}
|
|
2471
2535
|
></ft-filter>
|
|
2472
2536
|
`:q}
|
|
2473
|
-
${
|
|
2537
|
+
${It(this.facets,(t=>t.key),(t=>{const e=Qe(t),i=e.options.some((t=>{var e,i;return(null!==(i=null===(e=t.subOptions)||void 0===e?void 0:e.length)&&void 0!==i?i:0)>0})),o=t.key.replace(":","-");return W`
|
|
2474
2538
|
<ft-filter
|
|
2475
2539
|
class="${i?"ft-search-bar--hierarchical-filter":""}"
|
|
2476
|
-
part="filters"
|
|
2540
|
+
part="filters filter filter-${o}"
|
|
2541
|
+
.exportpartsPrefixes=${["filter","filter-"+o]}
|
|
2477
2542
|
id="${e.id}"
|
|
2478
2543
|
label="${e.label}"
|
|
2479
2544
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",e.label)}"
|
|
2480
2545
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
2481
2546
|
moreValuesButtonLabel="${this.labelResolver.resolve("displayMoreFilterValuesButton")}"
|
|
2547
|
+
noValuesLabel="${this.labelResolver.resolve("noFilterValuesAvailable")}"
|
|
2482
2548
|
?multivalued=${e.multivalued}
|
|
2483
2549
|
raiseSelectedOptions
|
|
2484
2550
|
.options=${e.options}
|
|
@@ -2489,16 +2555,16 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2489
2555
|
</ft-snap-scroll>
|
|
2490
2556
|
`:q}renderSelectedFacets(){if(!this.hasLocaleSelector&&!this.hasFacets)return null;const t=!this.isMobile&&this.dense||this.isMobile&&this.isMobileMenuOpen,e=W`
|
|
2491
2557
|
${this.hasLocaleSelector&&(this.hasFacets||this.isMobile)?W`
|
|
2492
|
-
<ft-chip part="selected-filters"
|
|
2558
|
+
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2493
2559
|
?dense=${this.dense&&!this.isMobile}
|
|
2494
2560
|
?clickable=${this.isMobile}
|
|
2495
2561
|
@click=${()=>this.openMobileFilters("ft:contentLocale")}>
|
|
2496
2562
|
${this.getLocaleLabel(this.contentLocale)}
|
|
2497
2563
|
</ft-chip>
|
|
2498
2564
|
`:null}
|
|
2499
|
-
${
|
|
2565
|
+
${It(this.facets,(t=>t.key),(e=>{const i=function(t){return Je(t.rootNodes,(t=>t.selected?[]:t.childNodes)).filter((t=>t.selected)).map((t=>t.value))}(e);return It(i,(o=>{let s=e.label+": "+function(t){return Xe(t).split("|").join(" > ")}(o);const n=e.key.replace(":","-"),r=W`
|
|
2500
2566
|
<ft-chip
|
|
2501
|
-
part="selected-filters"
|
|
2567
|
+
part="selected-filters selected-filter-${n}"
|
|
2502
2568
|
?dense=${this.dense&&!this.isMobile}
|
|
2503
2569
|
?clickable=${this.isMobile}
|
|
2504
2570
|
?removable=${!this.isMobile}
|
|
@@ -2507,15 +2573,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2507
2573
|
title=${t?s:q}
|
|
2508
2574
|
@click=${()=>this.openMobileFilters(e.key)}
|
|
2509
2575
|
@icon-click=${()=>this.setFilter(e.key,i.filter((t=>t!==o)))}>
|
|
2510
|
-
${function(t){return
|
|
2576
|
+
${function(t){return Xe(t).split("|").pop()}(o)}
|
|
2511
2577
|
</ft-chip>
|
|
2512
|
-
`;return t?
|
|
2578
|
+
`;return t?r:W`
|
|
2513
2579
|
<ft-tooltip inline text="${s}">
|
|
2514
|
-
${
|
|
2580
|
+
${r}
|
|
2515
2581
|
</ft-tooltip>
|
|
2516
2582
|
`}))}))}
|
|
2517
2583
|
${this.isMobile?W`
|
|
2518
|
-
<ft-chip part="selected-filters"
|
|
2584
|
+
<ft-chip part="selected-filters mobile-filters-opener"
|
|
2519
2585
|
icon="add"
|
|
2520
2586
|
clickable
|
|
2521
2587
|
@click=${()=>{this.mobileMenuOpen=!0,this.displayFacets=!0}}>
|
|
@@ -2525,7 +2591,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2525
2591
|
`;return t?W`
|
|
2526
2592
|
<ft-snap-scroll horizontal controls hideScrollbar limitSize
|
|
2527
2593
|
class="ft-search-bar--selected-filters"
|
|
2528
|
-
part="selected-filters-container"
|
|
2594
|
+
part="selected-filters-container"
|
|
2595
|
+
exportpartsPrefix="selected-filters-container">
|
|
2529
2596
|
${e}
|
|
2530
2597
|
</ft-snap-scroll>
|
|
2531
2598
|
`:W`
|
|
@@ -2534,8 +2601,9 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2534
2601
|
</div>
|
|
2535
2602
|
`}renderSuggestions(){const t=this.recentSearches.filter((t=>t.toLowerCase().includes(this.query.toLowerCase()))),e=this.query.length>2||t.length>0;return W`
|
|
2536
2603
|
<div class="ft-search-bar--suggestions ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2604
|
+
part="suggestions-container"
|
|
2537
2605
|
@keydown=${this.onSuggestKeyDown}>
|
|
2538
|
-
${
|
|
2606
|
+
${It(t.slice(0,5),(t=>t),(t=>W`
|
|
2539
2607
|
<a href="${this.searchRequestSerializer({...this.request,query:t})}"
|
|
2540
2608
|
part="suggestions"
|
|
2541
2609
|
class="ft-search-bar--suggestion ft-search-bar--recent-search"
|
|
@@ -2549,10 +2617,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2549
2617
|
part="remove-suggestion"
|
|
2550
2618
|
?dense=${!this.isMobile}
|
|
2551
2619
|
label="${this.labelResolver.resolve("removeRecentSearch")}"
|
|
2620
|
+
tooltipPosition="left"
|
|
2552
2621
|
@click=${e=>this.removeRecentSearch(e,t)}></ft-button>
|
|
2553
2622
|
</a>
|
|
2554
2623
|
`))}
|
|
2555
|
-
${
|
|
2624
|
+
${It(this.suggestions,(t=>t.value),(t=>W`
|
|
2556
2625
|
<a href="${this.searchRequestSerializer({...this.request,query:t.value})}"
|
|
2557
2626
|
part="suggestions"
|
|
2558
2627
|
class="ft-search-bar--suggestion"
|
|
@@ -2570,8 +2639,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2570
2639
|
</ft-typography>
|
|
2571
2640
|
`:null}
|
|
2572
2641
|
</div>
|
|
2573
|
-
`}getIcon(t){const e="DOCUMENT"===t.type?
|
|
2642
|
+
`}getIcon(t){const e="DOCUMENT"===t.type?mi.file_format:mi.fluid_topics;let i;switch(t.type){case"MAP":i="BOOK"===t.editorialType?vi.BOOK:vi.ARTICLE;break;case"DOCUMENT":i=function(t,e){var i,o,s,n;t=(null!=t?t:"").toLowerCase(),e=(null!=e?e:"").toLowerCase();const[r,l]=((null!==(i=yi.get(t))&&void 0!==i?i:t)+"/").split("/");return null!==(n=null!==(s=null!==(o=xi.get(l))&&void 0!==o?o:xi.get(e))&&void 0!==s?s:xi.get(r))&&void 0!==n?n:gi.UNKNOWN}(t.mimeType,t.filenameExtension);break;case"TOPIC":i=vi.TOPICS}return W`
|
|
2574
2643
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2575
2644
|
${i}
|
|
2576
2645
|
</ft-icon>
|
|
2577
|
-
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var e,i,o,s,n,r;if(t.has("labels")&&(this.labelResolver=new
|
|
2646
|
+
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var e,i,o,s,n,r;if(t.has("labels")&&(this.labelResolver=new mt(Zo,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const i=t=>this.availableContentLocales.some((e=>e.lang===t));i(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&i(t.get("contentLocale"))?t.get("contentLocale"):null===(e=this.availableContentLocales[0])||void 0===e?void 0:e.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.recentSearches=JSON.parse(null!==(i=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==i?i:"[]")),t.has("presets")&&(null!==(o=this.presets)&&void 0!==o?o:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>Xe(t))))))),t.has("selectedPreset")){const t=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(r=(null!==(n=this.presets)&&void 0!==n?n:[]).find((t=>this.compareRequests(t,this.request))))||void 0===r?void 0:r.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi(),this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1),t.has("api")&&this.updateAvailableContentLocales(),["uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateSuggestions(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchEvent(new Wo(this.request))}async updateAvailableContentLocales(){this.api&&(this.availableContentLocales=await this.api.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])),this.availableContentLocalesInitialized=!0)}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),100))}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(Vo)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1});this.facetsLoaded=!0,this.facetsInitialized=!0}))):(this.facets=[],this.facetsInitialized=!0))}updateSuggestions(){this.suggestionsLoaded=!1,this.suggestDebouncer.run((async()=>{this.suggestions=this.api&&this.query.length>2?await this.api.getSuggestions(this.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],this.suggestionsLoaded=!0}))}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.query=e.value,"Enter"===t.key&&this.launchSearch()}onSearchBarKeyDown(t){var e,i;switch(t.key){case"Escape":this.mobileMenuOpen=!1,null===(e=this.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),null===(i=this.firstSuggestion)||void 0===i||i.focus()}}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.setQuery(e),this.launchSearch()}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new Ko(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}saveRecentSearches(){window.localStorage.setItem(this.recentSearchesStorageKey,JSON.stringify(this.recentSearches))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}getLocaleLabel(t){var e;return null!==(e=this.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&Je(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>Je(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}removeRecentSearch(t,e){var i,o,s,n;t.preventDefault(),t.stopPropagation();const r=null!==(n=null!==(o=null===(i=this.focusedSuggestion)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.input;null==r||r.focus(),this.recentSearches=this.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.saveRecentSearches()}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.focusedSuggestion)||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.lastSuggestion)||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstSuggestion)||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}}qo.elementDefinitions={"ft-accordion":uo,"ft-accordion-item":yo,"ft-button":Mi,"ft-chip":Eo,"ft-filter":co,"ft-filter-option":po,"ft-icon":ki,"ft-ripple":ai,"ft-select":Do,"ft-select-option":Ro,"ft-size-watcher":Tt,"ft-skeleton":jo,"ft-snap-scroll":Gi,"ft-tooltip":pi,"ft-typography":qe},qo.styles=[He,Uo,Ao,To,_o],Ho([o({type:Boolean})],qo.prototype,"dense",void 0),Ho([o()],qo.prototype,"mode",void 0),Ho([o({type:Boolean})],qo.prototype,"forceMobileMenuOpen",void 0),Ho([o({type:Boolean})],qo.prototype,"forceMenuOpen",void 0),Ho([o()],qo.prototype,"baseUrl",void 0),Ho([o()],qo.prototype,"apiIntegrationIdentifier",void 0),Ho([o()],qo.prototype,"contentLocale",void 0),Ho([s()],qo.prototype,"availableContentLocales",void 0),Ho([s()],qo.prototype,"availableContentLocalesInitialized",void 0),Ho([o()],qo.prototype,"uiLocale",void 0),Ho([p({})],qo.prototype,"labels",void 0),Ho([p([])],qo.prototype,"displayedFilters",void 0),Ho([p([])],qo.prototype,"presets",void 0),Ho([o({type:String,reflect:!0})],qo.prototype,"selectedPreset",void 0),Ho([p([])],qo.prototype,"priors",void 0),Ho([o()],qo.prototype,"searchRequestSerializer",void 0),Ho([s()],qo.prototype,"searchFilters",void 0),Ho([s()],qo.prototype,"sizeCategory",void 0),Ho([s()],qo.prototype,"displayFacets",void 0),Ho([s()],qo.prototype,"mobileMenuOpen",void 0),Ho([s()],qo.prototype,"facets",void 0),Ho([s()],qo.prototype,"facetsInitialized",void 0),Ho([r(".ft-search-bar--container")],qo.prototype,"container",void 0),Ho([r(".ft-search-bar--filters-opener")],qo.prototype,"filtersOpener",void 0),Ho([r(".ft-search-bar--floating-panel")],qo.prototype,"floatingContainer",void 0),Ho([r("ft-snap-scroll.ft-search-bar--filters-container")],qo.prototype,"scrollingFiltersContainer",void 0),Ho([r(".ft-search-bar--input")],qo.prototype,"input",void 0),Ho([s()],qo.prototype,"query",void 0),Ho([s()],qo.prototype,"suggestions",void 0),Ho([s()],qo.prototype,"suggestionsLoaded",void 0),Ho([s()],qo.prototype,"recentSearches",void 0),Ho([s()],qo.prototype,"scrollToFacet",void 0),Ho([r(".ft-search-bar--suggestion:first-child")],qo.prototype,"firstSuggestion",void 0),Ho([r(".ft-search-bar--suggestion:focus-within")],qo.prototype,"focusedSuggestion",void 0),Ho([r(".ft-search-bar--suggestion:last-child")],qo.prototype,"lastSuggestion",void 0),Ho([s()],qo.prototype,"api",void 0),h("ft-search-bar")(qo),t.DEFAULT_LABELS=Zo,t.FtSearchBar=qo,t.FtSearchBarCssVariables=Po,t.LaunchSearchEvent=Ko,t.SearchStateChangeEvent=Wo,Object.defineProperty(t,"t",{value:!0})}({});
|