@fluid-topics/ft-search-bar 0.2.9 → 0.2.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-search-bar.css.js +6 -0
- package/build/ft-search-bar.d.ts +4 -1
- package/build/ft-search-bar.inline-styles.js +152 -114
- package/build/ft-search-bar.js +56 -25
- package/build/ft-search-bar.light.js +184 -146
- package/build/ft-search-bar.min.js +169 -131
- package/package.json +14 -13
|
@@ -66,7 +66,7 @@ var r;const l=null!=(null===(r=window.HTMLSlotElement)||void 0===r?void 0:r.prot
|
|
|
66
66
|
* Copyright 2017 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
68
|
*/
|
|
69
|
-
var z;C.finalized=!0,C.elementProperties=new Map,C.elementStyles=[],C.shadowRootOptions={mode:"open"},null==w||w({ReactiveElement:C}),(null!==(y=globalThis.reactiveElementVersions)&&void 0!==y?y:globalThis.reactiveElementVersions=[]).push("1.3.2");const E=globalThis.trustedTypes,B=E?E.createPolicy("lit-html",{createHTML:t=>t}):void 0,
|
|
69
|
+
var z;C.finalized=!0,C.elementProperties=new Map,C.elementStyles=[],C.shadowRootOptions={mode:"open"},null==w||w({ReactiveElement:C}),(null!==(y=globalThis.reactiveElementVersions)&&void 0!==y?y:globalThis.reactiveElementVersions=[]).push("1.3.2");const E=globalThis.trustedTypes,B=E?E.createPolicy("lit-html",{createHTML:t=>t}):void 0,N=`lit$${(Math.random()+"").slice(9)}$`,R="?"+N,M=`<${R}>`,F=document,L=(t="")=>F.createComment(t),D=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,j=t=>{var e;return I(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,P=/-->/g,T=/>/g,A=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,_=/'/g,H=/"/g,Z=/^(?:script|style|textarea|title)$/i,K=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),W=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),q=new WeakMap,J=F.createTreeWalker(F,129,null,!1),X=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=U;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(r.lastIndex=h,a=r.exec(i),null!==a);)h=r.lastIndex,r===U?"!--"===a[1]?r=P:void 0!==a[1]?r=T:void 0!==a[2]?(Z.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=A):void 0!==a[3]&&(r=A):r===A?">"===a[0]?(r=null!=s?s:U,c=-1):void 0===a[1]?c=-2:(c=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?A:'"'===a[3]?H:_):r===H||r===_?r=A:r===P||r===T?r=U:(r=A,s=void 0);const p=r===A&&t[e+1].startsWith("/>")?" ":"";n+=r===U?i+M:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+N+p):i+N+(-2===c?(o.push(void 0),e):p)}const l=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==B?B.createHTML(l):l,o]};class Y{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,c]=X(t,e);if(this.el=Y.createElement(a,i),J.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=J.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(N)){const i=c[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(N),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?it:"?"===e[1]?st:"@"===e[1]?nt:et})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(Z.test(o.tagName)){const t=o.textContent.split(N),e=t.length-1;if(e>0){o.textContent=E?E.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],L()),J.nextNode(),l.push({type:2,index:++s});o.append(t[e],L())}}}else if(8===o.nodeType)if(o.data===R)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(N,t+1));)l.push({type:7,index:s}),t+=N.length-1}s++}}static createElement(t,e){const i=F.createElement("template");return i.innerHTML=t,i}}function Q(t,e,i=t,o){var s,n,r,l;if(e===W)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const c=D(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=Q(t,a._$AS(t,e.values),a,o)),e}class G{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:F).importNode(i,!0);J.currentNode=s;let n=J.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new tt(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new rt(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=J.nextNode(),r++)}return s}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class tt{constructor(t,e,i,o){var s;this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=Q(this,t,e),D(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==W&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):j(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==V&&D(this._$AH)?this._$AA.nextSibling.data=t:this.k(F.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Y.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.m(i);else{const t=new G(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=q.get(t.strings);return void 0===e&&q.set(t.strings,e=new Y(t)),e}S(t){I(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new tt(this.M(L()),this.M(L()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class et{constructor(t,e,i,o,s){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=V}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let n=!1;if(void 0===s)t=Q(this,t,e,0),n=!D(t)||t!==this._$AH&&t!==W,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=Q(this,o[i+r],e,r),l===W&&(l=this._$AH[r]),n||(n=!D(l)||l!==this._$AH[r]),l===V?t=V:t!==V&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.C(t)}C(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class it extends et{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===V?void 0:t}}const ot=E?E.emptyScript:"";class st extends et{constructor(){super(...arguments),this.type=4}C(t){t&&t!==V?this.element.setAttribute(this.name,ot):this.element.removeAttribute(this.name)}}class nt extends et{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=Q(this,t,e,0))&&void 0!==i?i:V)===W)return;const o=this._$AH,s=t===V&&o!==V||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==V&&(o===V||s);s&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class rt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Q(this,t)}}const lt={L:"$lit$",P:N,V:R,I:1,N:X,R:G,j,D:Q,H:tt,F:et,O:st,W:nt,B:it,Z:rt},at=window.litHtmlPolyfillSupport;
|
|
70
70
|
/**
|
|
71
71
|
* @license
|
|
72
72
|
* Copyright 2017 Google LLC
|
|
@@ -101,16 +101,16 @@ var ct,ht;null==at||at(Y,tt),(null!==(z=globalThis.litHtmlVersions)&&void 0!==z?
|
|
|
101
101
|
* @license
|
|
102
102
|
* Copyright 2020 Google LLC
|
|
103
103
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const{H:zt}=lt,Et=()=>document.createComment(""),Bt=(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(Et(),n),o=s.insertBefore(Et(),n);i=new zt(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},
|
|
104
|
+
*/const{H:zt}=lt,Et=()=>document.createComment(""),Bt=(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(Et(),n),o=s.insertBefore(Et(),n);i=new zt(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},Nt=(t,e,i=t)=>(t._$AI(e,i),t),Rt={},Mt=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}},Ft=(t,e,i)=>{const o=new Map;for(let s=e;s<=i;s++)o.set(t[s],s);return o},Lt=Ot(class extends Ct{constructor(t){if(super(t),t.type!==St)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let o;void 0===i?i=e:void 0!==e&&(o=e);const s=[],n=[];let r=0;for(const e of t)s[r]=o?o(e,r):r,n[r]=i(e,r),r++;return{values:n,keys:s}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,o]){var s;const n=(t=>t._$AH)(t),{values:r,keys:l}=this.dt(e,i,o);if(!Array.isArray(n))return this.ut=l,r;const a=null!==(s=this.ut)&&void 0!==s?s:this.ut=[],c=[];let h,p,d=0,f=n.length-1,u=0,b=r.length-1;for(;d<=f&&u<=b;)if(null===n[d])d++;else if(null===n[f])f--;else if(a[d]===l[u])c[u]=Nt(n[d],r[u]),d++,u++;else if(a[f]===l[b])c[b]=Nt(n[f],r[b]),f--,b--;else if(a[d]===l[b])c[b]=Nt(n[d],r[b]),Bt(t,c[b+1],n[d]),d++,b--;else if(a[f]===l[u])c[u]=Nt(n[f],r[u]),Bt(t,n[d],n[f]),f--,u++;else if(void 0===h&&(h=Ft(l,u,b),p=Ft(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=Bt(t,n[d]);Nt(e,r[u]),c[u]=e}else c[u]=Nt(i,r[u]),Bt(t,n[d],i),n[e]=null;u++}else Mt(n[f]),f--;else Mt(n[d]),d++;for(;u<=b;){const e=Bt(t,c[b+1]);Nt(e,r[u]),c[u++]=e}for(;d<=f;){const t=n[d++];null!==t&&Mt(t)}return this.ut=l,((t,e=Rt)=>{t._$AH=e})(t,c),W}}),Dt=Ot(class extends Ct{constructor(t){var e;if(super(t),t.type!==kt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.et){this.et=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.st)||void 0===i?void 0:i.has(t))&&this.et.add(t);return this.render(e)}const s=t.element.classList;this.et.forEach((t=>{t in e||(s.remove(t),this.et.delete(t))}));for(const t in e){const i=!!e[t];i===this.et.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(s.add(t),this.et.add(t)):(s.remove(t),this.et.delete(t)))}return W}});
|
|
105
105
|
/**
|
|
106
106
|
* @license
|
|
107
107
|
* Copyright 2017 Google LLC
|
|
108
108
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
109
|
-
*/var jt
|
|
109
|
+
*/var It,jt=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(It||(It={}));class Ut extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class Pt extends vt{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=It.S,this.resizeObserver=new ResizeObserver((()=>this.updateSize())),this.debouncer=new t}render(){return K`
|
|
110
110
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
111
111
|
<div class="ft-size-watcher--watcher"></div>
|
|
112
112
|
</div>
|
|
113
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=
|
|
113
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=It.S:this.size<976?this.category=It.M:this.size<1024?this.category=It.L:this.size<1440?this.category=It.XL:this.category=It.XXL,this.dispatchEvent(new Ut(this.size,this.category)))}),this.debounceTimeout)}}Pt.elementDefinitions={},Pt.styles=v`
|
|
114
114
|
.ft-size-watcher--pixel {
|
|
115
115
|
width: 0;
|
|
116
116
|
height: 0;
|
|
@@ -129,13 +129,13 @@ var ct,ht;null==at||at(Y,tt),(null!==(z=globalThis.litHtmlVersions)&&void 0!==z?
|
|
|
129
129
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
130
130
|
width: 100%;
|
|
131
131
|
}
|
|
132
|
-
`,
|
|
132
|
+
`,jt([i({type:Number})],Pt.prototype,"debounceTimeout",void 0),jt([i({type:Boolean})],Pt.prototype,"local",void 0),jt([i({type:Number,reflect:!0})],Pt.prototype,"size",void 0),jt([i({type:String,reflect:!0})],Pt.prototype,"category",void 0),jt([n(".ft-size-watcher--watcher")],Pt.prototype,"watcher",void 0),c("ft-size-watcher")(Pt);
|
|
133
133
|
/**
|
|
134
134
|
* @license
|
|
135
135
|
* Copyright 2020 Google LLC
|
|
136
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
137
|
*/
|
|
138
|
-
const
|
|
138
|
+
const Tt=Symbol.for(""),At=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===Tt)return null===(i=t)||void 0===i?void 0:i._$litStatic$},_t=t=>({_$litStatic$:t,r:Tt}),Ht=new Map,Zt=(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=At(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=Ht.get(t))&&(r.raw=r,Ht.set(t,e=r)),i=l}return t(e,...i)})(K);var Kt,Wt=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(Kt||(Kt={}));const Vt=ft.extend("--ft-typography-font-family",bt.titleFont),qt=ft.extend("--ft-typography-font-family",bt.contentFont),Jt={fontFamily:qt,fontSize:ft.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ft.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ft.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ft.create("--ft-typography-line-height","SIZE","24px"),textTransform:ft.create("--ft-typography-text-transform","UNKNOWN","inherit")},Xt=ft.extend("--ft-typography-title-font-family",Vt),Yt=ft.extend("--ft-typography-title-font-size",Jt.fontSize,"20px"),Qt=ft.extend("--ft-typography-title-font-weight",Jt.fontWeight,"normal"),Gt=ft.extend("--ft-typography-title-letter-spacing",Jt.letterSpacing,"0.15px"),te=ft.extend("--ft-typography-title-line-height",Jt.lineHeight,"24px"),ee=ft.extend("--ft-typography-title-text-transform",Jt.textTransform,"inherit"),ie=ft.extend("--ft-typography-title-dense-font-family",Vt),oe=ft.extend("--ft-typography-title-dense-font-size",Jt.fontSize,"14px"),se=ft.extend("--ft-typography-title-dense-font-weight",Jt.fontWeight,"normal"),ne=ft.extend("--ft-typography-title-dense-letter-spacing",Jt.letterSpacing,"0.105px"),re=ft.extend("--ft-typography-title-dense-line-height",Jt.lineHeight,"24px"),le=ft.extend("--ft-typography-title-dense-text-transform",Jt.textTransform,"inherit"),ae=ft.extend("--ft-typography-subtitle1-font-family",qt),ce=ft.extend("--ft-typography-subtitle1-font-size",Jt.fontSize,"16px"),he=ft.extend("--ft-typography-subtitle1-font-weight",Jt.fontWeight,"600"),pe=ft.extend("--ft-typography-subtitle1-letter-spacing",Jt.letterSpacing,"0.144px"),de=ft.extend("--ft-typography-subtitle1-line-height",Jt.lineHeight,"24px"),fe=ft.extend("--ft-typography-subtitle1-text-transform",Jt.textTransform,"inherit"),ue=ft.extend("--ft-typography-subtitle2-font-family",qt),be=ft.extend("--ft-typography-subtitle2-font-size",Jt.fontSize,"14px"),ve=ft.extend("--ft-typography-subtitle2-font-weight",Jt.fontWeight,"normal"),ge=ft.extend("--ft-typography-subtitle2-letter-spacing",Jt.letterSpacing,"0.098px"),xe=ft.extend("--ft-typography-subtitle2-line-height",Jt.lineHeight,"24px"),ye=ft.extend("--ft-typography-subtitle2-text-transform",Jt.textTransform,"inherit"),me={fontFamily:ft.extend("--ft-typography-body1-font-family",qt),fontSize:ft.extend("--ft-typography-body1-font-size",Jt.fontSize,"16px"),fontWeight:ft.extend("--ft-typography-body1-font-weight",Jt.fontWeight,"normal"),letterSpacing:ft.extend("--ft-typography-body1-letter-spacing",Jt.letterSpacing,"0.496px"),lineHeight:ft.extend("--ft-typography-body1-line-height",Jt.lineHeight,"24px"),textTransform:ft.extend("--ft-typography-body1-text-transform",Jt.textTransform,"inherit")},$e={fontFamily:ft.extend("--ft-typography-body2-font-family",qt),fontSize:ft.extend("--ft-typography-body2-font-size",Jt.fontSize,"14px"),fontWeight:ft.extend("--ft-typography-body2-font-weight",Jt.fontWeight,"normal"),letterSpacing:ft.extend("--ft-typography-body2-letter-spacing",Jt.letterSpacing,"0.252px"),lineHeight:ft.extend("--ft-typography-body2-line-height",Jt.lineHeight,"20px"),textTransform:ft.extend("--ft-typography-body2-text-transform",Jt.textTransform,"inherit")},we={fontFamily:ft.extend("--ft-typography-caption-font-family",qt),fontSize:ft.extend("--ft-typography-caption-font-size",Jt.fontSize,"12px"),fontWeight:ft.extend("--ft-typography-caption-font-weight",Jt.fontWeight,"normal"),letterSpacing:ft.extend("--ft-typography-caption-letter-spacing",Jt.letterSpacing,"0.396px"),lineHeight:ft.extend("--ft-typography-caption-line-height",Jt.lineHeight,"16px"),textTransform:ft.extend("--ft-typography-caption-text-transform",Jt.textTransform,"inherit")},ke=ft.extend("--ft-typography-breadcrumb-font-family",qt),Se=ft.extend("--ft-typography-breadcrumb-font-size",Jt.fontSize,"10px"),Oe=ft.extend("--ft-typography-breadcrumb-font-weight",Jt.fontWeight,"normal"),Ce=ft.extend("--ft-typography-breadcrumb-letter-spacing",Jt.letterSpacing,"0.33px"),ze=ft.extend("--ft-typography-breadcrumb-line-height",Jt.lineHeight,"16px"),Ee=ft.extend("--ft-typography-breadcrumb-text-transform",Jt.textTransform,"inherit"),Be=ft.extend("--ft-typography-overline-font-family",qt),Ne=ft.extend("--ft-typography-overline-font-size",Jt.fontSize,"10px"),Re=ft.extend("--ft-typography-overline-font-weight",Jt.fontWeight,"normal"),Me=ft.extend("--ft-typography-overline-letter-spacing",Jt.letterSpacing,"1.5px"),Fe=ft.extend("--ft-typography-overline-line-height",Jt.lineHeight,"16px"),Le=ft.extend("--ft-typography-overline-text-transform",Jt.textTransform,"uppercase"),De={fontFamily:ft.extend("--ft-typography-button-font-family",qt),fontSize:ft.extend("--ft-typography-button-font-size",Jt.fontSize,"14px"),fontWeight:ft.extend("--ft-typography-button-font-weight",Jt.fontWeight,"600"),letterSpacing:ft.extend("--ft-typography-button-letter-spacing",Jt.letterSpacing,"1.246px"),lineHeight:ft.extend("--ft-typography-button-line-height",Jt.lineHeight,"16px"),textTransform:ft.extend("--ft-typography-button-text-transform",Jt.textTransform,"uppercase")},Ie=v`
|
|
139
139
|
.ft-typography--title {
|
|
140
140
|
font-family: ${Xt};
|
|
141
141
|
font-size: ${Yt};
|
|
@@ -144,7 +144,7 @@ const Pt=Symbol.for(""),At=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
144
144
|
line-height: ${te};
|
|
145
145
|
text-transform: ${ee};
|
|
146
146
|
}
|
|
147
|
-
`,
|
|
147
|
+
`,je=v`
|
|
148
148
|
.ft-typography--title-dense {
|
|
149
149
|
font-family: ${ie};
|
|
150
150
|
font-size: ${oe};
|
|
@@ -162,7 +162,7 @@ const Pt=Symbol.for(""),At=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
162
162
|
line-height: ${de};
|
|
163
163
|
text-transform: ${fe};
|
|
164
164
|
}
|
|
165
|
-
`,
|
|
165
|
+
`,Pe=v`
|
|
166
166
|
.ft-typography--subtitle2 {
|
|
167
167
|
font-family: ${ue};
|
|
168
168
|
font-size: ${be};
|
|
@@ -172,7 +172,7 @@ const Pt=Symbol.for(""),At=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
172
172
|
text-transform: ${ye};
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
`,
|
|
175
|
+
`,Te=v`
|
|
176
176
|
.ft-typography--body1 {
|
|
177
177
|
font-family: ${me.fontFamily};
|
|
178
178
|
font-size: ${me.fontSize};
|
|
@@ -211,10 +211,10 @@ const Pt=Symbol.for(""),At=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
211
211
|
`,Ze=v`
|
|
212
212
|
.ft-typography--overline {
|
|
213
213
|
font-family: ${Be};
|
|
214
|
-
font-size: ${
|
|
215
|
-
font-weight: ${
|
|
216
|
-
letter-spacing: ${
|
|
217
|
-
line-height: ${
|
|
214
|
+
font-size: ${Ne};
|
|
215
|
+
font-weight: ${Re};
|
|
216
|
+
letter-spacing: ${Me};
|
|
217
|
+
line-height: ${Fe};
|
|
218
218
|
text-transform: ${Le};
|
|
219
219
|
}
|
|
220
220
|
`,Ke=v`
|
|
@@ -233,7 +233,7 @@ const Pt=Symbol.for(""),At=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)=
|
|
|
233
233
|
</${_t(this.element)}>
|
|
234
234
|
`:Zt`
|
|
235
235
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
236
|
-
`}}function Ve(t,e){return t.flatMap((t=>[t,...Ve(e(t),e)]))}function qe(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function Je(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>Je(e,t.selected))),value:t.value}}function Xe(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>Je(t,!1)))}}We.styles=[je,
|
|
236
|
+
`}}function Ve(t,e){return t.flatMap((t=>[t,...Ve(e(t),e)]))}function qe(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function Je(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>Je(e,t.selected))),value:t.value}}function Xe(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>Je(t,!1)))}}We.styles=[Ie,je,Ue,Pe,Te,Ae,_e,He,Ze,Ke,v`
|
|
237
237
|
.ft-typography {
|
|
238
238
|
vertical-align: inherit;
|
|
239
239
|
}
|
|
@@ -510,7 +510,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
510
510
|
.ft-icon--material {
|
|
511
511
|
font-family: ${Si.materialFontFamily}, "Material Icons", sans-serif;
|
|
512
512
|
}
|
|
513
|
-
`,ki([i()],Oi.prototype,"variant",void 0),ki([n("slot")],Oi.prototype,"slottedContent",void 0),c("ft-icon")(Oi);var Ci=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const zi=ft.extend("--ft-button-color",bt.colorPrimary),Ei={backgroundColor:ft.extend("--ft-button-background-color",bt.colorSurface),borderRadius:ft.extend("--ft-button-border-radius",bt.borderRadiusL),color:zi,fontSize:ft.extend("--ft-button-font-size",De.fontSize),iconSize:ft.create("--ft-button-icon-size","SIZE","24px"),rippleColor:ft.extend("--ft-button-ripple-color",zi),opacityDisabled:ft.external(bt.colorOpacityDisabled,"Design system")},Bi=ft.extend("--ft-button-primary-color",ft.extend("--ft-button-color",bt.colorOnPrimary)),
|
|
513
|
+
`,ki([i()],Oi.prototype,"variant",void 0),ki([n("slot")],Oi.prototype,"slottedContent",void 0),c("ft-icon")(Oi);var Ci=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const zi=ft.extend("--ft-button-color",bt.colorPrimary),Ei={backgroundColor:ft.extend("--ft-button-background-color",bt.colorSurface),borderRadius:ft.extend("--ft-button-border-radius",bt.borderRadiusL),color:zi,fontSize:ft.extend("--ft-button-font-size",De.fontSize),iconSize:ft.create("--ft-button-icon-size","SIZE","24px"),rippleColor:ft.extend("--ft-button-ripple-color",zi),opacityDisabled:ft.external(bt.colorOpacityDisabled,"Design system")},Bi=ft.extend("--ft-button-primary-color",ft.extend("--ft-button-color",bt.colorOnPrimary)),Ni={backgroundColor:ft.extend("--ft-button-primary-background-color",ft.extend("--ft-button-background-color",bt.colorPrimary)),color:Bi,rippleColor:ft.extend("--ft-button-primary-ripple-color",Bi)},Ri=ft.extend("--ft-button-dense-border-radius",ft.extend("--ft-button-border-radius",bt.borderRadiusM));class Mi extends vt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}static get styles(){return[gt,v`
|
|
514
514
|
:host {
|
|
515
515
|
display: inline-block;
|
|
516
516
|
max-width: 100%;
|
|
@@ -572,7 +572,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
572
572
|
.ft-button--dense {
|
|
573
573
|
--ft-button-internal-vertical-padding: 2px;
|
|
574
574
|
--ft-button-internal-horizontal-padding: 4px;
|
|
575
|
-
border-radius: ${
|
|
575
|
+
border-radius: ${Ri};
|
|
576
576
|
}
|
|
577
577
|
|
|
578
578
|
.ft-button--round {
|
|
@@ -585,9 +585,9 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
.ft-button.ft-button--primary {
|
|
588
|
-
background-color: ${
|
|
589
|
-
--ft-button-internal-color: ${
|
|
590
|
-
${ut(Ge.color,
|
|
588
|
+
background-color: ${Ni.backgroundColor};
|
|
589
|
+
--ft-button-internal-color: ${Ni.color};
|
|
590
|
+
${ut(Ge.color,Ni.rippleColor)};
|
|
591
591
|
}
|
|
592
592
|
|
|
593
593
|
.ft-button.ft-button--outlined {
|
|
@@ -665,7 +665,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
665
665
|
</ft-tooltip>
|
|
666
666
|
`}resolveIcon(){return this.loading?K`
|
|
667
667
|
<ft-loader></ft-loader> `:this.icon?K`
|
|
668
|
-
<ft-icon variant="material">${this.icon}</ft-icon> `:V}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}}
|
|
668
|
+
<ft-icon variant="material">${this.icon}</ft-icon> `:V}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Mi.elementDefinitions={"ft-ripple":ri,"ft-tooltip":fi,"ft-typography":We,"ft-icon":Oi,"ft-loader":bi},Ci([i({type:Boolean})],Mi.prototype,"primary",void 0),Ci([i({type:Boolean})],Mi.prototype,"outlined",void 0),Ci([i({type:Boolean})],Mi.prototype,"disabled",void 0),Ci([i({type:Boolean})],Mi.prototype,"dense",void 0),Ci([i({type:Boolean})],Mi.prototype,"round",void 0),Ci([i({type:String})],Mi.prototype,"label",void 0),Ci([i({type:String})],Mi.prototype,"icon",void 0),Ci([i({type:Boolean})],Mi.prototype,"trailingIcon",void 0),Ci([i({type:Boolean})],Mi.prototype,"loading",void 0),Ci([i({type:String})],Mi.prototype,"tooltipPosition",void 0),Ci([n(".ft-button")],Mi.prototype,"button",void 0),Ci([n(".ft-button--label slot")],Mi.prototype,"slottedContent",void 0),c("ft-button")(Mi);var Fi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Li=ft.extend("--ft-checkbox-text-color",bt.colorOnSurfaceHigh),Di=ft.external(bt.colorPrimary,"Design system"),Ii=ft.external(bt.colorOnPrimary,"Design system"),ji=ft.extend("--ft-checkbox-border-color",bt.colorOnSurfaceMedium),Ui=ft.external(bt.colorOnSurfaceDisabled,"Design system");class Pi extends vt{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 K`
|
|
669
669
|
<label class="${Dt(t)}">
|
|
670
670
|
<div class="ft-checkbox--box-container">
|
|
671
671
|
<input type="checkbox"
|
|
@@ -690,7 +690,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
690
690
|
<slot></slot>
|
|
691
691
|
</ft-typography>
|
|
692
692
|
</label>
|
|
693
|
-
`}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)}}
|
|
693
|
+
`}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)}}Pi.elementDefinitions={"ft-ripple":ri,"ft-typography":We},Pi.styles=v`
|
|
694
694
|
* {
|
|
695
695
|
box-sizing: border-box;
|
|
696
696
|
}
|
|
@@ -729,13 +729,13 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
729
729
|
|
|
730
730
|
.ft-checkbox--box {
|
|
731
731
|
display: flex;
|
|
732
|
-
border: 2px solid ${
|
|
732
|
+
border: 2px solid ${ji};
|
|
733
733
|
border-radius: 2px;
|
|
734
734
|
|
|
735
735
|
width: 18px;
|
|
736
736
|
height: 18px;
|
|
737
737
|
|
|
738
|
-
color: ${
|
|
738
|
+
color: ${Ii};
|
|
739
739
|
}
|
|
740
740
|
|
|
741
741
|
|
|
@@ -767,7 +767,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
767
767
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
768
768
|
opacity: 1;
|
|
769
769
|
}
|
|
770
|
-
`,
|
|
770
|
+
`,Fi([i()],Pi.prototype,"name",void 0),Fi([i({type:Boolean})],Pi.prototype,"checked",void 0),Fi([i({type:Boolean})],Pi.prototype,"indeterminate",void 0),Fi([i({type:Boolean})],Pi.prototype,"disabled",void 0),Fi([n(".ft-checkbox")],Pi.prototype,"container",void 0),Fi([n("ft-ripple")],Pi.prototype,"ripple",void 0),c("ft-checkbox")(Pi);var Ti=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Ai=ft.extend("--ft-radio-text-color",bt.colorOnSurfaceHigh),_i=ft.external(bt.colorPrimary,"Design system"),Hi=(ft.external(bt.colorOnPrimary,"Design system"),ft.extend("--ft-radio-border-color",bt.colorOnSurfaceMedium)),Zi=ft.external(bt.colorOnSurfaceDisabled,"Design system");class Ki extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Wi extends vt{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 K`
|
|
771
771
|
<div class="${Dt(t)}">
|
|
772
772
|
<div class="ft-radio--box-container">
|
|
773
773
|
<input id="radio-button"
|
|
@@ -871,7 +871,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
871
871
|
.ft-radio--disabled .ft-radio--box:after {
|
|
872
872
|
background-color: ${Zi};
|
|
873
873
|
}
|
|
874
|
-
`,
|
|
874
|
+
`,Ti([i()],Wi.prototype,"value",void 0),Ti([i()],Wi.prototype,"name",void 0),Ti([i({type:Boolean})],Wi.prototype,"checked",void 0),Ti([i({type:Boolean})],Wi.prototype,"disabled",void 0),Ti([n(".ft-radio")],Wi.prototype,"container",void 0),Ti([n("ft-ripple")],Wi.prototype,"ripple",void 0),Ti([n("input")],Wi.prototype,"input",void 0);var Vi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class qi extends vt{constructor(){super(...arguments),this.name=""}render(){return K`
|
|
875
875
|
<slot @slotchange=${this.onSlotChange}
|
|
876
876
|
@change=${this.onChange}
|
|
877
877
|
@keydown=${this.onKeyDown}
|
|
@@ -934,7 +934,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
934
934
|
|
|
935
935
|
${t.label}
|
|
936
936
|
</ft-radio>
|
|
937
|
-
`}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}))}}Yi.elementDefinitions={"ft-button":
|
|
937
|
+
`}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}))}}Yi.elementDefinitions={"ft-button":Mi,"ft-ripple":ri,"ft-typography":We,"ft-checkbox":Pi,"ft-icon":Oi,"ft-radio":Wi},Yi.styles=[v`
|
|
938
938
|
.ft-filter-level--container {
|
|
939
939
|
display: flex;
|
|
940
940
|
flex-direction: column;
|
|
@@ -1019,7 +1019,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1019
1019
|
@click=${this.next}
|
|
1020
1020
|
></ft-button>
|
|
1021
1021
|
</div>
|
|
1022
|
-
`}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 to(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)}}eo.elementDefinitions={"ft-button":
|
|
1022
|
+
`}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 to(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)}}eo.elementDefinitions={"ft-button":Mi},eo.styles=v`
|
|
1023
1023
|
.ft-snap-scroll {
|
|
1024
1024
|
box-sizing: border-box;
|
|
1025
1025
|
position: relative;
|
|
@@ -1164,6 +1164,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1164
1164
|
class="ft-typography--caption"
|
|
1165
1165
|
?disabled=${!o}
|
|
1166
1166
|
placeholder="${this.filterPlaceHolder.replace("{0}",this.label)}"
|
|
1167
|
+
@search=${this.onFilterChange}
|
|
1167
1168
|
@keyup=${this.onFilterChange}>
|
|
1168
1169
|
</div>
|
|
1169
1170
|
<div class="ft-filter--values">
|
|
@@ -1209,7 +1210,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1209
1210
|
@display-level=${this.onDisplayLevel}
|
|
1210
1211
|
part="values"
|
|
1211
1212
|
></ft-filter-level>
|
|
1212
|
-
`}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 ho(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(
|
|
1213
|
+
`}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 ho(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)}}po.elementDefinitions={"ft-button":Mi,"ft-filter-level":Yi,"ft-snap-scroll":eo,"ft-typography":We},po.styles=[_e,v`
|
|
1213
1214
|
:host {
|
|
1214
1215
|
display: flex;
|
|
1215
1216
|
max-height: 100%;
|
|
@@ -1314,7 +1315,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1314
1315
|
slot {
|
|
1315
1316
|
display: none;
|
|
1316
1317
|
}
|
|
1317
|
-
`],io([i({type:String})],po.prototype,"id",void 0),io([i({type:String})],po.prototype,"label",void 0),io([i({type:String})],po.prototype,"filterPlaceHolder",void 0),io([i({type:String})],po.prototype,"clearButtonLabel",void 0),io([i({type:String})],po.prototype,"moreValuesButtonLabel",void 0),io([h([])],po.prototype,"options",void 0),io([i({type:Boolean})],po.prototype,"multivalued",void 0),io([i({type:Boolean})],po.prototype,"disabled",void 0),io([i({type:Boolean})],po.prototype,"raiseSelectedOptions",void 0),io([i({type:Number})],po.prototype,"displayedValuesLimit",void 0),io([n(".ft-filter--slot")],po.prototype,"slotElement",void 0),io([n(".ft-filter--container")],po.prototype,"container",void 0),io([n(".ft-filter--values")],po.prototype,"valuesContainer",void 0),io([n(".ft-filter--levels")],po.prototype,"levelsContainer",void 0),io([n(".ft-filter--levels ft-filter-level:last-child")],po.prototype,"lastLevel",void 0),io([function(t){return s({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")],po.prototype,"levels",void 0),io([o()],po.prototype,"withScroll",void 0),io([o()],po.prototype,"filter",void 0),io([o()],po.prototype,"slideIn",void 0),io([o()],po.prototype,"slideOut",void 0);var fo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class uo extends vt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return K`
|
|
1318
|
+
`],io([i({type:String})],po.prototype,"id",void 0),io([i({type:String})],po.prototype,"label",void 0),io([i({type:String})],po.prototype,"filterPlaceHolder",void 0),io([i({type:String})],po.prototype,"clearButtonLabel",void 0),io([i({type:String})],po.prototype,"moreValuesButtonLabel",void 0),io([h([])],po.prototype,"options",void 0),io([i({type:Boolean})],po.prototype,"multivalued",void 0),io([i({type:Boolean})],po.prototype,"disabled",void 0),io([i({type:Boolean})],po.prototype,"raiseSelectedOptions",void 0),io([i({type:Number})],po.prototype,"displayedValuesLimit",void 0),io([n(".ft-filter--slot")],po.prototype,"slotElement",void 0),io([n(".ft-filter--container")],po.prototype,"container",void 0),io([n(".ft-filter--values")],po.prototype,"valuesContainer",void 0),io([n(".ft-filter--levels")],po.prototype,"levelsContainer",void 0),io([n(".ft-filter--levels ft-filter-level:last-child")],po.prototype,"lastLevel",void 0),io([n(".ft-filter--filter input")],po.prototype,"filterInput",void 0),io([function(t){return s({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")],po.prototype,"levels",void 0),io([o()],po.prototype,"withScroll",void 0),io([o()],po.prototype,"filter",void 0),io([o()],po.prototype,"slideIn",void 0),io([o()],po.prototype,"slideOut",void 0);var fo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class uo extends vt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return K`
|
|
1318
1319
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1319
1320
|
`}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}))}}uo.elementDefinitions={},fo([i({type:String})],uo.prototype,"label",void 0),fo([i({type:Object,converter:t=>t})],uo.prototype,"value",void 0),fo([i({type:Boolean,reflect:!0})],uo.prototype,"selected",void 0),fo([i({type:Object})],uo.prototype,"subOptions",void 0),fo([n(".ft-filter-option--slot")],uo.prototype,"slotElement",void 0),c("ft-filter")(po),c("ft-filter-option")(uo);var bo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class vo extends vt{constructor(){super(...arguments),this.multi=!1}render(){return K`
|
|
1320
1321
|
<div class="ft-accordion">
|
|
@@ -1393,7 +1394,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1393
1394
|
.ft-accordion-item--separator {
|
|
1394
1395
|
border-bottom: 1px solid ${mo};
|
|
1395
1396
|
}
|
|
1396
|
-
`,go([i({type:String})],$o.prototype,"icon",void 0),go([i({type:String})],$o.prototype,"label",void 0),go([i({type:Boolean,reflect:!0})],$o.prototype,"active",void 0),c("ft-accordion")(vo),c("ft-accordion-item")($o);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};const ko=ft.extend("--ft-chip-color",bt.colorOnSurface),So={backgroundColor:ft.extend("--ft-chip-background-color",bt.colorSurface),color:ko,fontSize:ft.extend("--ft-chip-font-size",$e.fontSize),iconSize:ft.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:ft.extend("--ft-chip-ripple-color",ko),horizontalPadding:ft.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:ft.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:ft.external(bt.colorOutline,"Design system"),opacityDisabled:ft.external(bt.colorOpacityDisabled,"Design system")},Oo=ft.extend("--ft-chip-highlighted-color",ft.extend("--ft-chip-color",bt.colorOnPrimary)),Co={backgroundColor:ft.extend("--ft-chip-highlighted-background-color",ft.extend("--ft-chip-background-color",bt.colorPrimary)),color:Oo,rippleColor:ft.extend("--ft-chip-highlighted-ripple-color",Oo)},zo=ft.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Eo=ft.create("--ft-chip-dense-vertical-padding","SIZE","4px");class Bo extends CustomEvent{constructor(){super("icon-click")}}class
|
|
1397
|
+
`,go([i({type:String})],$o.prototype,"icon",void 0),go([i({type:String})],$o.prototype,"label",void 0),go([i({type:Boolean,reflect:!0})],$o.prototype,"active",void 0),c("ft-accordion")(vo),c("ft-accordion-item")($o);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};const ko=ft.extend("--ft-chip-color",bt.colorOnSurface),So={backgroundColor:ft.extend("--ft-chip-background-color",bt.colorSurface),color:ko,fontSize:ft.extend("--ft-chip-font-size",$e.fontSize),iconSize:ft.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:ft.extend("--ft-chip-ripple-color",ko),horizontalPadding:ft.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:ft.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:ft.external(bt.colorOutline,"Design system"),opacityDisabled:ft.external(bt.colorOpacityDisabled,"Design system")},Oo=ft.extend("--ft-chip-highlighted-color",ft.extend("--ft-chip-color",bt.colorOnPrimary)),Co={backgroundColor:ft.extend("--ft-chip-highlighted-background-color",ft.extend("--ft-chip-background-color",bt.colorPrimary)),color:Oo,rippleColor:ft.extend("--ft-chip-highlighted-ripple-color",Oo)},zo=ft.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Eo=ft.create("--ft-chip-dense-vertical-padding","SIZE","4px");class Bo extends CustomEvent{constructor(){super("icon-click")}}class No extends vt{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.icon=void 0,this.trailingIcon=!1}static get styles(){return[gt,v`
|
|
1397
1398
|
:host {
|
|
1398
1399
|
display: inline-block;
|
|
1399
1400
|
max-width: 100%;
|
|
@@ -1542,7 +1543,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1542
1543
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1543
1544
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1544
1545
|
</div>
|
|
1545
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Bo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Bo))}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)}}
|
|
1546
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Bo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Bo))}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)}}No.elementDefinitions={"ft-ripple":ri,"ft-typography":We,"ft-icon":Oi},wo([i({type:Boolean})],No.prototype,"highlighted",void 0),wo([i({type:Boolean})],No.prototype,"removable",void 0),wo([i({type:Boolean})],No.prototype,"disabled",void 0),wo([i({type:Boolean})],No.prototype,"clickable",void 0),wo([i({type:Boolean})],No.prototype,"iconClickable",void 0),wo([i({type:Boolean})],No.prototype,"dense",void 0),wo([i({type:Boolean})],No.prototype,"multiLine",void 0),wo([i({type:String})],No.prototype,"label",void 0),wo([i({type:String})],No.prototype,"icon",void 0),wo([i({type:Boolean})],No.prototype,"trailingIcon",void 0),wo([n("ft-typography slot")],No.prototype,"slottedContent",void 0),c("ft-chip")(No);var Ro=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Mo={fontSize:ft.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:ft.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:ft.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:ft.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:ft.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:ft.extend("--ft-input-label-border-color",bt.colorOutline),textColor:ft.extend("--ft-input-label-text-color",bt.colorOnSurfaceMedium),disabledTextColor:ft.extend("--ft-input-label-disabled-text-color",bt.colorOnSurfaceDisabled),colorSurface:ft.external(bt.colorSurface,"Design system"),borderRadiusS:ft.external(bt.borderRadiusS,"Design system"),colorError:ft.external(bt.colorError,"Design system")};class Fo extends vt{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 K`
|
|
1546
1547
|
<div class="${Dt(t)}">
|
|
1547
1548
|
${this.text?K`
|
|
1548
1549
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -1551,7 +1552,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1551
1552
|
</div>
|
|
1552
1553
|
`:null}
|
|
1553
1554
|
</div>
|
|
1554
|
-
`}}
|
|
1555
|
+
`}}Fo.elementDefinitions={},Fo.styles=[_e,v`
|
|
1555
1556
|
.ft-input-label {
|
|
1556
1557
|
position: absolute;
|
|
1557
1558
|
inset: 0;
|
|
@@ -1559,11 +1560,11 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1559
1560
|
}
|
|
1560
1561
|
|
|
1561
1562
|
.ft-input-label {
|
|
1562
|
-
border-color: ${
|
|
1563
|
+
border-color: ${Mo.borderColor};
|
|
1563
1564
|
}
|
|
1564
1565
|
|
|
1565
1566
|
.ft-input-label.ft-input-label--in-error {
|
|
1566
|
-
border-color: ${
|
|
1567
|
+
border-color: ${Mo.colorError}
|
|
1567
1568
|
}
|
|
1568
1569
|
|
|
1569
1570
|
.ft-input-label:before,
|
|
@@ -1576,7 +1577,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1576
1577
|
}
|
|
1577
1578
|
|
|
1578
1579
|
.ft-input-label:before {
|
|
1579
|
-
width: ${
|
|
1580
|
+
width: ${Mo.horizontalSpacing};
|
|
1580
1581
|
flex-shrink: 0;
|
|
1581
1582
|
}
|
|
1582
1583
|
|
|
@@ -1592,18 +1593,18 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1592
1593
|
border-bottom-width: 1px;
|
|
1593
1594
|
border-bottom-style: solid;
|
|
1594
1595
|
border-color: inherit;
|
|
1595
|
-
color: ${
|
|
1596
|
+
color: ${Mo.textColor};
|
|
1596
1597
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1597
|
-
${ut(we.fontSize,
|
|
1598
|
-
${ut(we.lineHeight,
|
|
1598
|
+
${ut(we.fontSize,Mo.fontSize)};
|
|
1599
|
+
${ut(we.lineHeight,Mo.fontSize)};
|
|
1599
1600
|
}
|
|
1600
1601
|
|
|
1601
1602
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1602
|
-
color: ${
|
|
1603
|
+
color: ${Mo.colorError}
|
|
1603
1604
|
}
|
|
1604
1605
|
|
|
1605
1606
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1606
|
-
color: ${
|
|
1607
|
+
color: ${Mo.disabledTextColor};
|
|
1607
1608
|
}
|
|
1608
1609
|
|
|
1609
1610
|
.ft-input-label--hidden-text {
|
|
@@ -1619,17 +1620,17 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1619
1620
|
overflow: hidden;
|
|
1620
1621
|
white-space: nowrap;
|
|
1621
1622
|
text-overflow: ellipsis;
|
|
1622
|
-
padding: ${
|
|
1623
|
-
margin: calc(${
|
|
1623
|
+
padding: ${Mo.verticalSpacing} 4px;
|
|
1624
|
+
margin: calc(${Mo.verticalSpacing} * -1) 0;
|
|
1624
1625
|
}
|
|
1625
1626
|
|
|
1626
1627
|
.ft-input-label--raised .ft-input-label--text {
|
|
1627
|
-
${ut(we.fontSize,
|
|
1628
|
-
${ut(we.lineHeight,
|
|
1628
|
+
${ut(we.fontSize,Mo.raisedFontSize)};
|
|
1629
|
+
${ut(we.lineHeight,Mo.raisedFontSize)};
|
|
1629
1630
|
}
|
|
1630
1631
|
|
|
1631
1632
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1632
|
-
top: ${
|
|
1633
|
+
top: ${Mo.verticalSpacing};
|
|
1633
1634
|
}
|
|
1634
1635
|
|
|
1635
1636
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1642,27 +1643,27 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1642
1643
|
.ft-input-label--outlined:before {
|
|
1643
1644
|
border-left-width: 1px;
|
|
1644
1645
|
border-left-style: solid;
|
|
1645
|
-
border-radius: ${
|
|
1646
|
+
border-radius: ${Mo.borderRadiusS} 0 0 ${Mo.borderRadiusS};
|
|
1646
1647
|
}
|
|
1647
1648
|
|
|
1648
1649
|
.ft-input-label--outlined:after {
|
|
1649
1650
|
border-right-width: 1px;
|
|
1650
1651
|
border-right-style: solid;
|
|
1651
|
-
border-radius: 0 ${
|
|
1652
|
+
border-radius: 0 ${Mo.borderRadiusS} ${Mo.borderRadiusS} 0;
|
|
1652
1653
|
}
|
|
1653
1654
|
|
|
1654
1655
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1655
1656
|
padding: 2px 4px;
|
|
1656
|
-
z-index: ${
|
|
1657
|
-
background-color: ${
|
|
1658
|
-
border-radius: ${
|
|
1657
|
+
z-index: ${Mo.raisedZIndex};
|
|
1658
|
+
background-color: ${Mo.colorSurface};
|
|
1659
|
+
border-radius: ${Mo.borderRadiusS};
|
|
1659
1660
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1660
1661
|
}
|
|
1661
1662
|
|
|
1662
1663
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1663
1664
|
border-top: none;
|
|
1664
1665
|
}
|
|
1665
|
-
`],
|
|
1666
|
+
`],Ro([i({type:String})],Fo.prototype,"text",void 0),Ro([i({type:Boolean})],Fo.prototype,"raised",void 0),Ro([i({type:Boolean})],Fo.prototype,"outlined",void 0),Ro([i({type:Boolean})],Fo.prototype,"disabled",void 0),Ro([i({type:Boolean})],Fo.prototype,"error",void 0),c("ft-input-label")(Fo);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 vt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return K``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}Do.elementDefinitions={},Lo([i({type:String})],Do.prototype,"label",void 0),Lo([i({type:Object,converter:t=>t})],Do.prototype,"value",void 0),Lo([i({type:Boolean,reflect:!0})],Do.prototype,"selected",void 0);const Io={labelSize:ft.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ft.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ft.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:ft.extend("--ft-select-selected-option-color",bt.colorOnSurface),helperColor:ft.extend("--ft-select-helper-color",bt.colorOnSurfaceMedium),optionsColor:ft.extend("--ft-select-options-color",bt.colorOnSurface),optionsZIndex:ft.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ft.external(bt.colorSurface,"Design system"),colorOnSurfaceDisabled:ft.external(bt.colorOnSurfaceDisabled,"Design system"),colorPrimary:ft.external(bt.colorPrimary,"Design system"),borderRadiusS:ft.external(bt.borderRadiusS,"Design system"),elevation02:ft.external(bt.elevation02,"Design system"),colorError:ft.external(bt.colorError,"Design system")};class jo extends vt{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 K`
|
|
1666
1667
|
<div class="${Dt(a)}" part="container">
|
|
1667
1668
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1668
1669
|
<ft-input-label text="${this.label}"
|
|
@@ -1710,7 +1711,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1710
1711
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1711
1712
|
${t.label}
|
|
1712
1713
|
</div>
|
|
1713
|
-
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.minWidth=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}
|
|
1714
|
+
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.minWidth=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}jo.elementDefinitions={"ft-input-label":Fo,"ft-typography":We,"ft-ripple":ri,"ft-icon":Oi},jo.styles=[Ae,_e,v`
|
|
1714
1715
|
*:focus {
|
|
1715
1716
|
outline: none;
|
|
1716
1717
|
}
|
|
@@ -1724,7 +1725,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1724
1725
|
.ft-select--main-panel {
|
|
1725
1726
|
position: relative;
|
|
1726
1727
|
display: flex;
|
|
1727
|
-
height: calc(4 * ${
|
|
1728
|
+
height: calc(4 * ${Io.verticalSpacing} + ${Io.labelSize} + ${Io.selectedOptionSize});
|
|
1728
1729
|
}
|
|
1729
1730
|
|
|
1730
1731
|
.ft-select--input-panel {
|
|
@@ -1736,8 +1737,8 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1736
1737
|
padding-left: 16px;
|
|
1737
1738
|
padding-right: 8px;
|
|
1738
1739
|
gap: 8px;
|
|
1739
|
-
color: ${
|
|
1740
|
-
${ut(Ge.color,
|
|
1740
|
+
color: ${Io.selectedOptionColor};
|
|
1741
|
+
${ut(Ge.color,Io.selectedOptionColor)};
|
|
1741
1742
|
}
|
|
1742
1743
|
|
|
1743
1744
|
.ft-select--input-panel,
|
|
@@ -1753,7 +1754,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1753
1754
|
|
|
1754
1755
|
.ft-select--disabled .ft-select--input-panel,
|
|
1755
1756
|
.ft-select--disabled .ft-select--option {
|
|
1756
|
-
color: ${
|
|
1757
|
+
color: ${Io.colorOnSurfaceDisabled};
|
|
1757
1758
|
}
|
|
1758
1759
|
|
|
1759
1760
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1762,18 +1763,18 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1762
1763
|
}
|
|
1763
1764
|
|
|
1764
1765
|
ft-input-label {
|
|
1765
|
-
${ut(
|
|
1766
|
-
${ut(
|
|
1767
|
-
${ut(
|
|
1766
|
+
${ut(Mo.fontSize,Io.selectedOptionSize)};
|
|
1767
|
+
${ut(Mo.raisedFontSize,Io.labelSize)};
|
|
1768
|
+
${ut(Mo.verticalSpacing,Io.verticalSpacing)};
|
|
1768
1769
|
}
|
|
1769
1770
|
|
|
1770
1771
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1771
|
-
color: ${
|
|
1772
|
+
color: ${Io.colorPrimary};
|
|
1772
1773
|
}
|
|
1773
1774
|
|
|
1774
1775
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1775
|
-
${ut(
|
|
1776
|
-
${ut(
|
|
1776
|
+
${ut(Mo.borderColor,Io.colorPrimary)};
|
|
1777
|
+
${ut(Mo.textColor,Io.colorPrimary)};
|
|
1777
1778
|
}
|
|
1778
1779
|
|
|
1779
1780
|
.ft-select--selected-option {
|
|
@@ -1783,12 +1784,12 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1783
1784
|
overflow: hidden;
|
|
1784
1785
|
white-space: nowrap;
|
|
1785
1786
|
text-overflow: ellipsis;
|
|
1786
|
-
${ut(me.fontSize,
|
|
1787
|
-
${ut(me.lineHeight,
|
|
1787
|
+
${ut(me.fontSize,Io.selectedOptionSize)};
|
|
1788
|
+
${ut(me.lineHeight,Io.selectedOptionSize)};
|
|
1788
1789
|
}
|
|
1789
1790
|
|
|
1790
1791
|
.ft-select--in-error .ft-select--selected-option {
|
|
1791
|
-
color: ${
|
|
1792
|
+
color: ${Io.colorError};
|
|
1792
1793
|
}
|
|
1793
1794
|
|
|
1794
1795
|
ft-icon {
|
|
@@ -1800,16 +1801,16 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1800
1801
|
}
|
|
1801
1802
|
|
|
1802
1803
|
.ft-select--filled .ft-select--input-panel {
|
|
1803
|
-
border-radius: ${
|
|
1804
|
+
border-radius: ${Io.borderRadiusS} ${Io.borderRadiusS} 0 0;
|
|
1804
1805
|
}
|
|
1805
1806
|
|
|
1806
1807
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1807
1808
|
align-self: stretch;
|
|
1808
|
-
padding-top: calc(${
|
|
1809
|
+
padding-top: calc(${Io.labelSize} + 2 * ${Io.verticalSpacing});
|
|
1809
1810
|
}
|
|
1810
1811
|
|
|
1811
1812
|
.ft-select--outlined .ft-select--input-panel {
|
|
1812
|
-
border-radius: ${
|
|
1813
|
+
border-radius: ${Io.borderRadiusS};
|
|
1813
1814
|
}
|
|
1814
1815
|
|
|
1815
1816
|
.ft-select--options {
|
|
@@ -1818,10 +1819,10 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1818
1819
|
top: 100%;
|
|
1819
1820
|
left: 0;
|
|
1820
1821
|
right: 0;
|
|
1821
|
-
color: ${
|
|
1822
|
-
background: ${
|
|
1823
|
-
z-index: ${
|
|
1824
|
-
box-shadow: ${
|
|
1822
|
+
color: ${Io.optionsColor};
|
|
1823
|
+
background: ${Io.colorSurface};
|
|
1824
|
+
z-index: ${Io.optionsZIndex};
|
|
1825
|
+
box-shadow: ${Io.elevation02};
|
|
1825
1826
|
}
|
|
1826
1827
|
|
|
1827
1828
|
.ft-select--fixed .ft-select--options {
|
|
@@ -1844,13 +1845,41 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1844
1845
|
|
|
1845
1846
|
.ft-select--helper-text {
|
|
1846
1847
|
padding: 0 12px 0 16px;
|
|
1847
|
-
color: ${
|
|
1848
|
+
color: ${Io.helperColor};
|
|
1848
1849
|
}
|
|
1849
1850
|
|
|
1850
1851
|
.ft-select--in-error .ft-select--helper-text {
|
|
1851
|
-
color: ${
|
|
1852
|
+
color: ${Io.colorError};
|
|
1852
1853
|
}
|
|
1853
|
-
`],Lo([i({type:String})],
|
|
1854
|
+
`],Lo([i({type:String})],jo.prototype,"label",void 0),Lo([i({type:String})],jo.prototype,"helper",void 0),Lo([i({type:Boolean})],jo.prototype,"outlined",void 0),Lo([i({type:Boolean})],jo.prototype,"disabled",void 0),Lo([i({type:Boolean})],jo.prototype,"error",void 0),Lo([i({type:Boolean})],jo.prototype,"fixedMenuPosition",void 0),Lo([i({type:Array})],jo.prototype,"options",void 0),Lo([o()],jo.prototype,"selectedOption",void 0),Lo([o()],jo.prototype,"optionsDisplayed",void 0),Lo([o()],jo.prototype,"focusOptions",void 0),Lo([n(".ft-select")],jo.prototype,"container",void 0),Lo([n(".ft-select--options")],jo.prototype,"optionsMenu",void 0),Lo([n(".ft-select--input-panel")],jo.prototype,"mainPanel",void 0),Lo([n(".ft-select--option:first-child")],jo.prototype,"firstOption",void 0),Lo([n(".ft-select--option:focus")],jo.prototype,"focusedOption",void 0),Lo([n(".ft-select--option.ft-select--option-selected")],jo.prototype,"selectedOptionElement",void 0),Lo([n(".ft-select--option:last-child")],jo.prototype,"lastOption",void 0),Lo([n("slot")],jo.prototype,"optionsSlot",void 0),c("ft-select")(jo),c("ft-select-option")(Do);const Uo={display:ft.create("--ft-skeleton--display","DISPLAY","block"),width:ft.create("--ft-skeleton--width","SIZE","100%"),height:ft.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:ft.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:ft.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:ft.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:ft.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:ft.external(bt.borderRadiusM,"Design system")};class Po extends vt{render(){return K`
|
|
1855
|
+
`}}Po.elementDefinitions={},Po.styles=v`
|
|
1856
|
+
:host {
|
|
1857
|
+
width: ${Uo.width};
|
|
1858
|
+
height: ${Uo.height};
|
|
1859
|
+
display: ${Uo.display};
|
|
1860
|
+
overflow: hidden;
|
|
1861
|
+
border-radius: ${Uo.borderRadiusM};
|
|
1862
|
+
background: linear-gradient(
|
|
1863
|
+
90deg,
|
|
1864
|
+
transparent,
|
|
1865
|
+
${Uo.glareColor} calc(0.45 * ${Uo.glareWidth}),
|
|
1866
|
+
${Uo.glareColor} calc(0.55 * ${Uo.glareWidth}),
|
|
1867
|
+
transparent ${Uo.glareWidth}
|
|
1868
|
+
), ${Uo.backgroundColor};
|
|
1869
|
+
background-repeat: repeat-y;
|
|
1870
|
+
background-size: 100vw 100vh;
|
|
1871
|
+
background-attachment: fixed;
|
|
1872
|
+
background-position: calc(${Uo.glareWidth} * -1) 0;
|
|
1873
|
+
animation: shine ${Uo.animationDuration} infinite;
|
|
1874
|
+
animation-timing-function: linear;
|
|
1875
|
+
}
|
|
1876
|
+
|
|
1877
|
+
@keyframes shine {
|
|
1878
|
+
to {
|
|
1879
|
+
background-position: calc(100vw + ${Uo.glareWidth}) 0, calc(${Uo.glareWidth} * -1) 0;
|
|
1880
|
+
}
|
|
1881
|
+
}
|
|
1882
|
+
`,c("ft-skeleton")(Po);const To={height:ft.create("--ft-search-bar-height","SIZE","38px"),borderRadius:ft.extend("--ft-search-bar-border-radius",bt.borderRadiusS),mobileOpenPosition:ft.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:ft.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:ft.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:ft.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:ft.create("--ft-search-bar-mobile-open-right","SIZE","0"),floatingZIndex:ft.create("--ft-search-bar-floating-components-z-index","NUMBER","2"),colorSurface:ft.external(bt.colorSurface,"Design system"),colorOnSurface:ft.external(bt.colorOnSurface,"Design system"),colorOnSurfaceMedium:ft.external(bt.colorOnSurfaceMedium,"Design system"),colorOutline:ft.external(bt.colorOutline,"Design system"),colorPrimary:ft.external(bt.colorPrimary,"Design system"),elevation02:ft.external(bt.elevation02,"Design system"),buttonColor:ft.external(Ei.color,"Button"),buttonRippleColor:ft.external(Ei.rippleColor,"Button")},Ao=v`
|
|
1854
1883
|
* {
|
|
1855
1884
|
box-sizing: border-box;
|
|
1856
1885
|
}
|
|
@@ -1859,7 +1888,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1859
1888
|
display: flex;
|
|
1860
1889
|
flex-direction: column;
|
|
1861
1890
|
gap: 8px;
|
|
1862
|
-
color: ${
|
|
1891
|
+
color: ${To.colorOnSurface};
|
|
1863
1892
|
outline: none;
|
|
1864
1893
|
}
|
|
1865
1894
|
|
|
@@ -1868,14 +1897,14 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1868
1897
|
}
|
|
1869
1898
|
|
|
1870
1899
|
.ft-search-bar--mobile-menu-open {
|
|
1871
|
-
position: ${
|
|
1872
|
-
top: ${
|
|
1873
|
-
bottom: ${
|
|
1874
|
-
left: ${
|
|
1875
|
-
right: ${
|
|
1876
|
-
z-index: ${
|
|
1900
|
+
position: ${To.mobileOpenPosition};
|
|
1901
|
+
top: ${To.mobileOpenTop};
|
|
1902
|
+
bottom: ${To.mobileOpenBottom};
|
|
1903
|
+
left: ${To.mobileOpenLeft};
|
|
1904
|
+
right: ${To.mobileOpenRight};
|
|
1905
|
+
z-index: ${To.floatingZIndex};
|
|
1877
1906
|
padding: 16px;
|
|
1878
|
-
background: ${
|
|
1907
|
+
background: ${To.colorSurface};
|
|
1879
1908
|
}
|
|
1880
1909
|
|
|
1881
1910
|
.ft-search-bar {
|
|
@@ -1883,15 +1912,20 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1883
1912
|
display: flex;
|
|
1884
1913
|
flex-direction: row;
|
|
1885
1914
|
align-items: center;
|
|
1886
|
-
height: ${
|
|
1915
|
+
height: ${To.height};
|
|
1916
|
+
|
|
1917
|
+
background: ${To.colorSurface};
|
|
1918
|
+
border: 1px solid ${To.colorOutline};
|
|
1919
|
+
border-radius: ${To.borderRadius};
|
|
1920
|
+
}
|
|
1887
1921
|
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1922
|
+
.ft-search-bar--skeleton {
|
|
1923
|
+
${ut(Uo.height,To.height)};
|
|
1924
|
+
${ut(Uo.borderRadiusM,To.borderRadius)};
|
|
1891
1925
|
}
|
|
1892
1926
|
|
|
1893
1927
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
1894
|
-
border-radius: ${
|
|
1928
|
+
border-radius: ${To.borderRadius} ${To.borderRadius} 0 0;
|
|
1895
1929
|
}
|
|
1896
1930
|
|
|
1897
1931
|
.ft-search-bar--input-container {
|
|
@@ -1909,7 +1943,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1909
1943
|
align-self: stretch;
|
|
1910
1944
|
display: grid;
|
|
1911
1945
|
padding: 0 8px;
|
|
1912
|
-
border-radius: ${
|
|
1946
|
+
border-radius: ${To.borderRadius};
|
|
1913
1947
|
}
|
|
1914
1948
|
|
|
1915
1949
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -1918,7 +1952,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1918
1952
|
}
|
|
1919
1953
|
|
|
1920
1954
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
1921
|
-
outline: 2px solid ${
|
|
1955
|
+
outline: 2px solid ${To.colorPrimary};
|
|
1922
1956
|
}
|
|
1923
1957
|
|
|
1924
1958
|
.ft-search-bar--input {
|
|
@@ -1950,8 +1984,8 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1950
1984
|
}
|
|
1951
1985
|
|
|
1952
1986
|
.ft-search-bar--left-action {
|
|
1953
|
-
${ut(Ei.borderRadius,v`calc(${
|
|
1954
|
-
border-right: 1px solid ${
|
|
1987
|
+
${ut(Ei.borderRadius,v`calc(${To.borderRadius} - 1px) 0 0 calc(${To.borderRadius} - 1px)`)};
|
|
1988
|
+
border-right: 1px solid ${To.colorOutline};
|
|
1955
1989
|
height: 100%;
|
|
1956
1990
|
}
|
|
1957
1991
|
|
|
@@ -1960,7 +1994,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1960
1994
|
}
|
|
1961
1995
|
|
|
1962
1996
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
1963
|
-
${ut(Ei.borderRadius,v`calc(${
|
|
1997
|
+
${ut(Ei.borderRadius,v`calc(${To.borderRadius} - 1px) 0 0 0`)};
|
|
1964
1998
|
}
|
|
1965
1999
|
|
|
1966
2000
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -1970,13 +2004,13 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1970
2004
|
|
|
1971
2005
|
.ft-search-bar--separator {
|
|
1972
2006
|
height: 20px;
|
|
1973
|
-
border-right: 1px solid ${
|
|
2007
|
+
border-right: 1px solid ${To.colorOutline};
|
|
1974
2008
|
}
|
|
1975
2009
|
|
|
1976
2010
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
1977
|
-
${ut(
|
|
1978
|
-
${ut(
|
|
1979
|
-
${ut(
|
|
2011
|
+
${ut(Mo.borderColor,"transparent")};
|
|
2012
|
+
${ut(Mo.borderRadiusS,v`calc(${To.borderRadius} - 1px)`)};
|
|
2013
|
+
${ut(Io.selectedOptionColor,To.buttonColor)};
|
|
1980
2014
|
}
|
|
1981
2015
|
|
|
1982
2016
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -1993,17 +2027,17 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
1993
2027
|
}
|
|
1994
2028
|
|
|
1995
2029
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
1996
|
-
border-radius: calc(${
|
|
2030
|
+
border-radius: calc(${To.borderRadius} - 1px) 0 0 calc(${To.borderRadius} - 1px);
|
|
1997
2031
|
}
|
|
1998
2032
|
|
|
1999
|
-
`,
|
|
2033
|
+
`,_o=v`
|
|
2000
2034
|
.ft-search-bar--floating-panel .ft-search-bar--presets {
|
|
2001
2035
|
margin-right: auto;
|
|
2002
2036
|
}
|
|
2003
2037
|
|
|
2004
2038
|
.ft-search-bar--floating-panel .ft-search-bar--presets {
|
|
2005
2039
|
min-width: 250px;
|
|
2006
|
-
${ut(
|
|
2040
|
+
${ut(Io.optionsZIndex,"2")};
|
|
2007
2041
|
}
|
|
2008
2042
|
|
|
2009
2043
|
.ft-search-bar--floating-panel {
|
|
@@ -2095,7 +2129,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2095
2129
|
|
|
2096
2130
|
.ft-search-bar--filter-label > :last-child {
|
|
2097
2131
|
flex-shrink: 1;
|
|
2098
|
-
color: ${
|
|
2132
|
+
color: ${To.colorOnSurfaceMedium};
|
|
2099
2133
|
}
|
|
2100
2134
|
|
|
2101
2135
|
ft-accordion-item::part(toggle) {
|
|
@@ -2115,7 +2149,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2115
2149
|
.ft-search-bar--floating-panel .ft-search-bar--launch-search {
|
|
2116
2150
|
margin: 0;
|
|
2117
2151
|
}
|
|
2118
|
-
`,
|
|
2152
|
+
`,Ho=v`
|
|
2119
2153
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2120
2154
|
flex-shrink: 0;
|
|
2121
2155
|
display: flex;
|
|
@@ -2145,7 +2179,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2145
2179
|
.ft-search-bar--selected-filters ft-chip {
|
|
2146
2180
|
flex-grow: 0;
|
|
2147
2181
|
}
|
|
2148
|
-
`,
|
|
2182
|
+
`,Zo=v`
|
|
2149
2183
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2150
2184
|
flex-grow: 1;
|
|
2151
2185
|
flex-shrink: 1;
|
|
@@ -2154,7 +2188,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2154
2188
|
}
|
|
2155
2189
|
|
|
2156
2190
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2157
|
-
border-top: 1px solid ${
|
|
2191
|
+
border-top: 1px solid ${To.colorOutline};
|
|
2158
2192
|
}
|
|
2159
2193
|
|
|
2160
2194
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2169,10 +2203,10 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2169
2203
|
left: -1px;
|
|
2170
2204
|
right: -1px;
|
|
2171
2205
|
display: none;
|
|
2172
|
-
background: ${
|
|
2173
|
-
border: 1px solid ${
|
|
2174
|
-
border-radius: 0 0 ${
|
|
2175
|
-
box-shadow: ${
|
|
2206
|
+
background: ${To.colorSurface};
|
|
2207
|
+
border: 1px solid ${To.colorOutline};
|
|
2208
|
+
border-radius: 0 0 ${To.borderRadius} ${To.borderRadius};
|
|
2209
|
+
box-shadow: ${To.elevation02};
|
|
2176
2210
|
outline: none;
|
|
2177
2211
|
}
|
|
2178
2212
|
|
|
@@ -2187,7 +2221,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2187
2221
|
.ft-search-bar--no-suggestions {
|
|
2188
2222
|
text-align: center;
|
|
2189
2223
|
padding: 8px;
|
|
2190
|
-
color: ${
|
|
2224
|
+
color: ${To.colorOnSurface};
|
|
2191
2225
|
}
|
|
2192
2226
|
|
|
2193
2227
|
.ft-search-bar--suggestion {
|
|
@@ -2198,7 +2232,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2198
2232
|
padding: 8px;
|
|
2199
2233
|
gap: 8px;
|
|
2200
2234
|
cursor: pointer;
|
|
2201
|
-
color: ${
|
|
2235
|
+
color: ${To.colorOnSurface};
|
|
2202
2236
|
min-height: 52px;
|
|
2203
2237
|
}
|
|
2204
2238
|
|
|
@@ -2215,7 +2249,7 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2215
2249
|
}
|
|
2216
2250
|
|
|
2217
2251
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2218
|
-
border-top: 1px solid ${
|
|
2252
|
+
border-top: 1px solid ${To.colorOutline};
|
|
2219
2253
|
}
|
|
2220
2254
|
|
|
2221
2255
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2223,11 +2257,15 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2223
2257
|
flex-grow: 1;
|
|
2224
2258
|
flex-shrink: 1;
|
|
2225
2259
|
}
|
|
2226
|
-
`;var
|
|
2260
|
+
`;var Ko=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 Wo={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",searchButton:"Search",noSuggestions:"No results found…",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Preset",removeRecentSearch:"Remove",back:"Back"};class Vo extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class qo extends CustomEvent{constructor(t){super("change",{detail:t})}}class Jo extends vt{constructor(){super(...arguments),this.dense=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new xt(Wo,{}),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=It.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels={},this.query="",this.suggestions=[],this.suggestionsLoaded=!0,this.recentSearches=[],this.updateFacetsDebouncer=new t(500),this.suggestDebouncer=new t(300),this.facetsLoaded=!1,this.closeFloatingContainer=t=>{this.isMobile||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}get isMobile(){return this.sizeCategory===It.S}get hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}get hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return K`
|
|
2227
2261
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2262
|
+
${this.renderSearchBar()}
|
|
2263
|
+
`}renderSearchBar(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets,"ft-search-bar--mobile-menu-open":this.mobileMenuOpen};return this.facetsInitialized&&this.availableContentLocalesInitialized?K`
|
|
2228
2264
|
<div class="${Dt(t)}" part="container" tabindex="-1">
|
|
2229
2265
|
${this.isMobile?this.renderMobileSearchBar():this.renderDesktopSearchBar()}
|
|
2230
2266
|
</div>
|
|
2267
|
+
`:K`
|
|
2268
|
+
<ft-skeleton class="ft-search-bar--skeleton"></ft-skeleton>
|
|
2231
2269
|
`}renderMobileSearchBar(){return K`
|
|
2232
2270
|
<div class="ft-search-bar">
|
|
2233
2271
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2533,9 +2571,9 @@ class vi extends Ct{constructor(t){if(super(t),this.it=V,t.type!==St)throw Error
|
|
|
2533
2571
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2534
2572
|
${i}
|
|
2535
2573
|
</ft-icon>
|
|
2536
|
-
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){
|
|
2574
|
+
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var e,i,o,s,n,r;if(t.has("labels")&&(this.labelResolver=new xt(Wo,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const i=t=>this.availableContentLocales.some((e=>e.lang===t));i(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&i(t.get("contentLocale"))?t.get("contentLocale"):null===(e=this.availableContentLocales[0])||void 0===e?void 0:e.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.recentSearches=JSON.parse(null!==(i=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==i?i:"[]")),t.has("presets")&&(null!==(o=this.presets)&&void 0!==o?o:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>qe(t))))))),t.has("selectedPreset")){const t=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(r=(null!==(n=this.presets)&&void 0!==n?n:[]).find((t=>this.compareRequests(t,this.request))))||void 0===r?void 0:r.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi(),this.availableContentLocalesInitialized=!1,this.facetsInitialized=!1),t.has("api")&&this.updateAvailableContentLocales(),["uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateSuggestions(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchEvent(new qo(this.request))}async updateAvailableContentLocales(){this.api&&(this.availableContentLocales=await this.api.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])),this.availableContentLocalesInitialized=!0)}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),100))}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{var t,e;this.facets=null!==(e=await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets)).catch((()=>[]))))&&void 0!==e?e:[],this.facets.forEach((t=>this.knownFacetLabels[t.key]=t.label)),this.facetsLoaded=!0,this.facetsInitialized=!0}))):(this.facets=[],this.facetsInitialized=!0))}updateSuggestions(){this.suggestionsLoaded=!1,this.suggestDebouncer.run((async()=>{this.suggestions=this.api&&this.query.length>2?await this.api.getSuggestions(this.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],this.suggestionsLoaded=!0}))}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.query=e.value,"Enter"===t.key&&this.launchSearch()}onSearchBarKeyDown(t){var e,i;switch(t.key){case"Escape":this.mobileMenuOpen=!1,null===(e=this.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),null===(i=this.firstSuggestion)||void 0===i||i.focus()}}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.setQuery(e),this.launchSearch()}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new Vo(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}saveRecentSearches(){window.localStorage.setItem(this.recentSearchesStorageKey,JSON.stringify(this.recentSearches))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}getLocaleLabel(t){var e;return null!==(e=this.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&Ve(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=>Ve(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}removeRecentSearch(t,e){var i,o,s,n;t.preventDefault(),t.stopPropagation();const r=null!==(n=null!==(o=null===(i=this.focusedSuggestion)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.input;null==r||r.focus(),this.recentSearches=this.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.saveRecentSearches()}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.focusedSuggestion)||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.lastSuggestion)||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstSuggestion)||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}}Jo.elementDefinitions={"ft-accordion":vo,"ft-accordion-item":$o,"ft-button":Mi,"ft-chip":No,"ft-filter":po,"ft-filter-option":uo,"ft-icon":Oi,"ft-ripple":ri,"ft-select":jo,"ft-select-option":Do,"ft-size-watcher":Pt,"ft-skeleton":Po,"ft-snap-scroll":eo,"ft-tooltip":fi,"ft-typography":We},Jo.styles=[Ae,Ao,_o,Ho,Zo],Ko([i({type:Boolean})],Jo.prototype,"dense",void 0),Ko([i({type:String})],Jo.prototype,"baseUrl",void 0),Ko([i({type:String})],Jo.prototype,"apiIntegrationIdentifier",void 0),Ko([i({type:String})],Jo.prototype,"contentLocale",void 0),Ko([o()],Jo.prototype,"availableContentLocales",void 0),Ko([o()],Jo.prototype,"availableContentLocalesInitialized",void 0),Ko([i({type:String})],Jo.prototype,"uiLocale",void 0),Ko([h({})],Jo.prototype,"labels",void 0),Ko([h([])],Jo.prototype,"displayedFilters",void 0),Ko([h([])],Jo.prototype,"presets",void 0),Ko([i({type:String,reflect:!0})],Jo.prototype,"selectedPreset",void 0),Ko([h([])],Jo.prototype,"priors",void 0),Ko([i()],Jo.prototype,"searchRequestSerializer",void 0),Ko([o()],Jo.prototype,"searchFilters",void 0),Ko([o()],Jo.prototype,"sizeCategory",void 0),Ko([o()],Jo.prototype,"displayFacets",void 0),Ko([o()],Jo.prototype,"mobileMenuOpen",void 0),Ko([o()],Jo.prototype,"facets",void 0),Ko([o()],Jo.prototype,"facetsInitialized",void 0),Ko([n(".ft-search-bar--container")],Jo.prototype,"container",void 0),Ko([n(".ft-search-bar--filters-opener")],Jo.prototype,"filtersOpener",void 0),Ko([n(".ft-search-bar--floating-panel")],Jo.prototype,"floatingContainer",void 0),Ko([n("ft-snap-scroll.ft-search-bar--filters-container")],Jo.prototype,"scrollingFiltersContainer",void 0),Ko([n(".ft-search-bar--input")],Jo.prototype,"input",void 0),Ko([o()],Jo.prototype,"query",void 0),Ko([o()],Jo.prototype,"suggestions",void 0),Ko([o()],Jo.prototype,"suggestionsLoaded",void 0),Ko([o()],Jo.prototype,"recentSearches",void 0),Ko([o()],Jo.prototype,"scrollToFacet",void 0),Ko([n(".ft-search-bar--suggestion:first-child")],Jo.prototype,"firstSuggestion",void 0),Ko([n(".ft-search-bar--suggestion:focus-within")],Jo.prototype,"focusedSuggestion",void 0),Ko([n(".ft-search-bar--suggestion:last-child")],Jo.prototype,"lastSuggestion",void 0),Ko([o()],Jo.prototype,"api",void 0),c("ft-search-bar")(function t(e){var i;let o;if("elementDefinitions"in e){o={};const i=e.elementDefinitions;for(let e in i)o[e]=t(i[e])}return i=class extends e{render(){var t;let i=null!==(t=e.styles)&&void 0!==t?t:[];return Array.isArray(i)||(i=[i]),K`
|
|
2537
2575
|
${i.map((t=>K`
|
|
2538
2576
|
<style>${t}</style>
|
|
2539
2577
|
`))}
|
|
2540
2578
|
${super.render()}
|
|
2541
|
-
`}},i.styles=void 0,i.elementDefinitions=o,i}(
|
|
2579
|
+
`}},i.styles=void 0,i.elementDefinitions=o,i}(Jo))}();
|