@fluid-topics/ft-search-bar 0.2.16 → 0.2.19
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 -20
- package/build/ft-search-bar.d.ts +8 -5
- package/build/ft-search-bar.js +127 -68
- package/build/ft-search-bar.light.js +346 -302
- package/build/ft-search-bar.min.js +442 -398
- package/package.json +14 -14
- package/build/ft-search-bar.inline-styles.js +0 -2595
- 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)}$`,R="?"+N,F=`<${R}>`,L=document,D=(t="")=>L.createComment(t),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,
|
|
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)}$`,R="?"+N,F=`<${R}>`,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+F: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===R)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:R,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},Rt=(t,e,i=t)=>(t._$AI(e,i),t),Ft={},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]=Rt(n[d],r[u]),d++,u++;else if(a[f]===l[b])c[b]=Rt(n[f],r[b]),f--,b--;else if(a[d]===l[b])c[b]=Rt(n[d],r[b]),Nt(t,c[b+1],n[d]),d++,b--;else if(a[f]===l[u])c[u]=Rt(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]);Rt(e,r[u]),c[u]=e}else c[u]=Rt(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]);Rt(e,r[u]),c[u++]=e}for(;d<=f;){const t=n[d++];null!==t&&Lt(t)}return this.ut=l,((t,e=Ft)=>{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),Re=ut.extend("--ft-typography-overline-font-size",Yt.fontSize,"10px"),Fe=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`
|
|
212
|
-
.ft-typography--
|
|
213
|
-
font-family: ${
|
|
214
|
-
font-size: ${
|
|
215
|
-
font-weight: ${
|
|
216
|
-
letter-spacing: ${
|
|
217
|
-
line-height: ${
|
|
218
|
-
text-transform: ${
|
|
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};
|
|
219
210
|
}
|
|
220
211
|
`,We=g`
|
|
212
|
+
.ft-typography--overline {
|
|
213
|
+
font-family: ${Ne};
|
|
214
|
+
font-size: ${Re};
|
|
215
|
+
font-weight: ${Fe};
|
|
216
|
+
letter-spacing: ${Le};
|
|
217
|
+
line-height: ${De};
|
|
218
|
+
text-transform: ${Ie};
|
|
219
|
+
}
|
|
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,29 +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===
|
|
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
481
|
:host {
|
|
482
482
|
display: inline-block;
|
|
483
483
|
}
|
|
484
484
|
:host, i.ft-icon {
|
|
485
|
-
width: ${
|
|
486
|
-
height: ${
|
|
485
|
+
width: ${wi.size};
|
|
486
|
+
height: ${wi.size};
|
|
487
487
|
text-align: center;
|
|
488
488
|
}
|
|
489
489
|
|
|
490
490
|
i.ft-icon {
|
|
491
|
-
font-size: ${
|
|
491
|
+
font-size: ${wi.size};
|
|
492
492
|
line-height: 1;
|
|
493
493
|
font-weight: normal;
|
|
494
494
|
text-transform: none;
|
|
@@ -502,17 +502,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
.ft-icon--fluid-topics {
|
|
505
|
-
font-family: ${
|
|
505
|
+
font-family: ${wi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
506
506
|
}
|
|
507
507
|
|
|
508
508
|
.ft-icon--file-format {
|
|
509
|
-
font-family: ${
|
|
509
|
+
font-family: ${wi.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
510
510
|
}
|
|
511
511
|
|
|
512
512
|
.ft-icon--material {
|
|
513
|
-
font-family: ${
|
|
513
|
+
font-family: ${wi.materialFontFamily}, "Material Icons", sans-serif;
|
|
514
514
|
}
|
|
515
|
-
|
|
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`
|
|
516
516
|
:host {
|
|
517
517
|
display: inline-block;
|
|
518
518
|
max-width: 100%;
|
|
@@ -523,7 +523,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
523
523
|
box-shadow: 0px 0px 0px transparent;
|
|
524
524
|
border: 0px solid transparent;
|
|
525
525
|
text-shadow: 0px 0px 0px transparent;
|
|
526
|
-
font-size:
|
|
526
|
+
font-size: 16px;
|
|
527
527
|
}
|
|
528
528
|
|
|
529
529
|
button:hover {
|
|
@@ -551,20 +551,19 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
551
551
|
box-sizing: border-box;
|
|
552
552
|
border: none;
|
|
553
553
|
pointer-events: auto;
|
|
554
|
-
line-height: 0;
|
|
555
554
|
|
|
556
|
-
--ft-button-internal-font-size: ${
|
|
555
|
+
--ft-button-internal-font-size: ${Ci.fontSize};
|
|
557
556
|
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
558
|
-
--ft-button-internal-color: ${
|
|
559
|
-
${bt(
|
|
557
|
+
--ft-button-internal-color: ${Ci.color};
|
|
558
|
+
${bt(wi.size,Ci.iconSize)};
|
|
560
559
|
--ft-button-internal-vertical-padding: 6px;
|
|
561
560
|
--ft-button-internal-horizontal-padding: 8px;
|
|
562
|
-
${bt(
|
|
563
|
-
--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});
|
|
564
563
|
|
|
565
|
-
border-radius: ${
|
|
564
|
+
border-radius: ${Ci.borderRadius};
|
|
566
565
|
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
567
|
-
background-color: ${
|
|
566
|
+
background-color: ${Ci.backgroundColor};
|
|
568
567
|
color: var(--ft-button-internal-color);
|
|
569
568
|
-webkit-mask-image: radial-gradient(white, black);
|
|
570
569
|
}
|
|
@@ -576,7 +575,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
576
575
|
.ft-button--dense {
|
|
577
576
|
--ft-button-internal-vertical-padding: 2px;
|
|
578
577
|
--ft-button-internal-horizontal-padding: 4px;
|
|
579
|
-
border-radius: ${
|
|
578
|
+
border-radius: ${Bi};
|
|
580
579
|
}
|
|
581
580
|
|
|
582
581
|
.ft-button--round {
|
|
@@ -585,13 +584,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
585
584
|
|
|
586
585
|
.ft-button[disabled] {
|
|
587
586
|
filter: grayscale(1);
|
|
588
|
-
opacity: ${
|
|
587
|
+
opacity: ${Ci.opacityDisabled};
|
|
589
588
|
}
|
|
590
589
|
|
|
591
590
|
.ft-button.ft-button--primary {
|
|
592
|
-
background-color: ${
|
|
593
|
-
--ft-button-internal-color: ${
|
|
594
|
-
${bt(
|
|
591
|
+
background-color: ${Ei.backgroundColor};
|
|
592
|
+
--ft-button-internal-color: ${Ei.color};
|
|
593
|
+
${bt(ei.color,Ei.rippleColor)};
|
|
595
594
|
}
|
|
596
595
|
|
|
597
596
|
.ft-button.ft-button--outlined {
|
|
@@ -610,8 +609,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
610
609
|
text-overflow: ellipsis;
|
|
611
610
|
display: block;
|
|
612
611
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
613
|
-
${bt(
|
|
614
|
-
${bt(
|
|
612
|
+
${bt(je.fontSize,"var(--ft-button-internal-font-size)")};
|
|
613
|
+
${bt(je.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
615
614
|
}
|
|
616
615
|
|
|
617
616
|
.ft-button--safari-fix .ft-button--label {
|
|
@@ -644,12 +643,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
644
643
|
}
|
|
645
644
|
|
|
646
645
|
ft-loader {
|
|
647
|
-
${bt(
|
|
648
|
-
${bt(
|
|
646
|
+
${bt(di.size,Ci.iconSize)};
|
|
647
|
+
${bt(di.color,"var(--ft-button-internal-color)")};
|
|
649
648
|
}
|
|
650
|
-
`]}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`
|
|
651
650
|
<button part="button"
|
|
652
|
-
class="${
|
|
651
|
+
class="${jt(t)}"
|
|
653
652
|
aria-label="${this.getLabel()}"
|
|
654
653
|
?disabled=${this.isDisabled()}>
|
|
655
654
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
@@ -669,8 +668,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
669
668
|
</ft-tooltip>
|
|
670
669
|
`}resolveIcon(){return this.loading?W`
|
|
671
670
|
<ft-loader></ft-loader> `:this.icon?W`
|
|
672
|
-
<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}}
|
|
673
|
-
<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 Ri=ut.extend("--ft-checkbox-text-color",vt.colorOnSurfaceHigh),Fi=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)}">
|
|
674
673
|
<div class="ft-checkbox--box-container">
|
|
675
674
|
<input type="checkbox"
|
|
676
675
|
name=${this.name}
|
|
@@ -694,14 +693,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
694
693
|
<slot></slot>
|
|
695
694
|
</ft-typography>
|
|
696
695
|
</label>
|
|
697
|
-
`}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`
|
|
698
697
|
* {
|
|
699
698
|
box-sizing: border-box;
|
|
700
699
|
}
|
|
701
700
|
|
|
702
701
|
.ft-checkbox {
|
|
703
702
|
box-sizing: border-box;
|
|
704
|
-
color: ${
|
|
703
|
+
color: ${Ri};
|
|
705
704
|
|
|
706
705
|
display: inline-flex;
|
|
707
706
|
align-items: center;
|
|
@@ -709,7 +708,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
709
708
|
}
|
|
710
709
|
|
|
711
710
|
.ft-checkbox--disabled {
|
|
712
|
-
color: ${
|
|
711
|
+
color: ${Ii};
|
|
713
712
|
}
|
|
714
713
|
|
|
715
714
|
input {
|
|
@@ -733,26 +732,26 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
733
732
|
|
|
734
733
|
.ft-checkbox--box {
|
|
735
734
|
display: flex;
|
|
736
|
-
border: 2px solid ${
|
|
735
|
+
border: 2px solid ${Di};
|
|
737
736
|
border-radius: 2px;
|
|
738
737
|
|
|
739
738
|
width: 18px;
|
|
740
739
|
height: 18px;
|
|
741
740
|
|
|
742
|
-
color: ${
|
|
741
|
+
color: ${Li};
|
|
743
742
|
}
|
|
744
743
|
|
|
745
744
|
|
|
746
745
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
747
746
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
748
|
-
border-color: ${
|
|
749
|
-
background-color: ${
|
|
747
|
+
border-color: ${Fi};
|
|
748
|
+
background-color: ${Fi};
|
|
750
749
|
}
|
|
751
750
|
|
|
752
751
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
753
|
-
border-color: ${
|
|
752
|
+
border-color: ${Ii};
|
|
754
753
|
background-color: transparent;
|
|
755
|
-
color: ${
|
|
754
|
+
color: ${Ii};
|
|
756
755
|
}
|
|
757
756
|
|
|
758
757
|
.ft-checkbox--checkmark {
|
|
@@ -771,8 +770,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
771
770
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
772
771
|
opacity: 1;
|
|
773
772
|
}
|
|
774
|
-
`,
|
|
775
|
-
<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)}">
|
|
776
775
|
<div class="ft-radio--box-container">
|
|
777
776
|
<input id="radio-button"
|
|
778
777
|
type="radio"
|
|
@@ -796,14 +795,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
796
795
|
</ft-typography>
|
|
797
796
|
</label>
|
|
798
797
|
</div>
|
|
799
|
-
`}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`
|
|
800
799
|
* {
|
|
801
800
|
box-sizing: border-box;
|
|
802
801
|
}
|
|
803
802
|
|
|
804
803
|
.ft-radio {
|
|
805
804
|
box-sizing: border-box;
|
|
806
|
-
color: ${
|
|
805
|
+
color: ${Ui};
|
|
807
806
|
|
|
808
807
|
display: inline-flex;
|
|
809
808
|
align-items: center;
|
|
@@ -811,7 +810,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
811
810
|
}
|
|
812
811
|
|
|
813
812
|
.ft-radio--disabled {
|
|
814
|
-
color: ${
|
|
813
|
+
color: ${_i};
|
|
815
814
|
}
|
|
816
815
|
|
|
817
816
|
input {
|
|
@@ -834,7 +833,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
834
833
|
}
|
|
835
834
|
|
|
836
835
|
.ft-radio--box {
|
|
837
|
-
border: 2px solid ${
|
|
836
|
+
border: 2px solid ${Ti};
|
|
838
837
|
border-radius: 50%;
|
|
839
838
|
|
|
840
839
|
display: flex;
|
|
@@ -847,7 +846,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
847
846
|
|
|
848
847
|
.ft-radio--box:after {
|
|
849
848
|
content: " ";
|
|
850
|
-
background-color: ${
|
|
849
|
+
background-color: ${Ai};
|
|
851
850
|
|
|
852
851
|
border-radius: 50%;
|
|
853
852
|
|
|
@@ -859,7 +858,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
859
858
|
}
|
|
860
859
|
|
|
861
860
|
.ft-radio--checked .ft-radio--box {
|
|
862
|
-
border-color: ${
|
|
861
|
+
border-color: ${Ai};
|
|
863
862
|
}
|
|
864
863
|
|
|
865
864
|
|
|
@@ -868,27 +867,28 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
868
867
|
}
|
|
869
868
|
|
|
870
869
|
.ft-radio--disabled .ft-radio--box {
|
|
871
|
-
border-color: ${
|
|
870
|
+
border-color: ${_i};
|
|
872
871
|
background-color: transparent;
|
|
873
872
|
}
|
|
874
873
|
|
|
875
874
|
.ft-radio--disabled .ft-radio--box:after {
|
|
876
|
-
background-color: ${
|
|
875
|
+
background-color: ${_i};
|
|
877
876
|
}
|
|
878
|
-
`,
|
|
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`
|
|
879
878
|
<slot @slotchange=${this.onSlotChange}
|
|
880
879
|
@change=${this.onChange}
|
|
881
880
|
@keydown=${this.onKeyDown}
|
|
882
881
|
@focusin=${this.onFocusIn}
|
|
883
882
|
></slot>
|
|
884
|
-
`}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`
|
|
885
884
|
:host {
|
|
886
885
|
display: contents;
|
|
887
886
|
}
|
|
888
|
-
`,
|
|
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`
|
|
889
888
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
890
889
|
${null==this.parent?null:W`
|
|
891
890
|
<div tabindex="0"
|
|
891
|
+
part="controls go-back"
|
|
892
892
|
class="ft-filter-level--go-back"
|
|
893
893
|
?disabled=${this.disabled}
|
|
894
894
|
@keyup=${this.goBackOnKeyPress}
|
|
@@ -898,11 +898,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
898
898
|
<ft-typography variant="body2">${this.parent.label}</ft-typography>
|
|
899
899
|
</div>
|
|
900
900
|
`}
|
|
901
|
-
${
|
|
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`
|
|
902
907
|
<div class="ft-filter-level--option" part="options">
|
|
903
908
|
${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
|
|
904
909
|
${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?q:W`
|
|
905
910
|
<ft-button icon="chevron_right"
|
|
911
|
+
part="controls navigate-hierarchy"
|
|
906
912
|
label="${t.label}"
|
|
907
913
|
?disabled=${this.disabled}
|
|
908
914
|
tooltipPosition="left"
|
|
@@ -915,6 +921,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
915
921
|
class="ft-filter-level--display-more"
|
|
916
922
|
icon="expand_more"
|
|
917
923
|
dense trailingIcon
|
|
924
|
+
part="controls display-more"
|
|
918
925
|
@click=${this.displayMore}>
|
|
919
926
|
${this.moreValuesButtonLabel}
|
|
920
927
|
</ft-button>
|
|
@@ -922,14 +929,16 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
922
929
|
</div>
|
|
923
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`
|
|
924
931
|
<ft-checkbox name="${this.id}"
|
|
932
|
+
part="multivalued-option"
|
|
925
933
|
.checked=${t.selected}
|
|
926
934
|
.disabled=${this.disabled}
|
|
927
|
-
.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))}
|
|
928
936
|
@change=${e=>this.optionsChanged(e,t)}>
|
|
929
937
|
${t.label}
|
|
930
938
|
</ft-checkbox>
|
|
931
939
|
`}buildMonoValuedOption(t){return W`
|
|
932
940
|
<ft-radio name="${this.id+Math.round(1e6*Math.random())}"
|
|
941
|
+
part="monovalued-option"
|
|
933
942
|
.checked=${t.selected}
|
|
934
943
|
?disabled=${this.disabled}
|
|
935
944
|
@click=${e=>this.optionsChanged(e,t)}
|
|
@@ -938,7 +947,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
938
947
|
|
|
939
948
|
${t.label}
|
|
940
949
|
</ft-radio>
|
|
941
|
-
`}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`
|
|
942
951
|
.ft-filter-level--container {
|
|
943
952
|
display: flex;
|
|
944
953
|
flex-direction: column;
|
|
@@ -952,14 +961,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
952
961
|
flex-shrink: 0;
|
|
953
962
|
text-decoration: none;
|
|
954
963
|
position: relative;
|
|
955
|
-
border-radius: ${
|
|
964
|
+
border-radius: ${qi.borderRadiusM};
|
|
956
965
|
overflow: hidden;
|
|
957
966
|
display: flex;
|
|
958
967
|
align-items: center;
|
|
959
968
|
padding: 4px 4px;
|
|
960
969
|
gap: 4px;
|
|
961
970
|
cursor: pointer;
|
|
962
|
-
color: ${
|
|
971
|
+
color: ${qi.colorOnSurface};
|
|
963
972
|
}
|
|
964
973
|
|
|
965
974
|
.ft-filter-level--go-back:focus {
|
|
@@ -988,7 +997,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
988
997
|
}
|
|
989
998
|
|
|
990
999
|
ft-button {
|
|
991
|
-
${bt(
|
|
1000
|
+
${bt(Ci.color,qi.colorOnSurface)};
|
|
992
1001
|
}
|
|
993
1002
|
|
|
994
1003
|
ft-radio, ft-checkbox {
|
|
@@ -999,7 +1008,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
999
1008
|
margin-left: -10px;
|
|
1000
1009
|
word-break: break-word;
|
|
1001
1010
|
}
|
|
1002
|
-
|
|
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`
|
|
1003
1017
|
<div part="container" class="${t}">
|
|
1004
1018
|
<ft-button
|
|
1005
1019
|
class="ft-snap-scroll--previous"
|
|
@@ -1023,7 +1037,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1023
1037
|
@click=${this.next}
|
|
1024
1038
|
></ft-button>
|
|
1025
1039
|
</div>
|
|
1026
|
-
`}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`
|
|
1027
1041
|
.ft-snap-scroll {
|
|
1028
1042
|
box-sizing: border-box;
|
|
1029
1043
|
position: relative;
|
|
@@ -1058,7 +1072,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1058
1072
|
flex-wrap: nowrap;
|
|
1059
1073
|
align-items: flex-start;
|
|
1060
1074
|
justify-content: flex-start;
|
|
1061
|
-
gap: ${
|
|
1075
|
+
gap: ${Yi.gap};
|
|
1062
1076
|
}
|
|
1063
1077
|
|
|
1064
1078
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1101,11 +1115,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1101
1115
|
.ft-snap-scroll--next {
|
|
1102
1116
|
position: absolute;
|
|
1103
1117
|
display: flex;
|
|
1104
|
-
z-index: ${
|
|
1118
|
+
z-index: ${Yi.buttonsZIndex};
|
|
1105
1119
|
opacity: 1;
|
|
1106
1120
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1107
|
-
${bt(
|
|
1108
|
-
${bt(
|
|
1121
|
+
${bt(Ci.backgroundColor,"transparent")};
|
|
1122
|
+
${bt(Ci.color,Yi.buttonsColor)};
|
|
1109
1123
|
}
|
|
1110
1124
|
|
|
1111
1125
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1118,37 +1132,37 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1118
1132
|
top: 0;
|
|
1119
1133
|
left: -1px;
|
|
1120
1134
|
bottom: 0;
|
|
1121
|
-
background: linear-gradient(to right, ${
|
|
1135
|
+
background: linear-gradient(to right, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1122
1136
|
}
|
|
1123
1137
|
|
|
1124
1138
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1125
1139
|
top: -1px;
|
|
1126
1140
|
left: 0;
|
|
1127
1141
|
right: 0;
|
|
1128
|
-
background: linear-gradient(to bottom, ${
|
|
1142
|
+
background: linear-gradient(to bottom, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1129
1143
|
}
|
|
1130
1144
|
|
|
1131
1145
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1132
1146
|
top: 0;
|
|
1133
1147
|
right: -1px;
|
|
1134
1148
|
bottom: 0;
|
|
1135
|
-
background: linear-gradient(to left, ${
|
|
1149
|
+
background: linear-gradient(to left, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1136
1150
|
}
|
|
1137
1151
|
|
|
1138
1152
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1139
1153
|
left: 0;
|
|
1140
1154
|
right: 0;
|
|
1141
1155
|
bottom: -1px;
|
|
1142
|
-
background: linear-gradient(to top, ${
|
|
1156
|
+
background: linear-gradient(to top, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1143
1157
|
}
|
|
1144
1158
|
|
|
1145
1159
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1146
1160
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1147
1161
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1148
1162
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1149
|
-
background-color: ${
|
|
1163
|
+
background-color: ${Yi.colorSurface};
|
|
1150
1164
|
}
|
|
1151
|
-
`,
|
|
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`
|
|
1152
1166
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1153
1167
|
part="container">
|
|
1154
1168
|
${this.label||i?W`
|
|
@@ -1187,7 +1201,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1187
1201
|
preventNavigation
|
|
1188
1202
|
.options=${e}
|
|
1189
1203
|
@change=${this.onChange}
|
|
1190
|
-
part="selected-values"
|
|
1204
|
+
part="values selected-values"
|
|
1205
|
+
.exportpartsPrefixes=${["values","selected-values"]}
|
|
1191
1206
|
></ft-filter-level>
|
|
1192
1207
|
<div class="ft-filter--separator">
|
|
1193
1208
|
`:null}
|
|
@@ -1212,9 +1227,11 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1212
1227
|
@change=${this.onChange}
|
|
1213
1228
|
@go-back=${this.goBack}
|
|
1214
1229
|
@display-level=${this.onDisplayLevel}
|
|
1215
|
-
part="values"
|
|
1230
|
+
part="values available-values"
|
|
1231
|
+
.exportpartsPrefixes=${["values","available-values"]}
|
|
1232
|
+
noValuesLabel="${this.noValuesLabel}"
|
|
1216
1233
|
></ft-filter-level>
|
|
1217
|
-
`}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`
|
|
1218
1235
|
:host {
|
|
1219
1236
|
display: flex;
|
|
1220
1237
|
max-height: 100%;
|
|
@@ -1227,8 +1244,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1227
1244
|
flex-direction: column;
|
|
1228
1245
|
max-height: 100%;
|
|
1229
1246
|
max-width: 100%;
|
|
1230
|
-
color: ${
|
|
1231
|
-
background: ${ao};
|
|
1247
|
+
color: ${io};
|
|
1232
1248
|
}
|
|
1233
1249
|
|
|
1234
1250
|
.ft-filter--header {
|
|
@@ -1238,13 +1254,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1238
1254
|
flex-shrink: 0;
|
|
1239
1255
|
padding: 0 10px;
|
|
1240
1256
|
margin-bottom: 8px;
|
|
1241
|
-
${bt(
|
|
1257
|
+
${bt(Yt.fontSize,"14px")};
|
|
1242
1258
|
}
|
|
1243
1259
|
|
|
1244
1260
|
.ft-filter--header ft-button {
|
|
1245
1261
|
flex-shrink: 0;
|
|
1246
1262
|
margin-left: auto;
|
|
1247
|
-
${bt(
|
|
1263
|
+
${bt(Ci.iconSize,"18px")};
|
|
1248
1264
|
}
|
|
1249
1265
|
|
|
1250
1266
|
.ft-filter--label {
|
|
@@ -1252,8 +1268,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1252
1268
|
flex-shrink: 1;
|
|
1253
1269
|
flex-grow: 1;
|
|
1254
1270
|
word-break: break-word;
|
|
1255
|
-
${bt(
|
|
1256
|
-
${bt(
|
|
1271
|
+
${bt(Yt.lineHeight,"22px")};
|
|
1272
|
+
${bt(Yt.fontWeight,"bold")};
|
|
1257
1273
|
}
|
|
1258
1274
|
|
|
1259
1275
|
.ft-filter--filter {
|
|
@@ -1264,8 +1280,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1264
1280
|
padding: 0 10px;
|
|
1265
1281
|
overflow: hidden;
|
|
1266
1282
|
height: 32px;
|
|
1267
|
-
transition: height ${
|
|
1268
|
-
margin ${
|
|
1283
|
+
transition: height ${ro} ${lo},
|
|
1284
|
+
margin ${ro} ${lo};
|
|
1269
1285
|
transition-delay: 500ms;
|
|
1270
1286
|
}
|
|
1271
1287
|
|
|
@@ -1278,11 +1294,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1278
1294
|
display: block;
|
|
1279
1295
|
width: 100%;
|
|
1280
1296
|
border-radius: 4px;
|
|
1281
|
-
border: 1px solid ${
|
|
1297
|
+
border: 1px solid ${eo};
|
|
1282
1298
|
padding: 4px;
|
|
1283
|
-
background-color: ${
|
|
1284
|
-
color: ${
|
|
1285
|
-
outline-color: ${
|
|
1299
|
+
background-color: ${no};
|
|
1300
|
+
color: ${io};
|
|
1301
|
+
outline-color: ${so};
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
input::placeholder {
|
|
1305
|
+
color: ${oo};
|
|
1286
1306
|
}
|
|
1287
1307
|
|
|
1288
1308
|
.ft-filter--values {
|
|
@@ -1294,7 +1314,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1294
1314
|
}
|
|
1295
1315
|
|
|
1296
1316
|
.ft-filter--separator {
|
|
1297
|
-
border-top: 1px solid ${
|
|
1317
|
+
border-top: 1px solid ${eo};
|
|
1298
1318
|
margin: 4px 10px;
|
|
1299
1319
|
}
|
|
1300
1320
|
|
|
@@ -1319,17 +1339,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1319
1339
|
slot {
|
|
1320
1340
|
display: none;
|
|
1321
1341
|
}
|
|
1322
|
-
`],
|
|
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`
|
|
1323
1343
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1324
|
-
`}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`
|
|
1325
1345
|
<div class="ft-accordion">
|
|
1326
1346
|
<slot @activated=${this.onChange}></slot>
|
|
1327
1347
|
</div>
|
|
1328
|
-
`}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`
|
|
1329
1349
|
.ft-accordion {
|
|
1330
1350
|
box-sizing: border-box;
|
|
1331
1351
|
}
|
|
1332
|
-
`,
|
|
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`
|
|
1333
1353
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1334
1354
|
<div class="ft-accordion-item--toggle"
|
|
1335
1355
|
part="toggle"
|
|
@@ -1353,7 +1373,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1353
1373
|
</div>
|
|
1354
1374
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1355
1375
|
</div>
|
|
1356
|
-
`}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`
|
|
1357
1377
|
.ft-accordion-item {
|
|
1358
1378
|
display: flex;
|
|
1359
1379
|
flex-direction: column;
|
|
@@ -1366,8 +1386,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1366
1386
|
display: flex;
|
|
1367
1387
|
align-items: center;
|
|
1368
1388
|
cursor: pointer;
|
|
1369
|
-
padding: ${
|
|
1370
|
-
gap: calc(${
|
|
1389
|
+
padding: ${go} ${vo};
|
|
1390
|
+
gap: calc(${vo} / 2);
|
|
1371
1391
|
outline: none;
|
|
1372
1392
|
}
|
|
1373
1393
|
|
|
@@ -1392,13 +1412,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1392
1412
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1393
1413
|
height: initial;
|
|
1394
1414
|
overflow: visible;
|
|
1395
|
-
padding: ${
|
|
1415
|
+
padding: ${go} ${vo};
|
|
1396
1416
|
}
|
|
1397
1417
|
|
|
1398
1418
|
.ft-accordion-item--separator {
|
|
1399
|
-
border-bottom: 1px solid ${
|
|
1419
|
+
border-bottom: 1px solid ${xo};
|
|
1400
1420
|
}
|
|
1401
|
-
`,
|
|
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`
|
|
1402
1422
|
:host {
|
|
1403
1423
|
display: inline-block;
|
|
1404
1424
|
max-width: 100%;
|
|
@@ -1415,20 +1435,20 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1415
1435
|
box-sizing: border-box;
|
|
1416
1436
|
pointer-events: auto;
|
|
1417
1437
|
|
|
1418
|
-
--ft-chip-internal-font-size: ${
|
|
1438
|
+
--ft-chip-internal-font-size: ${wo.fontSize};
|
|
1419
1439
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1420
|
-
${bt(
|
|
1421
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1422
|
-
--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};
|
|
1423
1443
|
--ft-chip-internal-icon-padding: 3px;
|
|
1424
|
-
--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});
|
|
1425
1445
|
|
|
1426
|
-
border: 1px solid ${
|
|
1427
|
-
color: ${
|
|
1428
|
-
${bt(
|
|
1446
|
+
border: 1px solid ${wo.colorOutline};
|
|
1447
|
+
color: ${wo.color};
|
|
1448
|
+
${bt(ei.color,wo.rippleColor)};
|
|
1429
1449
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1430
1450
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1431
|
-
background-color: ${
|
|
1451
|
+
background-color: ${wo.backgroundColor};
|
|
1432
1452
|
line-height: var(--ft-chip-internal-content-height);
|
|
1433
1453
|
}
|
|
1434
1454
|
|
|
@@ -1438,8 +1458,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1438
1458
|
|
|
1439
1459
|
.ft-chip--dense {
|
|
1440
1460
|
--ft-chip-internal-icon-padding: 3px;
|
|
1441
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1442
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1461
|
+
--ft-chip-internal-vertical-padding: ${Co};
|
|
1462
|
+
--ft-chip-internal-horizontal-padding: ${Oo};
|
|
1443
1463
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1444
1464
|
}
|
|
1445
1465
|
|
|
@@ -1451,15 +1471,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1451
1471
|
cursor: default;
|
|
1452
1472
|
pointer-events: none;
|
|
1453
1473
|
filter: grayscale(1);
|
|
1454
|
-
opacity: ${
|
|
1474
|
+
opacity: ${wo.opacityDisabled};
|
|
1455
1475
|
}
|
|
1456
1476
|
|
|
1457
1477
|
.ft-chip--highlighted {
|
|
1458
1478
|
border: none;
|
|
1459
1479
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1460
|
-
background-color: ${
|
|
1461
|
-
${bt(
|
|
1462
|
-
color: ${
|
|
1480
|
+
background-color: ${So.backgroundColor};
|
|
1481
|
+
${bt(ei.color,So.rippleColor)};
|
|
1482
|
+
color: ${So.color};
|
|
1463
1483
|
}
|
|
1464
1484
|
|
|
1465
1485
|
.ft-chip--clickable {
|
|
@@ -1492,8 +1512,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1492
1512
|
vertical-align: bottom;
|
|
1493
1513
|
display: block;
|
|
1494
1514
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1495
|
-
${bt(
|
|
1496
|
-
${bt(
|
|
1515
|
+
${bt(ke.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1516
|
+
${bt(ke.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1497
1517
|
}
|
|
1498
1518
|
|
|
1499
1519
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -1528,8 +1548,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1528
1548
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-container {
|
|
1529
1549
|
order: -1;
|
|
1530
1550
|
}
|
|
1531
|
-
`]}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":
|
|
1532
|
-
<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)}"
|
|
1533
1553
|
aria-label="${this.getLabel()}"
|
|
1534
1554
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1535
1555
|
@keyup=${this.onKeyUp}>
|
|
@@ -1547,8 +1567,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1547
1567
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1548
1568
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1549
1569
|
</div>
|
|
1550
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1551
|
-
<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)}">
|
|
1552
1572
|
${this.text?W`
|
|
1553
1573
|
<div class="ft-input-label--text ft-typography--caption">
|
|
1554
1574
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
@@ -1556,19 +1576,25 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1556
1576
|
</div>
|
|
1557
1577
|
`:null}
|
|
1558
1578
|
</div>
|
|
1559
|
-
`}}
|
|
1579
|
+
`}}No.elementDefinitions={},No.styles=[Ze,g`
|
|
1560
1580
|
.ft-input-label {
|
|
1561
1581
|
position: absolute;
|
|
1562
1582
|
inset: 0;
|
|
1563
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};
|
|
1564
1590
|
}
|
|
1565
1591
|
|
|
1566
1592
|
.ft-input-label {
|
|
1567
|
-
border-color: ${
|
|
1593
|
+
border-color: ${Mo.borderColor};
|
|
1568
1594
|
}
|
|
1569
1595
|
|
|
1570
1596
|
.ft-input-label.ft-input-label--in-error {
|
|
1571
|
-
border-color: ${
|
|
1597
|
+
border-color: ${Mo.colorError}
|
|
1572
1598
|
}
|
|
1573
1599
|
|
|
1574
1600
|
.ft-input-label:before,
|
|
@@ -1581,7 +1607,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1581
1607
|
}
|
|
1582
1608
|
|
|
1583
1609
|
.ft-input-label:before {
|
|
1584
|
-
width: ${
|
|
1610
|
+
width: ${Mo.horizontalSpacing};
|
|
1585
1611
|
flex-shrink: 0;
|
|
1586
1612
|
}
|
|
1587
1613
|
|
|
@@ -1597,18 +1623,18 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1597
1623
|
border-bottom-width: 1px;
|
|
1598
1624
|
border-bottom-style: solid;
|
|
1599
1625
|
border-color: inherit;
|
|
1600
|
-
color: ${
|
|
1626
|
+
color: ${Mo.textColor};
|
|
1601
1627
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1602
|
-
${bt(
|
|
1603
|
-
${bt(
|
|
1628
|
+
${bt(Se.fontSize,Mo.fontSize)};
|
|
1629
|
+
${bt(Se.lineHeight,Mo.fontSize)};
|
|
1604
1630
|
}
|
|
1605
1631
|
|
|
1606
1632
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1607
|
-
color: ${
|
|
1633
|
+
color: ${Mo.colorError}
|
|
1608
1634
|
}
|
|
1609
1635
|
|
|
1610
1636
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1611
|
-
color: ${
|
|
1637
|
+
color: ${Mo.disabledTextColor};
|
|
1612
1638
|
}
|
|
1613
1639
|
|
|
1614
1640
|
.ft-input-label--hidden-text {
|
|
@@ -1624,17 +1650,17 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1624
1650
|
overflow: hidden;
|
|
1625
1651
|
white-space: nowrap;
|
|
1626
1652
|
text-overflow: ellipsis;
|
|
1627
|
-
padding: ${
|
|
1628
|
-
margin: calc(${
|
|
1653
|
+
padding: ${Mo.verticalSpacing} 4px;
|
|
1654
|
+
margin: calc(${Mo.verticalSpacing} * -1) 0;
|
|
1629
1655
|
}
|
|
1630
1656
|
|
|
1631
1657
|
.ft-input-label--raised .ft-input-label--text {
|
|
1632
|
-
${bt(
|
|
1633
|
-
${bt(
|
|
1658
|
+
${bt(Se.fontSize,Mo.raisedFontSize)};
|
|
1659
|
+
${bt(Se.lineHeight,Mo.raisedFontSize)};
|
|
1634
1660
|
}
|
|
1635
1661
|
|
|
1636
1662
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1637
|
-
top: ${
|
|
1663
|
+
top: ${Mo.verticalSpacing};
|
|
1638
1664
|
}
|
|
1639
1665
|
|
|
1640
1666
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1647,28 +1673,28 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1647
1673
|
.ft-input-label--outlined:before {
|
|
1648
1674
|
border-left-width: 1px;
|
|
1649
1675
|
border-left-style: solid;
|
|
1650
|
-
border-radius: ${
|
|
1676
|
+
border-radius: ${Mo.borderRadiusS} 0 0 ${Mo.borderRadiusS};
|
|
1651
1677
|
}
|
|
1652
1678
|
|
|
1653
1679
|
.ft-input-label--outlined:after {
|
|
1654
1680
|
border-right-width: 1px;
|
|
1655
1681
|
border-right-style: solid;
|
|
1656
|
-
border-radius: 0 ${
|
|
1682
|
+
border-radius: 0 ${Mo.borderRadiusS} ${Mo.borderRadiusS} 0;
|
|
1657
1683
|
}
|
|
1658
1684
|
|
|
1659
1685
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1660
1686
|
padding: 2px 4px;
|
|
1661
|
-
z-index: ${
|
|
1662
|
-
background-color: ${
|
|
1663
|
-
border-radius: ${
|
|
1687
|
+
z-index: ${Mo.raisedZIndex};
|
|
1688
|
+
background-color: ${Mo.colorSurface};
|
|
1689
|
+
border-radius: ${Mo.borderRadiusS};
|
|
1664
1690
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1665
1691
|
}
|
|
1666
1692
|
|
|
1667
1693
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1668
1694
|
border-top: none;
|
|
1669
1695
|
}
|
|
1670
|
-
`],
|
|
1671
|
-
<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 Ro=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 Fo 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}))}}Fo.elementDefinitions={},Ro([o({type:String})],Fo.prototype,"label",void 0),Ro([o({type:Object,converter:t=>t})],Fo.prototype,"value",void 0),Ro([o({type:Boolean,reflect:!0})],Fo.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">
|
|
1672
1698
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1673
1699
|
<ft-input-label text="${this.label}"
|
|
1674
1700
|
part="label"
|
|
@@ -1695,7 +1721,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1695
1721
|
part="options"
|
|
1696
1722
|
@keydown=${this.onOptionsKeyDown}
|
|
1697
1723
|
innerrole="listbox">
|
|
1698
|
-
${
|
|
1724
|
+
${It(this.options,(t=>t.value),(t=>this.renderOption(t)))}
|
|
1699
1725
|
</div>
|
|
1700
1726
|
</div>
|
|
1701
1727
|
${this.helper?W`
|
|
@@ -1706,7 +1732,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1706
1732
|
@option-change=${this.updateOptionsFromSlot}
|
|
1707
1733
|
></slot>
|
|
1708
1734
|
`}renderOption(t){let e=this.selectedOption===t;return W`
|
|
1709
|
-
<div class="${
|
|
1735
|
+
<div class="${jt({"ft-select--option":!0,"ft-select--option-selected":e,"ft-typography--body2":!0})}"
|
|
1710
1736
|
part="option"
|
|
1711
1737
|
tabindex="0"
|
|
1712
1738
|
data-value="${t.value}"
|
|
@@ -1715,7 +1741,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1715
1741
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1716
1742
|
${t.label}
|
|
1717
1743
|
</div>
|
|
1718
|
-
`}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`
|
|
1719
1745
|
*:focus {
|
|
1720
1746
|
outline: none;
|
|
1721
1747
|
}
|
|
@@ -1729,7 +1755,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1729
1755
|
.ft-select--main-panel {
|
|
1730
1756
|
position: relative;
|
|
1731
1757
|
display: flex;
|
|
1732
|
-
height: calc(4 * ${
|
|
1758
|
+
height: calc(4 * ${Lo.verticalSpacing} + ${Lo.labelSize} + ${Lo.selectedOptionSize});
|
|
1733
1759
|
}
|
|
1734
1760
|
|
|
1735
1761
|
.ft-select--input-panel {
|
|
@@ -1741,14 +1767,14 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1741
1767
|
padding-left: 16px;
|
|
1742
1768
|
padding-right: 8px;
|
|
1743
1769
|
gap: 8px;
|
|
1744
|
-
color: ${
|
|
1745
|
-
${bt(
|
|
1770
|
+
color: ${Lo.selectedOptionColor};
|
|
1771
|
+
${bt(ei.color,Lo.selectedOptionColor)};
|
|
1746
1772
|
}
|
|
1747
1773
|
|
|
1748
1774
|
.ft-select--input-panel,
|
|
1749
1775
|
.ft-select--option {
|
|
1750
|
-
${bt(
|
|
1751
|
-
${bt(
|
|
1776
|
+
${bt(ei.opacityContentOnSurfaceHover,"0.08")};
|
|
1777
|
+
${bt(ei.opacityContentOnSurfacePressed,"0.04")};
|
|
1752
1778
|
}
|
|
1753
1779
|
|
|
1754
1780
|
.ft-select--input-panel > *:not(ft-ripple),
|
|
@@ -1758,7 +1784,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1758
1784
|
|
|
1759
1785
|
.ft-select--disabled .ft-select--input-panel,
|
|
1760
1786
|
.ft-select--disabled .ft-select--option {
|
|
1761
|
-
color: ${
|
|
1787
|
+
color: ${Lo.colorOnSurfaceDisabled};
|
|
1762
1788
|
}
|
|
1763
1789
|
|
|
1764
1790
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1767,18 +1793,18 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1767
1793
|
}
|
|
1768
1794
|
|
|
1769
1795
|
ft-input-label {
|
|
1770
|
-
${bt(
|
|
1771
|
-
${bt(
|
|
1772
|
-
${bt(
|
|
1796
|
+
${bt(Mo.fontSize,Lo.selectedOptionSize)};
|
|
1797
|
+
${bt(Mo.raisedFontSize,Lo.labelSize)};
|
|
1798
|
+
${bt(Mo.verticalSpacing,Lo.verticalSpacing)};
|
|
1773
1799
|
}
|
|
1774
1800
|
|
|
1775
1801
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1776
|
-
color: ${
|
|
1802
|
+
color: ${Lo.colorPrimary};
|
|
1777
1803
|
}
|
|
1778
1804
|
|
|
1779
1805
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1780
|
-
${bt(
|
|
1781
|
-
${bt(
|
|
1806
|
+
${bt(Mo.borderColor,Lo.colorPrimary)};
|
|
1807
|
+
${bt(Mo.textColor,Lo.colorPrimary)};
|
|
1782
1808
|
}
|
|
1783
1809
|
|
|
1784
1810
|
.ft-select--selected-option {
|
|
@@ -1788,12 +1814,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1788
1814
|
overflow: hidden;
|
|
1789
1815
|
white-space: nowrap;
|
|
1790
1816
|
text-overflow: ellipsis;
|
|
1791
|
-
${bt(
|
|
1792
|
-
${bt(
|
|
1817
|
+
${bt(we.fontSize,Lo.selectedOptionSize)};
|
|
1818
|
+
${bt(we.lineHeight,Lo.selectedOptionSize)};
|
|
1793
1819
|
}
|
|
1794
1820
|
|
|
1795
1821
|
.ft-select--in-error .ft-select--selected-option {
|
|
1796
|
-
color: ${
|
|
1822
|
+
color: ${Lo.colorError};
|
|
1797
1823
|
}
|
|
1798
1824
|
|
|
1799
1825
|
ft-icon {
|
|
@@ -1805,16 +1831,16 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1805
1831
|
}
|
|
1806
1832
|
|
|
1807
1833
|
.ft-select--filled .ft-select--input-panel {
|
|
1808
|
-
border-radius: ${
|
|
1834
|
+
border-radius: ${Lo.borderRadiusS} ${Lo.borderRadiusS} 0 0;
|
|
1809
1835
|
}
|
|
1810
1836
|
|
|
1811
1837
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1812
1838
|
align-self: stretch;
|
|
1813
|
-
padding-top: calc(${
|
|
1839
|
+
padding-top: calc(${Lo.labelSize} + 2 * ${Lo.verticalSpacing});
|
|
1814
1840
|
}
|
|
1815
1841
|
|
|
1816
1842
|
.ft-select--outlined .ft-select--input-panel {
|
|
1817
|
-
border-radius: ${
|
|
1843
|
+
border-radius: ${Lo.borderRadiusS};
|
|
1818
1844
|
}
|
|
1819
1845
|
|
|
1820
1846
|
.ft-select--options {
|
|
@@ -1823,10 +1849,10 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1823
1849
|
top: 100%;
|
|
1824
1850
|
left: 0;
|
|
1825
1851
|
right: 0;
|
|
1826
|
-
color: ${
|
|
1827
|
-
background: ${
|
|
1828
|
-
z-index: ${
|
|
1829
|
-
box-shadow: ${
|
|
1852
|
+
color: ${Lo.optionsColor};
|
|
1853
|
+
background: ${Lo.colorSurface};
|
|
1854
|
+
z-index: ${Lo.optionsZIndex};
|
|
1855
|
+
box-shadow: ${Lo.elevation02};
|
|
1830
1856
|
}
|
|
1831
1857
|
|
|
1832
1858
|
.ft-select--fixed .ft-select--options {
|
|
@@ -1837,7 +1863,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1837
1863
|
|
|
1838
1864
|
.ft-select--options-displayed .ft-select--options {
|
|
1839
1865
|
display: block;
|
|
1840
|
-
max-height: ${
|
|
1866
|
+
max-height: ${Lo.optionsHeight};
|
|
1841
1867
|
overflow-y: auto;
|
|
1842
1868
|
}
|
|
1843
1869
|
|
|
@@ -1851,41 +1877,41 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1851
1877
|
|
|
1852
1878
|
.ft-select--helper-text {
|
|
1853
1879
|
padding: 0 12px 0 16px;
|
|
1854
|
-
color: ${
|
|
1880
|
+
color: ${Lo.helperColor};
|
|
1855
1881
|
}
|
|
1856
1882
|
|
|
1857
1883
|
.ft-select--in-error .ft-select--helper-text {
|
|
1858
|
-
color: ${
|
|
1884
|
+
color: ${Lo.colorError};
|
|
1859
1885
|
}
|
|
1860
|
-
`],
|
|
1861
|
-
`}}
|
|
1886
|
+
`],Ro([o({type:String})],Do.prototype,"label",void 0),Ro([o({type:String})],Do.prototype,"helper",void 0),Ro([o({type:Boolean})],Do.prototype,"outlined",void 0),Ro([o({type:Boolean})],Do.prototype,"disabled",void 0),Ro([o({type:Boolean})],Do.prototype,"error",void 0),Ro([o({type:Boolean})],Do.prototype,"fixedMenuPosition",void 0),Ro([o({type:Array})],Do.prototype,"options",void 0),Ro([s()],Do.prototype,"selectedOption",void 0),Ro([s()],Do.prototype,"optionsDisplayed",void 0),Ro([s()],Do.prototype,"focusOptions",void 0),Ro([r(".ft-select")],Do.prototype,"container",void 0),Ro([r(".ft-select--options")],Do.prototype,"optionsMenu",void 0),Ro([r(".ft-select--input-panel")],Do.prototype,"mainPanel",void 0),Ro([r(".ft-select--option:first-child")],Do.prototype,"firstOption",void 0),Ro([r(".ft-select--option:focus")],Do.prototype,"focusedOption",void 0),Ro([r(".ft-select--option.ft-select--option-selected")],Do.prototype,"selectedOptionElement",void 0),Ro([r(".ft-select--option:last-child")],Do.prototype,"lastOption",void 0),Ro([r("slot")],Do.prototype,"optionsSlot",void 0),h("ft-select")(Do),h("ft-select-option")(Fo);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`
|
|
1862
1888
|
:host {
|
|
1863
|
-
width: ${
|
|
1864
|
-
height: ${
|
|
1865
|
-
display: ${
|
|
1889
|
+
width: ${Io.width};
|
|
1890
|
+
height: ${Io.height};
|
|
1891
|
+
display: ${Io.display};
|
|
1866
1892
|
overflow: hidden;
|
|
1867
|
-
border-radius: ${
|
|
1893
|
+
border-radius: ${Io.borderRadiusM};
|
|
1868
1894
|
background: linear-gradient(
|
|
1869
1895
|
90deg,
|
|
1870
1896
|
transparent,
|
|
1871
|
-
${
|
|
1872
|
-
${
|
|
1873
|
-
transparent ${
|
|
1874
|
-
), ${
|
|
1897
|
+
${Io.glareColor} calc(0.45 * ${Io.glareWidth}),
|
|
1898
|
+
${Io.glareColor} calc(0.55 * ${Io.glareWidth}),
|
|
1899
|
+
transparent ${Io.glareWidth}
|
|
1900
|
+
), ${Io.backgroundColor};
|
|
1875
1901
|
background-repeat: repeat-y;
|
|
1876
1902
|
background-size: 100vw 100vh;
|
|
1877
1903
|
background-attachment: fixed;
|
|
1878
|
-
background-position: calc(${
|
|
1879
|
-
animation: shine ${
|
|
1904
|
+
background-position: calc(${Io.glareWidth} * -1) 0;
|
|
1905
|
+
animation: shine ${Io.animationDuration} infinite;
|
|
1880
1906
|
animation-timing-function: linear;
|
|
1881
1907
|
}
|
|
1882
1908
|
|
|
1883
1909
|
@keyframes shine {
|
|
1884
1910
|
to {
|
|
1885
|
-
background-position: calc(100vw + ${
|
|
1911
|
+
background-position: calc(100vw + ${Io.glareWidth}) 0, calc(${Io.glareWidth} * -1) 0;
|
|
1886
1912
|
}
|
|
1887
1913
|
}
|
|
1888
|
-
`,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`
|
|
1889
1915
|
* {
|
|
1890
1916
|
box-sizing: border-box;
|
|
1891
1917
|
}
|
|
@@ -1894,7 +1920,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1894
1920
|
display: flex;
|
|
1895
1921
|
flex-direction: column;
|
|
1896
1922
|
gap: 8px;
|
|
1897
|
-
color: ${
|
|
1923
|
+
color: ${Po.colorOnSurface};
|
|
1898
1924
|
outline: none;
|
|
1899
1925
|
}
|
|
1900
1926
|
|
|
@@ -1903,14 +1929,21 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1903
1929
|
}
|
|
1904
1930
|
|
|
1905
1931
|
.ft-search-bar--mobile-menu-open {
|
|
1906
|
-
position: ${
|
|
1907
|
-
top: ${
|
|
1908
|
-
bottom: ${
|
|
1909
|
-
left: ${
|
|
1910
|
-
right: ${
|
|
1911
|
-
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};
|
|
1912
1938
|
padding: 16px;
|
|
1913
|
-
|
|
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")};
|
|
1914
1947
|
}
|
|
1915
1948
|
|
|
1916
1949
|
.ft-search-bar {
|
|
@@ -1918,20 +1951,20 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1918
1951
|
display: flex;
|
|
1919
1952
|
flex-direction: row;
|
|
1920
1953
|
align-items: center;
|
|
1921
|
-
height: ${
|
|
1954
|
+
height: ${Po.height};
|
|
1922
1955
|
|
|
1923
|
-
background: ${
|
|
1924
|
-
border: 1px solid ${
|
|
1925
|
-
border-radius: ${
|
|
1956
|
+
background: ${Po.colorSurface};
|
|
1957
|
+
border: 1px solid ${Po.colorOutline};
|
|
1958
|
+
border-radius: ${Po.borderRadius};
|
|
1926
1959
|
}
|
|
1927
1960
|
|
|
1928
1961
|
.ft-search-bar--skeleton {
|
|
1929
|
-
${bt(
|
|
1930
|
-
${bt(
|
|
1962
|
+
${bt(Io.height,Po.height)};
|
|
1963
|
+
${bt(Io.borderRadiusM,Po.borderRadius)};
|
|
1931
1964
|
}
|
|
1932
1965
|
|
|
1933
1966
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
1934
|
-
border-radius: ${
|
|
1967
|
+
border-radius: ${Po.borderRadius} ${Po.borderRadius} 0 0;
|
|
1935
1968
|
}
|
|
1936
1969
|
|
|
1937
1970
|
.ft-search-bar--input-container {
|
|
@@ -1949,7 +1982,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1949
1982
|
align-self: stretch;
|
|
1950
1983
|
display: grid;
|
|
1951
1984
|
padding: 0 8px;
|
|
1952
|
-
border-radius: ${
|
|
1985
|
+
border-radius: ${Po.borderRadius};
|
|
1953
1986
|
}
|
|
1954
1987
|
|
|
1955
1988
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -1958,7 +1991,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1958
1991
|
}
|
|
1959
1992
|
|
|
1960
1993
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
1961
|
-
outline: 2px solid ${
|
|
1994
|
+
outline: 2px solid ${Po.colorPrimary};
|
|
1962
1995
|
}
|
|
1963
1996
|
|
|
1964
1997
|
.ft-search-bar--input {
|
|
@@ -1966,12 +1999,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1966
1999
|
flex-grow: 1;
|
|
1967
2000
|
border: none;
|
|
1968
2001
|
background-color: transparent;
|
|
2002
|
+
color: ${Po.colorOnSurface};
|
|
1969
2003
|
outline: none;
|
|
1970
2004
|
}
|
|
1971
2005
|
|
|
1972
|
-
.ft-search-bar--
|
|
1973
|
-
|
|
1974
|
-
min-width: 250px;
|
|
2006
|
+
.ft-search-bar--input::placeholder {
|
|
2007
|
+
color: ${Po.colorOnSurfaceMedium};
|
|
1975
2008
|
}
|
|
1976
2009
|
|
|
1977
2010
|
.ft-search-bar--actions {
|
|
@@ -1981,7 +2014,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1981
2014
|
align-items: center;
|
|
1982
2015
|
height: 100%;
|
|
1983
2016
|
|
|
1984
|
-
|
|
2017
|
+
${bt(hi.zIndex,`calc(${Po.floatingZIndex} + 1)`)};
|
|
1985
2018
|
}
|
|
1986
2019
|
|
|
1987
2020
|
.ft-search-bar > ft-button,
|
|
@@ -1990,8 +2023,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1990
2023
|
}
|
|
1991
2024
|
|
|
1992
2025
|
.ft-search-bar--left-action {
|
|
1993
|
-
${bt(
|
|
1994
|
-
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};
|
|
1995
2028
|
height: 100%;
|
|
1996
2029
|
}
|
|
1997
2030
|
|
|
@@ -2000,7 +2033,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2000
2033
|
}
|
|
2001
2034
|
|
|
2002
2035
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2003
|
-
${bt(
|
|
2036
|
+
${bt(Ci.borderRadius,g`calc(${Po.borderRadius} - 1px) 0 0 0`)};
|
|
2004
2037
|
}
|
|
2005
2038
|
|
|
2006
2039
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2010,13 +2043,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2010
2043
|
|
|
2011
2044
|
.ft-search-bar--separator {
|
|
2012
2045
|
height: 20px;
|
|
2013
|
-
border-right: 1px solid ${
|
|
2046
|
+
border-right: 1px solid ${Po.colorOutline};
|
|
2014
2047
|
}
|
|
2015
2048
|
|
|
2016
2049
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2017
|
-
${bt(
|
|
2018
|
-
${bt(
|
|
2019
|
-
${bt(
|
|
2050
|
+
${bt(Mo.borderColor,"transparent")};
|
|
2051
|
+
${bt(Mo.borderRadiusS,g`calc(${Po.borderRadius} - 1px)`)};
|
|
2052
|
+
${bt(Lo.selectedOptionColor,Po.buttonColor)};
|
|
2020
2053
|
}
|
|
2021
2054
|
|
|
2022
2055
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2033,27 +2066,35 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2033
2066
|
}
|
|
2034
2067
|
|
|
2035
2068
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2036
|
-
border-radius: calc(${
|
|
2069
|
+
border-radius: calc(${Po.borderRadius} - 1px) 0 0 calc(${Po.borderRadius} - 1px);
|
|
2037
2070
|
}
|
|
2038
2071
|
|
|
2039
|
-
`,
|
|
2040
|
-
.ft-search-bar--
|
|
2072
|
+
`,Ao=g`
|
|
2073
|
+
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2041
2074
|
margin-right: auto;
|
|
2042
2075
|
}
|
|
2043
2076
|
|
|
2044
|
-
.ft-search-bar--
|
|
2077
|
+
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2045
2078
|
min-width: 250px;
|
|
2046
|
-
${bt(
|
|
2079
|
+
${bt(Lo.optionsZIndex,"2")};
|
|
2047
2080
|
}
|
|
2048
2081
|
|
|
2049
|
-
.ft-search-bar--
|
|
2082
|
+
.ft-search-bar--desktop-menu {
|
|
2083
|
+
display: flex;
|
|
2050
2084
|
flex-direction: column;
|
|
2051
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 {
|
|
2052
2093
|
padding: 16px;
|
|
2053
2094
|
}
|
|
2054
2095
|
|
|
2055
2096
|
.ft-search-bar--floating-panel-open .ft-search-bar--floating-panel {
|
|
2056
|
-
display:
|
|
2097
|
+
display: block;
|
|
2057
2098
|
}
|
|
2058
2099
|
|
|
2059
2100
|
.ft-search-bar--desktop .ft-search-bar--facets-actions {
|
|
@@ -2061,6 +2102,9 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2061
2102
|
align-items: center;
|
|
2062
2103
|
justify-content: flex-end;
|
|
2063
2104
|
gap: 8px;
|
|
2105
|
+
}
|
|
2106
|
+
|
|
2107
|
+
.ft-search-bar--floating-panel .ft-search-bar--facets-actions {
|
|
2064
2108
|
padding: 0 10px;
|
|
2065
2109
|
}
|
|
2066
2110
|
|
|
@@ -2082,13 +2126,13 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2082
2126
|
display: none;
|
|
2083
2127
|
}
|
|
2084
2128
|
|
|
2085
|
-
.ft-search-bar--
|
|
2129
|
+
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2086
2130
|
display: block;
|
|
2087
|
-
height:
|
|
2131
|
+
height: ${Po.desktopFiltersHeight};
|
|
2088
2132
|
--ft-snap-scroll-gap: 16px;
|
|
2089
2133
|
}
|
|
2090
2134
|
|
|
2091
|
-
.ft-search-bar--
|
|
2135
|
+
.ft-search-bar--desktop-menu ft-filter {
|
|
2092
2136
|
display: flex;
|
|
2093
2137
|
flex-grow: 0;
|
|
2094
2138
|
max-height: 100%;
|
|
@@ -2135,7 +2179,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2135
2179
|
|
|
2136
2180
|
.ft-search-bar--filter-label > :last-child {
|
|
2137
2181
|
flex-shrink: 1;
|
|
2138
|
-
color: ${
|
|
2182
|
+
color: ${Po.colorOnSurfaceMedium};
|
|
2139
2183
|
}
|
|
2140
2184
|
|
|
2141
2185
|
ft-accordion-item::part(toggle) {
|
|
@@ -2152,10 +2196,10 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2152
2196
|
padding-right: 0;
|
|
2153
2197
|
}
|
|
2154
2198
|
|
|
2155
|
-
.ft-search-bar--
|
|
2199
|
+
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2156
2200
|
margin: 0;
|
|
2157
2201
|
}
|
|
2158
|
-
`,
|
|
2202
|
+
`,To=g`
|
|
2159
2203
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2160
2204
|
flex-shrink: 0;
|
|
2161
2205
|
display: flex;
|
|
@@ -2166,7 +2210,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2166
2210
|
|
|
2167
2211
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2168
2212
|
overflow: hidden;
|
|
2169
|
-
${bt(
|
|
2213
|
+
${bt(Yi.gap,"4px")};
|
|
2170
2214
|
}
|
|
2171
2215
|
|
|
2172
2216
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2174,8 +2218,8 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2174
2218
|
}
|
|
2175
2219
|
|
|
2176
2220
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2177
|
-
${bt(
|
|
2178
|
-
${bt(
|
|
2221
|
+
${bt(wo.iconSize,"17px")};
|
|
2222
|
+
${bt(wo.fontSize,"12px")};
|
|
2179
2223
|
}
|
|
2180
2224
|
|
|
2181
2225
|
.ft-search-bar--selected-filters * {
|
|
@@ -2185,7 +2229,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2185
2229
|
.ft-search-bar--selected-filters ft-chip {
|
|
2186
2230
|
flex-grow: 0;
|
|
2187
2231
|
}
|
|
2188
|
-
`,
|
|
2232
|
+
`,_o=g`
|
|
2189
2233
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2190
2234
|
flex-grow: 1;
|
|
2191
2235
|
flex-shrink: 1;
|
|
@@ -2194,7 +2238,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2194
2238
|
}
|
|
2195
2239
|
|
|
2196
2240
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2197
|
-
border-top: 1px solid ${
|
|
2241
|
+
border-top: 1px solid ${Po.colorOutline};
|
|
2198
2242
|
}
|
|
2199
2243
|
|
|
2200
2244
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2204,15 +2248,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2204
2248
|
.ft-search-bar--floating-panel,
|
|
2205
2249
|
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2206
2250
|
position: absolute;
|
|
2207
|
-
z-index:
|
|
2251
|
+
z-index: ${Po.floatingZIndex};
|
|
2208
2252
|
top: 100%;
|
|
2209
2253
|
left: -1px;
|
|
2210
2254
|
right: -1px;
|
|
2211
2255
|
display: none;
|
|
2212
|
-
background: ${
|
|
2213
|
-
border: 1px solid ${
|
|
2214
|
-
border-radius: 0 0 ${
|
|
2215
|
-
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};
|
|
2216
2260
|
outline: none;
|
|
2217
2261
|
}
|
|
2218
2262
|
|
|
@@ -2224,12 +2268,6 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2224
2268
|
display: block;
|
|
2225
2269
|
}
|
|
2226
2270
|
|
|
2227
|
-
.ft-search-bar--no-suggestions {
|
|
2228
|
-
text-align: center;
|
|
2229
|
-
padding: 8px;
|
|
2230
|
-
color: ${Ao.colorOnSurface};
|
|
2231
|
-
}
|
|
2232
|
-
|
|
2233
2271
|
.ft-search-bar--suggestion {
|
|
2234
2272
|
text-decoration: none;
|
|
2235
2273
|
position: relative;
|
|
@@ -2238,7 +2276,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2238
2276
|
padding: 8px;
|
|
2239
2277
|
gap: 8px;
|
|
2240
2278
|
cursor: pointer;
|
|
2241
|
-
color: ${
|
|
2279
|
+
color: ${Po.colorOnSurface};
|
|
2242
2280
|
min-height: 52px;
|
|
2243
2281
|
}
|
|
2244
2282
|
|
|
@@ -2255,7 +2293,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2255
2293
|
}
|
|
2256
2294
|
|
|
2257
2295
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2258
|
-
border-top: 1px solid ${
|
|
2296
|
+
border-top: 1px solid ${Po.colorOutline};
|
|
2259
2297
|
}
|
|
2260
2298
|
|
|
2261
2299
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2263,15 +2301,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2263
2301
|
flex-grow: 1;
|
|
2264
2302
|
flex-shrink: 1;
|
|
2265
2303
|
}
|
|
2266
|
-
`;var
|
|
2304
|
+
`;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",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 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()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return W`
|
|
2267
2305
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2268
2306
|
${this.renderSearchBar()}
|
|
2269
|
-
`}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`
|
|
2270
|
-
<div class="${
|
|
2307
|
+
`}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`
|
|
2308
|
+
<div class="${jt(t)}" part="container" tabindex="-1">
|
|
2271
2309
|
${this.isMobile?this.renderMobileSearchBar():this.renderDesktopSearchBar()}
|
|
2272
2310
|
</div>
|
|
2273
2311
|
`:W`
|
|
2274
|
-
<ft-skeleton class="ft-search-bar--skeleton" part="loader"></ft-skeleton>
|
|
2312
|
+
<ft-skeleton class="ft-search-bar--container ft-search-bar--skeleton" part="loader" tabindex="-1"></ft-skeleton>
|
|
2275
2313
|
`}renderMobileSearchBar(){return W`
|
|
2276
2314
|
<div class="ft-search-bar">
|
|
2277
2315
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2335,7 +2373,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2335
2373
|
</div>
|
|
2336
2374
|
<ft-filter
|
|
2337
2375
|
part="filters filter-ft-locale"
|
|
2338
|
-
|
|
2376
|
+
.exportpartsPrefixes=${["filter","filter-ft-locale"]}
|
|
2339
2377
|
class="ft-search-bar--content-locale"
|
|
2340
2378
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",this.labelResolver.resolve("contentLocaleSelector"))}"
|
|
2341
2379
|
.options=${this.contentLocalesAsFilterOptions()}
|
|
@@ -2343,21 +2381,22 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2343
2381
|
></ft-filter>
|
|
2344
2382
|
</ft-accordion-item>
|
|
2345
2383
|
`:null}
|
|
2346
|
-
${
|
|
2384
|
+
${It(this.facets,(t=>t.key),(t=>{const e=Qe(t),i=t.key.replace(":","-");return t.rootNodes.length>0?W`
|
|
2347
2385
|
<ft-accordion-item data-facet-key="${t.key}">
|
|
2348
2386
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2349
2387
|
<ft-typography variant="button">${t.label}</ft-typography>
|
|
2350
2388
|
<ft-typography variant="body2">
|
|
2351
|
-
${function(t){return
|
|
2389
|
+
${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(", ")}
|
|
2352
2390
|
</ft-typography>
|
|
2353
2391
|
</div>
|
|
2354
2392
|
<ft-filter
|
|
2355
|
-
part="filters filter-${i}"
|
|
2356
|
-
|
|
2393
|
+
part="filters filter filter-${i}"
|
|
2394
|
+
.exportpartsPrefixes=${["filter","filter-"+i]}
|
|
2357
2395
|
id="${e.id}"
|
|
2358
2396
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",e.label)}"
|
|
2359
2397
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
2360
2398
|
moreValuesButtonLabel="${this.labelResolver.resolve("displayMoreFilterValuesButton")}"
|
|
2399
|
+
noValuesLabel="${this.labelResolver.resolve("noFilterValuesAvailable")}"
|
|
2361
2400
|
?multivalued=${e.multivalued}
|
|
2362
2401
|
raiseSelectedOptions
|
|
2363
2402
|
.options=${e.options}
|
|
@@ -2365,12 +2404,12 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2365
2404
|
@change=${t=>this.setFilter(e.id,t.detail)}
|
|
2366
2405
|
></ft-filter>
|
|
2367
2406
|
</ft-accordion-item>
|
|
2368
|
-
|
|
2407
|
+
`:q}))}
|
|
2369
2408
|
</ft-accordion>
|
|
2370
2409
|
`}contentLocalesAsFilterOptions(){return this.availableContentLocales.map((t=>({value:t.lang,label:t.label,selected:t.lang==this.contentLocale})))}renderDesktopSearchBar(){return W`
|
|
2371
2410
|
<div class="ft-search-bar" part="search-bar">
|
|
2372
2411
|
${this.renderSearchBarLeftAction()}
|
|
2373
|
-
<div class="ft-search-bar--input-container" part="input-container">
|
|
2412
|
+
<div class="ft-search-bar--input-container" part="input-container" tabindex="-1">
|
|
2374
2413
|
<div class="ft-search-bar--input-outline" part="input-outline">
|
|
2375
2414
|
${this.dense?this.renderSelectedFacets():q}
|
|
2376
2415
|
<input class="ft-search-bar--input ft-typography--body2"
|
|
@@ -2384,21 +2423,29 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2384
2423
|
${this.renderSuggestions()}
|
|
2385
2424
|
</div>
|
|
2386
2425
|
${this.renderDesktopSearchBarButtons()}
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2426
|
+
${this.forceMenuOpen?q:W`
|
|
2427
|
+
<div class="ft-search-bar--floating-panel" @keyup=${this.onFloatingContainerKeyUp}
|
|
2428
|
+
part="floating-panel"
|
|
2429
|
+
tabindex="-1">
|
|
2430
|
+
${this.renderDesktopMenu()}
|
|
2431
|
+
</div>`}
|
|
2432
|
+
</div>
|
|
2433
|
+
${this.dense||this.forceMenuOpen?this.forceMenuOpen?this.renderDesktopMenu():q:this.renderSelectedFacets()}
|
|
2434
|
+
`}renderDesktopMenu(){return this.hasFacets?W`
|
|
2435
|
+
<div class="ft-search-bar--desktop-menu">
|
|
2436
|
+
${this.renderFacetsActions()}
|
|
2437
|
+
${this.renderDesktopFacets()}
|
|
2438
|
+
<div class="ft-search-bar--facets-actions">
|
|
2439
|
+
${this.forceMenuOpen?this.renderDesktopClearFilters():q}
|
|
2440
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2441
|
+
part="launch-search-in-panel"
|
|
2442
|
+
icon="search"
|
|
2443
|
+
@click=${this.launchSearch}>
|
|
2444
|
+
${this.labelResolver.resolve("searchButton")}
|
|
2445
|
+
</ft-button>
|
|
2398
2446
|
</div>
|
|
2399
2447
|
</div>
|
|
2400
|
-
|
|
2401
|
-
`}renderSearchBarLeftAction(){return this.hasFacets?W`
|
|
2448
|
+
`:q}renderSearchBarLeftAction(){return this.hasFacets?this.forceMenuOpen?q:W`
|
|
2402
2449
|
<ft-button class="ft-search-bar--filters-opener ft-search-bar--left-action"
|
|
2403
2450
|
part="filters-opener"
|
|
2404
2451
|
trailingIcon
|
|
@@ -2410,9 +2457,10 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2410
2457
|
`:this.hasLocaleSelector?W`
|
|
2411
2458
|
<ft-select outlined
|
|
2412
2459
|
class="ft-search-bar--content-locale ft-search-bar--left-action"
|
|
2413
|
-
part="content-locale"
|
|
2460
|
+
part="content-locale select-ft-locale"
|
|
2461
|
+
.exportpartsPrefixes=${["content-locale","select-ft-locale"]}
|
|
2414
2462
|
@change=${t=>this.contentLocale=null==t.detail?void 0:t.detail}>
|
|
2415
|
-
${
|
|
2463
|
+
${It(this.availableContentLocales,(t=>t.lang),(t=>W`
|
|
2416
2464
|
<ft-select-option .value=${t.lang}
|
|
2417
2465
|
label="${t.label}"
|
|
2418
2466
|
?selected=${t.lang===this.contentLocale}>
|
|
@@ -2449,7 +2497,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2449
2497
|
label="${this.labelResolver.resolve("presetsSelector")}"
|
|
2450
2498
|
outlined
|
|
2451
2499
|
@change=${t=>this.selectedPreset=t.detail}>
|
|
2452
|
-
${
|
|
2500
|
+
${It(null!==(t=this.presets)&&void 0!==t?t:[],(t=>t.name),(t=>W`
|
|
2453
2501
|
<ft-select-option value="${t.name}"
|
|
2454
2502
|
label="${t.name}"
|
|
2455
2503
|
?selected=${t.name===this.selectedPreset}>
|
|
@@ -2457,39 +2505,40 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2457
2505
|
`))}
|
|
2458
2506
|
</ft-select>
|
|
2459
2507
|
`:q}
|
|
2460
|
-
${this.searchFilters.length>0?W`
|
|
2461
|
-
<ft-button part="facets-actions"
|
|
2462
|
-
@click=${this.clearFilters}>
|
|
2463
|
-
${this.labelResolver.resolve("clearFilters")}
|
|
2464
|
-
</ft-button>
|
|
2465
|
-
`:q}
|
|
2466
2508
|
<slot name="facets-actions"></slot>
|
|
2509
|
+
${this.forceMenuOpen&&!this.isMobile?q:this.renderDesktopClearFilters()}
|
|
2467
2510
|
</div>
|
|
2468
|
-
`}
|
|
2511
|
+
`}renderDesktopClearFilters(){return this.searchFilters.length>0?W`
|
|
2512
|
+
<ft-button part="facets-actions"
|
|
2513
|
+
@click=${this.clearFilters}>
|
|
2514
|
+
${this.labelResolver.resolve("clearFilters")}
|
|
2515
|
+
</ft-button>
|
|
2516
|
+
`:q}renderDesktopFacets(){return this.hasFacets?W`
|
|
2469
2517
|
<ft-snap-scroll horizontal limitSize controls
|
|
2470
2518
|
class="ft-search-bar--filters-container"
|
|
2471
2519
|
part="filters-container"
|
|
2472
|
-
|
|
2520
|
+
exportpartsPrefix="filters-container">
|
|
2473
2521
|
${this.hasLocaleSelector?W`
|
|
2474
2522
|
<ft-filter class="ft-search-bar--content-locale"
|
|
2475
2523
|
part="filters filter-ft-locale"
|
|
2476
|
-
|
|
2524
|
+
.exportpartsPrefixes=${["filter","filter-ft-locale"]}
|
|
2477
2525
|
label="${this.labelResolver.resolve("contentLocaleSelector")}"
|
|
2478
2526
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",this.labelResolver.resolve("contentLocaleSelector"))}"
|
|
2479
2527
|
.options=${this.contentLocalesAsFilterOptions()}
|
|
2480
2528
|
@change=${t=>this.contentLocale=t.detail[0]}
|
|
2481
2529
|
></ft-filter>
|
|
2482
2530
|
`:q}
|
|
2483
|
-
${
|
|
2531
|
+
${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`
|
|
2484
2532
|
<ft-filter
|
|
2485
2533
|
class="${i?"ft-search-bar--hierarchical-filter":""}"
|
|
2486
|
-
part="filters filter-${o}"
|
|
2487
|
-
|
|
2534
|
+
part="filters filter filter-${o}"
|
|
2535
|
+
.exportpartsPrefixes=${["filter","filter-"+o]}
|
|
2488
2536
|
id="${e.id}"
|
|
2489
2537
|
label="${e.label}"
|
|
2490
2538
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",e.label)}"
|
|
2491
2539
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
2492
2540
|
moreValuesButtonLabel="${this.labelResolver.resolve("displayMoreFilterValuesButton")}"
|
|
2541
|
+
noValuesLabel="${this.labelResolver.resolve("noFilterValuesAvailable")}"
|
|
2493
2542
|
?multivalued=${e.multivalued}
|
|
2494
2543
|
raiseSelectedOptions
|
|
2495
2544
|
.options=${e.options}
|
|
@@ -2500,16 +2549,16 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2500
2549
|
</ft-snap-scroll>
|
|
2501
2550
|
`:q}renderSelectedFacets(){if(!this.hasLocaleSelector&&!this.hasFacets)return null;const t=!this.isMobile&&this.dense||this.isMobile&&this.isMobileMenuOpen,e=W`
|
|
2502
2551
|
${this.hasLocaleSelector&&(this.hasFacets||this.isMobile)?W`
|
|
2503
|
-
<ft-chip part="selected-filters"
|
|
2552
|
+
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2504
2553
|
?dense=${this.dense&&!this.isMobile}
|
|
2505
2554
|
?clickable=${this.isMobile}
|
|
2506
2555
|
@click=${()=>this.openMobileFilters("ft:contentLocale")}>
|
|
2507
2556
|
${this.getLocaleLabel(this.contentLocale)}
|
|
2508
2557
|
</ft-chip>
|
|
2509
2558
|
`:null}
|
|
2510
|
-
${
|
|
2559
|
+
${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`
|
|
2511
2560
|
<ft-chip
|
|
2512
|
-
part="selected-filters"
|
|
2561
|
+
part="selected-filters selected-filter-${n}"
|
|
2513
2562
|
?dense=${this.dense&&!this.isMobile}
|
|
2514
2563
|
?clickable=${this.isMobile}
|
|
2515
2564
|
?removable=${!this.isMobile}
|
|
@@ -2518,15 +2567,15 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2518
2567
|
title=${t?s:q}
|
|
2519
2568
|
@click=${()=>this.openMobileFilters(e.key)}
|
|
2520
2569
|
@icon-click=${()=>this.setFilter(e.key,i.filter((t=>t!==o)))}>
|
|
2521
|
-
${function(t){return
|
|
2570
|
+
${function(t){return Xe(t).split("|").pop()}(o)}
|
|
2522
2571
|
</ft-chip>
|
|
2523
|
-
`;return t?
|
|
2572
|
+
`;return t?r:W`
|
|
2524
2573
|
<ft-tooltip inline text="${s}">
|
|
2525
|
-
${
|
|
2574
|
+
${r}
|
|
2526
2575
|
</ft-tooltip>
|
|
2527
2576
|
`}))}))}
|
|
2528
2577
|
${this.isMobile?W`
|
|
2529
|
-
<ft-chip part="selected-filters"
|
|
2578
|
+
<ft-chip part="selected-filters mobile-filters-opener"
|
|
2530
2579
|
icon="add"
|
|
2531
2580
|
clickable
|
|
2532
2581
|
@click=${()=>{this.mobileMenuOpen=!0,this.displayFacets=!0}}>
|
|
@@ -2537,17 +2586,18 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2537
2586
|
<ft-snap-scroll horizontal controls hideScrollbar limitSize
|
|
2538
2587
|
class="ft-search-bar--selected-filters"
|
|
2539
2588
|
part="selected-filters-container"
|
|
2540
|
-
|
|
2589
|
+
exportpartsPrefix="selected-filters-container">
|
|
2541
2590
|
${e}
|
|
2542
2591
|
</ft-snap-scroll>
|
|
2543
2592
|
`:W`
|
|
2544
2593
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
2545
2594
|
${e}
|
|
2546
2595
|
</div>
|
|
2547
|
-
`}renderSuggestions(){const t=this.recentSearches.filter((t=>t.toLowerCase().includes(this.query.toLowerCase()))),e=this.
|
|
2596
|
+
`}renderSuggestions(){const t=this.recentSearches.filter((t=>t.toLowerCase().includes(this.query.toLowerCase()))),e=this.suggestions.length>0||t.length>0;return W`
|
|
2548
2597
|
<div class="ft-search-bar--suggestions ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2598
|
+
part="suggestions-container"
|
|
2549
2599
|
@keydown=${this.onSuggestKeyDown}>
|
|
2550
|
-
${
|
|
2600
|
+
${It(t.slice(0,5),(t=>t),(t=>W`
|
|
2551
2601
|
<a href="${this.searchRequestSerializer({...this.request,query:t})}"
|
|
2552
2602
|
part="suggestions"
|
|
2553
2603
|
class="ft-search-bar--suggestion ft-search-bar--recent-search"
|
|
@@ -2565,7 +2615,7 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2565
2615
|
@click=${e=>this.removeRecentSearch(e,t)}></ft-button>
|
|
2566
2616
|
</a>
|
|
2567
2617
|
`))}
|
|
2568
|
-
${
|
|
2618
|
+
${It(this.suggestions,(t=>t.value),(t=>W`
|
|
2569
2619
|
<a href="${this.searchRequestSerializer({...this.request,query:t.value})}"
|
|
2570
2620
|
part="suggestions"
|
|
2571
2621
|
class="ft-search-bar--suggestion"
|
|
@@ -2576,15 +2626,9 @@ class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2576
2626
|
<ft-typography variant="body1">${t.value}</ft-typography>
|
|
2577
2627
|
</a>
|
|
2578
2628
|
`))}
|
|
2579
|
-
${0===t.length&&0===this.suggestions.length&&this.query.length>2&&this.suggestionsLoaded?W`
|
|
2580
|
-
<ft-typography class="ft-search-bar--no-suggestions" element="p"
|
|
2581
|
-
variant="body2">
|
|
2582
|
-
${this.labelResolver.resolve("noSuggestions")}
|
|
2583
|
-
</ft-typography>
|
|
2584
|
-
`:null}
|
|
2585
2629
|
</div>
|
|
2586
|
-
`}getIcon(t){const e="DOCUMENT"===t.type?
|
|
2630
|
+
`}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`
|
|
2587
2631
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2588
2632
|
${i}
|
|
2589
2633
|
</ft-icon>
|
|
2590
|
-
`}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 yt(Vo,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=>Je(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)}["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 Jo(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,e;this.facets=null!==(e=await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets)).catch((()=>[]))))&&void 0!==e?e:[],this.facets.forEach((t=>this.knownFacetLabels[t.key]=t.label)),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 qo(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&&qe(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=>qe(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()}}getFilterExportParts(t){return["container","header","clear-button","input"].map((e=>this.getFilterSubPartExportAttribute(e,t))).join(",")}getFilterSubPartExportAttribute(t,e){return`${t}:filters-${t},${t}:filter-${e}-${t}`}}Xo.elementDefinitions={"ft-accordion":go,"ft-accordion-item":wo,"ft-button":Fi,"ft-chip":No,"ft-filter":fo,"ft-filter-option":bo,"ft-icon":Ci,"ft-ripple":li,"ft-select":Uo,"ft-select-option":Io,"ft-size-watcher":Tt,"ft-skeleton":To,"ft-snap-scroll":io,"ft-tooltip":ui,"ft-typography":Ve},Xo.styles=[_e,_o,Ho,Zo,Ko],Wo([o({type:Boolean})],Xo.prototype,"dense",void 0),Wo([o()],Xo.prototype,"mode",void 0),Wo([o({type:Boolean})],Xo.prototype,"forceMobileMenuOpen",void 0),Wo([o()],Xo.prototype,"baseUrl",void 0),Wo([o()],Xo.prototype,"apiIntegrationIdentifier",void 0),Wo([o()],Xo.prototype,"contentLocale",void 0),Wo([s()],Xo.prototype,"availableContentLocales",void 0),Wo([s()],Xo.prototype,"availableContentLocalesInitialized",void 0),Wo([o()],Xo.prototype,"uiLocale",void 0),Wo([p({})],Xo.prototype,"labels",void 0),Wo([p([])],Xo.prototype,"displayedFilters",void 0),Wo([p([])],Xo.prototype,"presets",void 0),Wo([o({type:String,reflect:!0})],Xo.prototype,"selectedPreset",void 0),Wo([p([])],Xo.prototype,"priors",void 0),Wo([o()],Xo.prototype,"searchRequestSerializer",void 0),Wo([s()],Xo.prototype,"searchFilters",void 0),Wo([s()],Xo.prototype,"sizeCategory",void 0),Wo([s()],Xo.prototype,"displayFacets",void 0),Wo([s()],Xo.prototype,"mobileMenuOpen",void 0),Wo([s()],Xo.prototype,"facets",void 0),Wo([s()],Xo.prototype,"facetsInitialized",void 0),Wo([r(".ft-search-bar--container")],Xo.prototype,"container",void 0),Wo([r(".ft-search-bar--filters-opener")],Xo.prototype,"filtersOpener",void 0),Wo([r(".ft-search-bar--floating-panel")],Xo.prototype,"floatingContainer",void 0),Wo([r("ft-snap-scroll.ft-search-bar--filters-container")],Xo.prototype,"scrollingFiltersContainer",void 0),Wo([r(".ft-search-bar--input")],Xo.prototype,"input",void 0),Wo([s()],Xo.prototype,"query",void 0),Wo([s()],Xo.prototype,"suggestions",void 0),Wo([s()],Xo.prototype,"suggestionsLoaded",void 0),Wo([s()],Xo.prototype,"recentSearches",void 0),Wo([s()],Xo.prototype,"scrollToFacet",void 0),Wo([r(".ft-search-bar--suggestion:first-child")],Xo.prototype,"firstSuggestion",void 0),Wo([r(".ft-search-bar--suggestion:focus-within")],Xo.prototype,"focusedSuggestion",void 0),Wo([r(".ft-search-bar--suggestion:last-child")],Xo.prototype,"lastSuggestion",void 0),Wo([s()],Xo.prototype,"api",void 0),h("ft-search-bar")(Xo),t.DEFAULT_LABELS=Vo,t.FtSearchBar=Xo,t.FtSearchBarCssVariables=Ao,t.LaunchSearchEvent=qo,t.SearchStateChangeEvent=Jo,Object.defineProperty(t,"t",{value:!0})}({});
|
|
2634
|
+
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var e,i,o,s,n;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.initRecentSearches()),t.has("presets")&&(null!==(i=this.presets)&&void 0!==i?i:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>Xe(t))))))),t.has("selectedPreset")){const t=(null!==(o=this.presets)&&void 0!==o?o:[]).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===(n=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>this.compareRequests(t,this.request))))||void 0===n?void 0:n.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()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}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":Fo,"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})}({});
|