@fluid-topics/ft-search-bar 0.3.14 → 0.3.16
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.d.ts +1 -1
- package/build/ft-search-bar.light.js +63 -63
- package/build/ft-search-bar.min.js +417 -405
- package/build/managers/SuggestManager.d.ts +1 -1
- package/build/managers/SuggestManager.js +67 -64
- package/package.json +14 -14
|
@@ -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(mi){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
|
|
@@ -91,22 +91,34 @@ var ht,pt;null==ct||ct(Q,et),(null!==(z=globalThis.litHtmlVersions)&&void 0!==z?
|
|
|
91
91
|
-ms-user-select: none;
|
|
92
92
|
user-select: none;
|
|
93
93
|
}
|
|
94
|
-
|
|
94
|
+
`,mt=g`
|
|
95
|
+
.ft-word-wrap {
|
|
96
|
+
white-space: normal;
|
|
97
|
+
word-wrap: break-word;
|
|
98
|
+
-ms-word-break: break-all;
|
|
99
|
+
word-break: break-all;
|
|
100
|
+
word-break: break-word;
|
|
101
|
+
-ms-hyphens: auto;
|
|
102
|
+
-moz-hyphens: auto;
|
|
103
|
+
-webkit-hyphens: auto;
|
|
104
|
+
hyphens: auto
|
|
105
|
+
}
|
|
106
|
+
`;class $t{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 wt,kt,St;const Ot=navigator.vendor&&!!navigator.vendor.match(/apple/i)||"[object SafariRemoteNotification]"===(null!==(St=null===(kt=null===(wt=window.safari)||void 0===wt?void 0:wt.pushNotification)||void 0===kt?void 0:kt.toString())&&void 0!==St?St:""),Ct=1,Et=2,zt=t=>(...e)=>({_$litDirective$:t,values:e});
|
|
95
107
|
/**
|
|
96
108
|
* @license
|
|
97
109
|
* Copyright 2017 Google LLC
|
|
98
110
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
99
|
-
*/class
|
|
111
|
+
*/class Bt{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
112
|
/**
|
|
101
113
|
* @license
|
|
102
114
|
* Copyright 2020 Google LLC
|
|
103
115
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const{H:
|
|
116
|
+
*/const{H:Mt}=at,Nt=()=>document.createComment(""),Ft=(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(Nt(),n),o=s.insertBefore(Nt(),n);i=new Mt(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),Lt={},Dt=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}},It=(t,e,i)=>{const o=new Map;for(let s=e;s<=i;s++)o.set(t[s],s);return o},jt=zt(class extends Bt{constructor(t){if(super(t),t.type!==Et)throw Error("repeat() can only be used in text expressions")}ht(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.ht(t,e,i).values}update(t,[e,i,o]){var s;const n=(t=>t._$AH)(t),{values:r,keys:l}=this.ht(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]),Ft(t,c[b+1],n[d]),d++,b--;else if(a[f]===l[u])c[u]=Rt(n[f],r[u]),Ft(t,n[d],n[f]),f--,u++;else if(void 0===h&&(h=It(l,u,b),p=It(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=Ft(t,n[d]);Rt(e,r[u]),c[u]=e}else c[u]=Rt(i,r[u]),Ft(t,n[d],i),n[e]=null;u++}else Dt(n[f]),f--;else Dt(n[d]),d++;for(;u<=b;){const e=Ft(t,c[b+1]);Rt(e,r[u]),c[u++]=e}for(;d<=f;){const t=n[d++];null!==t&&Dt(t)}return this.ut=l,((t,e=Lt)=>{t._$AH=e})(t,c),V}});
|
|
105
117
|
/**
|
|
106
118
|
* @license
|
|
107
119
|
* Copyright 2017 Google LLC
|
|
108
120
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
109
|
-
*/var
|
|
121
|
+
*/var Pt;!function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(Pt||(Pt={}));const Ut=g`
|
|
110
122
|
.ft-size-watcher--pixel {
|
|
111
123
|
width: 0;
|
|
112
124
|
height: 0;
|
|
@@ -125,64 +137,55 @@ var ht,pt;null==ct||ct(Q,et),(null!==(z=globalThis.litHtmlVersions)&&void 0!==z?
|
|
|
125
137
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
126
138
|
width: 100%;
|
|
127
139
|
}
|
|
128
|
-
`;var
|
|
140
|
+
`;var At=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 Tt extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class _t 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`
|
|
129
141
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
130
142
|
<div class="ft-size-watcher--watcher"></div>
|
|
131
143
|
</div>
|
|
132
|
-
`}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=
|
|
144
|
+
`}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 Tt(this.size,this.category)))}),this.debounceTimeout)}}_t.elementDefinitions={},_t.styles=Ut,At([o({type:Number})],_t.prototype,"debounceTimeout",void 0),At([o({type:Boolean})],_t.prototype,"local",void 0),At([o({type:Number,reflect:!0})],_t.prototype,"size",void 0),At([o({type:String,reflect:!0})],_t.prototype,"category",void 0),At([r(".ft-size-watcher--watcher")],_t.prototype,"watcher",void 0),h("ft-size-watcher")(_t);
|
|
133
145
|
/**
|
|
134
146
|
* @license
|
|
135
147
|
* Copyright 2020 Google LLC
|
|
136
148
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
149
|
*/
|
|
138
|
-
const
|
|
150
|
+
const Ht=Symbol.for(""),Zt=t=>{if((null==t?void 0:t.r)===Ht)return null==t?void 0:t._$litStatic$},Kt=t=>({_$litStatic$:t,r:Ht}),Wt=new Map,Vt=(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=Zt(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=Wt.get(t))&&(r.raw=r,Wt.set(t,e=r)),i=l}return t(e,...i)})(W);var qt;!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"}(qt||(qt={}));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"),Ee=ut.extend("--ft-typography-breadcrumb-font-weight",Yt.fontWeight,"normal"),ze=ut.extend("--ft-typography-breadcrumb-letter-spacing",Yt.letterSpacing,"0.33px"),Be=ut.extend("--ft-typography-breadcrumb-line-height",Yt.lineHeight,"1.6"),Me=ut.extend("--ft-typography-breadcrumb-text-transform",Yt.textTransform,"inherit"),Ne=ut.extend("--ft-typography-overline-font-family",Xt),Fe=ut.extend("--ft-typography-overline-font-size",Yt.fontSize,"10px"),Re=ut.extend("--ft-typography-overline-font-weight",Yt.fontWeight,"normal"),Le=ut.extend("--ft-typography-overline-letter-spacing",Yt.letterSpacing,"1.5px"),De=ut.extend("--ft-typography-overline-line-height",Yt.lineHeight,"1.6"),Ie=ut.extend("--ft-typography-overline-text-transform",Yt.textTransform,"uppercase"),je={fontFamily:ut.extend("--ft-typography-button-font-family",Xt),fontSize:ut.extend("--ft-typography-button-font-size",Yt.fontSize,"14px"),fontWeight:ut.extend("--ft-typography-button-font-weight",Yt.fontWeight,"600"),letterSpacing:ut.extend("--ft-typography-button-letter-spacing",Yt.letterSpacing,"1.246px"),lineHeight:ut.extend("--ft-typography-button-line-height",Yt.lineHeight,"1.15"),textTransform:ut.extend("--ft-typography-button-text-transform",Yt.textTransform,"uppercase")},Pe=g`
|
|
139
151
|
.ft-typography--title {
|
|
140
|
-
font-family: ${
|
|
141
|
-
font-size: ${
|
|
142
|
-
font-weight: ${
|
|
143
|
-
letter-spacing: ${
|
|
144
|
-
line-height: ${
|
|
145
|
-
text-transform: ${
|
|
146
|
-
}
|
|
147
|
-
`,Pe=g`
|
|
148
|
-
.ft-typography--title-dense {
|
|
149
|
-
font-family: ${oe};
|
|
150
|
-
font-size: ${se};
|
|
151
|
-
font-weight: ${ne};
|
|
152
|
-
letter-spacing: ${re};
|
|
153
|
-
line-height: ${le};
|
|
154
|
-
text-transform: ${ae};
|
|
152
|
+
font-family: ${Qt};
|
|
153
|
+
font-size: ${Gt};
|
|
154
|
+
font-weight: ${te};
|
|
155
|
+
letter-spacing: ${ee};
|
|
156
|
+
line-height: ${ie};
|
|
157
|
+
text-transform: ${oe};
|
|
155
158
|
}
|
|
156
159
|
`,Ue=g`
|
|
157
|
-
.ft-typography--
|
|
158
|
-
font-family: ${
|
|
159
|
-
font-size: ${
|
|
160
|
-
font-weight: ${
|
|
161
|
-
letter-spacing: ${
|
|
162
|
-
line-height: ${
|
|
163
|
-
text-transform: ${
|
|
160
|
+
.ft-typography--title-dense {
|
|
161
|
+
font-family: ${se};
|
|
162
|
+
font-size: ${ne};
|
|
163
|
+
font-weight: ${re};
|
|
164
|
+
letter-spacing: ${le};
|
|
165
|
+
line-height: ${ae};
|
|
166
|
+
text-transform: ${ce};
|
|
164
167
|
}
|
|
165
168
|
`,Ae=g`
|
|
166
|
-
.ft-typography--
|
|
167
|
-
font-family: ${
|
|
168
|
-
font-size: ${
|
|
169
|
-
font-weight: ${
|
|
170
|
-
letter-spacing: ${
|
|
171
|
-
line-height: ${
|
|
172
|
-
text-transform: ${
|
|
169
|
+
.ft-typography--subtitle1 {
|
|
170
|
+
font-family: ${he};
|
|
171
|
+
font-size: ${pe};
|
|
172
|
+
font-weight: ${de};
|
|
173
|
+
letter-spacing: ${fe};
|
|
174
|
+
line-height: ${ue};
|
|
175
|
+
text-transform: ${be};
|
|
173
176
|
}
|
|
174
|
-
|
|
175
177
|
`,Te=g`
|
|
176
|
-
.ft-typography--
|
|
177
|
-
font-family: ${
|
|
178
|
-
font-size: ${
|
|
179
|
-
font-weight: ${
|
|
180
|
-
letter-spacing: ${
|
|
181
|
-
line-height: ${
|
|
182
|
-
text-transform: ${$e
|
|
178
|
+
.ft-typography--subtitle2 {
|
|
179
|
+
font-family: ${ve};
|
|
180
|
+
font-size: ${ge};
|
|
181
|
+
font-weight: ${xe};
|
|
182
|
+
letter-spacing: ${ye};
|
|
183
|
+
line-height: ${me};
|
|
184
|
+
text-transform: ${$e};
|
|
183
185
|
}
|
|
186
|
+
|
|
184
187
|
`,_e=g`
|
|
185
|
-
.ft-typography--
|
|
188
|
+
.ft-typography--body1 {
|
|
186
189
|
font-family: ${we.fontFamily};
|
|
187
190
|
font-size: ${we.fontSize};
|
|
188
191
|
font-weight: ${we.fontWeight};
|
|
@@ -191,7 +194,7 @@ const _t=Symbol.for(""),Ht=t=>{if((null==t?void 0:t.r)===_t)return null==t?void
|
|
|
191
194
|
text-transform: ${we.textTransform};
|
|
192
195
|
}
|
|
193
196
|
`,He=g`
|
|
194
|
-
.ft-typography--
|
|
197
|
+
.ft-typography--body2 {
|
|
195
198
|
font-family: ${ke.fontFamily};
|
|
196
199
|
font-size: ${ke.fontSize};
|
|
197
200
|
font-weight: ${ke.fontWeight};
|
|
@@ -200,50 +203,59 @@ const _t=Symbol.for(""),Ht=t=>{if((null==t?void 0:t.r)===_t)return null==t?void
|
|
|
200
203
|
text-transform: ${ke.textTransform};
|
|
201
204
|
}
|
|
202
205
|
`,Ze=g`
|
|
203
|
-
.ft-typography--
|
|
204
|
-
font-family: ${Se};
|
|
205
|
-
font-size: ${
|
|
206
|
-
font-weight: ${
|
|
207
|
-
letter-spacing: ${
|
|
208
|
-
line-height: ${
|
|
209
|
-
text-transform: ${
|
|
206
|
+
.ft-typography--caption {
|
|
207
|
+
font-family: ${Se.fontFamily};
|
|
208
|
+
font-size: ${Se.fontSize};
|
|
209
|
+
font-weight: ${Se.fontWeight};
|
|
210
|
+
letter-spacing: ${Se.letterSpacing};
|
|
211
|
+
line-height: ${Se.lineHeight};
|
|
212
|
+
text-transform: ${Se.textTransform};
|
|
210
213
|
}
|
|
211
214
|
`,Ke=g`
|
|
212
|
-
.ft-typography--
|
|
213
|
-
font-family: ${
|
|
214
|
-
font-size: ${
|
|
215
|
-
font-weight: ${
|
|
216
|
-
letter-spacing: ${
|
|
217
|
-
line-height: ${
|
|
218
|
-
text-transform: ${
|
|
215
|
+
.ft-typography--breadcrumb {
|
|
216
|
+
font-family: ${Oe};
|
|
217
|
+
font-size: ${Ce};
|
|
218
|
+
font-weight: ${Ee};
|
|
219
|
+
letter-spacing: ${ze};
|
|
220
|
+
line-height: ${Be};
|
|
221
|
+
text-transform: ${Me};
|
|
219
222
|
}
|
|
220
223
|
`,We=g`
|
|
221
|
-
.ft-typography--
|
|
222
|
-
font-family: ${
|
|
223
|
-
font-size: ${
|
|
224
|
-
font-weight: ${
|
|
225
|
-
letter-spacing: ${
|
|
226
|
-
line-height: ${
|
|
227
|
-
text-transform: ${Ie
|
|
224
|
+
.ft-typography--overline {
|
|
225
|
+
font-family: ${Ne};
|
|
226
|
+
font-size: ${Fe};
|
|
227
|
+
font-weight: ${Re};
|
|
228
|
+
letter-spacing: ${Le};
|
|
229
|
+
line-height: ${De};
|
|
230
|
+
text-transform: ${Ie};
|
|
228
231
|
}
|
|
229
232
|
`,Ve=g`
|
|
233
|
+
.ft-typography--button {
|
|
234
|
+
font-family: ${je.fontFamily};
|
|
235
|
+
font-size: ${je.fontSize};
|
|
236
|
+
font-weight: ${je.fontWeight};
|
|
237
|
+
letter-spacing: ${je.letterSpacing};
|
|
238
|
+
line-height: ${je.lineHeight};
|
|
239
|
+
text-transform: ${je.textTransform};
|
|
240
|
+
}
|
|
241
|
+
`,qe=g`
|
|
230
242
|
.ft-typography {
|
|
231
243
|
vertical-align: inherit;
|
|
232
244
|
}
|
|
233
|
-
`;var
|
|
234
|
-
<${
|
|
245
|
+
`;var Je=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 Xe extends xt{constructor(){super(...arguments),this.variant=qt.body1}render(){return this.element?Vt`
|
|
246
|
+
<${Kt(this.element)}
|
|
235
247
|
class="ft-typography ft-typography--${this.variant}">
|
|
236
248
|
<slot></slot>
|
|
237
|
-
</${
|
|
238
|
-
`:
|
|
249
|
+
</${Kt(this.element)}>
|
|
250
|
+
`:Vt`
|
|
239
251
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
240
|
-
`}}function
|
|
252
|
+
`}}function Ye(t,e){return t.flatMap((t=>[t,...Ye(e(t),e)]))}function Qe(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function Ge(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>Ge(e,t.selected))),value:t.value}}function ti(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>Ge(t,!1)))}}Xe.styles=[Pe,Ue,Ae,Te,_e,He,Ze,Ke,We,Ve,qe],Je([o()],Xe.prototype,"element",void 0),Je([o()],Xe.prototype,"variant",void 0),h("ft-typography")(Xe);
|
|
241
253
|
/**
|
|
242
254
|
* @license
|
|
243
255
|
* Copyright 2018 Google LLC
|
|
244
256
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
245
257
|
*/
|
|
246
|
-
const
|
|
258
|
+
const ei=zt(class extends Bt{constructor(t){var e;if(super(t),t.type!==Ct||"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.nt){this.nt=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.nt.add(t);return this.render(e)}const s=t.element.classList;this.nt.forEach((t=>{t in e||(s.remove(t),this.nt.delete(t))}));for(const t in e){const i=!!e[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(s.add(t),this.nt.add(t)):(s.remove(t),this.nt.delete(t)))}return V}}),ii=ut.extend("--ft-ripple-color",vt.colorContent),oi={color:ii,backgroundColor:ut.extend("--ft-ripple-background-color",ii),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")},si=ut.extend("--ft-ripple-color",vt.colorPrimary),ni=si,ri=ut.extend("--ft-ripple-background-color",si),li=ut.extend("--ft-ripple-color",vt.colorSecondary),ai=li,ci=ut.extend("--ft-ripple-background-color",li),hi=g`
|
|
247
259
|
:host {
|
|
248
260
|
display: contents;
|
|
249
261
|
}
|
|
@@ -265,27 +277,27 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
265
277
|
}
|
|
266
278
|
|
|
267
279
|
.ft-ripple .ft-ripple--background {
|
|
268
|
-
background-color: ${
|
|
280
|
+
background-color: ${oi.backgroundColor};
|
|
269
281
|
}
|
|
270
282
|
|
|
271
283
|
.ft-ripple .ft-ripple--effect {
|
|
272
|
-
background-color: ${
|
|
284
|
+
background-color: ${oi.color};
|
|
273
285
|
}
|
|
274
286
|
|
|
275
287
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
276
|
-
background-color: ${
|
|
288
|
+
background-color: ${ci};
|
|
277
289
|
}
|
|
278
290
|
|
|
279
291
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
280
|
-
background-color: ${
|
|
292
|
+
background-color: ${ai};
|
|
281
293
|
}
|
|
282
294
|
|
|
283
295
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
284
|
-
background-color: ${
|
|
296
|
+
background-color: ${ri};
|
|
285
297
|
}
|
|
286
298
|
|
|
287
299
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
288
|
-
background-color: ${
|
|
300
|
+
background-color: ${ni};
|
|
289
301
|
}
|
|
290
302
|
|
|
291
303
|
.ft-ripple .ft-ripple--background {
|
|
@@ -317,22 +329,22 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
317
329
|
}
|
|
318
330
|
|
|
319
331
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
320
|
-
opacity: ${
|
|
332
|
+
opacity: ${oi.opacityContentOnSurfaceHover};
|
|
321
333
|
}
|
|
322
334
|
|
|
323
335
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
324
|
-
opacity: ${
|
|
336
|
+
opacity: ${oi.opacityContentOnSurfaceSelected};
|
|
325
337
|
}
|
|
326
338
|
|
|
327
339
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
328
|
-
opacity: ${
|
|
340
|
+
opacity: ${oi.opacityContentOnSurfaceFocused};
|
|
329
341
|
}
|
|
330
342
|
|
|
331
343
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
332
|
-
opacity: ${
|
|
344
|
+
opacity: ${oi.opacityContentOnSurfacePressed};
|
|
333
345
|
transform: translate(-50%, -50%) scale(1);
|
|
334
346
|
}
|
|
335
|
-
`;var
|
|
347
|
+
`;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};class di 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`
|
|
336
348
|
<style>
|
|
337
349
|
.ft-ripple .ft-ripple--effect,
|
|
338
350
|
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
@@ -345,11 +357,11 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
345
357
|
top: ${this.originY}px;
|
|
346
358
|
}
|
|
347
359
|
</style>
|
|
348
|
-
<div class="${
|
|
360
|
+
<div class="${ei(t)}">
|
|
349
361
|
<div class="ft-ripple--background"></div>
|
|
350
362
|
<div class="ft-ripple--effect"></div>
|
|
351
363
|
</div>
|
|
352
|
-
`}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()}}
|
|
364
|
+
`}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()}}di.elementDefinitions={},di.styles=hi,pi([o({type:Boolean})],di.prototype,"primary",void 0),pi([o({type:Boolean})],di.prototype,"secondary",void 0),pi([o({type:Boolean})],di.prototype,"unbounded",void 0),pi([o({type:Boolean})],di.prototype,"activated",void 0),pi([o({type:Boolean})],di.prototype,"selected",void 0),pi([o({type:Boolean})],di.prototype,"disabled",void 0),pi([s()],di.prototype,"hovered",void 0),pi([s()],di.prototype,"focused",void 0),pi([s()],di.prototype,"pressed",void 0),pi([s()],di.prototype,"rippling",void 0),pi([s()],di.prototype,"rippleSize",void 0),pi([s()],di.prototype,"originX",void 0),pi([s()],di.prototype,"originY",void 0),pi([r(".ft-ripple")],di.prototype,"ripple",void 0),pi([r(".ft-ripple--effect")],di.prototype,"rippleEffect",void 0),h("ft-ripple")(di);const fi={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"),maxWidth:ut.create("--ft-tooltip-max-width","SIZE","150px")},ui=g`
|
|
353
365
|
.ft-tooltip--container {
|
|
354
366
|
display: block;
|
|
355
367
|
position: relative;
|
|
@@ -365,23 +377,23 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
365
377
|
box-sizing: border-box;
|
|
366
378
|
overflow: hidden;
|
|
367
379
|
width: max-content;
|
|
368
|
-
max-width: ${
|
|
380
|
+
max-width: ${fi.maxWidth};
|
|
369
381
|
text-align: center;
|
|
370
|
-
padding: ${
|
|
371
|
-
z-index: ${
|
|
382
|
+
padding: ${fi.distance};
|
|
383
|
+
z-index: ${fi.zIndex};
|
|
372
384
|
}
|
|
373
385
|
|
|
374
386
|
.ft-tooltip--content {
|
|
375
387
|
padding: 4px 8px;
|
|
376
|
-
border-radius: ${
|
|
377
|
-
background-color: ${
|
|
378
|
-
color: ${
|
|
388
|
+
border-radius: ${fi.borderRadiusS};
|
|
389
|
+
background-color: ${fi.backgroundColor};
|
|
390
|
+
color: ${fi.color};
|
|
379
391
|
top: -500px;
|
|
380
392
|
left: -500px;
|
|
381
393
|
position: relative;
|
|
382
394
|
word-break: break-word;
|
|
383
395
|
}
|
|
384
|
-
`;var
|
|
396
|
+
`;var bi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class vi 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`
|
|
385
397
|
<div part="container"
|
|
386
398
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
387
399
|
@mouseenter=${this.onHover}
|
|
@@ -397,7 +409,7 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
397
409
|
</div>
|
|
398
410
|
<slot></slot>
|
|
399
411
|
</div>
|
|
400
|
-
`}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;let s=0,n=0;switch(this.position){case"top":n=-this.tooltip.clientHeight,s=o;break;case"bottom":n=e.height,s=o;break;case"left":n=i,s=-this.tooltip.clientWidth;break;case"right":n=i,s=e.width}e.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-e.left),e.left+s<0&&(s=0);const r=this.tooltip.style;r.left=s+"px",r.top=n+"px",r.maxWidth=`max(${e.width}px, ${
|
|
412
|
+
`}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;let s=0,n=0;switch(this.position){case"top":n=-this.tooltip.clientHeight,s=o;break;case"bottom":n=e.height,s=o;break;case"left":n=i,s=-this.tooltip.clientWidth;break;case"right":n=i,s=e.width}e.left+s+this.tooltip.clientWidth>window.innerWidth&&(s=window.innerWidth-this.tooltip.clientWidth-e.left),e.left+s<0&&(s=0);const r=this.tooltip.style;r.left=s+"px",r.top=n+"px",r.maxWidth=`max(${e.width}px, ${fi.maxWidth})`}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}vi.elementDefinitions={"ft-typography":Xe},vi.styles=ui,bi([o()],vi.prototype,"text",void 0),bi([o({type:Boolean})],vi.prototype,"manual",void 0),bi([o({type:Boolean})],vi.prototype,"inline",void 0),bi([o({type:Number})],vi.prototype,"delay",void 0),bi([o()],vi.prototype,"position",void 0),bi([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)],vi.prototype,"slotNodes",void 0),bi([r(".ft-tooltip--container")],vi.prototype,"container",void 0),bi([r("slot")],vi.prototype,"target",void 0),bi([r(".ft-tooltip")],vi.prototype,"tooltip",void 0),bi([r(".ft-tooltip--content")],vi.prototype,"tooltipContent",void 0),bi([s()],vi.prototype,"visible",void 0),h("ft-tooltip")(vi);const gi={color:ut.extend("--ft-loader-color",vt.colorPrimary),size:ut.create("--ft-loader-size","SIZE","80px")},xi=g`
|
|
401
413
|
:host {
|
|
402
414
|
line-height: 0;
|
|
403
415
|
}
|
|
@@ -406,8 +418,8 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
406
418
|
display: inline-block;
|
|
407
419
|
position: relative;
|
|
408
420
|
|
|
409
|
-
width: ${
|
|
410
|
-
height: ${
|
|
421
|
+
width: ${gi.size};
|
|
422
|
+
height: ${gi.size};
|
|
411
423
|
}
|
|
412
424
|
|
|
413
425
|
.ft-loader div {
|
|
@@ -416,7 +428,7 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
416
428
|
width: 25%;
|
|
417
429
|
height: 25%;
|
|
418
430
|
border-radius: 50%;
|
|
419
|
-
background: ${
|
|
431
|
+
background: ${gi.color};
|
|
420
432
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
421
433
|
}
|
|
422
434
|
|
|
@@ -463,35 +475,35 @@ const ti=Et(class extends zt{constructor(t){var e;if(super(t),t.type!==Ot||"clas
|
|
|
463
475
|
transform: translate(0, 0);
|
|
464
476
|
}
|
|
465
477
|
100% {
|
|
466
|
-
transform: translate(calc(0.35 * ${
|
|
478
|
+
transform: translate(calc(0.35 * ${gi.size}), 0);
|
|
467
479
|
}
|
|
468
480
|
}
|
|
469
|
-
`;class
|
|
481
|
+
`;class yi extends xt{render(){return W`
|
|
470
482
|
<div class="ft-loader">
|
|
471
483
|
<div></div>
|
|
472
484
|
<div></div>
|
|
473
485
|
<div></div>
|
|
474
486
|
<div></div>
|
|
475
487
|
</div>
|
|
476
|
-
`}}
|
|
488
|
+
`}}yi.styles=xi,h("ft-loader")(yi);
|
|
477
489
|
/**
|
|
478
490
|
* @license
|
|
479
491
|
* Copyright 2017 Google LLC
|
|
480
492
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
481
493
|
*/
|
|
482
|
-
class
|
|
494
|
+
class mi extends Bt{constructor(t){if(super(t),this.it=q,t.type!==Et)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===q||null==t)return this._t=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._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}mi.directiveName="unsafeHTML",mi.resultType=1;const $i=zt(mi);var wi,ki;!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=""}(wi||(wi={})),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=""}(ki||(ki={}));const Si=new Map([...["abw"].map((t=>[t,ki.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,ki.AUDIO])),...["avi"].map((t=>[t,ki.AVI])),...["chm","xhs"].map((t=>[t,ki.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,ki.CODE])),...["csv"].map((t=>[t,ki.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,ki.DITA])),...["epub"].map((t=>[t,ki.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,ki.EXCEL])),...["flac"].map((t=>[t,ki.FLAC])),...["gif"].map((t=>[t,ki.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,ki.GZIP])),...["html","htm","xhtml"].map((t=>[t,ki.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,ki.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,ki.JPEG])),...["json"].map((t=>[t,ki.JSON])),...["m4a","m4p"].map((t=>[t,ki.M4A])),...["mov","qt"].map((t=>[t,ki.MOV])),...["mp3"].map((t=>[t,ki.MP3])),...["mp4","m4v"].map((t=>[t,ki.MP4])),...["ogg","oga"].map((t=>[t,ki.OGG])),...["pdf","ps"].map((t=>[t,ki.PDF])),...["png"].map((t=>[t,ki.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,ki.POWERPOINT])),...["rar"].map((t=>[t,ki.RAR])),...["stp"].map((t=>[t,ki.STP])),...["txt","rtf","md","mdown"].map((t=>[t,ki.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,ki.VIDEO])),...["wav"].map((t=>[t,ki.WAV])),...["wma"].map((t=>[t,ki.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,ki.WORD])),...["xml","xsl","rdf"].map((t=>[t,ki.XML])),...["yaml","yml","x-yaml"].map((t=>[t,ki.YAML])),...["zip"].map((t=>[t,ki.ZIP]))]),Oi=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"]]);const Ci={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")),verticalAlign:ut.create("--ft-icon-vertical-align","UNKNOWN","unset")},Ei=g`
|
|
483
495
|
:host {
|
|
484
496
|
display: inline-block;
|
|
485
497
|
}
|
|
486
498
|
|
|
487
499
|
:host, i.ft-icon {
|
|
488
|
-
width: ${
|
|
489
|
-
height: ${
|
|
500
|
+
width: ${Ci.size};
|
|
501
|
+
height: ${Ci.size};
|
|
490
502
|
text-align: center;
|
|
491
503
|
}
|
|
492
504
|
|
|
493
505
|
i.ft-icon {
|
|
494
|
-
font-size: ${
|
|
506
|
+
font-size: ${Ci.size};
|
|
495
507
|
line-height: 1;
|
|
496
508
|
font-weight: normal;
|
|
497
509
|
text-transform: none;
|
|
@@ -502,26 +514,26 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
502
514
|
text-rendering: auto;
|
|
503
515
|
-webkit-font-smoothing: antialiased;
|
|
504
516
|
-moz-osx-font-smoothing: grayscale;
|
|
505
|
-
vertical-align: ${
|
|
517
|
+
vertical-align: ${Ci.verticalAlign};
|
|
506
518
|
}
|
|
507
519
|
|
|
508
520
|
.ft-icon--fluid-topics {
|
|
509
|
-
font-family: ${
|
|
521
|
+
font-family: ${Ci.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
510
522
|
}
|
|
511
523
|
|
|
512
524
|
.ft-icon--file-format {
|
|
513
|
-
font-family: ${
|
|
525
|
+
font-family: ${Ci.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
514
526
|
}
|
|
515
527
|
|
|
516
528
|
.ft-icon--material {
|
|
517
|
-
font-family: ${
|
|
529
|
+
font-family: ${Ci.materialFontFamily}, "Material Icons", sans-serif;
|
|
518
530
|
}
|
|
519
|
-
`;var
|
|
531
|
+
`;var zi;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(zi||(zi={}));var Bi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Mi extends xt{constructor(){super(...arguments),this.variant=zi.fluid_topics,this.resolvedIcon=q}render(){const t="material"!==this.variant||this.value;return W`
|
|
520
532
|
<i class="ft-icon ${"ft-icon--"+this.variant}">
|
|
521
|
-
${
|
|
533
|
+
${$i(this.resolvedIcon)}
|
|
522
534
|
<slot ?hidden=${t}></slot>
|
|
523
535
|
</i>
|
|
524
|
-
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case
|
|
536
|
+
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case zi.file_format:this.resolvedIcon=null!==(t=ki[i.toUpperCase()])&&void 0!==t?t:i;break;case zi.fluid_topics:this.resolvedIcon=null!==(e=wi[i.toUpperCase()])&&void 0!==e?e:i;break;default:this.resolvedIcon=this.value||q}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}Mi.elementDefinitions={},Mi.styles=Ei,Bi([o()],Mi.prototype,"variant",void 0),Bi([o()],Mi.prototype,"value",void 0),Bi([s()],Mi.prototype,"resolvedIcon",void 0),Bi([r("slot")],Mi.prototype,"slottedContent",void 0),h("ft-icon")(Mi);const Ni=ut.extend("--ft-button-color",vt.colorPrimary),Fi={backgroundColor:ut.extend("--ft-button-background-color",vt.colorSurface),borderRadius:ut.extend("--ft-button-border-radius",vt.borderRadiusL),color:Ni,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",Ni),opacityDisabled:ut.external(vt.colorOpacityDisabled,"Design system")},Ri=ut.extend("--ft-button-primary-color",ut.extend("--ft-button-color",vt.colorOnPrimary)),Li={backgroundColor:ut.extend("--ft-button-primary-background-color",ut.extend("--ft-button-background-color",vt.colorPrimary)),color:Ri,rippleColor:ut.extend("--ft-button-primary-ripple-color",Ri)},Di=ut.extend("--ft-button-dense-border-radius",ut.extend("--ft-button-border-radius",vt.borderRadiusM)),Ii=[yt,g`
|
|
525
537
|
:host {
|
|
526
538
|
display: inline-block;
|
|
527
539
|
max-width: 100%;
|
|
@@ -532,7 +544,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
532
544
|
box-shadow: 0px 0px 0px transparent;
|
|
533
545
|
border: 0px solid transparent;
|
|
534
546
|
text-shadow: 0px 0px 0px transparent;
|
|
535
|
-
font-size: ${
|
|
547
|
+
font-size: ${Fi.fontSize};
|
|
536
548
|
}
|
|
537
549
|
|
|
538
550
|
button:hover {
|
|
@@ -561,17 +573,17 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
561
573
|
border: none;
|
|
562
574
|
pointer-events: auto;
|
|
563
575
|
|
|
564
|
-
--ft-button-internal-line-height: calc(${
|
|
565
|
-
--ft-button-internal-color: ${
|
|
566
|
-
${bt(
|
|
576
|
+
--ft-button-internal-line-height: calc(${Fi.fontSize} + 2px);
|
|
577
|
+
--ft-button-internal-color: ${Fi.color};
|
|
578
|
+
${bt(Ci.size,Fi.iconSize)};
|
|
567
579
|
--ft-button-internal-vertical-padding: 6px;
|
|
568
580
|
--ft-button-internal-horizontal-padding: 8px;
|
|
569
|
-
${bt(
|
|
570
|
-
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${
|
|
581
|
+
${bt(oi.color,Fi.rippleColor)};
|
|
582
|
+
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Fi.iconSize});
|
|
571
583
|
|
|
572
|
-
border-radius: ${
|
|
584
|
+
border-radius: ${Fi.borderRadius};
|
|
573
585
|
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
574
|
-
background-color: ${
|
|
586
|
+
background-color: ${Fi.backgroundColor};
|
|
575
587
|
color: var(--ft-button-internal-color);
|
|
576
588
|
-webkit-mask-image: radial-gradient(white, black);
|
|
577
589
|
}
|
|
@@ -583,7 +595,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
583
595
|
.ft-button--dense {
|
|
584
596
|
--ft-button-internal-vertical-padding: 2px;
|
|
585
597
|
--ft-button-internal-horizontal-padding: 4px;
|
|
586
|
-
border-radius: ${
|
|
598
|
+
border-radius: ${Di};
|
|
587
599
|
}
|
|
588
600
|
|
|
589
601
|
.ft-button--round {
|
|
@@ -592,13 +604,13 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
592
604
|
|
|
593
605
|
.ft-button[disabled] {
|
|
594
606
|
filter: grayscale(1);
|
|
595
|
-
opacity: ${
|
|
607
|
+
opacity: ${Fi.opacityDisabled};
|
|
596
608
|
}
|
|
597
609
|
|
|
598
610
|
.ft-button.ft-button--primary {
|
|
599
|
-
background-color: ${
|
|
600
|
-
--ft-button-internal-color: ${
|
|
601
|
-
${bt(
|
|
611
|
+
background-color: ${Li.backgroundColor};
|
|
612
|
+
--ft-button-internal-color: ${Li.color};
|
|
613
|
+
${bt(oi.color,Li.rippleColor)};
|
|
602
614
|
}
|
|
603
615
|
|
|
604
616
|
.ft-button.ft-button--outlined {
|
|
@@ -617,8 +629,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
617
629
|
text-overflow: ellipsis;
|
|
618
630
|
display: block;
|
|
619
631
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
620
|
-
${bt(
|
|
621
|
-
${bt(
|
|
632
|
+
${bt(je.fontSize,"1em")};
|
|
633
|
+
${bt(je.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
622
634
|
}
|
|
623
635
|
|
|
624
636
|
.ft-button--safari-fix .ft-button--label {
|
|
@@ -651,12 +663,12 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
651
663
|
}
|
|
652
664
|
|
|
653
665
|
ft-loader {
|
|
654
|
-
${bt(
|
|
655
|
-
${bt(
|
|
666
|
+
${bt(gi.size,Fi.iconSize)};
|
|
667
|
+
${bt(gi.color,"var(--ft-button-internal-color)")};
|
|
656
668
|
}
|
|
657
|
-
`];var
|
|
669
|
+
`];var ji=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 Pi 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.iconVariant=zi.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}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":Ot,"ft-no-text-select":!0};return this.addTooltipIfNeeded(W`
|
|
658
670
|
<button part="button"
|
|
659
|
-
class="${
|
|
671
|
+
class="${ei(t)}"
|
|
660
672
|
aria-label="${this.getLabel()}"
|
|
661
673
|
?disabled=${this.isDisabled()}>
|
|
662
674
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
@@ -676,14 +688,14 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
676
688
|
</ft-tooltip>
|
|
677
689
|
`}resolveIcon(){return this.loading?W`
|
|
678
690
|
<ft-loader></ft-loader> `:this.icon?W`
|
|
679
|
-
<ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}
|
|
691
|
+
<ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Pi.elementDefinitions={"ft-ripple":di,"ft-tooltip":vi,"ft-typography":Xe,"ft-icon":Mi,"ft-loader":yi},Pi.styles=Ii,ji([o({type:Boolean})],Pi.prototype,"primary",void 0),ji([o({type:Boolean})],Pi.prototype,"outlined",void 0),ji([o({type:Boolean})],Pi.prototype,"disabled",void 0),ji([o({type:Boolean})],Pi.prototype,"dense",void 0),ji([o({type:Boolean})],Pi.prototype,"round",void 0),ji([o({type:String})],Pi.prototype,"label",void 0),ji([o({type:String})],Pi.prototype,"icon",void 0),ji([o({type:String})],Pi.prototype,"iconVariant",void 0),ji([o({type:Boolean})],Pi.prototype,"trailingIcon",void 0),ji([o({type:Boolean})],Pi.prototype,"loading",void 0),ji([o({type:String})],Pi.prototype,"tooltipPosition",void 0),ji([o({type:Boolean})],Pi.prototype,"hideTooltip",void 0),ji([r(".ft-button")],Pi.prototype,"button",void 0),ji([r(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),h("ft-button")(Pi);const Ui=ut.extend("--ft-checkbox-text-color",vt.colorOnSurfaceHigh),Ai=ut.external(vt.colorPrimary,"Design system"),Ti=ut.external(vt.colorOnPrimary,"Design system"),_i=ut.extend("--ft-checkbox-border-color",vt.colorOnSurfaceMedium),Hi=ut.external(vt.colorOnSurfaceDisabled,"Design system"),Zi=g`
|
|
680
692
|
* {
|
|
681
693
|
box-sizing: border-box;
|
|
682
694
|
}
|
|
683
695
|
|
|
684
696
|
.ft-checkbox {
|
|
685
697
|
box-sizing: border-box;
|
|
686
|
-
color: ${
|
|
698
|
+
color: ${Ui};
|
|
687
699
|
|
|
688
700
|
display: inline-flex;
|
|
689
701
|
align-items: center;
|
|
@@ -691,7 +703,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
691
703
|
}
|
|
692
704
|
|
|
693
705
|
.ft-checkbox--disabled {
|
|
694
|
-
color: ${
|
|
706
|
+
color: ${Hi};
|
|
695
707
|
}
|
|
696
708
|
|
|
697
709
|
input {
|
|
@@ -715,26 +727,26 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
715
727
|
|
|
716
728
|
.ft-checkbox--box {
|
|
717
729
|
display: flex;
|
|
718
|
-
border: 2px solid ${
|
|
730
|
+
border: 2px solid ${_i};
|
|
719
731
|
border-radius: 2px;
|
|
720
732
|
|
|
721
733
|
width: 18px;
|
|
722
734
|
height: 18px;
|
|
723
735
|
|
|
724
|
-
color: ${
|
|
736
|
+
color: ${Ti};
|
|
725
737
|
}
|
|
726
738
|
|
|
727
739
|
|
|
728
740
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
729
741
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
730
|
-
border-color: ${
|
|
731
|
-
background-color: ${
|
|
742
|
+
border-color: ${Ai};
|
|
743
|
+
background-color: ${Ai};
|
|
732
744
|
}
|
|
733
745
|
|
|
734
746
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
735
|
-
border-color: ${
|
|
747
|
+
border-color: ${Hi};
|
|
736
748
|
background-color: transparent;
|
|
737
|
-
color: ${
|
|
749
|
+
color: ${Hi};
|
|
738
750
|
}
|
|
739
751
|
|
|
740
752
|
.ft-checkbox--checkmark {
|
|
@@ -753,8 +765,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
753
765
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
754
766
|
opacity: 1;
|
|
755
767
|
}
|
|
756
|
-
`;var
|
|
757
|
-
<label class="${
|
|
768
|
+
`;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="",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`
|
|
769
|
+
<label class="${ei(t)}" for="checkbox-input">
|
|
758
770
|
<div class="ft-checkbox--box-container">
|
|
759
771
|
<ft-ripple
|
|
760
772
|
?disabled=${this.disabled}
|
|
@@ -779,14 +791,14 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
779
791
|
<slot></slot>
|
|
780
792
|
</ft-typography>
|
|
781
793
|
</label>
|
|
782
|
-
`}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)}}
|
|
794
|
+
`}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)}}Wi.elementDefinitions={"ft-ripple":di,"ft-typography":Xe},Wi.styles=Zi,Ki([o()],Wi.prototype,"name",void 0),Ki([o({type:Boolean,reflect:!0})],Wi.prototype,"checked",void 0),Ki([o({type:Boolean})],Wi.prototype,"indeterminate",void 0),Ki([o({type:Boolean})],Wi.prototype,"disabled",void 0),Ki([r(".ft-checkbox")],Wi.prototype,"container",void 0),Ki([r("ft-ripple")],Wi.prototype,"ripple",void 0),h("ft-checkbox")(Wi);const Vi=ut.extend("--ft-radio-text-color",vt.colorOnSurfaceHigh),qi=ut.external(vt.colorPrimary,"Design system"),Ji=(ut.external(vt.colorOnPrimary,"Design system"),ut.extend("--ft-radio-border-color",vt.colorOnSurfaceMedium)),Xi=ut.external(vt.colorOnSurfaceDisabled,"Design system"),Yi=g`
|
|
783
795
|
* {
|
|
784
796
|
box-sizing: border-box;
|
|
785
797
|
}
|
|
786
798
|
|
|
787
799
|
.ft-radio {
|
|
788
800
|
box-sizing: border-box;
|
|
789
|
-
color: ${
|
|
801
|
+
color: ${Vi};
|
|
790
802
|
|
|
791
803
|
display: inline-flex;
|
|
792
804
|
align-items: center;
|
|
@@ -794,7 +806,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
794
806
|
}
|
|
795
807
|
|
|
796
808
|
.ft-radio--disabled {
|
|
797
|
-
color: ${
|
|
809
|
+
color: ${Xi};
|
|
798
810
|
}
|
|
799
811
|
|
|
800
812
|
input {
|
|
@@ -817,7 +829,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
817
829
|
}
|
|
818
830
|
|
|
819
831
|
.ft-radio--box {
|
|
820
|
-
border: 2px solid ${
|
|
832
|
+
border: 2px solid ${Ji};
|
|
821
833
|
border-radius: 50%;
|
|
822
834
|
|
|
823
835
|
display: flex;
|
|
@@ -830,7 +842,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
830
842
|
|
|
831
843
|
.ft-radio--box:after {
|
|
832
844
|
content: " ";
|
|
833
|
-
background-color: ${
|
|
845
|
+
background-color: ${qi};
|
|
834
846
|
|
|
835
847
|
border-radius: 50%;
|
|
836
848
|
|
|
@@ -842,7 +854,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
842
854
|
}
|
|
843
855
|
|
|
844
856
|
.ft-radio--checked .ft-radio--box {
|
|
845
|
-
border-color: ${
|
|
857
|
+
border-color: ${qi};
|
|
846
858
|
}
|
|
847
859
|
|
|
848
860
|
|
|
@@ -851,15 +863,15 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
851
863
|
}
|
|
852
864
|
|
|
853
865
|
.ft-radio--disabled .ft-radio--box {
|
|
854
|
-
border-color: ${
|
|
866
|
+
border-color: ${Xi};
|
|
855
867
|
background-color: transparent;
|
|
856
868
|
}
|
|
857
869
|
|
|
858
870
|
.ft-radio--disabled .ft-radio--box:after {
|
|
859
|
-
background-color: ${
|
|
871
|
+
background-color: ${Xi};
|
|
860
872
|
}
|
|
861
|
-
`;var
|
|
862
|
-
<div class="${
|
|
873
|
+
`;var Qi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Gi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class to 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`
|
|
874
|
+
<div class="${ei(t)}">
|
|
863
875
|
<div class="ft-radio--box-container">
|
|
864
876
|
<ft-ripple
|
|
865
877
|
?disabled=${this.disabled}
|
|
@@ -883,17 +895,17 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
883
895
|
</ft-typography>
|
|
884
896
|
</label>
|
|
885
897
|
</div>
|
|
886
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
898
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Gi(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 Gi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}to.elementDefinitions={"ft-ripple":di,"ft-typography":Xe},to.styles=Yi,Qi([o()],to.prototype,"value",void 0),Qi([o()],to.prototype,"name",void 0),Qi([o({type:Boolean,reflect:!0})],to.prototype,"checked",void 0),Qi([o({type:Boolean})],to.prototype,"disabled",void 0),Qi([r(".ft-radio")],to.prototype,"container",void 0),Qi([r("ft-ripple")],to.prototype,"ripple",void 0),Qi([r("input")],to.prototype,"input",void 0);const eo=g`
|
|
887
899
|
:host {
|
|
888
900
|
display: contents;
|
|
889
901
|
}
|
|
890
|
-
`;var
|
|
902
|
+
`;var io=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 oo extends xt{constructor(){super(...arguments),this.name=""}render(){return W`
|
|
891
903
|
<slot @slotchange=${this.onSlotChange}
|
|
892
904
|
@change=${this.onChange}
|
|
893
905
|
@keydown=${this.onKeyDown}
|
|
894
906
|
@focusin=${this.focusCurrentValue}
|
|
895
907
|
></slot>
|
|
896
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}
|
|
908
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}oo.elementDefinitions={},oo.styles=eo,io([o()],oo.prototype,"name",void 0),io([c()],oo.prototype,"radioButtons",void 0),h("ft-radio")(to),h("ft-radio-group")(oo);const so={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")},no=g`
|
|
897
909
|
.ft-filter-level--container {
|
|
898
910
|
display: flex;
|
|
899
911
|
flex-direction: column;
|
|
@@ -907,14 +919,14 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
907
919
|
flex-shrink: 0;
|
|
908
920
|
text-decoration: none;
|
|
909
921
|
position: relative;
|
|
910
|
-
border-radius: ${
|
|
922
|
+
border-radius: ${so.borderRadiusM};
|
|
911
923
|
overflow: hidden;
|
|
912
924
|
display: flex;
|
|
913
925
|
align-items: center;
|
|
914
926
|
padding: 4px 4px;
|
|
915
927
|
gap: 4px;
|
|
916
928
|
cursor: pointer;
|
|
917
|
-
color: ${
|
|
929
|
+
color: ${so.colorOnSurface};
|
|
918
930
|
}
|
|
919
931
|
|
|
920
932
|
.ft-filter-level--go-back:focus {
|
|
@@ -943,7 +955,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
943
955
|
}
|
|
944
956
|
|
|
945
957
|
ft-button {
|
|
946
|
-
${bt(
|
|
958
|
+
${bt(Fi.color,so.colorOnSurface)};
|
|
947
959
|
}
|
|
948
960
|
|
|
949
961
|
ft-radio, ft-checkbox {
|
|
@@ -957,9 +969,9 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
957
969
|
|
|
958
970
|
.ft-filter-level--no-values {
|
|
959
971
|
margin: 10px 0;
|
|
960
|
-
color: ${
|
|
972
|
+
color: ${so.colorOnSurfaceMedium};
|
|
961
973
|
}
|
|
962
|
-
`;var
|
|
974
|
+
`;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 lo 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`
|
|
963
975
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
964
976
|
${null==this.parent?null:W`
|
|
965
977
|
<div tabindex="0"
|
|
@@ -978,7 +990,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
978
990
|
${this.noValuesLabel}
|
|
979
991
|
</ft-typography>
|
|
980
992
|
`:q}
|
|
981
|
-
${
|
|
993
|
+
${jt(e,(t=>t.value),(t=>{var e;return W`
|
|
982
994
|
<div class="ft-filter-level--option" part="options">
|
|
983
995
|
${this.multivalued?this.buildMultiValuedOption(t):this.buildMonoValuedOption(t)}
|
|
984
996
|
${this.preventNavigation||t.selected||0===(null!==(e=t.subOptions)&&void 0!==e?e:[]).length?q:W`
|
|
@@ -1008,7 +1020,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1008
1020
|
data-value="${t.value}"
|
|
1009
1021
|
.checked=${t.selected}
|
|
1010
1022
|
.disabled=${this.disabled}
|
|
1011
|
-
.indeterminate=${
|
|
1023
|
+
.indeterminate=${Ye(null!==(e=t.subOptions)&&void 0!==e?e:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
|
|
1012
1024
|
@change=${e=>this.optionsChanged(e,t)}>
|
|
1013
1025
|
${t.label}
|
|
1014
1026
|
</ft-checkbox>
|
|
@@ -1023,7 +1035,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1023
1035
|
@change=${t=>t.stopPropagation()}>
|
|
1024
1036
|
${t.label}
|
|
1025
1037
|
</ft-radio>
|
|
1026
|
-
`}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}))}}
|
|
1038
|
+
`}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}))}}lo.elementDefinitions={"ft-button":Pi,"ft-ripple":di,"ft-typography":Xe,"ft-checkbox":Wi,"ft-icon":Mi,"ft-radio":to},lo.styles=no,ro([o({type:String})],lo.prototype,"id",void 0),ro([o({type:Object})],lo.prototype,"parent",void 0),ro([o({type:Array})],lo.prototype,"options",void 0),ro([o({type:Boolean})],lo.prototype,"multivalued",void 0),ro([o({type:Boolean})],lo.prototype,"disabled",void 0),ro([o({type:Boolean})],lo.prototype,"hideSelectedOptions",void 0),ro([o({type:Boolean})],lo.prototype,"preventNavigation",void 0),ro([o({type:String})],lo.prototype,"filter",void 0),ro([o({type:String})],lo.prototype,"moreValuesButtonLabel",void 0),ro([o({type:String})],lo.prototype,"noValuesLabel",void 0),ro([o({type:Number})],lo.prototype,"displayedValuesLimit",void 0),ro([r(".ft-filter-level--container")],lo.prototype,"container",void 0),ro([s()],lo.prototype,"displayedPages",void 0);const ao={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")},co=g`
|
|
1027
1039
|
.ft-snap-scroll {
|
|
1028
1040
|
box-sizing: border-box;
|
|
1029
1041
|
position: relative;
|
|
@@ -1058,7 +1070,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1058
1070
|
flex-wrap: nowrap;
|
|
1059
1071
|
align-items: flex-start;
|
|
1060
1072
|
justify-content: flex-start;
|
|
1061
|
-
gap: ${
|
|
1073
|
+
gap: ${ao.gap};
|
|
1062
1074
|
}
|
|
1063
1075
|
|
|
1064
1076
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1101,11 +1113,11 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1101
1113
|
.ft-snap-scroll--next {
|
|
1102
1114
|
position: absolute;
|
|
1103
1115
|
display: flex;
|
|
1104
|
-
z-index: ${
|
|
1116
|
+
z-index: ${ao.buttonsZIndex};
|
|
1105
1117
|
opacity: 1;
|
|
1106
1118
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1107
|
-
${bt(
|
|
1108
|
-
${bt(
|
|
1119
|
+
${bt(Fi.backgroundColor,"transparent")};
|
|
1120
|
+
${bt(Fi.color,ao.buttonsColor)};
|
|
1109
1121
|
}
|
|
1110
1122
|
|
|
1111
1123
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1118,37 +1130,37 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1118
1130
|
top: 0;
|
|
1119
1131
|
left: -1px;
|
|
1120
1132
|
bottom: 0;
|
|
1121
|
-
background: linear-gradient(to right, ${
|
|
1133
|
+
background: linear-gradient(to right, ${ao.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1122
1134
|
}
|
|
1123
1135
|
|
|
1124
1136
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1125
1137
|
top: -1px;
|
|
1126
1138
|
left: 0;
|
|
1127
1139
|
right: 0;
|
|
1128
|
-
background: linear-gradient(to bottom, ${
|
|
1140
|
+
background: linear-gradient(to bottom, ${ao.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1129
1141
|
}
|
|
1130
1142
|
|
|
1131
1143
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1132
1144
|
top: 0;
|
|
1133
1145
|
right: -1px;
|
|
1134
1146
|
bottom: 0;
|
|
1135
|
-
background: linear-gradient(to left, ${
|
|
1147
|
+
background: linear-gradient(to left, ${ao.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1136
1148
|
}
|
|
1137
1149
|
|
|
1138
1150
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1139
1151
|
left: 0;
|
|
1140
1152
|
right: 0;
|
|
1141
1153
|
bottom: -1px;
|
|
1142
|
-
background: linear-gradient(to top, ${
|
|
1154
|
+
background: linear-gradient(to top, ${ao.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1143
1155
|
}
|
|
1144
1156
|
|
|
1145
1157
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1146
1158
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1147
1159
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1148
1160
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1149
|
-
background-color: ${
|
|
1161
|
+
background-color: ${ao.colorSurface};
|
|
1150
1162
|
}
|
|
1151
|
-
`;var
|
|
1163
|
+
`;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 CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class fo 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=ei({"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":Ot}),e=this.controls&&this.withScroll;return W`
|
|
1152
1164
|
<div part="container" class="${t}">
|
|
1153
1165
|
<ft-button
|
|
1154
1166
|
class="ft-snap-scroll--previous"
|
|
@@ -1172,7 +1184,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1172
1184
|
@click=${this.next}
|
|
1173
1185
|
></ft-button>
|
|
1174
1186
|
</div>
|
|
1175
|
-
`}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
|
|
1187
|
+
`}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 po(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)}}fo.elementDefinitions={"ft-button":Pi},fo.styles=co,ho([o({type:Boolean})],fo.prototype,"horizontal",void 0),ho([o({type:Boolean})],fo.prototype,"hideScrollbar",void 0),ho([o({type:Boolean})],fo.prototype,"controls",void 0),ho([o({type:Boolean})],fo.prototype,"limitSize",void 0),ho([s()],fo.prototype,"elements",void 0),ho([s()],fo.prototype,"currentElement",void 0),ho([s()],fo.prototype,"withScroll",void 0),ho([s()],fo.prototype,"startReached",void 0),ho([s()],fo.prototype,"endReached",void 0),ho([r(".ft-snap-scroll--content")],fo.prototype,"contentSlot",void 0),h("ft-snap-scroll")(fo);const uo=ut.external(vt.colorOutline,"Design system"),bo=ut.external(vt.colorOnSurface,"Design system"),vo=ut.external(vt.colorOnSurfaceMedium,"Design system"),go=ut.external(vt.colorPrimary,"Design system"),xo=ut.external(vt.colorSurface,"Design system"),yo=ut.external(vt.transitionDuration,"Design system"),mo=ut.external(vt.transitionTimingFunction,"Design system"),$o=[Ze,g`
|
|
1176
1188
|
:host {
|
|
1177
1189
|
display: flex;
|
|
1178
1190
|
max-height: 100%;
|
|
@@ -1185,7 +1197,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1185
1197
|
flex-direction: column;
|
|
1186
1198
|
max-height: 100%;
|
|
1187
1199
|
max-width: 100%;
|
|
1188
|
-
color: ${
|
|
1200
|
+
color: ${bo};
|
|
1189
1201
|
}
|
|
1190
1202
|
|
|
1191
1203
|
.ft-filter--header {
|
|
@@ -1195,13 +1207,13 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1195
1207
|
flex-shrink: 0;
|
|
1196
1208
|
padding: 0 10px;
|
|
1197
1209
|
margin-bottom: 8px;
|
|
1198
|
-
${bt(
|
|
1210
|
+
${bt(Yt.fontSize,"14px")};
|
|
1199
1211
|
}
|
|
1200
1212
|
|
|
1201
1213
|
.ft-filter--header ft-button {
|
|
1202
1214
|
flex-shrink: 0;
|
|
1203
1215
|
margin-left: auto;
|
|
1204
|
-
${bt(
|
|
1216
|
+
${bt(Fi.iconSize,"18px")};
|
|
1205
1217
|
}
|
|
1206
1218
|
|
|
1207
1219
|
.ft-filter--label {
|
|
@@ -1209,8 +1221,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1209
1221
|
flex-shrink: 1;
|
|
1210
1222
|
flex-grow: 1;
|
|
1211
1223
|
word-break: break-word;
|
|
1212
|
-
${bt(
|
|
1213
|
-
${bt(
|
|
1224
|
+
${bt(Yt.lineHeight,"22px")};
|
|
1225
|
+
${bt(Yt.fontWeight,"bold")};
|
|
1214
1226
|
}
|
|
1215
1227
|
|
|
1216
1228
|
.ft-filter--filter {
|
|
@@ -1221,8 +1233,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1221
1233
|
padding: 0 10px;
|
|
1222
1234
|
overflow: hidden;
|
|
1223
1235
|
height: 32px;
|
|
1224
|
-
transition: height ${
|
|
1225
|
-
margin ${
|
|
1236
|
+
transition: height ${yo} ${mo},
|
|
1237
|
+
margin ${yo} ${mo};
|
|
1226
1238
|
transition-delay: 500ms;
|
|
1227
1239
|
}
|
|
1228
1240
|
|
|
@@ -1235,15 +1247,15 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1235
1247
|
display: block;
|
|
1236
1248
|
width: 100%;
|
|
1237
1249
|
border-radius: 4px;
|
|
1238
|
-
border: 1px solid ${
|
|
1250
|
+
border: 1px solid ${uo};
|
|
1239
1251
|
padding: 4px;
|
|
1240
|
-
background-color: ${
|
|
1241
|
-
color: ${
|
|
1242
|
-
outline-color: ${
|
|
1252
|
+
background-color: ${xo};
|
|
1253
|
+
color: ${bo};
|
|
1254
|
+
outline-color: ${go};
|
|
1243
1255
|
}
|
|
1244
1256
|
|
|
1245
1257
|
input::placeholder {
|
|
1246
|
-
color: ${
|
|
1258
|
+
color: ${vo};
|
|
1247
1259
|
}
|
|
1248
1260
|
|
|
1249
1261
|
.ft-filter--values {
|
|
@@ -1255,7 +1267,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1255
1267
|
}
|
|
1256
1268
|
|
|
1257
1269
|
.ft-filter--separator {
|
|
1258
|
-
border-top: 1px solid ${
|
|
1270
|
+
border-top: 1px solid ${uo};
|
|
1259
1271
|
margin: 4px 10px;
|
|
1260
1272
|
}
|
|
1261
1273
|
|
|
@@ -1280,7 +1292,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1280
1292
|
slot {
|
|
1281
1293
|
display: none;
|
|
1282
1294
|
}
|
|
1283
|
-
`];var
|
|
1295
|
+
`];var wo=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 ko extends CustomEvent{constructor(t){super("change",{detail:t})}}class So 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 Ye(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`
|
|
1284
1296
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1285
1297
|
part="container">
|
|
1286
1298
|
${this.label||i?W`
|
|
@@ -1349,17 +1361,17 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1349
1361
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1350
1362
|
noValuesLabel="${this.noValuesLabel}"
|
|
1351
1363
|
></ft-filter-level>
|
|
1352
|
-
`}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
|
|
1364
|
+
`}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 ko(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)}}So.elementDefinitions={"ft-button":Pi,"ft-filter-level":lo,"ft-snap-scroll":fo,"ft-typography":Xe},So.styles=$o,wo([o({type:String})],So.prototype,"id",void 0),wo([o({type:String})],So.prototype,"label",void 0),wo([o({type:String})],So.prototype,"filterPlaceHolder",void 0),wo([o({type:String})],So.prototype,"clearButtonLabel",void 0),wo([o({type:String})],So.prototype,"moreValuesButtonLabel",void 0),wo([o({type:String})],So.prototype,"noValuesLabel",void 0),wo([p([])],So.prototype,"options",void 0),wo([o({type:Boolean})],So.prototype,"multivalued",void 0),wo([o({type:Boolean})],So.prototype,"disabled",void 0),wo([o({type:Boolean})],So.prototype,"raiseSelectedOptions",void 0),wo([o({type:Number})],So.prototype,"displayedValuesLimit",void 0),wo([r(".ft-filter--slot")],So.prototype,"slotElement",void 0),wo([r(".ft-filter--container")],So.prototype,"container",void 0),wo([r(".ft-filter--values")],So.prototype,"valuesContainer",void 0),wo([r(".ft-filter--levels")],So.prototype,"levelsContainer",void 0),wo([r(".ft-filter--levels ft-filter-level:last-child")],So.prototype,"lastLevel",void 0),wo([r(".ft-filter--filter input")],So.prototype,"filterInput",void 0),wo([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")],So.prototype,"levels",void 0),wo([s()],So.prototype,"withScroll",void 0),wo([s()],So.prototype,"filter",void 0),wo([s()],So.prototype,"slideIn",void 0),wo([s()],So.prototype,"slideOut",void 0);var Oo=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 Co extends xt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return W`
|
|
1353
1365
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1354
|
-
`}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}))}}
|
|
1366
|
+
`}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}))}}Co.elementDefinitions={},Oo([o({type:String})],Co.prototype,"label",void 0),Oo([o({type:Object,converter:t=>t})],Co.prototype,"value",void 0),Oo([o({type:Boolean,reflect:!0})],Co.prototype,"selected",void 0),Oo([o({type:Object})],Co.prototype,"subOptions",void 0),Oo([r(".ft-filter-option--slot")],Co.prototype,"slotElement",void 0),h("ft-filter")(So),h("ft-filter-option")(Co);const Eo=g`
|
|
1355
1367
|
.ft-accordion {
|
|
1356
1368
|
box-sizing: border-box;
|
|
1357
1369
|
}
|
|
1358
|
-
`;var
|
|
1370
|
+
`;var zo=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 Bo extends xt{constructor(){super(...arguments),this.multi=!1}render(){return W`
|
|
1359
1371
|
<div class="ft-accordion">
|
|
1360
1372
|
<slot @activated=${this.onChange}></slot>
|
|
1361
1373
|
</div>
|
|
1362
|
-
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}
|
|
1374
|
+
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}Bo.elementDefinitions={},Bo.styles=Eo,zo([o({type:Boolean})],Bo.prototype,"multi",void 0),zo([r("slot")],Bo.prototype,"content",void 0);const Mo=ut.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),No=ut.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),Fo=ut.external(vt.colorOutline,"Design system"),Ro=g`
|
|
1363
1375
|
.ft-accordion-item {
|
|
1364
1376
|
display: flex;
|
|
1365
1377
|
flex-direction: column;
|
|
@@ -1372,8 +1384,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1372
1384
|
display: flex;
|
|
1373
1385
|
align-items: center;
|
|
1374
1386
|
cursor: pointer;
|
|
1375
|
-
padding: ${
|
|
1376
|
-
gap: calc(${
|
|
1387
|
+
padding: ${No} ${Mo};
|
|
1388
|
+
gap: calc(${Mo} / 2);
|
|
1377
1389
|
outline: none;
|
|
1378
1390
|
}
|
|
1379
1391
|
|
|
@@ -1398,13 +1410,13 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1398
1410
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1399
1411
|
height: initial;
|
|
1400
1412
|
overflow: visible;
|
|
1401
|
-
padding: ${
|
|
1413
|
+
padding: ${No} ${Mo};
|
|
1402
1414
|
}
|
|
1403
1415
|
|
|
1404
1416
|
.ft-accordion-item--separator {
|
|
1405
|
-
border-bottom: 1px solid ${
|
|
1417
|
+
border-bottom: 1px solid ${Fo};
|
|
1406
1418
|
}
|
|
1407
|
-
`;var
|
|
1419
|
+
`;var Lo=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 Do extends xt{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return W`
|
|
1408
1420
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1409
1421
|
<div class="ft-accordion-item--toggle"
|
|
1410
1422
|
part="toggle"
|
|
@@ -1428,7 +1440,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1428
1440
|
</div>
|
|
1429
1441
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1430
1442
|
</div>
|
|
1431
|
-
`}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)}}
|
|
1443
|
+
`}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)}}Do.elementDefinitions={"ft-ripple":di,"ft-typography":Xe,"ft-icon":Mi},Do.styles=Ro,Lo([o({type:String})],Do.prototype,"icon",void 0),Lo([o({type:String})],Do.prototype,"label",void 0),Lo([o({type:Boolean,reflect:!0})],Do.prototype,"active",void 0),h("ft-accordion")(Bo),h("ft-accordion-item")(Do);const Io=ut.extend("--ft-chip-color",vt.colorOnSurface),jo={backgroundColor:ut.extend("--ft-chip-background-color",vt.colorSurface),color:Io,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",Io),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")},Po=ut.extend("--ft-chip-highlighted-color",ut.extend("--ft-chip-color",vt.colorOnPrimary)),Uo={backgroundColor:ut.extend("--ft-chip-highlighted-background-color",ut.extend("--ft-chip-background-color",vt.colorPrimary)),color:Po,rippleColor:ut.extend("--ft-chip-highlighted-ripple-color",Po)},Ao=ut.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),To=ut.create("--ft-chip-dense-vertical-padding","SIZE","4px"),_o=[yt,g`
|
|
1432
1444
|
:host {
|
|
1433
1445
|
display: inline-block;
|
|
1434
1446
|
max-width: 100%;
|
|
@@ -1445,20 +1457,20 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1445
1457
|
box-sizing: border-box;
|
|
1446
1458
|
pointer-events: auto;
|
|
1447
1459
|
|
|
1448
|
-
--ft-chip-internal-font-size: ${
|
|
1460
|
+
--ft-chip-internal-font-size: ${jo.fontSize};
|
|
1449
1461
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1450
|
-
${bt(
|
|
1451
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1452
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1462
|
+
${bt(Ci.size,jo.iconSize)};
|
|
1463
|
+
--ft-chip-internal-vertical-padding: ${jo.verticalPadding};
|
|
1464
|
+
--ft-chip-internal-horizontal-padding: ${jo.horizontalPadding};
|
|
1453
1465
|
--ft-chip-internal-icon-padding: 3px;
|
|
1454
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1466
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${jo.iconSize});
|
|
1455
1467
|
|
|
1456
|
-
border: 1px solid ${
|
|
1457
|
-
color: ${
|
|
1458
|
-
${bt(
|
|
1468
|
+
border: 1px solid ${jo.colorOutline};
|
|
1469
|
+
color: ${jo.color};
|
|
1470
|
+
${bt(oi.color,jo.rippleColor)};
|
|
1459
1471
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1460
1472
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1461
|
-
background-color: ${
|
|
1473
|
+
background-color: ${jo.backgroundColor};
|
|
1462
1474
|
line-height: var(--ft-chip-internal-content-height);
|
|
1463
1475
|
}
|
|
1464
1476
|
|
|
@@ -1468,8 +1480,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1468
1480
|
|
|
1469
1481
|
.ft-chip--dense {
|
|
1470
1482
|
--ft-chip-internal-icon-padding: 3px;
|
|
1471
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1472
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1483
|
+
--ft-chip-internal-vertical-padding: ${To};
|
|
1484
|
+
--ft-chip-internal-horizontal-padding: ${Ao};
|
|
1473
1485
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1474
1486
|
}
|
|
1475
1487
|
|
|
@@ -1481,15 +1493,15 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1481
1493
|
cursor: default;
|
|
1482
1494
|
pointer-events: none;
|
|
1483
1495
|
filter: grayscale(1);
|
|
1484
|
-
opacity: ${
|
|
1496
|
+
opacity: ${jo.opacityDisabled};
|
|
1485
1497
|
}
|
|
1486
1498
|
|
|
1487
1499
|
.ft-chip--highlighted {
|
|
1488
1500
|
border: none;
|
|
1489
1501
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1490
|
-
background-color: ${
|
|
1491
|
-
${bt(
|
|
1492
|
-
color: ${
|
|
1502
|
+
background-color: ${Uo.backgroundColor};
|
|
1503
|
+
${bt(oi.color,Uo.rippleColor)};
|
|
1504
|
+
color: ${Uo.color};
|
|
1493
1505
|
}
|
|
1494
1506
|
|
|
1495
1507
|
.ft-chip--clickable {
|
|
@@ -1522,8 +1534,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1522
1534
|
vertical-align: bottom;
|
|
1523
1535
|
display: block;
|
|
1524
1536
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1525
|
-
${bt(
|
|
1526
|
-
${bt(
|
|
1537
|
+
${bt(ke.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1538
|
+
${bt(ke.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1527
1539
|
}
|
|
1528
1540
|
|
|
1529
1541
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -1558,8 +1570,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1558
1570
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-container {
|
|
1559
1571
|
order: -1;
|
|
1560
1572
|
}
|
|
1561
|
-
`];var
|
|
1562
|
-
<div class="${
|
|
1573
|
+
`];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 Zo extends CustomEvent{constructor(){super("icon-click")}}class Ko 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}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":Ot};return W`
|
|
1574
|
+
<div class="${ei(t)}"
|
|
1563
1575
|
aria-label="${this.getLabel()}"
|
|
1564
1576
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1565
1577
|
@keyup=${this.onKeyUp}>
|
|
@@ -1577,25 +1589,25 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1577
1589
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1578
1590
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1579
1591
|
</div>
|
|
1580
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1592
|
+
`}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)}}Ko.elementDefinitions={"ft-ripple":di,"ft-typography":Xe,"ft-icon":Mi},Ko.styles=_o,Ho([o({type:Boolean})],Ko.prototype,"highlighted",void 0),Ho([o({type:Boolean})],Ko.prototype,"removable",void 0),Ho([o({type:Boolean})],Ko.prototype,"disabled",void 0),Ho([o({type:Boolean})],Ko.prototype,"clickable",void 0),Ho([o({type:Boolean})],Ko.prototype,"iconClickable",void 0),Ho([o({type:Boolean})],Ko.prototype,"dense",void 0),Ho([o({type:Boolean})],Ko.prototype,"multiLine",void 0),Ho([o({type:String})],Ko.prototype,"label",void 0),Ho([o({type:String})],Ko.prototype,"icon",void 0),Ho([o({type:Boolean})],Ko.prototype,"trailingIcon",void 0),Ho([r("ft-typography slot")],Ko.prototype,"slottedContent",void 0),h("ft-chip")(Ko);const Wo={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")},Vo=g`
|
|
1581
1593
|
.ft-input-label {
|
|
1582
1594
|
position: absolute;
|
|
1583
1595
|
inset: 0;
|
|
1584
1596
|
display: flex;
|
|
1585
|
-
background-color: ${
|
|
1586
|
-
border-radius: ${
|
|
1597
|
+
background-color: ${Wo.colorSurface};
|
|
1598
|
+
border-radius: ${Wo.borderRadiusS} ${Wo.borderRadiusS} 0 0;
|
|
1587
1599
|
}
|
|
1588
1600
|
|
|
1589
1601
|
.ft-input-label--outlined {
|
|
1590
|
-
border-radius: ${
|
|
1602
|
+
border-radius: ${Wo.borderRadiusS};
|
|
1591
1603
|
}
|
|
1592
1604
|
|
|
1593
1605
|
.ft-input-label {
|
|
1594
|
-
border-color: ${
|
|
1606
|
+
border-color: ${Wo.borderColor};
|
|
1595
1607
|
}
|
|
1596
1608
|
|
|
1597
1609
|
.ft-input-label.ft-input-label--in-error {
|
|
1598
|
-
border-color: ${
|
|
1610
|
+
border-color: ${Wo.colorError}
|
|
1599
1611
|
}
|
|
1600
1612
|
|
|
1601
1613
|
.ft-input-label:before,
|
|
@@ -1608,7 +1620,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1608
1620
|
}
|
|
1609
1621
|
|
|
1610
1622
|
.ft-input-label:before {
|
|
1611
|
-
width: ${
|
|
1623
|
+
width: ${Wo.horizontalSpacing};
|
|
1612
1624
|
flex-shrink: 0;
|
|
1613
1625
|
}
|
|
1614
1626
|
|
|
@@ -1624,18 +1636,18 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1624
1636
|
border-bottom-width: 1px;
|
|
1625
1637
|
border-bottom-style: solid;
|
|
1626
1638
|
border-color: inherit;
|
|
1627
|
-
color: ${
|
|
1639
|
+
color: ${Wo.textColor};
|
|
1628
1640
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1629
|
-
${bt(
|
|
1630
|
-
${bt(
|
|
1641
|
+
${bt(Se.fontSize,Wo.fontSize)};
|
|
1642
|
+
${bt(Se.lineHeight,Wo.fontSize)};
|
|
1631
1643
|
}
|
|
1632
1644
|
|
|
1633
1645
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1634
|
-
color: ${
|
|
1646
|
+
color: ${Wo.colorError}
|
|
1635
1647
|
}
|
|
1636
1648
|
|
|
1637
1649
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1638
|
-
color: ${
|
|
1650
|
+
color: ${Wo.disabledTextColor};
|
|
1639
1651
|
}
|
|
1640
1652
|
|
|
1641
1653
|
.ft-input-label--hidden-text {
|
|
@@ -1650,17 +1662,17 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1650
1662
|
overflow: hidden;
|
|
1651
1663
|
white-space: nowrap;
|
|
1652
1664
|
text-overflow: ellipsis;
|
|
1653
|
-
padding: ${
|
|
1654
|
-
margin: calc(${
|
|
1665
|
+
padding: ${Wo.verticalSpacing} 4px;
|
|
1666
|
+
margin: calc(${Wo.verticalSpacing} * -1) 0;
|
|
1655
1667
|
}
|
|
1656
1668
|
|
|
1657
1669
|
.ft-input-label--raised .ft-input-label--text {
|
|
1658
|
-
${bt(
|
|
1659
|
-
${bt(
|
|
1670
|
+
${bt(Se.fontSize,Wo.raisedFontSize)};
|
|
1671
|
+
${bt(Se.lineHeight,Wo.raisedFontSize)};
|
|
1660
1672
|
}
|
|
1661
1673
|
|
|
1662
1674
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1663
|
-
top: ${
|
|
1675
|
+
top: ${Wo.verticalSpacing};
|
|
1664
1676
|
}
|
|
1665
1677
|
|
|
1666
1678
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1673,28 +1685,28 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1673
1685
|
.ft-input-label--outlined:before {
|
|
1674
1686
|
border-left-width: 1px;
|
|
1675
1687
|
border-left-style: solid;
|
|
1676
|
-
border-radius: ${
|
|
1688
|
+
border-radius: ${Wo.borderRadiusS} 0 0 ${Wo.borderRadiusS};
|
|
1677
1689
|
}
|
|
1678
1690
|
|
|
1679
1691
|
.ft-input-label--outlined:after {
|
|
1680
1692
|
border-right-width: 1px;
|
|
1681
1693
|
border-right-style: solid;
|
|
1682
|
-
border-radius: 0 ${
|
|
1694
|
+
border-radius: 0 ${Wo.borderRadiusS} ${Wo.borderRadiusS} 0;
|
|
1683
1695
|
}
|
|
1684
1696
|
|
|
1685
1697
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1686
1698
|
padding: 2px 4px;
|
|
1687
|
-
z-index: ${
|
|
1688
|
-
background-color: ${
|
|
1689
|
-
border-radius: ${
|
|
1699
|
+
z-index: ${Wo.raisedZIndex};
|
|
1700
|
+
background-color: ${Wo.colorSurface};
|
|
1701
|
+
border-radius: ${Wo.borderRadiusS};
|
|
1690
1702
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1691
1703
|
}
|
|
1692
1704
|
|
|
1693
1705
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1694
1706
|
border-top: none;
|
|
1695
1707
|
}
|
|
1696
|
-
`;var
|
|
1697
|
-
<div class="${
|
|
1708
|
+
`;var qo=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 Jo 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`
|
|
1709
|
+
<div class="${ei(t)}">
|
|
1698
1710
|
${this.text?W`
|
|
1699
1711
|
<div class="ft-input-label--text ft-typography--caption">
|
|
1700
1712
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
@@ -1702,7 +1714,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1702
1714
|
</div>
|
|
1703
1715
|
`:null}
|
|
1704
1716
|
</div>
|
|
1705
|
-
`}}
|
|
1717
|
+
`}}Jo.elementDefinitions={},Jo.styles=[Ze,Vo],qo([o({type:String})],Jo.prototype,"text",void 0),qo([o({type:Boolean})],Jo.prototype,"raised",void 0),qo([o({type:Boolean})],Jo.prototype,"outlined",void 0),qo([o({type:Boolean})],Jo.prototype,"disabled",void 0),qo([o({type:Boolean})],Jo.prototype,"error",void 0),h("ft-input-label")(Jo);const Xo={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")},Yo=g`
|
|
1706
1718
|
*:focus {
|
|
1707
1719
|
outline: none;
|
|
1708
1720
|
}
|
|
@@ -1716,7 +1728,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1716
1728
|
.ft-select--main-panel {
|
|
1717
1729
|
position: relative;
|
|
1718
1730
|
display: flex;
|
|
1719
|
-
height: calc(4 * ${
|
|
1731
|
+
height: calc(4 * ${Xo.verticalSpacing} + ${Xo.labelSize} + ${Xo.selectedOptionSize});
|
|
1720
1732
|
}
|
|
1721
1733
|
|
|
1722
1734
|
.ft-select--input-panel {
|
|
@@ -1728,14 +1740,14 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1728
1740
|
padding-left: 16px;
|
|
1729
1741
|
padding-right: 8px;
|
|
1730
1742
|
gap: 8px;
|
|
1731
|
-
color: ${
|
|
1732
|
-
${bt(
|
|
1743
|
+
color: ${Xo.selectedOptionColor};
|
|
1744
|
+
${bt(oi.color,Xo.selectedOptionColor)};
|
|
1733
1745
|
}
|
|
1734
1746
|
|
|
1735
1747
|
.ft-select--input-panel,
|
|
1736
1748
|
.ft-select--option {
|
|
1737
|
-
${bt(
|
|
1738
|
-
${bt(
|
|
1749
|
+
${bt(oi.opacityContentOnSurfaceHover,"0.08")};
|
|
1750
|
+
${bt(oi.opacityContentOnSurfacePressed,"0.04")};
|
|
1739
1751
|
}
|
|
1740
1752
|
|
|
1741
1753
|
.ft-select--input-panel > *:not(ft-ripple),
|
|
@@ -1745,7 +1757,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1745
1757
|
|
|
1746
1758
|
.ft-select--disabled .ft-select--input-panel,
|
|
1747
1759
|
.ft-select--disabled .ft-select--option {
|
|
1748
|
-
color: ${
|
|
1760
|
+
color: ${Xo.colorOnSurfaceDisabled};
|
|
1749
1761
|
}
|
|
1750
1762
|
|
|
1751
1763
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1754,18 +1766,18 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1754
1766
|
}
|
|
1755
1767
|
|
|
1756
1768
|
ft-input-label {
|
|
1757
|
-
${bt(
|
|
1758
|
-
${bt(
|
|
1759
|
-
${bt(
|
|
1769
|
+
${bt(Wo.fontSize,Xo.selectedOptionSize)};
|
|
1770
|
+
${bt(Wo.raisedFontSize,Xo.labelSize)};
|
|
1771
|
+
${bt(Wo.verticalSpacing,Xo.verticalSpacing)};
|
|
1760
1772
|
}
|
|
1761
1773
|
|
|
1762
1774
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1763
|
-
color: ${
|
|
1775
|
+
color: ${Xo.colorPrimary};
|
|
1764
1776
|
}
|
|
1765
1777
|
|
|
1766
1778
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1767
|
-
${bt(
|
|
1768
|
-
${bt(
|
|
1779
|
+
${bt(Wo.borderColor,Xo.colorPrimary)};
|
|
1780
|
+
${bt(Wo.textColor,Xo.colorPrimary)};
|
|
1769
1781
|
}
|
|
1770
1782
|
|
|
1771
1783
|
.ft-select--selected-option {
|
|
@@ -1775,12 +1787,12 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1775
1787
|
overflow: hidden;
|
|
1776
1788
|
white-space: nowrap;
|
|
1777
1789
|
text-overflow: ellipsis;
|
|
1778
|
-
${bt(
|
|
1779
|
-
${bt(
|
|
1790
|
+
${bt(we.fontSize,Xo.selectedOptionSize)};
|
|
1791
|
+
${bt(we.lineHeight,Xo.selectedOptionSize)};
|
|
1780
1792
|
}
|
|
1781
1793
|
|
|
1782
1794
|
.ft-select--in-error .ft-select--selected-option {
|
|
1783
|
-
color: ${
|
|
1795
|
+
color: ${Xo.colorError};
|
|
1784
1796
|
}
|
|
1785
1797
|
|
|
1786
1798
|
ft-icon {
|
|
@@ -1792,16 +1804,16 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1792
1804
|
}
|
|
1793
1805
|
|
|
1794
1806
|
.ft-select--filled .ft-select--input-panel {
|
|
1795
|
-
border-radius: ${
|
|
1807
|
+
border-radius: ${Xo.borderRadiusS} ${Xo.borderRadiusS} 0 0;
|
|
1796
1808
|
}
|
|
1797
1809
|
|
|
1798
1810
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1799
1811
|
align-self: stretch;
|
|
1800
|
-
padding-top: calc(${
|
|
1812
|
+
padding-top: calc(${Xo.labelSize} + 2 * ${Xo.verticalSpacing});
|
|
1801
1813
|
}
|
|
1802
1814
|
|
|
1803
1815
|
.ft-select--outlined .ft-select--input-panel {
|
|
1804
|
-
border-radius: ${
|
|
1816
|
+
border-radius: ${Xo.borderRadiusS};
|
|
1805
1817
|
}
|
|
1806
1818
|
|
|
1807
1819
|
.ft-select--options {
|
|
@@ -1810,10 +1822,10 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1810
1822
|
top: 100%;
|
|
1811
1823
|
left: 0;
|
|
1812
1824
|
right: 0;
|
|
1813
|
-
color: ${
|
|
1814
|
-
background: ${
|
|
1815
|
-
z-index: ${
|
|
1816
|
-
box-shadow: ${
|
|
1825
|
+
color: ${Xo.optionsColor};
|
|
1826
|
+
background: ${Xo.colorSurface};
|
|
1827
|
+
z-index: ${Xo.optionsZIndex};
|
|
1828
|
+
box-shadow: ${Xo.elevation02};
|
|
1817
1829
|
}
|
|
1818
1830
|
|
|
1819
1831
|
.ft-select--fixed .ft-select--options {
|
|
@@ -1824,7 +1836,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1824
1836
|
|
|
1825
1837
|
.ft-select--options-displayed .ft-select--options {
|
|
1826
1838
|
display: block;
|
|
1827
|
-
max-height: ${
|
|
1839
|
+
max-height: ${Xo.optionsHeight};
|
|
1828
1840
|
overflow-y: auto;
|
|
1829
1841
|
}
|
|
1830
1842
|
|
|
@@ -1843,14 +1855,14 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1843
1855
|
|
|
1844
1856
|
.ft-select--helper-text {
|
|
1845
1857
|
padding: 0 12px 0 16px;
|
|
1846
|
-
color: ${
|
|
1858
|
+
color: ${Xo.helperColor};
|
|
1847
1859
|
}
|
|
1848
1860
|
|
|
1849
1861
|
.ft-select--in-error .ft-select--helper-text {
|
|
1850
|
-
color: ${
|
|
1862
|
+
color: ${Xo.colorError};
|
|
1851
1863
|
}
|
|
1852
|
-
`;var
|
|
1853
|
-
<div class="${
|
|
1864
|
+
`;var Qo=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 Go 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}))}}Go.elementDefinitions={},Qo([o({type:String})],Go.prototype,"label",void 0),Qo([o({type:Object,converter:t=>t})],Go.prototype,"value",void 0),Qo([o({type:Boolean,reflect:!0})],Go.prototype,"selected",void 0);class ts 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`
|
|
1865
|
+
<div class="${ei(a)}" part="container">
|
|
1854
1866
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1855
1867
|
<ft-input-label text="${this.label}"
|
|
1856
1868
|
part="label"
|
|
@@ -1877,7 +1889,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1877
1889
|
part="options"
|
|
1878
1890
|
@keydown=${this.onOptionsKeyDown}
|
|
1879
1891
|
innerrole="listbox">
|
|
1880
|
-
${
|
|
1892
|
+
${jt(this.options,(t=>t.value),(t=>this.renderOption(t)))}
|
|
1881
1893
|
</div>
|
|
1882
1894
|
</div>
|
|
1883
1895
|
${this.helper?W`
|
|
@@ -1888,7 +1900,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1888
1900
|
@option-change=${this.updateOptionsFromSlot}
|
|
1889
1901
|
></slot>
|
|
1890
1902
|
`}renderOption(t){let e=this.selectedOption===t;return W`
|
|
1891
|
-
<div class="${
|
|
1903
|
+
<div class="${ei({"ft-select--option":!0,"ft-select--option-selected":e,"ft-typography--body2":!0})}"
|
|
1892
1904
|
part="option"
|
|
1893
1905
|
tabindex="0"
|
|
1894
1906
|
data-value="${t.value}"
|
|
@@ -1897,34 +1909,34 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1897
1909
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1898
1910
|
<span>${t.label}</span>
|
|
1899
1911
|
</div>
|
|
1900
|
-
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}
|
|
1912
|
+
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}ts.elementDefinitions={"ft-input-label":Jo,"ft-typography":Xe,"ft-ripple":di,"ft-icon":Mi},ts.styles=[He,Ze,Yo],Qo([o({type:String})],ts.prototype,"label",void 0),Qo([o({type:String})],ts.prototype,"helper",void 0),Qo([o({type:Boolean})],ts.prototype,"outlined",void 0),Qo([o({type:Boolean})],ts.prototype,"disabled",void 0),Qo([o({type:Boolean})],ts.prototype,"error",void 0),Qo([o({type:Boolean})],ts.prototype,"fixedMenuPosition",void 0),Qo([o({type:Array})],ts.prototype,"options",void 0),Qo([s()],ts.prototype,"selectedOption",void 0),Qo([s()],ts.prototype,"optionsDisplayed",void 0),Qo([s()],ts.prototype,"focusOptions",void 0),Qo([r(".ft-select")],ts.prototype,"container",void 0),Qo([r(".ft-select--options")],ts.prototype,"optionsMenu",void 0),Qo([r(".ft-select--input-panel")],ts.prototype,"mainPanel",void 0),Qo([r(".ft-select--option:first-child")],ts.prototype,"firstOption",void 0),Qo([r(".ft-select--option:focus")],ts.prototype,"focusedOption",void 0),Qo([r(".ft-select--option.ft-select--option-selected")],ts.prototype,"selectedOptionElement",void 0),Qo([r(".ft-select--option:last-child")],ts.prototype,"lastOption",void 0),Qo([r("slot")],ts.prototype,"optionsSlot",void 0),h("ft-select")(ts),h("ft-select-option")(Go);const es={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")},is=g`
|
|
1901
1913
|
:host {
|
|
1902
|
-
width: ${
|
|
1903
|
-
height: ${
|
|
1904
|
-
display: ${
|
|
1914
|
+
width: ${es.width};
|
|
1915
|
+
height: ${es.height};
|
|
1916
|
+
display: ${es.display};
|
|
1905
1917
|
overflow: hidden;
|
|
1906
|
-
border-radius: ${
|
|
1918
|
+
border-radius: ${es.borderRadiusM};
|
|
1907
1919
|
background: linear-gradient(
|
|
1908
1920
|
90deg,
|
|
1909
1921
|
transparent,
|
|
1910
|
-
${
|
|
1911
|
-
${
|
|
1912
|
-
transparent ${
|
|
1913
|
-
), ${
|
|
1922
|
+
${es.glareColor} calc(0.45 * ${es.glareWidth}),
|
|
1923
|
+
${es.glareColor} calc(0.55 * ${es.glareWidth}),
|
|
1924
|
+
transparent ${es.glareWidth}
|
|
1925
|
+
), ${es.backgroundColor};
|
|
1914
1926
|
background-repeat: repeat-y;
|
|
1915
1927
|
background-size: 100vw 100vh;
|
|
1916
1928
|
background-attachment: fixed;
|
|
1917
|
-
background-position: calc(${
|
|
1918
|
-
animation: shine ${
|
|
1929
|
+
background-position: calc(${es.glareWidth} * -1) 0;
|
|
1930
|
+
animation: shine ${es.animationDuration} infinite;
|
|
1919
1931
|
animation-timing-function: linear;
|
|
1920
1932
|
}
|
|
1921
1933
|
|
|
1922
1934
|
@keyframes shine {
|
|
1923
1935
|
to {
|
|
1924
|
-
background-position: calc(100vw + ${
|
|
1936
|
+
background-position: calc(100vw + ${es.glareWidth}) 0, calc(${es.glareWidth} * -1) 0;
|
|
1925
1937
|
}
|
|
1926
1938
|
}
|
|
1927
|
-
`,
|
|
1939
|
+
`,os={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(Fi.color,"Button"),buttonRippleColor:ut.external(Fi.rippleColor,"Button")},ss=g`
|
|
1928
1940
|
* {
|
|
1929
1941
|
box-sizing: border-box;
|
|
1930
1942
|
}
|
|
@@ -1933,7 +1945,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1933
1945
|
display: flex;
|
|
1934
1946
|
flex-direction: column;
|
|
1935
1947
|
gap: 8px;
|
|
1936
|
-
color: ${
|
|
1948
|
+
color: ${os.colorOnSurface};
|
|
1937
1949
|
outline: none;
|
|
1938
1950
|
}
|
|
1939
1951
|
|
|
@@ -1942,21 +1954,21 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1942
1954
|
}
|
|
1943
1955
|
|
|
1944
1956
|
.ft-search-bar--mobile-menu-open {
|
|
1945
|
-
position: ${
|
|
1946
|
-
top: ${
|
|
1947
|
-
bottom: ${
|
|
1948
|
-
left: ${
|
|
1949
|
-
right: ${
|
|
1950
|
-
z-index: ${
|
|
1957
|
+
position: ${os.mobileOpenPosition};
|
|
1958
|
+
top: ${os.mobileOpenTop};
|
|
1959
|
+
bottom: ${os.mobileOpenBottom};
|
|
1960
|
+
left: ${os.mobileOpenLeft};
|
|
1961
|
+
right: ${os.mobileOpenRight};
|
|
1962
|
+
z-index: ${os.floatingZIndex};
|
|
1951
1963
|
padding: 16px;
|
|
1952
1964
|
}
|
|
1953
1965
|
|
|
1954
1966
|
.ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
|
|
1955
|
-
background: ${
|
|
1967
|
+
background: ${os.colorSurface};
|
|
1956
1968
|
}
|
|
1957
1969
|
|
|
1958
1970
|
.ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
|
|
1959
|
-
position: ${
|
|
1971
|
+
position: ${os.mobileOpenPosition.get("static")};
|
|
1960
1972
|
}
|
|
1961
1973
|
|
|
1962
1974
|
.ft-search-bar {
|
|
@@ -1964,20 +1976,20 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1964
1976
|
display: flex;
|
|
1965
1977
|
flex-direction: row;
|
|
1966
1978
|
align-items: center;
|
|
1967
|
-
height: ${
|
|
1979
|
+
height: ${os.height};
|
|
1968
1980
|
|
|
1969
|
-
background: ${
|
|
1970
|
-
border: 1px solid ${
|
|
1971
|
-
border-radius: ${
|
|
1981
|
+
background: ${os.colorSurface};
|
|
1982
|
+
border: 1px solid ${os.colorOutline};
|
|
1983
|
+
border-radius: ${os.borderRadius};
|
|
1972
1984
|
}
|
|
1973
1985
|
|
|
1974
1986
|
.ft-search-bar--skeleton {
|
|
1975
|
-
${bt(
|
|
1976
|
-
${bt(
|
|
1987
|
+
${bt(es.height,os.height)};
|
|
1988
|
+
${bt(es.borderRadiusM,os.borderRadius)};
|
|
1977
1989
|
}
|
|
1978
1990
|
|
|
1979
1991
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
1980
|
-
border-radius: ${
|
|
1992
|
+
border-radius: ${os.borderRadius} ${os.borderRadius} 0 0;
|
|
1981
1993
|
}
|
|
1982
1994
|
|
|
1983
1995
|
.ft-search-bar--input-container {
|
|
@@ -1995,7 +2007,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
1995
2007
|
align-self: stretch;
|
|
1996
2008
|
display: grid;
|
|
1997
2009
|
padding: 0 8px;
|
|
1998
|
-
border-radius: ${
|
|
2010
|
+
border-radius: ${os.borderRadius};
|
|
1999
2011
|
}
|
|
2000
2012
|
|
|
2001
2013
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -2004,7 +2016,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2004
2016
|
}
|
|
2005
2017
|
|
|
2006
2018
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
2007
|
-
outline: 2px solid ${
|
|
2019
|
+
outline: 2px solid ${os.colorPrimary};
|
|
2008
2020
|
}
|
|
2009
2021
|
|
|
2010
2022
|
.ft-search-bar--input {
|
|
@@ -2012,12 +2024,12 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2012
2024
|
flex-grow: 1;
|
|
2013
2025
|
border: none;
|
|
2014
2026
|
background-color: transparent;
|
|
2015
|
-
color: ${
|
|
2027
|
+
color: ${os.colorOnSurface};
|
|
2016
2028
|
outline: none;
|
|
2017
2029
|
}
|
|
2018
2030
|
|
|
2019
2031
|
.ft-search-bar--input::placeholder {
|
|
2020
|
-
color: ${
|
|
2032
|
+
color: ${os.colorOnSurfaceMedium};
|
|
2021
2033
|
}
|
|
2022
2034
|
|
|
2023
2035
|
.ft-search-bar--actions {
|
|
@@ -2027,7 +2039,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2027
2039
|
align-items: center;
|
|
2028
2040
|
height: 100%;
|
|
2029
2041
|
|
|
2030
|
-
${bt(
|
|
2042
|
+
${bt(fi.zIndex,`calc(${os.floatingZIndex} + 1)`)};
|
|
2031
2043
|
}
|
|
2032
2044
|
|
|
2033
2045
|
.ft-search-bar > ft-button,
|
|
@@ -2036,8 +2048,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2036
2048
|
}
|
|
2037
2049
|
|
|
2038
2050
|
.ft-search-bar--left-action {
|
|
2039
|
-
${bt(
|
|
2040
|
-
border-right: 1px solid ${
|
|
2051
|
+
${bt(Fi.borderRadius,g`calc(${os.borderRadius} - 1px) 0 0 calc(${os.borderRadius} - 1px)`)};
|
|
2052
|
+
border-right: 1px solid ${os.colorOutline};
|
|
2041
2053
|
height: 100%;
|
|
2042
2054
|
}
|
|
2043
2055
|
|
|
@@ -2046,7 +2058,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2046
2058
|
}
|
|
2047
2059
|
|
|
2048
2060
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2049
|
-
${bt(
|
|
2061
|
+
${bt(Fi.borderRadius,g`calc(${os.borderRadius} - 1px) 0 0 0`)};
|
|
2050
2062
|
}
|
|
2051
2063
|
|
|
2052
2064
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2056,13 +2068,13 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2056
2068
|
|
|
2057
2069
|
.ft-search-bar--separator {
|
|
2058
2070
|
height: 20px;
|
|
2059
|
-
border-right: 1px solid ${
|
|
2071
|
+
border-right: 1px solid ${os.colorOutline};
|
|
2060
2072
|
}
|
|
2061
2073
|
|
|
2062
2074
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2063
|
-
${bt(
|
|
2064
|
-
${bt(
|
|
2065
|
-
${bt(
|
|
2075
|
+
${bt(Wo.borderColor,"transparent")};
|
|
2076
|
+
${bt(Wo.borderRadiusS,g`calc(${os.borderRadius} - 1px)`)};
|
|
2077
|
+
${bt(Xo.selectedOptionColor,os.buttonColor)};
|
|
2066
2078
|
}
|
|
2067
2079
|
|
|
2068
2080
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2079,17 +2091,17 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2079
2091
|
}
|
|
2080
2092
|
|
|
2081
2093
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2082
|
-
border-radius: calc(${
|
|
2094
|
+
border-radius: calc(${os.borderRadius} - 1px) 0 0 calc(${os.borderRadius} - 1px);
|
|
2083
2095
|
}
|
|
2084
2096
|
|
|
2085
|
-
`,
|
|
2097
|
+
`,ns=g`
|
|
2086
2098
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2087
2099
|
margin-right: auto;
|
|
2088
2100
|
}
|
|
2089
2101
|
|
|
2090
2102
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2091
2103
|
min-width: 250px;
|
|
2092
|
-
${bt(
|
|
2104
|
+
${bt(Xo.optionsZIndex,"2")};
|
|
2093
2105
|
}
|
|
2094
2106
|
|
|
2095
2107
|
.ft-search-bar--desktop-menu {
|
|
@@ -2141,7 +2153,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2141
2153
|
|
|
2142
2154
|
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2143
2155
|
display: block;
|
|
2144
|
-
height: ${
|
|
2156
|
+
height: ${os.desktopFiltersHeight};
|
|
2145
2157
|
--ft-snap-scroll-gap: 16px;
|
|
2146
2158
|
}
|
|
2147
2159
|
|
|
@@ -2192,7 +2204,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2192
2204
|
|
|
2193
2205
|
.ft-search-bar--filter-label > :last-child {
|
|
2194
2206
|
flex-shrink: 1;
|
|
2195
|
-
color: ${
|
|
2207
|
+
color: ${os.colorOnSurfaceMedium};
|
|
2196
2208
|
}
|
|
2197
2209
|
|
|
2198
2210
|
ft-accordion-item::part(toggle) {
|
|
@@ -2212,12 +2224,12 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2212
2224
|
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2213
2225
|
margin: 0;
|
|
2214
2226
|
}
|
|
2215
|
-
`;class
|
|
2216
|
-
`}}
|
|
2217
|
-
<div class="ft-search-bar--suggestions ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2227
|
+
`;class rs extends xt{render(){return W`
|
|
2228
|
+
`}}rs.elementDefinitions={},rs.styles=is,h("ft-skeleton")(rs);class ls{constructor(t,i=300){this.searchBar=t,this.updateDebouncer=new e(i)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return W`
|
|
2229
|
+
<div class="ft-search-bar--suggestions ft-word-wrap ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2218
2230
|
part="suggestions-container"
|
|
2219
2231
|
@keydown=${t=>this.onSuggestKeyDown(t)}>
|
|
2220
|
-
${
|
|
2232
|
+
${jt(t.slice(0,5),(t=>t),(t=>W`
|
|
2221
2233
|
<a href="${this.searchBar.searchRequestSerializer({...this.searchBar.request,query:t})}"
|
|
2222
2234
|
part="suggestions"
|
|
2223
2235
|
class="ft-search-bar--suggestion ft-search-bar--recent-search"
|
|
@@ -2235,7 +2247,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2235
2247
|
@click=${e=>this.removeRecentSearch(e,t)}></ft-button>
|
|
2236
2248
|
</a>
|
|
2237
2249
|
`))}
|
|
2238
|
-
${
|
|
2250
|
+
${jt(this.searchBar.suggestions,(t=>t.value),(t=>W`
|
|
2239
2251
|
<a href="${this.searchBar.searchRequestSerializer({...this.searchBar.request,query:t.value})}"
|
|
2240
2252
|
part="suggestions"
|
|
2241
2253
|
class="ft-search-bar--suggestion"
|
|
@@ -2247,83 +2259,83 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2247
2259
|
</a>
|
|
2248
2260
|
`))}
|
|
2249
2261
|
</div>
|
|
2250
|
-
`}update(){return new Promise(((t,e)=>{this.updateDebouncer.run((async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],t()}))}))}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.getFocusedSuggestionElement())||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.getLastSuggestionElement())||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.getFocusedSuggestionElement())||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.getFirstSuggestionElement())||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.searchBar.setQuery(e),this.searchBar.launchSearch()}removeRecentSearch(t,e){var i,o;t.preventDefault(),t.stopPropagation();let s=t.target.closest(".ft-search-bar--suggestion");const n=null!==(o=null!==(i=null==s?void 0:s.previousElementSibling)&&void 0!==i?i:null==s?void 0:s.nextElementSibling)&&void 0!==o?o:this.searchBar.input;null==n||n.focus(),this.searchBar.recentSearches=this.searchBar.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.searchBar.saveRecentSearches()}getIcon(t){const e="DOCUMENT"===t.type?
|
|
2262
|
+
`}update(){return new Promise(((t,e)=>{this.updateDebouncer.run((async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],t()}))}))}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.getFocusedSuggestionElement())||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.getLastSuggestionElement())||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.getFocusedSuggestionElement())||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.getFirstSuggestionElement())||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.searchBar.setQuery(e),this.searchBar.launchSearch()}removeRecentSearch(t,e){var i,o;t.preventDefault(),t.stopPropagation();let s=t.target.closest(".ft-search-bar--suggestion");const n=null!==(o=null!==(i=null==s?void 0:s.previousElementSibling)&&void 0!==i?i:null==s?void 0:s.nextElementSibling)&&void 0!==o?o:this.searchBar.input;null==n||n.focus(),this.searchBar.recentSearches=this.searchBar.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.searchBar.saveRecentSearches()}getIcon(t){const e="DOCUMENT"===t.type?zi.file_format:zi.fluid_topics;let i;switch(t.type){case"MAP":i="BOOK"===t.editorialType?wi.BOOK:wi.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=Oi.get(t))&&void 0!==i?i:t)+"/").split("/");return null!==(n=null!==(s=null!==(o=Si.get(l))&&void 0!==o?o:Si.get(e))&&void 0!==s?s:Si.get(r))&&void 0!==n?n:ki.UNKNOWN}(t.mimeType,t.filenameExtension);break;case"TOPIC":i=wi.TOPICS}return W`
|
|
2251
2263
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2252
2264
|
${i}
|
|
2253
2265
|
</ft-icon>
|
|
2254
|
-
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2266
|
+
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}ls.styles=[mt,g`
|
|
2267
|
+
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2268
|
+
flex-grow: 1;
|
|
2269
|
+
flex-shrink: 1;
|
|
2270
|
+
overflow-y: auto;
|
|
2271
|
+
height: 0;
|
|
2272
|
+
}
|
|
2261
2273
|
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2274
|
+
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2275
|
+
border-top: 1px solid ${os.colorOutline};
|
|
2276
|
+
}
|
|
2265
2277
|
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2278
|
+
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2279
|
+
height: initial;
|
|
2280
|
+
}
|
|
2269
2281
|
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2282
|
+
.ft-search-bar--floating-panel,
|
|
2283
|
+
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2284
|
+
position: absolute;
|
|
2285
|
+
z-index: ${os.floatingZIndex};
|
|
2286
|
+
top: 100%;
|
|
2287
|
+
left: -1px;
|
|
2288
|
+
right: -1px;
|
|
2289
|
+
display: none;
|
|
2290
|
+
background: ${os.colorSurface};
|
|
2291
|
+
border: 1px solid ${os.colorOutline};
|
|
2292
|
+
border-radius: 0 0 ${os.borderRadius} ${os.borderRadius};
|
|
2293
|
+
box-shadow: ${os.elevation02};
|
|
2294
|
+
outline: none;
|
|
2295
|
+
}
|
|
2284
2296
|
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2297
|
+
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2298
|
+
top: calc(100% + 2px);
|
|
2299
|
+
}
|
|
2288
2300
|
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2301
|
+
.ft-search-bar--input-container:focus-within .ft-search-bar--suggestions-not-empty {
|
|
2302
|
+
display: block;
|
|
2303
|
+
}
|
|
2292
2304
|
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2305
|
+
.ft-search-bar--suggestion {
|
|
2306
|
+
text-decoration: none;
|
|
2307
|
+
position: relative;
|
|
2308
|
+
display: flex;
|
|
2309
|
+
align-items: center;
|
|
2310
|
+
padding: 8px;
|
|
2311
|
+
gap: 8px;
|
|
2312
|
+
cursor: pointer;
|
|
2313
|
+
color: ${os.colorOnSurface};
|
|
2314
|
+
min-height: 52px;
|
|
2315
|
+
}
|
|
2304
2316
|
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2317
|
+
.ft-search-bar--suggestion > *:not(ft-ripple) {
|
|
2318
|
+
position: relative;
|
|
2319
|
+
}
|
|
2308
2320
|
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2321
|
+
.ft-search-bar--desktop .ft-search-bar--suggestion {
|
|
2322
|
+
min-height: 44px;
|
|
2323
|
+
}
|
|
2312
2324
|
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2325
|
+
.ft-search-bar--suggestion:focus {
|
|
2326
|
+
outline: none;
|
|
2327
|
+
}
|
|
2316
2328
|
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2329
|
+
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2330
|
+
border-top: 1px solid ${os.colorOutline};
|
|
2331
|
+
}
|
|
2320
2332
|
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2333
|
+
.ft-search-bar--suggestion ft-typography {
|
|
2334
|
+
display: block;
|
|
2335
|
+
flex-grow: 1;
|
|
2336
|
+
flex-shrink: 1;
|
|
2337
|
+
}
|
|
2338
|
+
`];class as{constructor(t){this.searchBar=t}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return W``;const t=this.searchBar.isMobile(),e=!t&&this.searchBar.dense||t&&this.searchBar.isMobileMenuOpen(),i=W`
|
|
2327
2339
|
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?W`
|
|
2328
2340
|
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2329
2341
|
?dense=${this.searchBar.dense&&!t}
|
|
@@ -2334,7 +2346,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2334
2346
|
${this.getLocaleLabel(this.searchBar.contentLocale)}
|
|
2335
2347
|
</ft-chip>
|
|
2336
2348
|
`:null}
|
|
2337
|
-
${
|
|
2349
|
+
${jt(this.searchBar.facets,(t=>t.key),(i=>{const o=function(t){return Ye(t.rootNodes,(t=>t.selected?[]:t.childNodes)).filter((t=>t.selected)).map((t=>t.value))}(i);return jt(o,(s=>{let n=i.label+": "+function(t){return Qe(t).split("|").join(" > ")}(s);const r=i.key.replace(":","-"),l=W`
|
|
2338
2350
|
<ft-chip
|
|
2339
2351
|
part="selected-filters selected-filter-${r}"
|
|
2340
2352
|
?dense=${this.searchBar.dense&&!t}
|
|
@@ -2347,7 +2359,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2347
2359
|
@icon-click=${()=>this.searchBar.setFilter(i.key,o.filter((t=>t!==s)))}
|
|
2348
2360
|
data-key="${i.key}"
|
|
2349
2361
|
data-value="${s}">
|
|
2350
|
-
${function(t){return
|
|
2362
|
+
${function(t){return Qe(t).split("|").pop()}(s)}
|
|
2351
2363
|
</ft-chip>
|
|
2352
2364
|
`;return e?l:W`
|
|
2353
2365
|
<ft-tooltip inline text="${n}">
|
|
@@ -2373,7 +2385,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2373
2385
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
2374
2386
|
${i}
|
|
2375
2387
|
</div>
|
|
2376
|
-
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.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}}
|
|
2388
|
+
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.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}}as.styles=g`
|
|
2377
2389
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2378
2390
|
flex-shrink: 0;
|
|
2379
2391
|
display: flex;
|
|
@@ -2384,7 +2396,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2384
2396
|
|
|
2385
2397
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2386
2398
|
overflow: hidden;
|
|
2387
|
-
${bt(
|
|
2399
|
+
${bt(ao.gap,"4px")};
|
|
2388
2400
|
}
|
|
2389
2401
|
|
|
2390
2402
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2392,8 +2404,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2392
2404
|
}
|
|
2393
2405
|
|
|
2394
2406
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2395
|
-
${bt(
|
|
2396
|
-
${bt(
|
|
2407
|
+
${bt(jo.iconSize,"17px")};
|
|
2408
|
+
${bt(jo.fontSize,"12px")};
|
|
2397
2409
|
}
|
|
2398
2410
|
|
|
2399
2411
|
.ft-search-bar--selected-filters * {
|
|
@@ -2403,8 +2415,8 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2403
2415
|
.ft-search-bar--selected-filters ft-chip {
|
|
2404
2416
|
flex-grow: 0;
|
|
2405
2417
|
}
|
|
2406
|
-
`;class
|
|
2407
|
-
<div class="${
|
|
2418
|
+
`;class cs{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new as(t),this.suggestManager=null!=i?i:new ls(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--mobile":!0,"ft-search-bar--mobile-menu-open":this.searchBar.isMobileMenuOpen(),"ft-search-bar--forced-open":this.searchBar.forceMobileMenuOpen};return W`
|
|
2419
|
+
<div class="${ei(t)}" part="container" tabindex="-1">
|
|
2408
2420
|
<div class="ft-search-bar">
|
|
2409
2421
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
2410
2422
|
<div class="ft-search-bar--input-outline" part="input-outline">
|
|
@@ -2452,10 +2464,10 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2452
2464
|
@click=${()=>{var t;return this.searchBar.isMobileMenuOpen()?this.searchBar.launchSearch():null===(t=this.searchBar.input)||void 0===t?void 0:t.focus()}}
|
|
2453
2465
|
></ft-button>
|
|
2454
2466
|
</div>
|
|
2455
|
-
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2467
|
+
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}cs.styles=g`
|
|
2456
2468
|
|
|
2457
|
-
`;class
|
|
2458
|
-
<div class="${
|
|
2469
|
+
`;class hs{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new as(t),this.suggestManager=null!=i?i:new ls(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":this.searchBar.dense,"ft-search-bar--desktop":!0,"ft-search-bar--floating-panel-open":this.searchBar.displayFacets&&!this.searchBar.forceMenuOpen,"ft-search-bar--forced-open":this.searchBar.forceMenuOpen};return W`
|
|
2470
|
+
<div class="${ei(t)}" part="container" tabindex="-1">
|
|
2459
2471
|
<div class="ft-search-bar" part="search-bar">
|
|
2460
2472
|
${this.renderSearchBarLeftAction()}
|
|
2461
2473
|
<div class="ft-search-bar--input-container" part="input-container" tabindex="-1">
|
|
@@ -2491,7 +2503,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2491
2503
|
part="content-locale select-ft-locale"
|
|
2492
2504
|
.exportpartsPrefixes=${["content-locale","select-ft-locale"]}
|
|
2493
2505
|
@change=${t=>this.searchBar.contentLocale=null==t.detail?void 0:t.detail}>
|
|
2494
|
-
${
|
|
2506
|
+
${jt(this.searchBar.availableContentLocales,(t=>t.lang),(t=>W`
|
|
2495
2507
|
<ft-select-option .value=${t.lang}
|
|
2496
2508
|
label="${t.label}"
|
|
2497
2509
|
?selected=${t.lang===this.searchBar.contentLocale}>
|
|
@@ -2519,9 +2531,9 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2519
2531
|
@click=${()=>this.searchBar.launchSearch()}
|
|
2520
2532
|
></ft-button>
|
|
2521
2533
|
</div>
|
|
2522
|
-
`}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2534
|
+
`}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}hs.styles=g`
|
|
2523
2535
|
|
|
2524
|
-
`;var
|
|
2536
|
+
`;var ps=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 ds={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 fs extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class us extends CustomEvent{constructor(t){super("change",{detail:t})}}const bs=()=>{};class vs 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 $t(ds,{}),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.recentSearches=[],this.updateFacetsDebouncer=new e(500),this.suggestManager=new ls(this),this.selectedFacetsManager=new as(this),this.desktopSearchBarManager=new hs(this),this.mobileSearchBarManager=new cs(this),this.initDataDebouncer=new e(10),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)))))}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:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===Pt.S}}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}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`
|
|
2525
2537
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2526
2538
|
${this.renderSearchBar()}
|
|
2527
2539
|
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():W`
|
|
@@ -2549,12 +2561,12 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2549
2561
|
></ft-filter>
|
|
2550
2562
|
</ft-accordion-item>
|
|
2551
2563
|
`:null}
|
|
2552
|
-
${
|
|
2564
|
+
${jt(this.facets,(t=>t.key),(t=>{const e=ti(t),i=t.key.replace(":","-");return t.rootNodes.length>0?W`
|
|
2553
2565
|
<ft-accordion-item data-facet-key="${t.key}">
|
|
2554
2566
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2555
2567
|
<ft-typography variant="button">${t.label}</ft-typography>
|
|
2556
2568
|
<ft-typography variant="body2">
|
|
2557
|
-
${function(t){return
|
|
2569
|
+
${function(t){return Ye(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e).join(", ")}
|
|
2558
2570
|
</ft-typography>
|
|
2559
2571
|
</div>
|
|
2560
2572
|
<ft-filter
|
|
@@ -2597,7 +2609,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2597
2609
|
label="${this.labelResolver.resolve("presetsSelector")}"
|
|
2598
2610
|
outlined
|
|
2599
2611
|
@change=${t=>this.selectedPreset=t.detail}>
|
|
2600
|
-
${
|
|
2612
|
+
${jt(null!==(t=this.presets)&&void 0!==t?t:[],(t=>t.name),(t=>W`
|
|
2601
2613
|
<ft-select-option value="${t.name}"
|
|
2602
2614
|
label="${t.name}"
|
|
2603
2615
|
?selected=${t.name===this.selectedPreset}>
|
|
@@ -2630,7 +2642,7 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2630
2642
|
@change=${t=>this.contentLocale=t.detail[0]}
|
|
2631
2643
|
></ft-filter>
|
|
2632
2644
|
`:q}
|
|
2633
|
-
${
|
|
2645
|
+
${jt(this.facets,(t=>t.key),(t=>{const e=ti(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`
|
|
2634
2646
|
<ft-filter
|
|
2635
2647
|
class="${i?"ft-search-bar--hierarchical-filter":""}"
|
|
2636
2648
|
part="filters filter filter-${o}"
|
|
@@ -2649,10 +2661,10 @@ class yi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ct)throw Error
|
|
|
2649
2661
|
></ft-filter>
|
|
2650
2662
|
`}))}
|
|
2651
2663
|
</ft-snap-scroll>
|
|
2652
|
-
`:q}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
|
|
2664
|
+
`:q}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 $t(ds,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=>Qe(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()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchEvent(new us(this.request))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1,this.initDataDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0})),this.retrieveFacetsFromSearch().then((()=>this.facetsInitialized=!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()),10))}updateFacets(){this.api&&this.facetsInitialized&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0}))):this.facets=[])}async retrieveFacetsFromSearch(){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(bs)),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})}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}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 fs(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}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&Ye(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=>Ye(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}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?q:W`
|
|
2653
2665
|
<div class="ft-search-bar--floating-panel"
|
|
2654
2666
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
2655
2667
|
part="floating-panel"
|
|
2656
2668
|
tabindex="-1">
|
|
2657
2669
|
${this.renderDesktopMenu()}
|
|
2658
|
-
</div>`}}
|
|
2670
|
+
</div>`}}vs.elementDefinitions={"ft-accordion":Bo,"ft-accordion-item":Do,"ft-button":Pi,"ft-chip":Ko,"ft-filter":So,"ft-filter-option":Co,"ft-icon":Mi,"ft-ripple":di,"ft-select":ts,"ft-select-option":Go,"ft-size-watcher":_t,"ft-skeleton":rs,"ft-snap-scroll":fo,"ft-tooltip":vi,"ft-typography":Xe},vs.styles=[He,ss,ns,as.styles,ls.styles],ps([o({type:Boolean})],vs.prototype,"dense",void 0),ps([o()],vs.prototype,"mode",void 0),ps([o({type:Boolean})],vs.prototype,"forceMobileMenuOpen",void 0),ps([o({type:Boolean})],vs.prototype,"forceMenuOpen",void 0),ps([o()],vs.prototype,"baseUrl",void 0),ps([o()],vs.prototype,"apiIntegrationIdentifier",void 0),ps([o()],vs.prototype,"contentLocale",void 0),ps([s()],vs.prototype,"availableContentLocales",void 0),ps([s()],vs.prototype,"availableContentLocalesInitialized",void 0),ps([o()],vs.prototype,"uiLocale",void 0),ps([p({})],vs.prototype,"labels",void 0),ps([p([])],vs.prototype,"displayedFilters",void 0),ps([p([])],vs.prototype,"presets",void 0),ps([o({type:String,reflect:!0})],vs.prototype,"selectedPreset",void 0),ps([p([])],vs.prototype,"priors",void 0),ps([o()],vs.prototype,"searchRequestSerializer",void 0),ps([s()],vs.prototype,"searchFilters",void 0),ps([s()],vs.prototype,"sizeCategory",void 0),ps([s()],vs.prototype,"displayFacets",void 0),ps([s()],vs.prototype,"mobileMenuOpen",void 0),ps([s()],vs.prototype,"facets",void 0),ps([s()],vs.prototype,"facetsInitialized",void 0),ps([r(".ft-search-bar--container")],vs.prototype,"container",void 0),ps([r(".ft-search-bar--filters-opener")],vs.prototype,"filtersOpener",void 0),ps([r(".ft-search-bar--floating-panel")],vs.prototype,"floatingContainer",void 0),ps([r("ft-snap-scroll.ft-search-bar--filters-container")],vs.prototype,"scrollingFiltersContainer",void 0),ps([r(".ft-search-bar--input")],vs.prototype,"input",void 0),ps([s()],vs.prototype,"query",void 0),ps([s()],vs.prototype,"suggestions",void 0),ps([s()],vs.prototype,"recentSearches",void 0),ps([s()],vs.prototype,"scrollToFacet",void 0),ps([s()],vs.prototype,"api",void 0),h("ft-search-bar")(vs),t.DEFAULT_LABELS=ds,t.FtSearchBar=vs,t.FtSearchBarCssVariables=os,t.LaunchSearchEvent=fs,t.SearchStateChangeEvent=us,t.facetsCss=ns,t.searchBarCss=ss,Object.defineProperty(t,"i",{value:!0})}({});
|