@fluid-topics/ft-search-bar 0.2.13 → 0.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-search-bar.css.js +1 -1
- package/build/ft-search-bar.d.ts +8 -0
- package/build/ft-search-bar.inline-styles.js +79 -63
- package/build/ft-search-bar.js +60 -26
- package/build/ft-search-bar.light.js +161 -145
- package/build/ft-search-bar.min.js +48 -32
- package/package.json +14 -14
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
22
22
|
width: 100%;
|
|
23
23
|
}
|
|
24
|
-
`,c([o.property({type:Number})],p.prototype,"debounceTimeout",void 0),c([o.property({type:Boolean})],p.prototype,"local",void 0),c([o.property({type:Number,reflect:!0})],p.prototype,"size",void 0),c([o.property({type:String,reflect:!0})],p.prototype,"category",void 0),c([o.query(".ft-size-watcher--watcher")],p.prototype,"watcher",void 0),e.customElement("ft-size-watcher")(p);const f=globalThis.trustedTypes,d=f?f.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,b="?"+u,g=`<${b}>`,v=document,x=(t="")=>v.createComment(t),y=t=>null===t||"object"!=typeof t&&"function"!=typeof t,m=Array.isArray,$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,k=/>/g,S=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,z=/'/g,O=/"/g,
|
|
24
|
+
`,c([o.property({type:Number})],p.prototype,"debounceTimeout",void 0),c([o.property({type:Boolean})],p.prototype,"local",void 0),c([o.property({type:Number,reflect:!0})],p.prototype,"size",void 0),c([o.property({type:String,reflect:!0})],p.prototype,"category",void 0),c([o.query(".ft-size-watcher--watcher")],p.prototype,"watcher",void 0),e.customElement("ft-size-watcher")(p);const f=globalThis.trustedTypes,d=f?f.createPolicy("lit-html",{createHTML:t=>t}):void 0,u=`lit$${(Math.random()+"").slice(9)}$`,b="?"+u,g=`<${b}>`,v=document,x=(t="")=>v.createComment(t),y=t=>null===t||"object"!=typeof t&&"function"!=typeof t,m=Array.isArray,$=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,w=/-->/g,k=/>/g,S=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,z=/'/g,O=/"/g,B=/^(?:script|style|textarea|title)$/i,C=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),E=Symbol.for("lit-noChange"),I=Symbol.for("lit-nothing"),D=new WeakMap,L=v.createTreeWalker(v,129,null,!1),F=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=$;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===$?"!--"===a[1]?r=w:void 0!==a[1]?r=k:void 0!==a[2]?(B.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=S):void 0!==a[3]&&(r=S):r===S?">"===a[0]?(r=null!=s?s:$,c=-1):void 0===a[1]?c=-2:(c=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?S:'"'===a[3]?O:z):r===O||r===z?r=S:r===w||r===k?r=$:(r=S,s=void 0);const p=r===S&&t[e+1].startsWith("/>")?" ":"";n+=r===$?i+g:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+u+p):i+u+(-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!==d?d.createHTML(l):l,o]};class j{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]=F(t,e);if(this.el=j.createElement(a,i),L.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=L.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(u)){const i=c[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(u),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?N:"?"===e[1]?Z:"@"===e[1]?U:T})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(B.test(o.tagName)){const t=o.textContent.split(u),e=t.length-1;if(e>0){o.textContent=f?f.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],x()),L.nextNode(),l.push({type:2,index:++s});o.append(t[e],x())}}}else if(8===o.nodeType)if(o.data===b)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(u,t+1));)l.push({type:7,index:s}),t+=u.length-1}s++}}static createElement(t,e){const i=v.createElement("template");return i.innerHTML=t,i}}function M(t,e,i=t,o){var s,n,r,l;if(e===E)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const c=y(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=M(t,a._$AS(t,e.values),a,o)),e}class A{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:v).importNode(i,!0);L.currentNode=s;let n=L.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new P(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new _(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=L.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 P{constructor(t,e,i,o){var s;this.type=2,this._$AH=I,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=M(this,t,e),y(t)?t===I||null==t||""===t?(this._$AH!==I&&this._$AR(),this._$AH=I):t!==this._$AH&&t!==E&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):(t=>{var e;return m(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(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!==I&&y(this._$AH)?this._$AA.nextSibling.data=t:this.k(v.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=j.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 A(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=D.get(t.strings);return void 0===e&&D.set(t.strings,e=new j(t)),e}S(t){m(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 P(this.M(x()),this.M(x()),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 T{constructor(t,e,i,o,s){this.type=1,this._$AH=I,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=I}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=M(this,t,e,0),n=!y(t)||t!==this._$AH&&t!==E,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=M(this,o[i+r],e,r),l===E&&(l=this._$AH[r]),n||(n=!y(l)||l!==this._$AH[r]),l===I?t=I:t!==I&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.C(t)}C(t){t===I?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class N extends T{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===I?void 0:t}}const R=f?f.emptyScript:"";class Z extends T{constructor(){super(...arguments),this.type=4}C(t){t&&t!==I?this.element.setAttribute(this.name,R):this.element.removeAttribute(this.name)}}class U extends T{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=M(this,t,e,0))&&void 0!==i?i:I)===E)return;const o=this._$AH,s=t===I&&o!==I||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==I&&(o===I||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 _{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){M(this,t)}}const H=window.litHtmlPolyfillSupport;null==H||H(j,P),(null!==(a=globalThis.litHtmlVersions)&&void 0!==a?a:globalThis.litHtmlVersions=[]).push("2.2.4");
|
|
25
25
|
/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2020 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
29
|
*/
|
|
30
|
-
const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===K)return null===(i=t)||void 0===i?void 0:i._$litStatic$},V=t=>({_$litStatic$:t,r:K}),W=new Map,G=(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=q(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=W.get(t))&&(r.raw=r,W.set(t,e=r)),i=l}return t(e,...i)})(
|
|
30
|
+
const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===K)return null===(i=t)||void 0===i?void 0:i._$litStatic$},V=t=>({_$litStatic$:t,r:K}),W=new Map,G=(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=q(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=W.get(t))&&(r.raw=r,W.set(t,e=r)),i=l}return t(e,...i)})(C);var X,Y=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"}(X||(X={}));const J=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),Q=e.FtCssVariable.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),tt={fontFamily:Q,fontSize:e.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariable.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},et=e.FtCssVariable.extend("--ft-typography-title-font-family",J),it=e.FtCssVariable.extend("--ft-typography-title-font-size",tt.fontSize,"20px"),ot=e.FtCssVariable.extend("--ft-typography-title-font-weight",tt.fontWeight,"normal"),st=e.FtCssVariable.extend("--ft-typography-title-letter-spacing",tt.letterSpacing,"0.15px"),nt=e.FtCssVariable.extend("--ft-typography-title-line-height",tt.lineHeight,"1.2"),rt=e.FtCssVariable.extend("--ft-typography-title-text-transform",tt.textTransform,"inherit"),lt=e.FtCssVariable.extend("--ft-typography-title-dense-font-family",J),at=e.FtCssVariable.extend("--ft-typography-title-dense-font-size",tt.fontSize,"14px"),ct=e.FtCssVariable.extend("--ft-typography-title-dense-font-weight",tt.fontWeight,"normal"),ht=e.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",tt.letterSpacing,"0.105px"),pt=e.FtCssVariable.extend("--ft-typography-title-dense-line-height",tt.lineHeight,"1.7"),ft=e.FtCssVariable.extend("--ft-typography-title-dense-text-transform",tt.textTransform,"inherit"),dt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-family",Q),ut=e.FtCssVariable.extend("--ft-typography-subtitle1-font-size",tt.fontSize,"16px"),bt=e.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",tt.fontWeight,"600"),gt=e.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",tt.letterSpacing,"0.144px"),vt=e.FtCssVariable.extend("--ft-typography-subtitle1-line-height",tt.lineHeight,"1.5"),xt=e.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",tt.textTransform,"inherit"),yt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-family",Q),mt=e.FtCssVariable.extend("--ft-typography-subtitle2-font-size",tt.fontSize,"14px"),$t=e.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",tt.fontWeight,"normal"),wt=e.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",tt.letterSpacing,"0.098px"),kt=e.FtCssVariable.extend("--ft-typography-subtitle2-line-height",tt.lineHeight,"1.7"),St=e.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",tt.textTransform,"inherit"),zt={fontFamily:e.FtCssVariable.extend("--ft-typography-body1-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-body1-font-size",tt.fontSize,"16px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body1-font-weight",tt.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body1-letter-spacing",tt.letterSpacing,"0.496px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body1-line-height",tt.lineHeight,"1.5"),textTransform:e.FtCssVariable.extend("--ft-typography-body1-text-transform",tt.textTransform,"inherit")},Ot={fontFamily:e.FtCssVariable.extend("--ft-typography-body2-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-body2-font-size",tt.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-body2-font-weight",tt.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-body2-letter-spacing",tt.letterSpacing,"0.252px"),lineHeight:e.FtCssVariable.extend("--ft-typography-body2-line-height",tt.lineHeight,"1.4"),textTransform:e.FtCssVariable.extend("--ft-typography-body2-text-transform",tt.textTransform,"inherit")},Bt={fontFamily:e.FtCssVariable.extend("--ft-typography-caption-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-caption-font-size",tt.fontSize,"12px"),fontWeight:e.FtCssVariable.extend("--ft-typography-caption-font-weight",tt.fontWeight,"normal"),letterSpacing:e.FtCssVariable.extend("--ft-typography-caption-letter-spacing",tt.letterSpacing,"0.396px"),lineHeight:e.FtCssVariable.extend("--ft-typography-caption-line-height",tt.lineHeight,"1.33"),textTransform:e.FtCssVariable.extend("--ft-typography-caption-text-transform",tt.textTransform,"inherit")},Ct=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",Q),Et=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",tt.fontSize,"10px"),It=e.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",tt.fontWeight,"normal"),Dt=e.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",tt.letterSpacing,"0.33px"),Lt=e.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",tt.lineHeight,"1.6"),Ft=e.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",tt.textTransform,"inherit"),jt=e.FtCssVariable.extend("--ft-typography-overline-font-family",Q),Mt=e.FtCssVariable.extend("--ft-typography-overline-font-size",tt.fontSize,"10px"),At=e.FtCssVariable.extend("--ft-typography-overline-font-weight",tt.fontWeight,"normal"),Pt=e.FtCssVariable.extend("--ft-typography-overline-letter-spacing",tt.letterSpacing,"1.5px"),Tt=e.FtCssVariable.extend("--ft-typography-overline-line-height",tt.lineHeight,"1.6"),Nt=e.FtCssVariable.extend("--ft-typography-overline-text-transform",tt.textTransform,"uppercase"),Rt={fontFamily:e.FtCssVariable.extend("--ft-typography-button-font-family",Q),fontSize:e.FtCssVariable.extend("--ft-typography-button-font-size",tt.fontSize,"14px"),fontWeight:e.FtCssVariable.extend("--ft-typography-button-font-weight",tt.fontWeight,"600"),letterSpacing:e.FtCssVariable.extend("--ft-typography-button-letter-spacing",tt.letterSpacing,"1.246px"),lineHeight:e.FtCssVariable.extend("--ft-typography-button-line-height",tt.lineHeight,"1.15"),textTransform:e.FtCssVariable.extend("--ft-typography-button-text-transform",tt.textTransform,"uppercase")},Zt=i.css`
|
|
31
31
|
.ft-typography--title {
|
|
32
32
|
font-family: ${et};
|
|
33
33
|
font-size: ${it};
|
|
@@ -36,7 +36,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
36
36
|
line-height: ${nt};
|
|
37
37
|
text-transform: ${rt};
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`,Ut=i.css`
|
|
40
40
|
.ft-typography--title-dense {
|
|
41
41
|
font-family: ${lt};
|
|
42
42
|
font-size: ${at};
|
|
@@ -45,7 +45,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
45
45
|
line-height: ${pt};
|
|
46
46
|
text-transform: ${ft};
|
|
47
47
|
}
|
|
48
|
-
`,
|
|
48
|
+
`,_t=i.css`
|
|
49
49
|
.ft-typography--subtitle1 {
|
|
50
50
|
font-family: ${dt};
|
|
51
51
|
font-size: ${ut};
|
|
@@ -84,16 +84,16 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
84
84
|
}
|
|
85
85
|
`,Vt=i.css`
|
|
86
86
|
.ft-typography--caption {
|
|
87
|
-
font-family: ${
|
|
88
|
-
font-size: ${
|
|
89
|
-
font-weight: ${
|
|
90
|
-
letter-spacing: ${
|
|
91
|
-
line-height: ${
|
|
92
|
-
text-transform: ${
|
|
87
|
+
font-family: ${Bt.fontFamily};
|
|
88
|
+
font-size: ${Bt.fontSize};
|
|
89
|
+
font-weight: ${Bt.fontWeight};
|
|
90
|
+
letter-spacing: ${Bt.letterSpacing};
|
|
91
|
+
line-height: ${Bt.lineHeight};
|
|
92
|
+
text-transform: ${Bt.textTransform};
|
|
93
93
|
}
|
|
94
94
|
`,Wt=i.css`
|
|
95
95
|
.ft-typography--breadcrumb {
|
|
96
|
-
font-family: ${
|
|
96
|
+
font-family: ${Ct};
|
|
97
97
|
font-size: ${Et};
|
|
98
98
|
font-weight: ${It};
|
|
99
99
|
letter-spacing: ${Dt};
|
|
@@ -105,18 +105,18 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
105
105
|
font-family: ${jt};
|
|
106
106
|
font-size: ${Mt};
|
|
107
107
|
font-weight: ${At};
|
|
108
|
-
letter-spacing: ${
|
|
109
|
-
line-height: ${
|
|
110
|
-
text-transform: ${
|
|
108
|
+
letter-spacing: ${Pt};
|
|
109
|
+
line-height: ${Tt};
|
|
110
|
+
text-transform: ${Nt};
|
|
111
111
|
}
|
|
112
112
|
`,Xt=i.css`
|
|
113
113
|
.ft-typography--button {
|
|
114
|
-
font-family: ${
|
|
115
|
-
font-size: ${
|
|
116
|
-
font-weight: ${
|
|
117
|
-
letter-spacing: ${
|
|
118
|
-
line-height: ${
|
|
119
|
-
text-transform: ${
|
|
114
|
+
font-family: ${Rt.fontFamily};
|
|
115
|
+
font-size: ${Rt.fontSize};
|
|
116
|
+
font-weight: ${Rt.fontWeight};
|
|
117
|
+
letter-spacing: ${Rt.letterSpacing};
|
|
118
|
+
line-height: ${Rt.lineHeight};
|
|
119
|
+
text-transform: ${Rt.textTransform};
|
|
120
120
|
}
|
|
121
121
|
`;class Yt extends e.FtLitElement{constructor(){super(...arguments),this.variant=X.body1}render(){return this.element?G`
|
|
122
122
|
<${V(this.element)}
|
|
@@ -125,7 +125,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
125
125
|
</${V(this.element)}>
|
|
126
126
|
`:G`
|
|
127
127
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
128
|
-
`}}function Jt(t,e){return t.flatMap((t=>[t,...Jt(e(t),e)]))}function Qt(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function te(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>te(e,t.selected))),value:t.value}}function ee(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>te(t,!1)))}}Yt.styles=[Zt,_t,
|
|
128
|
+
`}}function Jt(t,e){return t.flatMap((t=>[t,...Jt(e(t),e)]))}function Qt(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function te(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>te(e,t.selected))),value:t.value}}function ee(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>te(t,!1)))}}Yt.styles=[Zt,Ut,_t,Ht,Kt,qt,Vt,Wt,Gt,Xt,i.css`
|
|
129
129
|
.ft-typography {
|
|
130
130
|
vertical-align: inherit;
|
|
131
131
|
}
|
|
@@ -358,21 +358,23 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
358
358
|
<div></div>
|
|
359
359
|
<div></div>
|
|
360
360
|
</div>
|
|
361
|
-
`}}var $e,we;e.customElement("ft-loader")(me),function(t){t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.STAR_PLAIN="",t.STAR="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_DOWN="",t.THUMBS_UP_PLAIN="",t.THUMBS_UP="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="\f06e",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL=""}($e||($e={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(we||(we={}));const ke=new Map([...["abw"].map((t=>[t,we.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,we.AUDIO])),...["avi"].map((t=>[t,we.AVI])),...["chm","xhs"].map((t=>[t,we.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,we.CODE])),...["csv"].map((t=>[t,we.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,we.DITA])),...["epub"].map((t=>[t,we.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,we.EXCEL])),...["flac"].map((t=>[t,we.FLAC])),...["gif"].map((t=>[t,we.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,we.GZIP])),...["html","htm","xhtml"].map((t=>[t,we.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,we.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,we.JPEG])),...["json"].map((t=>[t,we.JSON])),...["m4a","m4p"].map((t=>[t,we.M4A])),...["mov","qt"].map((t=>[t,we.MOV])),...["mp3"].map((t=>[t,we.MP3])),...["mp4","m4v"].map((t=>[t,we.MP4])),...["ogg","oga"].map((t=>[t,we.OGG])),...["pdf","ps"].map((t=>[t,we.PDF])),...["png"].map((t=>[t,we.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,we.POWERPOINT])),...["rar"].map((t=>[t,we.RAR])),...["stp"].map((t=>[t,we.STP])),...["txt","rtf","md","mdown"].map((t=>[t,we.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,we.VIDEO])),...["wav"].map((t=>[t,we.WAV])),...["wma"].map((t=>[t,we.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,we.WORD])),...["xml","xsl","rdf"].map((t=>[t,we.XML])),...["yaml","yml","x-yaml"].map((t=>[t,we.YAML])),...["zip"].map((t=>[t,we.ZIP]))]),Se=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var ze,Oe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(ze||(ze={}));const
|
|
361
|
+
`}}var $e,we;e.customElement("ft-loader")(me),function(t){t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.STAR_PLAIN="",t.STAR="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_DOWN="",t.THUMBS_UP_PLAIN="",t.THUMBS_UP="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="\f06e",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL=""}($e||($e={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(we||(we={}));const ke=new Map([...["abw"].map((t=>[t,we.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,we.AUDIO])),...["avi"].map((t=>[t,we.AVI])),...["chm","xhs"].map((t=>[t,we.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,we.CODE])),...["csv"].map((t=>[t,we.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,we.DITA])),...["epub"].map((t=>[t,we.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,we.EXCEL])),...["flac"].map((t=>[t,we.FLAC])),...["gif"].map((t=>[t,we.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,we.GZIP])),...["html","htm","xhtml"].map((t=>[t,we.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,we.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,we.JPEG])),...["json"].map((t=>[t,we.JSON])),...["m4a","m4p"].map((t=>[t,we.M4A])),...["mov","qt"].map((t=>[t,we.MOV])),...["mp3"].map((t=>[t,we.MP3])),...["mp4","m4v"].map((t=>[t,we.MP4])),...["ogg","oga"].map((t=>[t,we.OGG])),...["pdf","ps"].map((t=>[t,we.PDF])),...["png"].map((t=>[t,we.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,we.POWERPOINT])),...["rar"].map((t=>[t,we.RAR])),...["stp"].map((t=>[t,we.STP])),...["txt","rtf","md","mdown"].map((t=>[t,we.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,we.VIDEO])),...["wav"].map((t=>[t,we.WAV])),...["wma"].map((t=>[t,we.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,we.WORD])),...["xml","xsl","rdf"].map((t=>[t,we.XML])),...["yaml","yml","x-yaml"].map((t=>[t,we.YAML])),...["zip"].map((t=>[t,we.ZIP]))]),Se=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var ze,Oe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(ze||(ze={}));const Be={size:e.FtCssVariable.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:e.FtCssVariable.extend("--ft-icon-fluid-topics-font-family",e.FtCssVariable.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:e.FtCssVariable.extend("--ft-icon-file-format-font-family",e.FtCssVariable.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:e.FtCssVariable.extend("--ft-icon-material-font-family",e.FtCssVariable.create("--ft-icon-font-family","UNKNOWN","Material Icons"))};class Ce extends e.FtLitElement{constructor(){super(...arguments),this.variant=ze.fluid_topics}render(){return i.html`
|
|
362
362
|
<i class="ft-icon ${"ft-icon--"+this.variant}">
|
|
363
363
|
${r.unsafeHTML(this.getIcon())}
|
|
364
364
|
<slot @slotchange=${()=>this.requestUpdate()} ?hidden=${"material"!==this.variant}></slot>
|
|
365
365
|
</i>
|
|
366
|
-
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}getIcon(){var t,e;let o=this.textContent;return this.variant===ze.file_format?null!==(t=we[o.toUpperCase()])&&void 0!==t?t:o:this.variant===ze.fluid_topics?null!==(e=$e[o.toUpperCase()])&&void 0!==e?e:o:i.nothing}}
|
|
367
|
-
:host
|
|
366
|
+
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}getIcon(){var t,e;let o=this.textContent;return this.variant===ze.file_format?null!==(t=we[o.toUpperCase()])&&void 0!==t?t:o:this.variant===ze.fluid_topics?null!==(e=$e[o.toUpperCase()])&&void 0!==e?e:o:i.nothing}}Ce.elementDefinitions={},Ce.styles=i.css`
|
|
367
|
+
:host {
|
|
368
368
|
display: inline-block;
|
|
369
|
-
|
|
370
|
-
|
|
369
|
+
}
|
|
370
|
+
:host, i.ft-icon {
|
|
371
|
+
width: ${Be.size};
|
|
372
|
+
height: ${Be.size};
|
|
371
373
|
text-align: center;
|
|
372
374
|
}
|
|
373
375
|
|
|
374
376
|
i.ft-icon {
|
|
375
|
-
font-size: ${
|
|
377
|
+
font-size: ${Be.size};
|
|
376
378
|
line-height: 1;
|
|
377
379
|
font-weight: normal;
|
|
378
380
|
text-transform: none;
|
|
@@ -386,17 +388,17 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
386
388
|
}
|
|
387
389
|
|
|
388
390
|
.ft-icon--fluid-topics {
|
|
389
|
-
font-family: ${
|
|
391
|
+
font-family: ${Be.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
390
392
|
}
|
|
391
393
|
|
|
392
394
|
.ft-icon--file-format {
|
|
393
|
-
font-family: ${
|
|
395
|
+
font-family: ${Be.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
394
396
|
}
|
|
395
397
|
|
|
396
398
|
.ft-icon--material {
|
|
397
|
-
font-family: ${
|
|
399
|
+
font-family: ${Be.materialFontFamily}, "Material Icons", sans-serif;
|
|
398
400
|
}
|
|
399
|
-
`,Oe([o.property()],
|
|
401
|
+
`,Oe([o.property()],Ce.prototype,"variant",void 0),Oe([o.query("slot")],Ce.prototype,"slottedContent",void 0),e.customElement("ft-icon")(Ce);var Ee=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 Ie=e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorPrimary),De={backgroundColor:e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Ie,fontSize:e.FtCssVariable.extend("--ft-button-font-size",Rt.fontSize),iconSize:e.FtCssVariable.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariable.extend("--ft-button-ripple-color",Ie),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Le=e.FtCssVariable.extend("--ft-button-primary-color",e.FtCssVariable.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Fe={backgroundColor:e.FtCssVariable.extend("--ft-button-primary-background-color",e.FtCssVariable.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:Le,rippleColor:e.FtCssVariable.extend("--ft-button-primary-ripple-color",Le)},je=e.FtCssVariable.extend("--ft-button-dense-border-radius",e.FtCssVariable.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM));class Me extends e.FtLitElement{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[e.noTextSelect,i.css`
|
|
400
402
|
:host {
|
|
401
403
|
display: inline-block;
|
|
402
404
|
max-width: 100%;
|
|
@@ -407,6 +409,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
407
409
|
box-shadow: 0px 0px 0px transparent;
|
|
408
410
|
border: 0px solid transparent;
|
|
409
411
|
text-shadow: 0px 0px 0px transparent;
|
|
412
|
+
font-size: inherit;
|
|
410
413
|
}
|
|
411
414
|
|
|
412
415
|
button:hover {
|
|
@@ -434,11 +437,12 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
434
437
|
box-sizing: border-box;
|
|
435
438
|
border: none;
|
|
436
439
|
pointer-events: auto;
|
|
440
|
+
line-height: 0;
|
|
437
441
|
|
|
438
442
|
--ft-button-internal-font-size: ${De.fontSize};
|
|
439
443
|
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
440
444
|
--ft-button-internal-color: ${De.color};
|
|
441
|
-
${e.setVariable(
|
|
445
|
+
${e.setVariable(Be.size,De.iconSize)};
|
|
442
446
|
--ft-button-internal-vertical-padding: 6px;
|
|
443
447
|
--ft-button-internal-horizontal-padding: 8px;
|
|
444
448
|
${e.setVariable(se.color,De.rippleColor)};
|
|
@@ -492,8 +496,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
492
496
|
text-overflow: ellipsis;
|
|
493
497
|
display: block;
|
|
494
498
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
495
|
-
${e.setVariable(
|
|
496
|
-
${e.setVariable(
|
|
499
|
+
${e.setVariable(Rt.fontSize,"var(--ft-button-internal-font-size)")};
|
|
500
|
+
${e.setVariable(Rt.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
497
501
|
}
|
|
498
502
|
|
|
499
503
|
.ft-button--safari-fix .ft-button--label {
|
|
@@ -551,7 +555,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
551
555
|
</ft-tooltip>
|
|
552
556
|
`}resolveIcon(){return this.loading?i.html`
|
|
553
557
|
<ft-loader></ft-loader> `:this.icon?i.html`
|
|
554
|
-
<ft-icon variant="material">${this.icon}</ft-icon> `:i.nothing}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}}Me.elementDefinitions={"ft-ripple":pe,"ft-tooltip":xe,"ft-typography":Yt,"ft-icon":
|
|
558
|
+
<ft-icon variant="material">${this.icon}</ft-icon> `:i.nothing}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}}Me.elementDefinitions={"ft-ripple":pe,"ft-tooltip":xe,"ft-typography":Yt,"ft-icon":Ce,"ft-loader":me},Ee([o.property({type:Boolean})],Me.prototype,"primary",void 0),Ee([o.property({type:Boolean})],Me.prototype,"outlined",void 0),Ee([o.property({type:Boolean})],Me.prototype,"disabled",void 0),Ee([o.property({type:Boolean})],Me.prototype,"dense",void 0),Ee([o.property({type:Boolean})],Me.prototype,"round",void 0),Ee([o.property({type:String})],Me.prototype,"label",void 0),Ee([o.property({type:String})],Me.prototype,"icon",void 0),Ee([o.property({type:Boolean})],Me.prototype,"trailingIcon",void 0),Ee([o.property({type:Boolean})],Me.prototype,"loading",void 0),Ee([o.property({type:String})],Me.prototype,"tooltipPosition",void 0),Ee([o.query(".ft-button")],Me.prototype,"button",void 0),Ee([o.query(".ft-button--label slot")],Me.prototype,"slottedContent",void 0),e.customElement("ft-button")(Me);var Ae=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 Pe=e.FtCssVariable.extend("--ft-checkbox-text-color",e.designSystemVariables.colorOnSurfaceHigh),Te=e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),Ne=e.FtCssVariable.external(e.designSystemVariables.colorOnPrimary,"Design system"),Re=e.FtCssVariable.extend("--ft-checkbox-border-color",e.designSystemVariables.colorOnSurfaceMedium),Ze=e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system");class Ue extends e.FtLitElement{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 i.html`
|
|
555
559
|
<label class="${n.classMap(t)}">
|
|
556
560
|
<div class="ft-checkbox--box-container">
|
|
557
561
|
<input type="checkbox"
|
|
@@ -576,14 +580,14 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
576
580
|
<slot></slot>
|
|
577
581
|
</ft-typography>
|
|
578
582
|
</label>
|
|
579
|
-
`}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)}}
|
|
583
|
+
`}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)}}Ue.elementDefinitions={"ft-ripple":pe,"ft-typography":Yt},Ue.styles=i.css`
|
|
580
584
|
* {
|
|
581
585
|
box-sizing: border-box;
|
|
582
586
|
}
|
|
583
587
|
|
|
584
588
|
.ft-checkbox {
|
|
585
589
|
box-sizing: border-box;
|
|
586
|
-
color: ${
|
|
590
|
+
color: ${Pe};
|
|
587
591
|
|
|
588
592
|
display: inline-flex;
|
|
589
593
|
align-items: center;
|
|
@@ -615,20 +619,20 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
615
619
|
|
|
616
620
|
.ft-checkbox--box {
|
|
617
621
|
display: flex;
|
|
618
|
-
border: 2px solid ${
|
|
622
|
+
border: 2px solid ${Re};
|
|
619
623
|
border-radius: 2px;
|
|
620
624
|
|
|
621
625
|
width: 18px;
|
|
622
626
|
height: 18px;
|
|
623
627
|
|
|
624
|
-
color: ${
|
|
628
|
+
color: ${Ne};
|
|
625
629
|
}
|
|
626
630
|
|
|
627
631
|
|
|
628
632
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
629
633
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
630
|
-
border-color: ${
|
|
631
|
-
background-color: ${
|
|
634
|
+
border-color: ${Te};
|
|
635
|
+
background-color: ${Te};
|
|
632
636
|
}
|
|
633
637
|
|
|
634
638
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
@@ -653,7 +657,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
653
657
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
654
658
|
opacity: 1;
|
|
655
659
|
}
|
|
656
|
-
`,Ae([o.property()],
|
|
660
|
+
`,Ae([o.property()],Ue.prototype,"name",void 0),Ae([o.property({type:Boolean})],Ue.prototype,"checked",void 0),Ae([o.property({type:Boolean})],Ue.prototype,"indeterminate",void 0),Ae([o.property({type:Boolean})],Ue.prototype,"disabled",void 0),Ae([o.query(".ft-checkbox")],Ue.prototype,"container",void 0),Ae([o.query("ft-ripple")],Ue.prototype,"ripple",void 0),e.customElement("ft-checkbox")(Ue);var _e=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 He=e.FtCssVariable.extend("--ft-radio-text-color",e.designSystemVariables.colorOnSurfaceHigh),Ke=e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),qe=(e.FtCssVariable.external(e.designSystemVariables.colorOnPrimary,"Design system"),e.FtCssVariable.extend("--ft-radio-border-color",e.designSystemVariables.colorOnSurfaceMedium)),Ve=e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system");class We extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Ge extends e.FtLitElement{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 i.html`
|
|
657
661
|
<div class="${n.classMap(t)}">
|
|
658
662
|
<div class="ft-radio--box-container">
|
|
659
663
|
<input id="radio-button"
|
|
@@ -757,7 +761,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
757
761
|
.ft-radio--disabled .ft-radio--box:after {
|
|
758
762
|
background-color: ${Ve};
|
|
759
763
|
}
|
|
760
|
-
`,
|
|
764
|
+
`,_e([o.property()],Ge.prototype,"value",void 0),_e([o.property()],Ge.prototype,"name",void 0),_e([o.property({type:Boolean})],Ge.prototype,"checked",void 0),_e([o.property({type:Boolean})],Ge.prototype,"disabled",void 0),_e([o.query(".ft-radio")],Ge.prototype,"container",void 0),_e([o.query("ft-ripple")],Ge.prototype,"ripple",void 0),_e([o.query("input")],Ge.prototype,"input",void 0);var Xe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ye extends e.FtLitElement{constructor(){super(...arguments),this.name=""}render(){return i.html`
|
|
761
765
|
<slot @slotchange=${this.onSlotChange}
|
|
762
766
|
@change=${this.onChange}
|
|
763
767
|
@keydown=${this.onKeyDown}
|
|
@@ -820,7 +824,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
820
824
|
|
|
821
825
|
${t.label}
|
|
822
826
|
</ft-radio>
|
|
823
|
-
`}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}))}}ti.elementDefinitions={"ft-button":Me,"ft-ripple":pe,"ft-typography":Yt,"ft-checkbox":
|
|
827
|
+
`}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}))}}ti.elementDefinitions={"ft-button":Me,"ft-ripple":pe,"ft-typography":Yt,"ft-checkbox":Ue,"ft-icon":Ce,"ft-radio":Ge},ti.styles=[i.css`
|
|
824
828
|
.ft-filter-level--container {
|
|
825
829
|
display: flex;
|
|
826
830
|
flex-direction: column;
|
|
@@ -1235,7 +1239,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1235
1239
|
</div>
|
|
1236
1240
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1237
1241
|
</div>
|
|
1238
|
-
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}ki.elementDefinitions={"ft-ripple":pe,"ft-typography":Yt,"ft-icon":
|
|
1242
|
+
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}ki.elementDefinitions={"ft-ripple":pe,"ft-typography":Yt,"ft-icon":Ce},ki.styles=i.css`
|
|
1239
1243
|
.ft-accordion-item {
|
|
1240
1244
|
display: flex;
|
|
1241
1245
|
flex-direction: column;
|
|
@@ -1280,7 +1284,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1280
1284
|
.ft-accordion-item--separator {
|
|
1281
1285
|
border-bottom: 1px solid ${wi};
|
|
1282
1286
|
}
|
|
1283
|
-
`,yi([o.property({type:String})],ki.prototype,"icon",void 0),yi([o.property({type:String})],ki.prototype,"label",void 0),yi([o.property({type:Boolean,reflect:!0})],ki.prototype,"active",void 0),e.customElement("ft-accordion")(xi),e.customElement("ft-accordion-item")(ki);var Si=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const zi=e.FtCssVariable.extend("--ft-chip-color",e.designSystemVariables.colorOnSurface),Oi={backgroundColor:e.FtCssVariable.extend("--ft-chip-background-color",e.designSystemVariables.colorSurface),color:zi,fontSize:e.FtCssVariable.extend("--ft-chip-font-size",Ot.fontSize),iconSize:e.FtCssVariable.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:e.FtCssVariable.extend("--ft-chip-ripple-color",zi),horizontalPadding:e.FtCssVariable.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:e.FtCssVariable.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:e.FtCssVariable.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},
|
|
1287
|
+
`,yi([o.property({type:String})],ki.prototype,"icon",void 0),yi([o.property({type:String})],ki.prototype,"label",void 0),yi([o.property({type:Boolean,reflect:!0})],ki.prototype,"active",void 0),e.customElement("ft-accordion")(xi),e.customElement("ft-accordion-item")(ki);var Si=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const zi=e.FtCssVariable.extend("--ft-chip-color",e.designSystemVariables.colorOnSurface),Oi={backgroundColor:e.FtCssVariable.extend("--ft-chip-background-color",e.designSystemVariables.colorSurface),color:zi,fontSize:e.FtCssVariable.extend("--ft-chip-font-size",Ot.fontSize),iconSize:e.FtCssVariable.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:e.FtCssVariable.extend("--ft-chip-ripple-color",zi),horizontalPadding:e.FtCssVariable.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:e.FtCssVariable.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:e.FtCssVariable.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Bi=e.FtCssVariable.extend("--ft-chip-highlighted-color",e.FtCssVariable.extend("--ft-chip-color",e.designSystemVariables.colorOnPrimary)),Ci={backgroundColor:e.FtCssVariable.extend("--ft-chip-highlighted-background-color",e.FtCssVariable.extend("--ft-chip-background-color",e.designSystemVariables.colorPrimary)),color:Bi,rippleColor:e.FtCssVariable.extend("--ft-chip-highlighted-ripple-color",Bi)},Ei=e.FtCssVariable.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Ii=e.FtCssVariable.create("--ft-chip-dense-vertical-padding","SIZE","4px");class Di extends CustomEvent{constructor(){super("icon-click")}}class Li extends e.FtLitElement{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[e.noTextSelect,i.css`
|
|
1284
1288
|
:host {
|
|
1285
1289
|
display: inline-block;
|
|
1286
1290
|
max-width: 100%;
|
|
@@ -1299,7 +1303,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1299
1303
|
|
|
1300
1304
|
--ft-chip-internal-font-size: ${Oi.fontSize};
|
|
1301
1305
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1302
|
-
${e.setVariable(
|
|
1306
|
+
${e.setVariable(Be.size,Oi.iconSize)};
|
|
1303
1307
|
--ft-chip-internal-vertical-padding: ${Oi.verticalPadding};
|
|
1304
1308
|
--ft-chip-internal-horizontal-padding: ${Oi.horizontalPadding};
|
|
1305
1309
|
--ft-chip-internal-icon-padding: 3px;
|
|
@@ -1339,9 +1343,9 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1339
1343
|
.ft-chip--highlighted {
|
|
1340
1344
|
border: none;
|
|
1341
1345
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1342
|
-
background-color: ${
|
|
1343
|
-
${e.setVariable(se.color,
|
|
1344
|
-
color: ${
|
|
1346
|
+
background-color: ${Ci.backgroundColor};
|
|
1347
|
+
${e.setVariable(se.color,Ci.rippleColor)};
|
|
1348
|
+
color: ${Ci.color};
|
|
1345
1349
|
}
|
|
1346
1350
|
|
|
1347
1351
|
.ft-chip--clickable {
|
|
@@ -1429,7 +1433,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1429
1433
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1430
1434
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1431
1435
|
</div>
|
|
1432
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Di))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Di))}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)}}Li.elementDefinitions={"ft-ripple":pe,"ft-typography":Yt,"ft-icon":
|
|
1436
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Di))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Di))}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)}}Li.elementDefinitions={"ft-ripple":pe,"ft-typography":Yt,"ft-icon":Ce},Si([o.property({type:Boolean})],Li.prototype,"highlighted",void 0),Si([o.property({type:Boolean})],Li.prototype,"removable",void 0),Si([o.property({type:Boolean})],Li.prototype,"disabled",void 0),Si([o.property({type:Boolean})],Li.prototype,"clickable",void 0),Si([o.property({type:Boolean})],Li.prototype,"iconClickable",void 0),Si([o.property({type:Boolean})],Li.prototype,"dense",void 0),Si([o.property({type:Boolean})],Li.prototype,"multiLine",void 0),Si([o.property({type:String})],Li.prototype,"label",void 0),Si([o.property({type:String})],Li.prototype,"icon",void 0),Si([o.property({type:Boolean})],Li.prototype,"trailingIcon",void 0),Si([o.query("ft-typography slot")],Li.prototype,"slottedContent",void 0),e.customElement("ft-chip")(Li);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 ji={fontSize:e.FtCssVariable.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariable.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariable.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariable.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariable.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:e.FtCssVariable.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariable.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariable.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system"),colorError:e.FtCssVariable.external(e.designSystemVariables.colorError,"Design system")};class Mi extends e.FtLitElement{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 i.html`
|
|
1433
1437
|
<div class="${n.classMap(t)}">
|
|
1434
1438
|
${this.text?i.html`
|
|
1435
1439
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -1481,8 +1485,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1481
1485
|
border-color: inherit;
|
|
1482
1486
|
color: ${ji.textColor};
|
|
1483
1487
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1484
|
-
${e.setVariable(
|
|
1485
|
-
${e.setVariable(
|
|
1488
|
+
${e.setVariable(Bt.fontSize,ji.fontSize)};
|
|
1489
|
+
${e.setVariable(Bt.lineHeight,ji.fontSize)};
|
|
1486
1490
|
}
|
|
1487
1491
|
|
|
1488
1492
|
.ft-input-label--in-error .ft-input-label--text {
|
|
@@ -1511,8 +1515,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1511
1515
|
}
|
|
1512
1516
|
|
|
1513
1517
|
.ft-input-label--raised .ft-input-label--text {
|
|
1514
|
-
${e.setVariable(
|
|
1515
|
-
${e.setVariable(
|
|
1518
|
+
${e.setVariable(Bt.fontSize,ji.raisedFontSize)};
|
|
1519
|
+
${e.setVariable(Bt.lineHeight,ji.raisedFontSize)};
|
|
1516
1520
|
}
|
|
1517
1521
|
|
|
1518
1522
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
@@ -1549,7 +1553,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1549
1553
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1550
1554
|
border-top: none;
|
|
1551
1555
|
}
|
|
1552
|
-
`],Fi([o.property({type:String})],Mi.prototype,"text",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"raised",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"outlined",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"disabled",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"error",void 0),e.customElement("ft-input-label")(Mi);var Ai=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
|
|
1556
|
+
`],Fi([o.property({type:String})],Mi.prototype,"text",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"raised",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"outlined",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"disabled",void 0),Fi([o.property({type:Boolean})],Mi.prototype,"error",void 0),e.customElement("ft-input-label")(Mi);var Ai=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Pi extends e.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return i.html``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}Pi.elementDefinitions={},Ai([o.property({type:String})],Pi.prototype,"label",void 0),Ai([o.property({type:Object,converter:t=>t})],Pi.prototype,"value",void 0),Ai([o.property({type:Boolean,reflect:!0})],Pi.prototype,"selected",void 0);const Ti={labelSize:e.FtCssVariable.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariable.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariable.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:e.FtCssVariable.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:e.FtCssVariable.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariable.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariable.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariable.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariable.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariable.external(e.designSystemVariables.elevation02,"Design system"),colorError:e.FtCssVariable.external(e.designSystemVariables.colorError,"Design system")};class Ni extends e.FtLitElement{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,o,r,l;let a=this.hasOptionsMenuOpen,c=this.disabled||!this.hasOptions;const h=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(o=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==o?o:"").length>0,p={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":c,"ft-select--options-displayed":a,"ft-select--has-option-selected":h,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return i.html`
|
|
1553
1557
|
<div class="${n.classMap(p)}" part="container">
|
|
1554
1558
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1555
1559
|
<ft-input-label text="${this.label}"
|
|
@@ -1597,7 +1601,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1597
1601
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1598
1602
|
${t.label}
|
|
1599
1603
|
</div>
|
|
1600
|
-
`}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)}}
|
|
1604
|
+
`}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)}}Ni.elementDefinitions={"ft-input-label":Mi,"ft-typography":Yt,"ft-ripple":pe,"ft-icon":Ce},Ni.styles=[qt,Vt,i.css`
|
|
1601
1605
|
*:focus {
|
|
1602
1606
|
outline: none;
|
|
1603
1607
|
}
|
|
@@ -1611,7 +1615,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1611
1615
|
.ft-select--main-panel {
|
|
1612
1616
|
position: relative;
|
|
1613
1617
|
display: flex;
|
|
1614
|
-
height: calc(4 * ${
|
|
1618
|
+
height: calc(4 * ${Ti.verticalSpacing} + ${Ti.labelSize} + ${Ti.selectedOptionSize});
|
|
1615
1619
|
}
|
|
1616
1620
|
|
|
1617
1621
|
.ft-select--input-panel {
|
|
@@ -1623,8 +1627,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1623
1627
|
padding-left: 16px;
|
|
1624
1628
|
padding-right: 8px;
|
|
1625
1629
|
gap: 8px;
|
|
1626
|
-
color: ${
|
|
1627
|
-
${e.setVariable(se.color,
|
|
1630
|
+
color: ${Ti.selectedOptionColor};
|
|
1631
|
+
${e.setVariable(se.color,Ti.selectedOptionColor)};
|
|
1628
1632
|
}
|
|
1629
1633
|
|
|
1630
1634
|
.ft-select--input-panel,
|
|
@@ -1640,7 +1644,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1640
1644
|
|
|
1641
1645
|
.ft-select--disabled .ft-select--input-panel,
|
|
1642
1646
|
.ft-select--disabled .ft-select--option {
|
|
1643
|
-
color: ${
|
|
1647
|
+
color: ${Ti.colorOnSurfaceDisabled};
|
|
1644
1648
|
}
|
|
1645
1649
|
|
|
1646
1650
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1649,18 +1653,18 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1649
1653
|
}
|
|
1650
1654
|
|
|
1651
1655
|
ft-input-label {
|
|
1652
|
-
${e.setVariable(ji.fontSize,
|
|
1653
|
-
${e.setVariable(ji.raisedFontSize,
|
|
1654
|
-
${e.setVariable(ji.verticalSpacing,
|
|
1656
|
+
${e.setVariable(ji.fontSize,Ti.selectedOptionSize)};
|
|
1657
|
+
${e.setVariable(ji.raisedFontSize,Ti.labelSize)};
|
|
1658
|
+
${e.setVariable(ji.verticalSpacing,Ti.verticalSpacing)};
|
|
1655
1659
|
}
|
|
1656
1660
|
|
|
1657
1661
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1658
|
-
color: ${
|
|
1662
|
+
color: ${Ti.colorPrimary};
|
|
1659
1663
|
}
|
|
1660
1664
|
|
|
1661
1665
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1662
|
-
${e.setVariable(ji.borderColor,
|
|
1663
|
-
${e.setVariable(ji.textColor,
|
|
1666
|
+
${e.setVariable(ji.borderColor,Ti.colorPrimary)};
|
|
1667
|
+
${e.setVariable(ji.textColor,Ti.colorPrimary)};
|
|
1664
1668
|
}
|
|
1665
1669
|
|
|
1666
1670
|
.ft-select--selected-option {
|
|
@@ -1670,12 +1674,12 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1670
1674
|
overflow: hidden;
|
|
1671
1675
|
white-space: nowrap;
|
|
1672
1676
|
text-overflow: ellipsis;
|
|
1673
|
-
${e.setVariable(zt.fontSize,
|
|
1674
|
-
${e.setVariable(zt.lineHeight,
|
|
1677
|
+
${e.setVariable(zt.fontSize,Ti.selectedOptionSize)};
|
|
1678
|
+
${e.setVariable(zt.lineHeight,Ti.selectedOptionSize)};
|
|
1675
1679
|
}
|
|
1676
1680
|
|
|
1677
1681
|
.ft-select--in-error .ft-select--selected-option {
|
|
1678
|
-
color: ${
|
|
1682
|
+
color: ${Ti.colorError};
|
|
1679
1683
|
}
|
|
1680
1684
|
|
|
1681
1685
|
ft-icon {
|
|
@@ -1687,16 +1691,16 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1687
1691
|
}
|
|
1688
1692
|
|
|
1689
1693
|
.ft-select--filled .ft-select--input-panel {
|
|
1690
|
-
border-radius: ${
|
|
1694
|
+
border-radius: ${Ti.borderRadiusS} ${Ti.borderRadiusS} 0 0;
|
|
1691
1695
|
}
|
|
1692
1696
|
|
|
1693
1697
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1694
1698
|
align-self: stretch;
|
|
1695
|
-
padding-top: calc(${
|
|
1699
|
+
padding-top: calc(${Ti.labelSize} + 2 * ${Ti.verticalSpacing});
|
|
1696
1700
|
}
|
|
1697
1701
|
|
|
1698
1702
|
.ft-select--outlined .ft-select--input-panel {
|
|
1699
|
-
border-radius: ${
|
|
1703
|
+
border-radius: ${Ti.borderRadiusS};
|
|
1700
1704
|
}
|
|
1701
1705
|
|
|
1702
1706
|
.ft-select--options {
|
|
@@ -1705,10 +1709,10 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1705
1709
|
top: 100%;
|
|
1706
1710
|
left: 0;
|
|
1707
1711
|
right: 0;
|
|
1708
|
-
color: ${
|
|
1709
|
-
background: ${
|
|
1710
|
-
z-index: ${
|
|
1711
|
-
box-shadow: ${
|
|
1712
|
+
color: ${Ti.optionsColor};
|
|
1713
|
+
background: ${Ti.colorSurface};
|
|
1714
|
+
z-index: ${Ti.optionsZIndex};
|
|
1715
|
+
box-shadow: ${Ti.elevation02};
|
|
1712
1716
|
}
|
|
1713
1717
|
|
|
1714
1718
|
.ft-select--fixed .ft-select--options {
|
|
@@ -1719,6 +1723,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1719
1723
|
|
|
1720
1724
|
.ft-select--options-displayed .ft-select--options {
|
|
1721
1725
|
display: block;
|
|
1726
|
+
max-height: ${Ti.optionsHeight};
|
|
1727
|
+
overflow-y: auto;
|
|
1722
1728
|
}
|
|
1723
1729
|
|
|
1724
1730
|
.ft-select--option {
|
|
@@ -1731,41 +1737,41 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1731
1737
|
|
|
1732
1738
|
.ft-select--helper-text {
|
|
1733
1739
|
padding: 0 12px 0 16px;
|
|
1734
|
-
color: ${
|
|
1740
|
+
color: ${Ti.helperColor};
|
|
1735
1741
|
}
|
|
1736
1742
|
|
|
1737
1743
|
.ft-select--in-error .ft-select--helper-text {
|
|
1738
|
-
color: ${
|
|
1744
|
+
color: ${Ti.colorError};
|
|
1739
1745
|
}
|
|
1740
|
-
`],Ai([o.property({type:String})],
|
|
1746
|
+
`],Ai([o.property({type:String})],Ni.prototype,"label",void 0),Ai([o.property({type:String})],Ni.prototype,"helper",void 0),Ai([o.property({type:Boolean})],Ni.prototype,"outlined",void 0),Ai([o.property({type:Boolean})],Ni.prototype,"disabled",void 0),Ai([o.property({type:Boolean})],Ni.prototype,"error",void 0),Ai([o.property({type:Boolean})],Ni.prototype,"fixedMenuPosition",void 0),Ai([o.property({type:Array})],Ni.prototype,"options",void 0),Ai([o.state()],Ni.prototype,"selectedOption",void 0),Ai([o.state()],Ni.prototype,"optionsDisplayed",void 0),Ai([o.state()],Ni.prototype,"focusOptions",void 0),Ai([o.query(".ft-select")],Ni.prototype,"container",void 0),Ai([o.query(".ft-select--options")],Ni.prototype,"optionsMenu",void 0),Ai([o.query(".ft-select--input-panel")],Ni.prototype,"mainPanel",void 0),Ai([o.query(".ft-select--option:first-child")],Ni.prototype,"firstOption",void 0),Ai([o.query(".ft-select--option:focus")],Ni.prototype,"focusedOption",void 0),Ai([o.query(".ft-select--option.ft-select--option-selected")],Ni.prototype,"selectedOptionElement",void 0),Ai([o.query(".ft-select--option:last-child")],Ni.prototype,"lastOption",void 0),Ai([o.query("slot")],Ni.prototype,"optionsSlot",void 0),e.customElement("ft-select")(Ni),e.customElement("ft-select-option")(Pi);const Ri={display:e.FtCssVariable.create("--ft-skeleton--display","DISPLAY","block"),width:e.FtCssVariable.create("--ft-skeleton--width","SIZE","100%"),height:e.FtCssVariable.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:e.FtCssVariable.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:e.FtCssVariable.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:e.FtCssVariable.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:e.FtCssVariable.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:e.FtCssVariable.external(e.designSystemVariables.borderRadiusM,"Design system")};class Zi extends e.FtLitElement{render(){return i.html`
|
|
1741
1747
|
`}}Zi.elementDefinitions={},Zi.styles=i.css`
|
|
1742
1748
|
:host {
|
|
1743
|
-
width: ${
|
|
1744
|
-
height: ${
|
|
1745
|
-
display: ${
|
|
1749
|
+
width: ${Ri.width};
|
|
1750
|
+
height: ${Ri.height};
|
|
1751
|
+
display: ${Ri.display};
|
|
1746
1752
|
overflow: hidden;
|
|
1747
|
-
border-radius: ${
|
|
1753
|
+
border-radius: ${Ri.borderRadiusM};
|
|
1748
1754
|
background: linear-gradient(
|
|
1749
1755
|
90deg,
|
|
1750
1756
|
transparent,
|
|
1751
|
-
${
|
|
1752
|
-
${
|
|
1753
|
-
transparent ${
|
|
1754
|
-
), ${
|
|
1757
|
+
${Ri.glareColor} calc(0.45 * ${Ri.glareWidth}),
|
|
1758
|
+
${Ri.glareColor} calc(0.55 * ${Ri.glareWidth}),
|
|
1759
|
+
transparent ${Ri.glareWidth}
|
|
1760
|
+
), ${Ri.backgroundColor};
|
|
1755
1761
|
background-repeat: repeat-y;
|
|
1756
1762
|
background-size: 100vw 100vh;
|
|
1757
1763
|
background-attachment: fixed;
|
|
1758
|
-
background-position: calc(${
|
|
1759
|
-
animation: shine ${
|
|
1764
|
+
background-position: calc(${Ri.glareWidth} * -1) 0;
|
|
1765
|
+
animation: shine ${Ri.animationDuration} infinite;
|
|
1760
1766
|
animation-timing-function: linear;
|
|
1761
1767
|
}
|
|
1762
1768
|
|
|
1763
1769
|
@keyframes shine {
|
|
1764
1770
|
to {
|
|
1765
|
-
background-position: calc(100vw + ${
|
|
1771
|
+
background-position: calc(100vw + ${Ri.glareWidth}) 0, calc(${Ri.glareWidth} * -1) 0;
|
|
1766
1772
|
}
|
|
1767
1773
|
}
|
|
1768
|
-
`,e.customElement("ft-skeleton")(Zi);const
|
|
1774
|
+
`,e.customElement("ft-skeleton")(Zi);const Ui={height:e.FtCssVariable.create("--ft-search-bar-height","SIZE","38px"),borderRadius:e.FtCssVariable.extend("--ft-search-bar-border-radius",e.designSystemVariables.borderRadiusS),mobileOpenPosition:e.FtCssVariable.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:e.FtCssVariable.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:e.FtCssVariable.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:e.FtCssVariable.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:e.FtCssVariable.create("--ft-search-bar-mobile-open-right","SIZE","0"),floatingZIndex:e.FtCssVariable.create("--ft-search-bar-floating-components-z-index","NUMBER","2"),colorSurface:e.FtCssVariable.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurface:e.FtCssVariable.external(e.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:e.FtCssVariable.external(e.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOutline:e.FtCssVariable.external(e.designSystemVariables.colorOutline,"Design system"),colorPrimary:e.FtCssVariable.external(e.designSystemVariables.colorPrimary,"Design system"),elevation02:e.FtCssVariable.external(e.designSystemVariables.elevation02,"Design system"),buttonColor:e.FtCssVariable.external(De.color,"Button"),buttonRippleColor:e.FtCssVariable.external(De.rippleColor,"Button")},_i=i.css`
|
|
1769
1775
|
* {
|
|
1770
1776
|
box-sizing: border-box;
|
|
1771
1777
|
}
|
|
@@ -1774,7 +1780,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1774
1780
|
display: flex;
|
|
1775
1781
|
flex-direction: column;
|
|
1776
1782
|
gap: 8px;
|
|
1777
|
-
color: ${
|
|
1783
|
+
color: ${Ui.colorOnSurface};
|
|
1778
1784
|
outline: none;
|
|
1779
1785
|
}
|
|
1780
1786
|
|
|
@@ -1783,14 +1789,14 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1783
1789
|
}
|
|
1784
1790
|
|
|
1785
1791
|
.ft-search-bar--mobile-menu-open {
|
|
1786
|
-
position: ${
|
|
1787
|
-
top: ${
|
|
1788
|
-
bottom: ${
|
|
1789
|
-
left: ${
|
|
1790
|
-
right: ${
|
|
1791
|
-
z-index: ${
|
|
1792
|
+
position: ${Ui.mobileOpenPosition};
|
|
1793
|
+
top: ${Ui.mobileOpenTop};
|
|
1794
|
+
bottom: ${Ui.mobileOpenBottom};
|
|
1795
|
+
left: ${Ui.mobileOpenLeft};
|
|
1796
|
+
right: ${Ui.mobileOpenRight};
|
|
1797
|
+
z-index: ${Ui.floatingZIndex};
|
|
1792
1798
|
padding: 16px;
|
|
1793
|
-
background: ${
|
|
1799
|
+
background: ${Ui.colorSurface};
|
|
1794
1800
|
}
|
|
1795
1801
|
|
|
1796
1802
|
.ft-search-bar {
|
|
@@ -1798,20 +1804,20 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1798
1804
|
display: flex;
|
|
1799
1805
|
flex-direction: row;
|
|
1800
1806
|
align-items: center;
|
|
1801
|
-
height: ${
|
|
1807
|
+
height: ${Ui.height};
|
|
1802
1808
|
|
|
1803
|
-
background: ${
|
|
1804
|
-
border: 1px solid ${
|
|
1805
|
-
border-radius: ${
|
|
1809
|
+
background: ${Ui.colorSurface};
|
|
1810
|
+
border: 1px solid ${Ui.colorOutline};
|
|
1811
|
+
border-radius: ${Ui.borderRadius};
|
|
1806
1812
|
}
|
|
1807
1813
|
|
|
1808
1814
|
.ft-search-bar--skeleton {
|
|
1809
|
-
${e.setVariable(
|
|
1810
|
-
${e.setVariable(
|
|
1815
|
+
${e.setVariable(Ri.height,Ui.height)};
|
|
1816
|
+
${e.setVariable(Ri.borderRadiusM,Ui.borderRadius)};
|
|
1811
1817
|
}
|
|
1812
1818
|
|
|
1813
1819
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
1814
|
-
border-radius: ${
|
|
1820
|
+
border-radius: ${Ui.borderRadius} ${Ui.borderRadius} 0 0;
|
|
1815
1821
|
}
|
|
1816
1822
|
|
|
1817
1823
|
.ft-search-bar--input-container {
|
|
@@ -1829,7 +1835,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1829
1835
|
align-self: stretch;
|
|
1830
1836
|
display: grid;
|
|
1831
1837
|
padding: 0 8px;
|
|
1832
|
-
border-radius: ${
|
|
1838
|
+
border-radius: ${Ui.borderRadius};
|
|
1833
1839
|
}
|
|
1834
1840
|
|
|
1835
1841
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -1838,7 +1844,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1838
1844
|
}
|
|
1839
1845
|
|
|
1840
1846
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
1841
|
-
outline: 2px solid ${
|
|
1847
|
+
outline: 2px solid ${Ui.colorPrimary};
|
|
1842
1848
|
}
|
|
1843
1849
|
|
|
1844
1850
|
.ft-search-bar--input {
|
|
@@ -1870,8 +1876,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1870
1876
|
}
|
|
1871
1877
|
|
|
1872
1878
|
.ft-search-bar--left-action {
|
|
1873
|
-
${e.setVariable(De.borderRadius,i.css`calc(${
|
|
1874
|
-
border-right: 1px solid ${
|
|
1879
|
+
${e.setVariable(De.borderRadius,i.css`calc(${Ui.borderRadius} - 1px) 0 0 calc(${Ui.borderRadius} - 1px)`)};
|
|
1880
|
+
border-right: 1px solid ${Ui.colorOutline};
|
|
1875
1881
|
height: 100%;
|
|
1876
1882
|
}
|
|
1877
1883
|
|
|
@@ -1880,7 +1886,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1880
1886
|
}
|
|
1881
1887
|
|
|
1882
1888
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
1883
|
-
${e.setVariable(De.borderRadius,i.css`calc(${
|
|
1889
|
+
${e.setVariable(De.borderRadius,i.css`calc(${Ui.borderRadius} - 1px) 0 0 0`)};
|
|
1884
1890
|
}
|
|
1885
1891
|
|
|
1886
1892
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -1890,13 +1896,13 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1890
1896
|
|
|
1891
1897
|
.ft-search-bar--separator {
|
|
1892
1898
|
height: 20px;
|
|
1893
|
-
border-right: 1px solid ${
|
|
1899
|
+
border-right: 1px solid ${Ui.colorOutline};
|
|
1894
1900
|
}
|
|
1895
1901
|
|
|
1896
1902
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
1897
1903
|
${e.setVariable(ji.borderColor,"transparent")};
|
|
1898
|
-
${e.setVariable(ji.borderRadiusS,i.css`calc(${
|
|
1899
|
-
${e.setVariable(
|
|
1904
|
+
${e.setVariable(ji.borderRadiusS,i.css`calc(${Ui.borderRadius} - 1px)`)};
|
|
1905
|
+
${e.setVariable(Ti.selectedOptionColor,Ui.buttonColor)};
|
|
1900
1906
|
}
|
|
1901
1907
|
|
|
1902
1908
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -1913,7 +1919,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1913
1919
|
}
|
|
1914
1920
|
|
|
1915
1921
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
1916
|
-
border-radius: calc(${
|
|
1922
|
+
border-radius: calc(${Ui.borderRadius} - 1px) 0 0 calc(${Ui.borderRadius} - 1px);
|
|
1917
1923
|
}
|
|
1918
1924
|
|
|
1919
1925
|
`,Hi=i.css`
|
|
@@ -1923,7 +1929,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1923
1929
|
|
|
1924
1930
|
.ft-search-bar--floating-panel .ft-search-bar--presets {
|
|
1925
1931
|
min-width: 250px;
|
|
1926
|
-
${e.setVariable(
|
|
1932
|
+
${e.setVariable(Ti.optionsZIndex,"2")};
|
|
1927
1933
|
}
|
|
1928
1934
|
|
|
1929
1935
|
.ft-search-bar--floating-panel {
|
|
@@ -1958,7 +1964,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
1958
1964
|
flex-basis: 0;
|
|
1959
1965
|
}
|
|
1960
1966
|
|
|
1961
|
-
|
|
1967
|
+
ft-filter::part(clear-button) {
|
|
1962
1968
|
display: none;
|
|
1963
1969
|
}
|
|
1964
1970
|
|
|
@@ -2015,7 +2021,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2015
2021
|
|
|
2016
2022
|
.ft-search-bar--filter-label > :last-child {
|
|
2017
2023
|
flex-shrink: 1;
|
|
2018
|
-
color: ${
|
|
2024
|
+
color: ${Ui.colorOnSurfaceMedium};
|
|
2019
2025
|
}
|
|
2020
2026
|
|
|
2021
2027
|
ft-accordion-item::part(toggle) {
|
|
@@ -2074,7 +2080,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2074
2080
|
}
|
|
2075
2081
|
|
|
2076
2082
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2077
|
-
border-top: 1px solid ${
|
|
2083
|
+
border-top: 1px solid ${Ui.colorOutline};
|
|
2078
2084
|
}
|
|
2079
2085
|
|
|
2080
2086
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2089,10 +2095,10 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2089
2095
|
left: -1px;
|
|
2090
2096
|
right: -1px;
|
|
2091
2097
|
display: none;
|
|
2092
|
-
background: ${
|
|
2093
|
-
border: 1px solid ${
|
|
2094
|
-
border-radius: 0 0 ${
|
|
2095
|
-
box-shadow: ${
|
|
2098
|
+
background: ${Ui.colorSurface};
|
|
2099
|
+
border: 1px solid ${Ui.colorOutline};
|
|
2100
|
+
border-radius: 0 0 ${Ui.borderRadius} ${Ui.borderRadius};
|
|
2101
|
+
box-shadow: ${Ui.elevation02};
|
|
2096
2102
|
outline: none;
|
|
2097
2103
|
}
|
|
2098
2104
|
|
|
@@ -2107,7 +2113,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2107
2113
|
.ft-search-bar--no-suggestions {
|
|
2108
2114
|
text-align: center;
|
|
2109
2115
|
padding: 8px;
|
|
2110
|
-
color: ${
|
|
2116
|
+
color: ${Ui.colorOnSurface};
|
|
2111
2117
|
}
|
|
2112
2118
|
|
|
2113
2119
|
.ft-search-bar--suggestion {
|
|
@@ -2118,7 +2124,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2118
2124
|
padding: 8px;
|
|
2119
2125
|
gap: 8px;
|
|
2120
2126
|
cursor: pointer;
|
|
2121
|
-
color: ${
|
|
2127
|
+
color: ${Ui.colorOnSurface};
|
|
2122
2128
|
min-height: 52px;
|
|
2123
2129
|
}
|
|
2124
2130
|
|
|
@@ -2135,7 +2141,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2135
2141
|
}
|
|
2136
2142
|
|
|
2137
2143
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2138
|
-
border-top: 1px solid ${
|
|
2144
|
+
border-top: 1px solid ${Ui.colorOutline};
|
|
2139
2145
|
}
|
|
2140
2146
|
|
|
2141
2147
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2143,15 +2149,15 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2143
2149
|
flex-grow: 1;
|
|
2144
2150
|
flex-shrink: 1;
|
|
2145
2151
|
}
|
|
2146
|
-
`;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};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 Wi={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 Gi extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Xi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Yi extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(Wi,{}),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=l.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 e.Debouncer(500),this.suggestDebouncer=new e.Debouncer(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===l.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 i.html`
|
|
2152
|
+
`;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};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 Wi={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 Gi extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Xi extends CustomEvent{constructor(t){super("change",{detail:t})}}class Yi extends e.FtLitElement{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new e.ParametrizedLabelResolver(Wi,{}),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=l.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 e.Debouncer(500),this.suggestDebouncer=new e.Debouncer(300),this.facetsLoaded=!1,this.closeFloatingContainer=t=>{this.isMobile||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}get isMobileMenuOpen(){return this.forceMobileMenuOpen||this.mobileMenuOpen}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}get isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===l.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 i.html`
|
|
2147
2153
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2148
2154
|
${this.renderSearchBar()}
|
|
2149
|
-
`}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.
|
|
2155
|
+
`}renderSearchBar(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets,"ft-search-bar--mobile-menu-open":this.isMobileMenuOpen};return this.facetsInitialized&&this.availableContentLocalesInitialized?i.html`
|
|
2150
2156
|
<div class="${n.classMap(t)}" part="container" tabindex="-1">
|
|
2151
2157
|
${this.isMobile?this.renderMobileSearchBar():this.renderDesktopSearchBar()}
|
|
2152
2158
|
</div>
|
|
2153
2159
|
`:i.html`
|
|
2154
|
-
<ft-skeleton class="ft-search-bar--skeleton"></ft-skeleton>
|
|
2160
|
+
<ft-skeleton class="ft-search-bar--skeleton" part="loader"></ft-skeleton>
|
|
2155
2161
|
`}renderMobileSearchBar(){return i.html`
|
|
2156
2162
|
<div class="ft-search-bar">
|
|
2157
2163
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2169,7 +2175,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2169
2175
|
</div>
|
|
2170
2176
|
${this.displayFacets?this.renderFacetsActions():this.renderSelectedFacets()}
|
|
2171
2177
|
${this.displayFacets?this.renderMobileFacets():this.renderSuggestions()}
|
|
2172
|
-
${this.
|
|
2178
|
+
${this.isMobileMenuOpen||this.displayFacets?i.html`
|
|
2173
2179
|
<ft-button class="ft-search-bar--launch-search"
|
|
2174
2180
|
part="launch-search-in-panel"
|
|
2175
2181
|
icon="search"
|
|
@@ -2177,7 +2183,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2177
2183
|
${this.labelResolver.resolve("searchButton")}
|
|
2178
2184
|
</ft-button>
|
|
2179
2185
|
`:i.nothing}
|
|
2180
|
-
`}renderMobileSearchBarButtons(){
|
|
2186
|
+
`}renderMobileSearchBarButtons(){const t=this.query||this.isMobileMenuOpen&&!this.forceMobileMenuOpen;return i.html`
|
|
2187
|
+
${t?i.html`
|
|
2181
2188
|
<div class="ft-search-bar--actions"
|
|
2182
2189
|
part="search-bar-actions">
|
|
2183
2190
|
<ft-button class="ft-search-bar--clear-query"
|
|
@@ -2185,10 +2192,11 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2185
2192
|
icon="close"
|
|
2186
2193
|
round
|
|
2187
2194
|
label="${this.labelResolver.resolve("clearInputButton")}"
|
|
2195
|
+
tooltipPosition="left"
|
|
2188
2196
|
@click=${()=>{this.setQuery(""),this.mobileMenuOpen=!1,this.displayFacets=!1}}
|
|
2189
2197
|
></ft-button>
|
|
2190
2198
|
</div>
|
|
2191
|
-
`:i.
|
|
2199
|
+
`:i.nothing}
|
|
2192
2200
|
<div class="ft-search-bar--actions"
|
|
2193
2201
|
part="search-bar-actions">
|
|
2194
2202
|
<ft-button class="ft-search-bar--launch-search"
|
|
@@ -2196,7 +2204,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2196
2204
|
icon="search"
|
|
2197
2205
|
round
|
|
2198
2206
|
label="${this.labelResolver.resolve("searchButton")}"
|
|
2199
|
-
|
|
2207
|
+
tooltipPosition="left"
|
|
2208
|
+
@click=${()=>{var t;return this.isMobileMenuOpen?this.launchSearch():null===(t=this.input)||void 0===t?void 0:t.focus()}}
|
|
2200
2209
|
></ft-button>
|
|
2201
2210
|
</div>
|
|
2202
2211
|
`}renderMobileFacets(){var t;const e=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return i.html`
|
|
@@ -2211,7 +2220,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2211
2220
|
</ft-typography>
|
|
2212
2221
|
</div>
|
|
2213
2222
|
<ft-filter
|
|
2214
|
-
part="filters"
|
|
2223
|
+
part="filters filter-ft-locale"
|
|
2224
|
+
exportparts=${this.getFilterExportParts("ft-locale")}
|
|
2215
2225
|
class="ft-search-bar--content-locale"
|
|
2216
2226
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",this.labelResolver.resolve("contentLocaleSelector"))}"
|
|
2217
2227
|
.options=${this.contentLocalesAsFilterOptions()}
|
|
@@ -2219,7 +2229,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2219
2229
|
></ft-filter>
|
|
2220
2230
|
</ft-accordion-item>
|
|
2221
2231
|
`:null}
|
|
2222
|
-
${s.repeat(this.facets,(t=>t.key),(t=>{const e=ee(t);return i.html`
|
|
2232
|
+
${s.repeat(this.facets,(t=>t.key),(t=>{const e=ee(t),o=t.key.replace(":","-");return i.html`
|
|
2223
2233
|
<ft-accordion-item data-facet-key="${t.key}">
|
|
2224
2234
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2225
2235
|
<ft-typography variant="button">${t.label}</ft-typography>
|
|
@@ -2228,7 +2238,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2228
2238
|
</ft-typography>
|
|
2229
2239
|
</div>
|
|
2230
2240
|
<ft-filter
|
|
2231
|
-
part="filters"
|
|
2241
|
+
part="filters filter-${o}"
|
|
2242
|
+
exportparts=${this.getFilterExportParts(o)}
|
|
2232
2243
|
id="${e.id}"
|
|
2233
2244
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",e.label)}"
|
|
2234
2245
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
@@ -2343,20 +2354,23 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2343
2354
|
`}renderDesktopFacets(){return this.hasFacets?i.html`
|
|
2344
2355
|
<ft-snap-scroll horizontal limitSize controls
|
|
2345
2356
|
class="ft-search-bar--filters-container"
|
|
2346
|
-
part="filters-container"
|
|
2357
|
+
part="filters-container"
|
|
2358
|
+
exportparts="controls:snap-scroll-controls">
|
|
2347
2359
|
${this.hasLocaleSelector?i.html`
|
|
2348
|
-
<ft-filter
|
|
2349
|
-
|
|
2360
|
+
<ft-filter class="ft-search-bar--content-locale"
|
|
2361
|
+
part="filters filter-ft-locale"
|
|
2362
|
+
exportparts=${this.getFilterExportParts("ft-locale")}
|
|
2350
2363
|
label="${this.labelResolver.resolve("contentLocaleSelector")}"
|
|
2351
2364
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",this.labelResolver.resolve("contentLocaleSelector"))}"
|
|
2352
2365
|
.options=${this.contentLocalesAsFilterOptions()}
|
|
2353
2366
|
@change=${t=>this.contentLocale=t.detail[0]}
|
|
2354
2367
|
></ft-filter>
|
|
2355
2368
|
`:i.nothing}
|
|
2356
|
-
${s.repeat(this.facets,(t=>t.key),(t=>{const e=ee(t),o=e.options.some((t=>{var e,i;return(null!==(i=null===(e=t.subOptions)||void 0===e?void 0:e.length)&&void 0!==i?i:0)>0}));return i.html`
|
|
2369
|
+
${s.repeat(this.facets,(t=>t.key),(t=>{const e=ee(t),o=e.options.some((t=>{var e,i;return(null!==(i=null===(e=t.subOptions)||void 0===e?void 0:e.length)&&void 0!==i?i:0)>0})),s=t.key.replace(":","-");return i.html`
|
|
2357
2370
|
<ft-filter
|
|
2358
2371
|
class="${o?"ft-search-bar--hierarchical-filter":""}"
|
|
2359
|
-
part="filters"
|
|
2372
|
+
part="filters filter-${s}"
|
|
2373
|
+
exportparts=${this.getFilterExportParts(s)}
|
|
2360
2374
|
id="${e.id}"
|
|
2361
2375
|
label="${e.label}"
|
|
2362
2376
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",e.label)}"
|
|
@@ -2370,7 +2384,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2370
2384
|
></ft-filter>
|
|
2371
2385
|
`}))}
|
|
2372
2386
|
</ft-snap-scroll>
|
|
2373
|
-
`:i.nothing}renderSelectedFacets(){if(!this.hasLocaleSelector&&!this.hasFacets)return null;const t=!this.isMobile&&this.dense||this.isMobile&&this.
|
|
2387
|
+
`:i.nothing}renderSelectedFacets(){if(!this.hasLocaleSelector&&!this.hasFacets)return null;const t=!this.isMobile&&this.dense||this.isMobile&&this.isMobileMenuOpen,e=i.html`
|
|
2374
2388
|
${this.hasLocaleSelector&&(this.hasFacets||this.isMobile)?i.html`
|
|
2375
2389
|
<ft-chip part="selected-filters"
|
|
2376
2390
|
?dense=${this.dense&&!this.isMobile}
|
|
@@ -2408,7 +2422,8 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2408
2422
|
`;return t?i.html`
|
|
2409
2423
|
<ft-snap-scroll horizontal controls hideScrollbar limitSize
|
|
2410
2424
|
class="ft-search-bar--selected-filters"
|
|
2411
|
-
part="selected-filters-container"
|
|
2425
|
+
part="selected-filters-container"
|
|
2426
|
+
exportparts="controls:snap-scroll-controls">
|
|
2412
2427
|
${e}
|
|
2413
2428
|
</ft-snap-scroll>
|
|
2414
2429
|
`:i.html`
|
|
@@ -2432,6 +2447,7 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2432
2447
|
part="remove-suggestion"
|
|
2433
2448
|
?dense=${!this.isMobile}
|
|
2434
2449
|
label="${this.labelResolver.resolve("removeRecentSearch")}"
|
|
2450
|
+
tooltipPosition="left"
|
|
2435
2451
|
@click=${e=>this.removeRecentSearch(e,t)}></ft-button>
|
|
2436
2452
|
</a>
|
|
2437
2453
|
`))}
|
|
@@ -2457,4 +2473,4 @@ const K=Symbol.for(""),q=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===
|
|
|
2457
2473
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2458
2474
|
${o}
|
|
2459
2475
|
</ft-icon>
|
|
2460
|
-
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var i,o,s,n,r,l;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(Wi,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 e=t=>this.availableContentLocales.some((e=>e.lang===t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(i=this.availableContentLocales[0])||void 0===i?void 0:i.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.recentSearches=JSON.parse(null!==(o=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==o?o:"[]")),t.has("presets")&&(null!==(s=this.presets)&&void 0!==s?s:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>Qt(t))))))),t.has("selectedPreset")){const t=(null!==(n=this.presets)&&void 0!==n?n:[]).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===(l=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===l?void 0:l.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 Xi(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 Gi(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&&Jt(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=>Jt(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()}}}Yi.elementDefinitions={"ft-accordion":xi,"ft-accordion-item":ki,"ft-button":Me,"ft-chip":Li,"ft-filter":ui,"ft-filter-option":gi,"ft-icon":Be,"ft-ripple":pe,"ft-select":Ri,"ft-select-option":Ti,"ft-size-watcher":p,"ft-skeleton":Zi,"ft-snap-scroll":si,"ft-tooltip":xe,"ft-typography":Yt},Yi.styles=[qt,Ui,Hi,Ki,qi],Vi([o.property({type:Boolean})],Yi.prototype,"dense",void 0),Vi([o.property({type:String})],Yi.prototype,"baseUrl",void 0),Vi([o.property({type:String})],Yi.prototype,"apiIntegrationIdentifier",void 0),Vi([o.property({type:String})],Yi.prototype,"contentLocale",void 0),Vi([o.state()],Yi.prototype,"availableContentLocales",void 0),Vi([o.state()],Yi.prototype,"availableContentLocalesInitialized",void 0),Vi([o.property({type:String})],Yi.prototype,"uiLocale",void 0),Vi([e.jsonProperty({})],Yi.prototype,"labels",void 0),Vi([e.jsonProperty([])],Yi.prototype,"displayedFilters",void 0),Vi([e.jsonProperty([])],Yi.prototype,"presets",void 0),Vi([o.property({type:String,reflect:!0})],Yi.prototype,"selectedPreset",void 0),Vi([e.jsonProperty([])],Yi.prototype,"priors",void 0),Vi([o.property()],Yi.prototype,"searchRequestSerializer",void 0),Vi([o.state()],Yi.prototype,"searchFilters",void 0),Vi([o.state()],Yi.prototype,"sizeCategory",void 0),Vi([o.state()],Yi.prototype,"displayFacets",void 0),Vi([o.state()],Yi.prototype,"mobileMenuOpen",void 0),Vi([o.state()],Yi.prototype,"facets",void 0),Vi([o.state()],Yi.prototype,"facetsInitialized",void 0),Vi([o.query(".ft-search-bar--container")],Yi.prototype,"container",void 0),Vi([o.query(".ft-search-bar--filters-opener")],Yi.prototype,"filtersOpener",void 0),Vi([o.query(".ft-search-bar--floating-panel")],Yi.prototype,"floatingContainer",void 0),Vi([o.query("ft-snap-scroll.ft-search-bar--filters-container")],Yi.prototype,"scrollingFiltersContainer",void 0),Vi([o.query(".ft-search-bar--input")],Yi.prototype,"input",void 0),Vi([o.state()],Yi.prototype,"query",void 0),Vi([o.state()],Yi.prototype,"suggestions",void 0),Vi([o.state()],Yi.prototype,"suggestionsLoaded",void 0),Vi([o.state()],Yi.prototype,"recentSearches",void 0),Vi([o.state()],Yi.prototype,"scrollToFacet",void 0),Vi([o.query(".ft-search-bar--suggestion:first-child")],Yi.prototype,"firstSuggestion",void 0),Vi([o.query(".ft-search-bar--suggestion:focus-within")],Yi.prototype,"focusedSuggestion",void 0),Vi([o.query(".ft-search-bar--suggestion:last-child")],Yi.prototype,"lastSuggestion",void 0),Vi([o.state()],Yi.prototype,"api",void 0),e.customElement("ft-search-bar")(Yi),t.DEFAULT_LABELS=Wi,t.FtSearchBar=Yi,t.FtSearchBarCssVariables=_i,t.LaunchSearchEvent=Gi,t.SearchStateChangeEvent=Xi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
|
|
2476
|
+
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){super.firstUpdated(t),this.initApi()}update(t){var i,o,s,n,r,l;if(t.has("labels")&&(this.labelResolver=new e.ParametrizedLabelResolver(Wi,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 e=t=>this.availableContentLocales.some((e=>e.lang===t));e(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&e(t.get("contentLocale"))?t.get("contentLocale"):null===(i=this.availableContentLocales[0])||void 0===i?void 0:i.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.recentSearches=JSON.parse(null!==(o=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==o?o:"[]")),t.has("presets")&&(null!==(s=this.presets)&&void 0!==s?s:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>Qt(t))))))),t.has("selectedPreset")){const t=(null!==(n=this.presets)&&void 0!==n?n:[]).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===(l=(null!==(r=this.presets)&&void 0!==r?r:[]).find((t=>this.compareRequests(t,this.request))))||void 0===l?void 0:l.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 Xi(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 Gi(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&&Jt(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=>Jt(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}removeRecentSearch(t,e){var i,o,s,n;t.preventDefault(),t.stopPropagation();const r=null!==(n=null!==(o=null===(i=this.focusedSuggestion)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.input;null==r||r.focus(),this.recentSearches=this.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.saveRecentSearches()}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.focusedSuggestion)||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.lastSuggestion)||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstSuggestion)||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}getFilterExportParts(t){return["container","header","clear-button","input"].map((e=>this.getFilterSubPartExportAttribute(e,t))).join(",")}getFilterSubPartExportAttribute(t,e){return`${t}:filters-${t},${t}:filter-${e}-${t}`}}Yi.elementDefinitions={"ft-accordion":xi,"ft-accordion-item":ki,"ft-button":Me,"ft-chip":Li,"ft-filter":ui,"ft-filter-option":gi,"ft-icon":Ce,"ft-ripple":pe,"ft-select":Ni,"ft-select-option":Pi,"ft-size-watcher":p,"ft-skeleton":Zi,"ft-snap-scroll":si,"ft-tooltip":xe,"ft-typography":Yt},Yi.styles=[qt,_i,Hi,Ki,qi],Vi([o.property({type:Boolean})],Yi.prototype,"dense",void 0),Vi([o.property()],Yi.prototype,"mode",void 0),Vi([o.property({type:Boolean})],Yi.prototype,"forceMobileMenuOpen",void 0),Vi([o.property()],Yi.prototype,"baseUrl",void 0),Vi([o.property()],Yi.prototype,"apiIntegrationIdentifier",void 0),Vi([o.property()],Yi.prototype,"contentLocale",void 0),Vi([o.state()],Yi.prototype,"availableContentLocales",void 0),Vi([o.state()],Yi.prototype,"availableContentLocalesInitialized",void 0),Vi([o.property()],Yi.prototype,"uiLocale",void 0),Vi([e.jsonProperty({})],Yi.prototype,"labels",void 0),Vi([e.jsonProperty([])],Yi.prototype,"displayedFilters",void 0),Vi([e.jsonProperty([])],Yi.prototype,"presets",void 0),Vi([o.property({type:String,reflect:!0})],Yi.prototype,"selectedPreset",void 0),Vi([e.jsonProperty([])],Yi.prototype,"priors",void 0),Vi([o.property()],Yi.prototype,"searchRequestSerializer",void 0),Vi([o.state()],Yi.prototype,"searchFilters",void 0),Vi([o.state()],Yi.prototype,"sizeCategory",void 0),Vi([o.state()],Yi.prototype,"displayFacets",void 0),Vi([o.state()],Yi.prototype,"mobileMenuOpen",void 0),Vi([o.state()],Yi.prototype,"facets",void 0),Vi([o.state()],Yi.prototype,"facetsInitialized",void 0),Vi([o.query(".ft-search-bar--container")],Yi.prototype,"container",void 0),Vi([o.query(".ft-search-bar--filters-opener")],Yi.prototype,"filtersOpener",void 0),Vi([o.query(".ft-search-bar--floating-panel")],Yi.prototype,"floatingContainer",void 0),Vi([o.query("ft-snap-scroll.ft-search-bar--filters-container")],Yi.prototype,"scrollingFiltersContainer",void 0),Vi([o.query(".ft-search-bar--input")],Yi.prototype,"input",void 0),Vi([o.state()],Yi.prototype,"query",void 0),Vi([o.state()],Yi.prototype,"suggestions",void 0),Vi([o.state()],Yi.prototype,"suggestionsLoaded",void 0),Vi([o.state()],Yi.prototype,"recentSearches",void 0),Vi([o.state()],Yi.prototype,"scrollToFacet",void 0),Vi([o.query(".ft-search-bar--suggestion:first-child")],Yi.prototype,"firstSuggestion",void 0),Vi([o.query(".ft-search-bar--suggestion:focus-within")],Yi.prototype,"focusedSuggestion",void 0),Vi([o.query(".ft-search-bar--suggestion:last-child")],Yi.prototype,"lastSuggestion",void 0),Vi([o.state()],Yi.prototype,"api",void 0),e.customElement("ft-search-bar")(Yi),t.DEFAULT_LABELS=Wi,t.FtSearchBar=Yi,t.FtSearchBarCssVariables=Ui,t.LaunchSearchEvent=Gi,t.SearchStateChangeEvent=Xi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
|