@fluid-topics/ft-search-bar 0.3.66 → 0.3.68
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.light.js +233 -222
- package/build/ft-search-bar.min.js +263 -252
- package/package.json +14 -14
|
@@ -66,13 +66,13 @@ var l;const a=null!=(null===(l=window.HTMLSlotElement)||void 0===l?void 0:l.prot
|
|
|
66
66
|
* Copyright 2017 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
68
|
*/
|
|
69
|
-
var N;M.finalized=!0,M.elementProperties=new Map,M.elementStyles=[],M.shadowRootOptions={mode:"open"},null==C||C({ReactiveElement:M}),(null!==(w=k.reactiveElementVersions)&&void 0!==w?w:k.reactiveElementVersions=[]).push("1.4.1");const F=window,R=F.trustedTypes,L=R?R.createPolicy("lit-html",{createHTML:t=>t}):void 0,D=`lit$${(Math.random()+"").slice(9)}$`,
|
|
69
|
+
var N;M.finalized=!0,M.elementProperties=new Map,M.elementStyles=[],M.shadowRootOptions={mode:"open"},null==C||C({ReactiveElement:M}),(null!==(w=k.reactiveElementVersions)&&void 0!==w?w:k.reactiveElementVersions=[]).push("1.4.1");const F=window,R=F.trustedTypes,L=R?R.createPolicy("lit-html",{createHTML:t=>t}):void 0,D=`lit$${(Math.random()+"").slice(9)}$`,I="?"+D,j=`<${I}>`,P=document,U=(t="")=>P.createComment(t),A=t=>null===t||"object"!=typeof t&&"function"!=typeof t,T=Array.isArray,_=t=>T(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,K=/>/g,W=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),V=/'/g,q=/"/g,J=/^(?:script|style|textarea|title)$/i,X=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),Y=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),G=new WeakMap,tt=P.createTreeWalker(P,129,null,!1),et=(t,e)=>{const i=t.length-1,o=[];let s,r=2===e?"<svg>":"",n=Z;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(n.lastIndex=h,a=n.exec(i),null!==a);)h=n.lastIndex,n===Z?"!--"===a[1]?n=H:void 0!==a[1]?n=K:void 0!==a[2]?(J.test(a[2])&&(s=RegExp("</"+a[2],"g")),n=W):void 0!==a[3]&&(n=W):n===W?">"===a[0]?(n=null!=s?s:Z,c=-1):void 0===a[1]?c=-2:(c=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?W:'"'===a[3]?q:V):n===q||n===V?n=W:n===H||n===K?n=Z:(n=W,s=void 0);const p=n===W&&t[e+1].startsWith("/>")?" ":"";r+=n===Z?i+j:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+D+p):i+D+(-2===c?(o.push(void 0),e):p)}const l=r+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==L?L.createHTML(l):l,o]};class it{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,r=0;const n=t.length-1,l=this.parts,[a,c]=et(t,e);if(this.el=it.createElement(a,i),tt.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=tt.nextNode())&&l.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(D)){const i=c[r++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(D),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?lt:"?"===e[1]?ct:"@"===e[1]?ht:nt})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(J.test(o.tagName)){const t=o.textContent.split(D),e=t.length-1;if(e>0){o.textContent=R?R.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],U()),tt.nextNode(),l.push({type:2,index:++s});o.append(t[e],U())}}}else if(8===o.nodeType)if(o.data===I)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(D,t+1));)l.push({type:7,index:s}),t+=D.length-1}s++}}static createElement(t,e){const i=P.createElement("template");return i.innerHTML=t,i}}function ot(t,e,i=t,o){var s,r,n,l;if(e===Y)return e;let a=void 0!==o?null===(s=i._$Co)||void 0===s?void 0:s[o]:i._$Cl;const c=A(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,i,o)),void 0!==o?(null!==(n=(l=i)._$Co)&&void 0!==n?n:l._$Co=[])[o]=a:i._$Cl=a),void 0!==a&&(e=ot(t,a._$AS(t,e.values),a,o)),e}class st{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:P).importNode(i,!0);tt.currentNode=s;let r=tt.nextNode(),n=0,l=0,a=o[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new rt(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new pt(r,this,t)),this.u.push(e),a=o[++l]}n!==(null==a?void 0:a.index)&&(r=tt.nextNode(),n++)}return s}p(t){let e=0;for(const i of this.u)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class rt{constructor(t,e,i,o){var s;this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cm=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._$Cm}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=ot(this,t,e),A(t)?t===Q||null==t||""===t?(this._$AH!==Q&&this._$AR(),this._$AH=Q):t!==this._$AH&&t!==Y&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):_(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==Q&&A(this._$AH)?this._$AA.nextSibling.data=t:this.T(P.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=it.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.p(i);else{const t=new st(s,this),e=t.v(this.options);t.p(i),this.T(e),this._$AH=t}}_$AC(t){let e=G.get(t.strings);return void 0===e&&G.set(t.strings,e=new it(t)),e}k(t){T(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 rt(this.O(U()),this.O(U()),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._$Cm=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class nt{constructor(t,e,i,o,s){this.type=1,this._$AH=Q,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=Q}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let r=!1;if(void 0===s)t=ot(this,t,e,0),r=!A(t)||t!==this._$AH&&t!==Y,r&&(this._$AH=t);else{const o=t;let n,l;for(t=s[0],n=0;n<s.length-1;n++)l=ot(this,o[i+n],e,n),l===Y&&(l=this._$AH[n]),r||(r=!A(l)||l!==this._$AH[n]),l===Q?t=Q:t!==Q&&(t+=(null!=l?l:"")+s[n+1]),this._$AH[n]=l}r&&!o&&this.j(t)}j(t){t===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class lt extends nt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Q?void 0:t}}const at=R?R.emptyScript:"";class ct extends nt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==Q?this.element.setAttribute(this.name,at):this.element.removeAttribute(this.name)}}class ht extends nt{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=ot(this,t,e,0))&&void 0!==i?i:Q)===Y)return;const o=this._$AH,s=t===Q&&o!==Q||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==Q&&(o===Q||s);s&&this.element.removeEventListener(this.name,this,o),r&&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 pt{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){ot(this,t)}}const dt={P:"$lit$",A:D,M:I,C:1,L:et,R:st,D:_,V:ot,I:rt,H:nt,N:ct,U:ht,B:lt,F:pt},ft=F.litHtmlPolyfillSupport;null==ft||ft(it,rt),(null!==(N=F.litHtmlVersions)&&void 0!==N?N:F.litHtmlVersions=[]).push("2.4.0");
|
|
70
70
|
/**
|
|
71
71
|
* @license
|
|
72
72
|
* Copyright 2017 Google LLC
|
|
73
73
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
74
74
|
*/
|
|
75
|
-
var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{var o,s;const r=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:e;let n=r._$litPart$;if(void 0===n){const t=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:null;r._$litPart$=n=new rt(e.insertBefore(
|
|
75
|
+
var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{var o,s;const r=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:e;let n=r._$litPart$;if(void 0===n){const t=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:null;r._$litPart$=n=new rt(e.insertBefore(U(),t),t,void 0,null!=i?i:{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return Y}}vt.finalized=!0,vt._$litElement$=!0,null===(ut=globalThis.litElementHydrateSupport)||void 0===ut||ut.call(globalThis,{LitElement:vt});const gt=globalThis.litElementPolyfillSupport;null==gt||gt({LitElement:vt}),(null!==(bt=globalThis.litElementVersions)&&void 0!==bt?bt:globalThis.litElementVersions=[]).push("3.2.2");class xt{static create(t,e,i){let o=t=>x(null!=t?t:i),s=y`var(${x(t)}, ${o(i)})`;return s.name=t,s.category=e,s.defaultValue=i,s.defaultCssValue=o,s.get=e=>y`var(${x(t)}, ${o(e)})`,s.breadcrumb=()=>[],s.lastResortDefaultValue=()=>i,s}static extend(t,e,i){let o=t=>e.get(null!=t?t:i),s=y`var(${x(t)}, ${o(i)})`;return s.name=t,s.category=e.category,s.fallbackVariable=e,s.defaultValue=i,s.defaultCssValue=o,s.get=e=>y`var(${x(t)}, ${o(e)})`,s.breadcrumb=()=>[e.name,...e.breadcrumb()],s.lastResortDefaultValue=()=>i,s}static external(t,e){let i=e=>t.fallbackVariable?t.fallbackVariable.get(null!=e?e:t.defaultValue):x(null!=e?e:t.defaultValue),o=y`var(${x(t.name)}, ${i(t.defaultValue)})`;return o.name=t.name,o.category=t.category,o.fallbackVariable=t.fallbackVariable,o.defaultValue=t.defaultValue,o.context=e,o.defaultCssValue=i,o.get=e=>y`var(${x(t.name)}, ${i(e)})`,o.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],o.lastResortDefaultValue=()=>{var e,i;return null!==(e=t.defaultValue)&&void 0!==e?e:null===(i=t.fallbackVariable)||void 0===i?void 0:i.lastResortDefaultValue()},o}}function yt(t,e){return x(`${t.name}: ${e}`)}const mt={colorPrimary:xt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:xt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:xt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:xt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:xt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:xt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:xt.create("--ft-color-error","COLOR","#B00020"),colorOutline:xt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:xt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:xt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:xt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:xt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:xt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:xt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:xt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:xt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:xt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:xt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:xt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:xt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:xt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:xt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:xt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:xt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:xt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:xt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:xt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:xt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:xt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:xt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:xt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:xt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:xt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:xt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:xt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:xt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:xt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:xt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:xt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:xt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:xt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:xt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:xt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:xt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:xt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:xt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:xt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:xt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:xt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:xt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:xt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:xt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:xt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:xt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:xt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:xt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:xt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:xt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:xt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:xt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:xt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:xt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
|
|
76
76
|
/**
|
|
77
77
|
* @license
|
|
78
78
|
* Copyright 2021 Google LLC
|
|
@@ -124,12 +124,12 @@ var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOption
|
|
|
124
124
|
* @license
|
|
125
125
|
* Copyright 2020 Google LLC
|
|
126
126
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
127
|
-
*/const{I:Dt}=dt,
|
|
127
|
+
*/const{I:Dt}=dt,It=()=>document.createComment(""),jt=(t,e,i)=>{var o;const s=t._$AA.parentNode,r=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=s.insertBefore(It(),r),o=s.insertBefore(It(),r);i=new Dt(e,o,t,t.options)}else{const e=i._$AB.nextSibling,n=i._$AM,l=n!==t;if(l){let e;null===(o=i._$AQ)||void 0===o||o.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==n._$AU&&i._$AP(e)}if(e!==r||l){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;s.insertBefore(t,r),t=e}}}return i},Pt=(t,e,i=t)=>(t._$AI(e,i),t),Ut={},At=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const o=t._$AB.nextSibling;for(;i!==o;){const t=i.nextSibling;i.remove(),i=t}},Tt=(t,e,i)=>{const o=new Map;for(let s=e;s<=i;s++)o.set(t[s],s);return o},_t=Rt(class extends Lt{constructor(t){if(super(t),t.type!==Ft)throw Error("repeat() can only be used in text expressions")}ht(t,e,i){let o;void 0===i?i=e:void 0!==e&&(o=e);const s=[],r=[];let n=0;for(const e of t)s[n]=o?o(e,n):n,r[n]=i(e,n),n++;return{values:r,keys:s}}render(t,e,i){return this.ht(t,e,i).values}update(t,[e,i,o]){var s;const r=(t=>t._$AH)(t),{values:n,keys:l}=this.ht(e,i,o);if(!Array.isArray(r))return this.ut=l,n;const a=null!==(s=this.ut)&&void 0!==s?s:this.ut=[],c=[];let h,p,d=0,f=r.length-1,u=0,b=n.length-1;for(;d<=f&&u<=b;)if(null===r[d])d++;else if(null===r[f])f--;else if(a[d]===l[u])c[u]=Pt(r[d],n[u]),d++,u++;else if(a[f]===l[b])c[b]=Pt(r[f],n[b]),f--,b--;else if(a[d]===l[b])c[b]=Pt(r[d],n[b]),jt(t,c[b+1],r[d]),d++,b--;else if(a[f]===l[u])c[u]=Pt(r[f],n[u]),jt(t,r[d],r[f]),f--,u++;else if(void 0===h&&(h=Tt(l,u,b),p=Tt(a,d,f)),h.has(a[d]))if(h.has(a[f])){const e=p.get(l[u]),i=void 0!==e?r[e]:null;if(null===i){const e=jt(t,r[d]);Pt(e,n[u]),c[u]=e}else c[u]=Pt(i,n[u]),jt(t,r[d],i),r[e]=null;u++}else At(r[f]),f--;else At(r[d]),d++;for(;u<=b;){const e=jt(t,c[b+1]);Pt(e,n[u]),c[u++]=e}for(;d<=f;){const t=r[d++];null!==t&&At(t)}return this.ut=l,((t,e=Ut)=>{t._$AH=e})(t,c),Y}});
|
|
128
128
|
/**
|
|
129
129
|
* @license
|
|
130
130
|
* Copyright 2017 Google LLC
|
|
131
131
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
132
|
-
*/var
|
|
132
|
+
*/var Zt;!function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(Zt||(Zt={}));const Ht=y`
|
|
133
133
|
.ft-size-watcher--pixel {
|
|
134
134
|
width: 0;
|
|
135
135
|
height: 0;
|
|
@@ -148,17 +148,17 @@ var ut,bt;class vt extends M{constructor(){super(...arguments),this.renderOption
|
|
|
148
148
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
149
149
|
width: 100%;
|
|
150
150
|
}
|
|
151
|
-
`;var Kt=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Wt extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class Vt extends wt{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=
|
|
151
|
+
`;var Kt=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Wt extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class Vt extends wt{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=Zt.S,this.resizeObserver=new ResizeObserver((()=>this.updateSize())),this.debouncer=new e}render(){return X`
|
|
152
152
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
153
153
|
<div class="ft-size-watcher--watcher"></div>
|
|
154
154
|
</div>
|
|
155
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=
|
|
155
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=Zt.S:this.size<976?this.category=Zt.M:this.size<1024?this.category=Zt.L:this.size<1440?this.category=Zt.XL:this.category=Zt.XXL,this.dispatchEvent(new Wt(this.size,this.category)))}),this.debounceTimeout)}}Vt.elementDefinitions={},Vt.styles=Ht,Kt([o({type:Number})],Vt.prototype,"debounceTimeout",void 0),Kt([o({type:Boolean})],Vt.prototype,"local",void 0),Kt([o({type:Number,reflect:!0})],Vt.prototype,"size",void 0),Kt([o({type:String,reflect:!0})],Vt.prototype,"category",void 0),Kt([n(".ft-size-watcher--watcher")],Vt.prototype,"watcher",void 0),p("ft-size-watcher")(Vt);
|
|
156
156
|
/**
|
|
157
157
|
* @license
|
|
158
158
|
* Copyright 2020 Google LLC
|
|
159
159
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
160
160
|
*/
|
|
161
|
-
const qt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===qt)return null==t?void 0:t._$litStatic$},Xt=t=>({_$litStatic$:t,r:qt}),Yt=new Map,Qt=(t=>(e,...i)=>{const o=i.length;let s,r;const n=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(r=i[c],s=Jt(r));)a+=s+e[++c],h=!0;l.push(r),n.push(a),c++}if(c===o&&n.push(e[o]),h){const t=n.join("$$lit$$");void 0===(e=Yt.get(t))&&(n.raw=n,Yt.set(t,e=n)),i=l}return t(e,...i)})(X);var Gt;!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"}(Gt||(Gt={}));const te=xt.extend("--ft-typography-font-family",mt.titleFont),ee=xt.extend("--ft-typography-font-family",mt.contentFont),ie={fontFamily:ee,fontSize:xt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:xt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:xt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:xt.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:xt.create("--ft-typography-text-transform","UNKNOWN","inherit")},oe=xt.extend("--ft-typography-title-font-family",te),se=xt.extend("--ft-typography-title-font-size",ie.fontSize,"20px"),re=xt.extend("--ft-typography-title-font-weight",ie.fontWeight,"normal"),ne=xt.extend("--ft-typography-title-letter-spacing",ie.letterSpacing,"0.15px"),le=xt.extend("--ft-typography-title-line-height",ie.lineHeight,"1.2"),ae=xt.extend("--ft-typography-title-text-transform",ie.textTransform,"inherit"),ce=xt.extend("--ft-typography-title-dense-font-family",te),he=xt.extend("--ft-typography-title-dense-font-size",ie.fontSize,"14px"),pe=xt.extend("--ft-typography-title-dense-font-weight",ie.fontWeight,"normal"),de=xt.extend("--ft-typography-title-dense-letter-spacing",ie.letterSpacing,"0.105px"),fe=xt.extend("--ft-typography-title-dense-line-height",ie.lineHeight,"1.7"),ue=xt.extend("--ft-typography-title-dense-text-transform",ie.textTransform,"inherit"),be=xt.extend("--ft-typography-subtitle1-font-family",ee),ve=xt.extend("--ft-typography-subtitle1-font-size",ie.fontSize,"16px"),ge=xt.extend("--ft-typography-subtitle1-font-weight",ie.fontWeight,"600"),xe=xt.extend("--ft-typography-subtitle1-letter-spacing",ie.letterSpacing,"0.144px"),ye=xt.extend("--ft-typography-subtitle1-line-height",ie.lineHeight,"1.5"),me=xt.extend("--ft-typography-subtitle1-text-transform",ie.textTransform,"inherit"),$e=xt.extend("--ft-typography-subtitle2-font-family",ee),we=xt.extend("--ft-typography-subtitle2-font-size",ie.fontSize,"14px"),ke=xt.extend("--ft-typography-subtitle2-font-weight",ie.fontWeight,"normal"),Se=xt.extend("--ft-typography-subtitle2-letter-spacing",ie.letterSpacing,"0.098px"),Oe=xt.extend("--ft-typography-subtitle2-line-height",ie.lineHeight,"1.7"),Ce=xt.extend("--ft-typography-subtitle2-text-transform",ie.textTransform,"inherit"),Ee={fontFamily:xt.extend("--ft-typography-body1-font-family",ee),fontSize:xt.extend("--ft-typography-body1-font-size",ie.fontSize,"16px"),fontWeight:xt.extend("--ft-typography-body1-font-weight",ie.fontWeight,"normal"),letterSpacing:xt.extend("--ft-typography-body1-letter-spacing",ie.letterSpacing,"0.496px"),lineHeight:xt.extend("--ft-typography-body1-line-height",ie.lineHeight,"1.5"),textTransform:xt.extend("--ft-typography-body1-text-transform",ie.textTransform,"inherit")},ze={fontFamily:xt.extend("--ft-typography-body2-font-family",ee),fontSize:xt.extend("--ft-typography-body2-font-size",ie.fontSize,"14px"),fontWeight:xt.extend("--ft-typography-body2-font-weight",ie.fontWeight,"normal"),letterSpacing:xt.extend("--ft-typography-body2-letter-spacing",ie.letterSpacing,"0.252px"),lineHeight:xt.extend("--ft-typography-body2-line-height",ie.lineHeight,"1.4"),textTransform:xt.extend("--ft-typography-body2-text-transform",ie.textTransform,"inherit")},Be={fontFamily:xt.extend("--ft-typography-caption-font-family",ee),fontSize:xt.extend("--ft-typography-caption-font-size",ie.fontSize,"12px"),fontWeight:xt.extend("--ft-typography-caption-font-weight",ie.fontWeight,"normal"),letterSpacing:xt.extend("--ft-typography-caption-letter-spacing",ie.letterSpacing,"0.396px"),lineHeight:xt.extend("--ft-typography-caption-line-height",ie.lineHeight,"1.33"),textTransform:xt.extend("--ft-typography-caption-text-transform",ie.textTransform,"inherit")},Me=xt.extend("--ft-typography-breadcrumb-font-family",ee),Ne=xt.extend("--ft-typography-breadcrumb-font-size",ie.fontSize,"10px"),Fe=xt.extend("--ft-typography-breadcrumb-font-weight",ie.fontWeight,"normal"),Re=xt.extend("--ft-typography-breadcrumb-letter-spacing",ie.letterSpacing,"0.33px"),Le=xt.extend("--ft-typography-breadcrumb-line-height",ie.lineHeight,"1.6"),De=xt.extend("--ft-typography-breadcrumb-text-transform",ie.textTransform,"inherit"),
|
|
161
|
+
const qt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===qt)return null==t?void 0:t._$litStatic$},Xt=t=>({_$litStatic$:t,r:qt}),Yt=new Map,Qt=(t=>(e,...i)=>{const o=i.length;let s,r;const n=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(r=i[c],s=Jt(r));)a+=s+e[++c],h=!0;l.push(r),n.push(a),c++}if(c===o&&n.push(e[o]),h){const t=n.join("$$lit$$");void 0===(e=Yt.get(t))&&(n.raw=n,Yt.set(t,e=n)),i=l}return t(e,...i)})(X);var Gt;!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"}(Gt||(Gt={}));const te=xt.extend("--ft-typography-font-family",mt.titleFont),ee=xt.extend("--ft-typography-font-family",mt.contentFont),ie={fontFamily:ee,fontSize:xt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:xt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:xt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:xt.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:xt.create("--ft-typography-text-transform","UNKNOWN","inherit")},oe=xt.extend("--ft-typography-title-font-family",te),se=xt.extend("--ft-typography-title-font-size",ie.fontSize,"20px"),re=xt.extend("--ft-typography-title-font-weight",ie.fontWeight,"normal"),ne=xt.extend("--ft-typography-title-letter-spacing",ie.letterSpacing,"0.15px"),le=xt.extend("--ft-typography-title-line-height",ie.lineHeight,"1.2"),ae=xt.extend("--ft-typography-title-text-transform",ie.textTransform,"inherit"),ce=xt.extend("--ft-typography-title-dense-font-family",te),he=xt.extend("--ft-typography-title-dense-font-size",ie.fontSize,"14px"),pe=xt.extend("--ft-typography-title-dense-font-weight",ie.fontWeight,"normal"),de=xt.extend("--ft-typography-title-dense-letter-spacing",ie.letterSpacing,"0.105px"),fe=xt.extend("--ft-typography-title-dense-line-height",ie.lineHeight,"1.7"),ue=xt.extend("--ft-typography-title-dense-text-transform",ie.textTransform,"inherit"),be=xt.extend("--ft-typography-subtitle1-font-family",ee),ve=xt.extend("--ft-typography-subtitle1-font-size",ie.fontSize,"16px"),ge=xt.extend("--ft-typography-subtitle1-font-weight",ie.fontWeight,"600"),xe=xt.extend("--ft-typography-subtitle1-letter-spacing",ie.letterSpacing,"0.144px"),ye=xt.extend("--ft-typography-subtitle1-line-height",ie.lineHeight,"1.5"),me=xt.extend("--ft-typography-subtitle1-text-transform",ie.textTransform,"inherit"),$e=xt.extend("--ft-typography-subtitle2-font-family",ee),we=xt.extend("--ft-typography-subtitle2-font-size",ie.fontSize,"14px"),ke=xt.extend("--ft-typography-subtitle2-font-weight",ie.fontWeight,"normal"),Se=xt.extend("--ft-typography-subtitle2-letter-spacing",ie.letterSpacing,"0.098px"),Oe=xt.extend("--ft-typography-subtitle2-line-height",ie.lineHeight,"1.7"),Ce=xt.extend("--ft-typography-subtitle2-text-transform",ie.textTransform,"inherit"),Ee={fontFamily:xt.extend("--ft-typography-body1-font-family",ee),fontSize:xt.extend("--ft-typography-body1-font-size",ie.fontSize,"16px"),fontWeight:xt.extend("--ft-typography-body1-font-weight",ie.fontWeight,"normal"),letterSpacing:xt.extend("--ft-typography-body1-letter-spacing",ie.letterSpacing,"0.496px"),lineHeight:xt.extend("--ft-typography-body1-line-height",ie.lineHeight,"1.5"),textTransform:xt.extend("--ft-typography-body1-text-transform",ie.textTransform,"inherit")},ze={fontFamily:xt.extend("--ft-typography-body2-font-family",ee),fontSize:xt.extend("--ft-typography-body2-font-size",ie.fontSize,"14px"),fontWeight:xt.extend("--ft-typography-body2-font-weight",ie.fontWeight,"normal"),letterSpacing:xt.extend("--ft-typography-body2-letter-spacing",ie.letterSpacing,"0.252px"),lineHeight:xt.extend("--ft-typography-body2-line-height",ie.lineHeight,"1.4"),textTransform:xt.extend("--ft-typography-body2-text-transform",ie.textTransform,"inherit")},Be={fontFamily:xt.extend("--ft-typography-caption-font-family",ee),fontSize:xt.extend("--ft-typography-caption-font-size",ie.fontSize,"12px"),fontWeight:xt.extend("--ft-typography-caption-font-weight",ie.fontWeight,"normal"),letterSpacing:xt.extend("--ft-typography-caption-letter-spacing",ie.letterSpacing,"0.396px"),lineHeight:xt.extend("--ft-typography-caption-line-height",ie.lineHeight,"1.33"),textTransform:xt.extend("--ft-typography-caption-text-transform",ie.textTransform,"inherit")},Me=xt.extend("--ft-typography-breadcrumb-font-family",ee),Ne=xt.extend("--ft-typography-breadcrumb-font-size",ie.fontSize,"10px"),Fe=xt.extend("--ft-typography-breadcrumb-font-weight",ie.fontWeight,"normal"),Re=xt.extend("--ft-typography-breadcrumb-letter-spacing",ie.letterSpacing,"0.33px"),Le=xt.extend("--ft-typography-breadcrumb-line-height",ie.lineHeight,"1.6"),De=xt.extend("--ft-typography-breadcrumb-text-transform",ie.textTransform,"inherit"),Ie=xt.extend("--ft-typography-overline-font-family",ee),je=xt.extend("--ft-typography-overline-font-size",ie.fontSize,"10px"),Pe=xt.extend("--ft-typography-overline-font-weight",ie.fontWeight,"normal"),Ue=xt.extend("--ft-typography-overline-letter-spacing",ie.letterSpacing,"1.5px"),Ae=xt.extend("--ft-typography-overline-line-height",ie.lineHeight,"1.6"),Te=xt.extend("--ft-typography-overline-text-transform",ie.textTransform,"uppercase"),_e={fontFamily:xt.extend("--ft-typography-button-font-family",ee),fontSize:xt.extend("--ft-typography-button-font-size",ie.fontSize,"14px"),fontWeight:xt.extend("--ft-typography-button-font-weight",ie.fontWeight,"600"),letterSpacing:xt.extend("--ft-typography-button-letter-spacing",ie.letterSpacing,"1.246px"),lineHeight:xt.extend("--ft-typography-button-line-height",ie.lineHeight,"1.15"),textTransform:xt.extend("--ft-typography-button-text-transform",ie.textTransform,"uppercase")},Ze=y`
|
|
162
162
|
.ft-typography--title {
|
|
163
163
|
font-family: ${oe};
|
|
164
164
|
font-size: ${se};
|
|
@@ -167,7 +167,7 @@ const qt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===qt)return null==t?void
|
|
|
167
167
|
line-height: ${le};
|
|
168
168
|
text-transform: ${ae};
|
|
169
169
|
}
|
|
170
|
-
`,
|
|
170
|
+
`,He=y`
|
|
171
171
|
.ft-typography--title-dense {
|
|
172
172
|
font-family: ${ce};
|
|
173
173
|
font-size: ${he};
|
|
@@ -233,10 +233,10 @@ const qt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===qt)return null==t?void
|
|
|
233
233
|
}
|
|
234
234
|
`,Ye=y`
|
|
235
235
|
.ft-typography--overline {
|
|
236
|
-
font-family: ${
|
|
237
|
-
font-size: ${
|
|
238
|
-
font-weight: ${
|
|
239
|
-
letter-spacing: ${
|
|
236
|
+
font-family: ${Ie};
|
|
237
|
+
font-size: ${je};
|
|
238
|
+
font-weight: ${Pe};
|
|
239
|
+
letter-spacing: ${Ue};
|
|
240
240
|
line-height: ${Ae};
|
|
241
241
|
text-transform: ${Te};
|
|
242
242
|
}
|
|
@@ -260,7 +260,7 @@ const qt=Symbol.for(""),Jt=t=>{if((null==t?void 0:t.r)===qt)return null==t?void
|
|
|
260
260
|
</${Xt(this.element)}>
|
|
261
261
|
`:Qt`
|
|
262
262
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
263
|
-
`}}function ii(t,e){return t.flatMap((t=>[t,...ii(e(t),e)]))}function oi(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function si(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>si(e,t.selected))),value:t.value}}function ri(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>si(t,!1)))}}ei.styles=[He,
|
|
263
|
+
`}}function ii(t,e){return t.flatMap((t=>[t,...ii(e(t),e)]))}function oi(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function si(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>si(e,t.selected))),value:t.value}}function ri(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>si(t,!1)))}}ei.styles=[Ze,He,Ke,We,Ve,qe,Je,Xe,Ye,Qe,Ge],ti([o()],ei.prototype,"element",void 0),ti([o()],ei.prototype,"variant",void 0),p("ft-typography")(ei);
|
|
264
264
|
/**
|
|
265
265
|
* @license
|
|
266
266
|
* Copyright 2018 Google LLC
|
|
@@ -556,7 +556,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
556
556
|
${Ci(this.resolvedIcon)}
|
|
557
557
|
<slot ?hidden=${i}></slot>
|
|
558
558
|
</i>
|
|
559
|
-
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case Ri.file_format:this.resolvedIcon=null!==(t=zi[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case Ri.material:this.resolvedIcon=this.value||Q;break;default:this.resolvedIcon=null!==(e=Ei[i.replace("-","_").toUpperCase()])&&void 0!==e?e:i}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Di.elementDefinitions={},Di.styles=Fi,Li([o()],Di.prototype,"variant",void 0),Li([o()],Di.prototype,"value",void 0),Li([s()],Di.prototype,"resolvedIcon",void 0),Li([n("slot")],Di.prototype,"slottedContent",void 0),p("ft-icon")(Di);const
|
|
559
|
+
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let i=this.value||this.textContent;switch(this.variant){case Ri.file_format:this.resolvedIcon=null!==(t=zi[i.replace("-","_").toUpperCase()])&&void 0!==t?t:i;break;case Ri.material:this.resolvedIcon=this.value||Q;break;default:this.resolvedIcon=null!==(e=Ei[i.replace("-","_").toUpperCase()])&&void 0!==e?e:i}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Di.elementDefinitions={},Di.styles=Fi,Li([o()],Di.prototype,"variant",void 0),Li([o()],Di.prototype,"value",void 0),Li([s()],Di.prototype,"resolvedIcon",void 0),Li([n("slot")],Di.prototype,"slottedContent",void 0),p("ft-icon")(Di);const Ii=xt.extend("--ft-button-color",mt.colorPrimary),ji={backgroundColor:xt.extend("--ft-button-background-color",mt.colorSurface),borderRadius:xt.extend("--ft-button-border-radius",mt.borderRadiusL),color:Ii,fontSize:xt.extend("--ft-button-font-size",_e.fontSize),iconSize:xt.create("--ft-button-icon-size","SIZE","24px"),rippleColor:xt.extend("--ft-button-ripple-color",Ii),verticalPadding:xt.create("--ft-button-vertical-padding","SIZE","6px"),horizontalPadding:xt.create("--ft-button-horizontal-padding","SIZE","8px"),iconPadding:xt.create("--ft-button-icon-padding","SIZE","8px"),opacityDisabled:xt.external(mt.colorOpacityDisabled,"Design system")},Pi=xt.extend("--ft-button-primary-color",xt.extend("--ft-button-color",mt.colorOnPrimary)),Ui={backgroundColor:xt.extend("--ft-button-primary-background-color",xt.extend("--ft-button-background-color",mt.colorPrimary)),color:Pi,rippleColor:xt.extend("--ft-button-primary-ripple-color",Pi)},Ai=xt.extend("--ft-button-dense-border-radius",xt.extend("--ft-button-border-radius",mt.borderRadiusM)),Ti=xt.create("--ft-button-dense-vertical-padding","SIZE","2px"),_i=xt.create("--ft-button-dense-horizontal-padding","SIZE","4px"),Zi=xt.create("--ft-button-dense-icon-padding","SIZE","4px"),Hi=[kt,y`
|
|
560
560
|
:host {
|
|
561
561
|
display: inline-block;
|
|
562
562
|
max-width: 100%;
|
|
@@ -567,7 +567,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
567
567
|
box-shadow: 0px 0px 0px transparent;
|
|
568
568
|
border: 0px solid transparent;
|
|
569
569
|
text-shadow: 0px 0px 0px transparent;
|
|
570
|
-
font-size: ${
|
|
570
|
+
font-size: ${ji.fontSize};
|
|
571
571
|
}
|
|
572
572
|
|
|
573
573
|
button:hover {
|
|
@@ -595,50 +595,57 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
595
595
|
box-sizing: border-box;
|
|
596
596
|
border: none;
|
|
597
597
|
pointer-events: auto;
|
|
598
|
+
gap: ${ji.iconPadding};
|
|
598
599
|
|
|
599
|
-
--ft-button-internal-line-height: calc(${
|
|
600
|
-
--ft-button-internal-color: ${
|
|
601
|
-
${yt(Ni.size,
|
|
602
|
-
|
|
603
|
-
--ft-button-internal-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
609
|
-
background-color: ${Ii.backgroundColor};
|
|
600
|
+
--ft-button-internal-line-height: calc(${ji.fontSize} + 2px);
|
|
601
|
+
--ft-button-internal-color: ${ji.color};
|
|
602
|
+
${yt(Ni.size,ji.iconSize)};
|
|
603
|
+
${yt(ai.color,ji.rippleColor)};
|
|
604
|
+
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${ji.iconSize});
|
|
605
|
+
|
|
606
|
+
border-radius: ${ji.borderRadius};
|
|
607
|
+
padding: ${ji.verticalPadding} ${ji.horizontalPadding};
|
|
608
|
+
background-color: ${ji.backgroundColor};
|
|
610
609
|
color: var(--ft-button-internal-color);
|
|
611
610
|
-webkit-mask-image: radial-gradient(white, black);
|
|
612
611
|
}
|
|
613
612
|
|
|
613
|
+
.ft-button.ft-button--outlined {
|
|
614
|
+
border: 1px solid var(--ft-button-internal-color);
|
|
615
|
+
padding: calc(${ji.verticalPadding} - 1px) calc(${ji.horizontalPadding} - 1px);
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
.ft-button.ft-button--dense {
|
|
619
|
+
padding: ${Ti} ${_i};
|
|
620
|
+
border-radius: ${Ai};
|
|
621
|
+
gap: ${Zi};
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
.ft-button.ft-button--dense.ft-button--outlined {
|
|
625
|
+
padding: calc(${Ti} - 1px) calc(${_i} - 1px);
|
|
626
|
+
}
|
|
627
|
+
|
|
614
628
|
.ft-button:not([disabled]):hover {
|
|
615
629
|
cursor: pointer;
|
|
616
630
|
}
|
|
617
631
|
|
|
618
|
-
.ft-button--
|
|
619
|
-
--ft-button-internal-
|
|
620
|
-
--ft-button-internal-horizontal-padding: 4px;
|
|
621
|
-
border-radius: ${Ai};
|
|
632
|
+
.ft-button--round {
|
|
633
|
+
border-radius: calc(var(--ft-button-internal-content-height) / 2 + ${ji.verticalPadding});
|
|
622
634
|
}
|
|
623
635
|
|
|
624
|
-
.ft-button--round {
|
|
625
|
-
border-radius: calc(var(--ft-button-internal-content-height) / 2 +
|
|
636
|
+
.ft-button--round.ft-button--dense {
|
|
637
|
+
border-radius: calc(var(--ft-button-internal-content-height) / 2 + ${Ti});
|
|
626
638
|
}
|
|
627
639
|
|
|
628
640
|
.ft-button[disabled] {
|
|
629
641
|
filter: grayscale(1);
|
|
630
|
-
opacity: ${
|
|
642
|
+
opacity: ${ji.opacityDisabled};
|
|
631
643
|
}
|
|
632
644
|
|
|
633
645
|
.ft-button.ft-button--primary {
|
|
634
|
-
background-color: ${
|
|
635
|
-
--ft-button-internal-color: ${
|
|
636
|
-
${yt(ai.color,
|
|
637
|
-
}
|
|
638
|
-
|
|
639
|
-
.ft-button.ft-button--outlined {
|
|
640
|
-
border: 1px solid var(--ft-button-internal-color);
|
|
641
|
-
padding: calc(var(--ft-button-internal-vertical-padding) - 1px) calc(var(--ft-button-internal-horizontal-padding) - 1px);
|
|
646
|
+
background-color: ${Ui.backgroundColor};
|
|
647
|
+
--ft-button-internal-color: ${Ui.color};
|
|
648
|
+
${yt(ai.color,Ui.rippleColor)};
|
|
642
649
|
}
|
|
643
650
|
|
|
644
651
|
.ft-button:focus {
|
|
@@ -651,11 +658,10 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
651
658
|
white-space: nowrap;
|
|
652
659
|
text-overflow: ellipsis;
|
|
653
660
|
display: block;
|
|
654
|
-
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
655
661
|
${yt(_e.fontSize,"1em")};
|
|
656
662
|
${yt(_e.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
657
663
|
}
|
|
658
|
-
|
|
664
|
+
|
|
659
665
|
.ft-button--label[hidden] {
|
|
660
666
|
display: none;
|
|
661
667
|
}
|
|
@@ -666,8 +672,13 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
666
672
|
}
|
|
667
673
|
|
|
668
674
|
.ft-button--label[hidden] + ft-icon {
|
|
669
|
-
margin: 0 calc(
|
|
670
|
-
padding: 0
|
|
675
|
+
margin: 0 calc(${ji.horizontalPadding} * -1);
|
|
676
|
+
padding: 0 ${ji.verticalPadding};
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
.ft-button--dense .ft-button--label[hidden] + ft-icon {
|
|
680
|
+
margin: 0 calc(${_i} * -1);
|
|
681
|
+
padding: 0 ${Ti};
|
|
671
682
|
}
|
|
672
683
|
|
|
673
684
|
.ft-button:not(.ft-button--trailing-icon) ft-icon,
|
|
@@ -676,10 +687,10 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
676
687
|
}
|
|
677
688
|
|
|
678
689
|
ft-loader {
|
|
679
|
-
${yt(wi.size,
|
|
690
|
+
${yt(wi.size,ji.iconSize)};
|
|
680
691
|
${yt(wi.color,"var(--ft-button-internal-color)")};
|
|
681
692
|
}
|
|
682
|
-
`];var
|
|
693
|
+
`];var Ki=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Wi extends wt{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Ri.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(X`
|
|
683
694
|
<button part="button"
|
|
684
695
|
class="${ni(t)}"
|
|
685
696
|
aria-label="${this.getLabel()}"
|
|
@@ -702,14 +713,14 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
702
713
|
</ft-tooltip>
|
|
703
714
|
`:t}resolveIcon(){return this.loading?X`
|
|
704
715
|
<ft-loader part="loader icon"></ft-loader> `:this.icon?X`
|
|
705
|
-
<ft-icon part="icon" variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:Q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}
|
|
716
|
+
<ft-icon part="icon" variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:Q}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Wi.elementDefinitions={"ft-ripple":gi,"ft-tooltip":$i,"ft-typography":ei,"ft-icon":Di,"ft-loader":Si},Wi.styles=[Ot,Hi],Ki([o({type:String,reflect:!0})],Wi.prototype,"role",void 0),Ki([o({type:Boolean})],Wi.prototype,"primary",void 0),Ki([o({type:Boolean})],Wi.prototype,"outlined",void 0),Ki([o({type:Boolean})],Wi.prototype,"disabled",void 0),Ki([o({type:Boolean})],Wi.prototype,"dense",void 0),Ki([o({type:Boolean})],Wi.prototype,"round",void 0),Ki([o({type:String})],Wi.prototype,"label",void 0),Ki([o({type:String})],Wi.prototype,"icon",void 0),Ki([o({type:String})],Wi.prototype,"iconVariant",void 0),Ki([o({type:Boolean})],Wi.prototype,"trailingIcon",void 0),Ki([o({type:Boolean})],Wi.prototype,"loading",void 0),Ki([o({type:String})],Wi.prototype,"tooltipPosition",void 0),Ki([o({type:Boolean})],Wi.prototype,"hideTooltip",void 0),Ki([o({type:Boolean})],Wi.prototype,"forceTooltip",void 0),Ki([n(".ft-button")],Wi.prototype,"button",void 0),Ki([n(".ft-button--label slot")],Wi.prototype,"slottedContent",void 0),p("ft-button")(Wi);const Vi=xt.extend("--ft-checkbox-text-color",mt.colorOnSurfaceHigh),qi=xt.external(mt.colorPrimary,"Design system"),Ji=xt.external(mt.colorOnPrimary,"Design system"),Xi=xt.extend("--ft-checkbox-border-color",mt.colorOnSurfaceMedium),Yi=xt.external(mt.colorOnSurfaceDisabled,"Design system"),Qi=y`
|
|
706
717
|
* {
|
|
707
718
|
box-sizing: border-box;
|
|
708
719
|
}
|
|
709
720
|
|
|
710
721
|
.ft-checkbox {
|
|
711
722
|
box-sizing: border-box;
|
|
712
|
-
color: ${
|
|
723
|
+
color: ${Vi};
|
|
713
724
|
|
|
714
725
|
display: inline-flex;
|
|
715
726
|
align-items: center;
|
|
@@ -717,7 +728,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
717
728
|
}
|
|
718
729
|
|
|
719
730
|
.ft-checkbox--disabled {
|
|
720
|
-
color: ${
|
|
731
|
+
color: ${Yi};
|
|
721
732
|
}
|
|
722
733
|
|
|
723
734
|
input {
|
|
@@ -741,26 +752,26 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
741
752
|
|
|
742
753
|
.ft-checkbox--box {
|
|
743
754
|
display: flex;
|
|
744
|
-
border: 2px solid ${
|
|
755
|
+
border: 2px solid ${Xi};
|
|
745
756
|
border-radius: 2px;
|
|
746
757
|
|
|
747
758
|
width: 18px;
|
|
748
759
|
height: 18px;
|
|
749
760
|
|
|
750
|
-
color: ${
|
|
761
|
+
color: ${Ji};
|
|
751
762
|
}
|
|
752
763
|
|
|
753
764
|
|
|
754
765
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
755
766
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
756
|
-
border-color: ${
|
|
757
|
-
background-color: ${
|
|
767
|
+
border-color: ${qi};
|
|
768
|
+
background-color: ${qi};
|
|
758
769
|
}
|
|
759
770
|
|
|
760
771
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
761
|
-
border-color: ${
|
|
772
|
+
border-color: ${Yi};
|
|
762
773
|
background-color: transparent;
|
|
763
|
-
color: ${
|
|
774
|
+
color: ${Yi};
|
|
764
775
|
}
|
|
765
776
|
|
|
766
777
|
.ft-checkbox--checkmark {
|
|
@@ -779,7 +790,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
779
790
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
780
791
|
opacity: 1;
|
|
781
792
|
}
|
|
782
|
-
`;var
|
|
793
|
+
`;var Gi=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class to extends wt{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 X`
|
|
783
794
|
<label class="${ni(t)}" for="checkbox-input">
|
|
784
795
|
<div class="ft-checkbox--box-container">
|
|
785
796
|
<ft-ripple
|
|
@@ -805,14 +816,14 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
805
816
|
<slot></slot>
|
|
806
817
|
</ft-typography>
|
|
807
818
|
</label>
|
|
808
|
-
`}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)}}
|
|
819
|
+
`}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)}}to.elementDefinitions={"ft-ripple":gi,"ft-typography":ei},to.styles=Qi,Gi([o()],to.prototype,"name",void 0),Gi([o({type:Boolean,reflect:!0})],to.prototype,"checked",void 0),Gi([o({type:Boolean})],to.prototype,"indeterminate",void 0),Gi([o({type:Boolean})],to.prototype,"disabled",void 0),Gi([n(".ft-checkbox")],to.prototype,"container",void 0),Gi([n("ft-ripple")],to.prototype,"ripple",void 0),p("ft-checkbox")(to);const eo=xt.extend("--ft-radio-text-color",mt.colorOnSurfaceHigh),io=xt.external(mt.colorPrimary,"Design system"),oo=(xt.external(mt.colorOnPrimary,"Design system"),xt.extend("--ft-radio-border-color",mt.colorOnSurfaceMedium)),so=xt.external(mt.colorOnSurfaceDisabled,"Design system"),ro=y`
|
|
809
820
|
* {
|
|
810
821
|
box-sizing: border-box;
|
|
811
822
|
}
|
|
812
823
|
|
|
813
824
|
.ft-radio {
|
|
814
825
|
box-sizing: border-box;
|
|
815
|
-
color: ${
|
|
826
|
+
color: ${eo};
|
|
816
827
|
|
|
817
828
|
display: inline-flex;
|
|
818
829
|
align-items: center;
|
|
@@ -820,7 +831,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
820
831
|
}
|
|
821
832
|
|
|
822
833
|
.ft-radio--disabled {
|
|
823
|
-
color: ${
|
|
834
|
+
color: ${so};
|
|
824
835
|
}
|
|
825
836
|
|
|
826
837
|
input {
|
|
@@ -843,7 +854,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
843
854
|
}
|
|
844
855
|
|
|
845
856
|
.ft-radio--box {
|
|
846
|
-
border: 2px solid ${
|
|
857
|
+
border: 2px solid ${oo};
|
|
847
858
|
border-radius: 50%;
|
|
848
859
|
|
|
849
860
|
display: flex;
|
|
@@ -856,7 +867,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
856
867
|
|
|
857
868
|
.ft-radio--box:after {
|
|
858
869
|
content: " ";
|
|
859
|
-
background-color: ${
|
|
870
|
+
background-color: ${io};
|
|
860
871
|
|
|
861
872
|
border-radius: 50%;
|
|
862
873
|
|
|
@@ -868,7 +879,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
868
879
|
}
|
|
869
880
|
|
|
870
881
|
.ft-radio--checked .ft-radio--box {
|
|
871
|
-
border-color: ${
|
|
882
|
+
border-color: ${io};
|
|
872
883
|
}
|
|
873
884
|
|
|
874
885
|
|
|
@@ -877,14 +888,14 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
877
888
|
}
|
|
878
889
|
|
|
879
890
|
.ft-radio--disabled .ft-radio--box {
|
|
880
|
-
border-color: ${
|
|
891
|
+
border-color: ${so};
|
|
881
892
|
background-color: transparent;
|
|
882
893
|
}
|
|
883
894
|
|
|
884
895
|
.ft-radio--disabled .ft-radio--box:after {
|
|
885
|
-
background-color: ${
|
|
896
|
+
background-color: ${so};
|
|
886
897
|
}
|
|
887
|
-
`;var
|
|
898
|
+
`;var no=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class lo extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class ao extends wt{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 X`
|
|
888
899
|
<div class="${ni(t)}">
|
|
889
900
|
<div class="ft-radio--box-container">
|
|
890
901
|
<ft-ripple
|
|
@@ -909,17 +920,17 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
909
920
|
</ft-typography>
|
|
910
921
|
</label>
|
|
911
922
|
</div>
|
|
912
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
923
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new lo(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new lo(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}ao.elementDefinitions={"ft-ripple":gi,"ft-typography":ei},ao.styles=ro,no([o()],ao.prototype,"value",void 0),no([o()],ao.prototype,"name",void 0),no([o({type:Boolean,reflect:!0})],ao.prototype,"checked",void 0),no([o({type:Boolean})],ao.prototype,"disabled",void 0),no([n(".ft-radio")],ao.prototype,"container",void 0),no([n("ft-ripple")],ao.prototype,"ripple",void 0),no([n("input")],ao.prototype,"input",void 0);const co=y`
|
|
913
924
|
:host {
|
|
914
925
|
display: contents;
|
|
915
926
|
}
|
|
916
|
-
`;var
|
|
927
|
+
`;var ho=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class po extends wt{constructor(){super(...arguments),this.name=""}render(){return X`
|
|
917
928
|
<slot @slotchange=${this.onSlotChange}
|
|
918
929
|
@change=${this.onChange}
|
|
919
930
|
@keydown=${this.onKeyDown}
|
|
920
931
|
@focusin=${this.focusCurrentValue}
|
|
921
932
|
></slot>
|
|
922
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}
|
|
933
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}focusCurrentValue(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}po.elementDefinitions={},po.styles=co,ho([o()],po.prototype,"name",void 0),ho([c()],po.prototype,"radioButtons",void 0),p("ft-radio")(ao),p("ft-radio-group")(po);const fo={borderRadiusM:xt.external(mt.borderRadiusM,"Design system"),colorOutline:xt.external(mt.colorOutline,"Design system"),colorOnSurface:xt.external(mt.colorOnSurface,"Design system"),colorOnSurfaceMedium:xt.external(mt.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),colorOnPrimary:xt.external(mt.colorOnPrimary,"Design system"),fontFamily:xt.external(ze.fontFamily,"Body2 typography"),fontSize:xt.external(ze.fontSize,"Body2 typography"),fontWeight:xt.external(ze.fontWeight,"Body2 typography"),letterSpacing:xt.external(ze.letterSpacing,"Body2 typography"),lineHeight:xt.external(ze.lineHeight,"Body2 typography"),textTransform:xt.external(ze.textTransform,"Body2 typography")},uo=y`
|
|
923
934
|
.ft-filter-level--container {
|
|
924
935
|
display: flex;
|
|
925
936
|
flex-direction: column;
|
|
@@ -933,14 +944,14 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
933
944
|
flex-shrink: 0;
|
|
934
945
|
text-decoration: none;
|
|
935
946
|
position: relative;
|
|
936
|
-
border-radius: ${
|
|
947
|
+
border-radius: ${fo.borderRadiusM};
|
|
937
948
|
overflow: hidden;
|
|
938
949
|
display: flex;
|
|
939
950
|
align-items: center;
|
|
940
951
|
padding: 4px 4px;
|
|
941
952
|
gap: 4px;
|
|
942
953
|
cursor: pointer;
|
|
943
|
-
color: ${
|
|
954
|
+
color: ${fo.colorOnSurface};
|
|
944
955
|
}
|
|
945
956
|
|
|
946
957
|
.ft-filter-level--go-back:focus {
|
|
@@ -969,7 +980,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
969
980
|
}
|
|
970
981
|
|
|
971
982
|
ft-button {
|
|
972
|
-
${yt(
|
|
983
|
+
${yt(ji.color,fo.colorOnSurface)};
|
|
973
984
|
}
|
|
974
985
|
|
|
975
986
|
ft-radio, ft-checkbox {
|
|
@@ -983,9 +994,9 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
983
994
|
|
|
984
995
|
.ft-filter-level--no-values {
|
|
985
996
|
margin: 10px 0;
|
|
986
|
-
color: ${
|
|
997
|
+
color: ${fo.colorOnSurfaceMedium};
|
|
987
998
|
}
|
|
988
|
-
`;var
|
|
999
|
+
`;var bo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class vo extends wt{constructor(){super(...arguments),this.id="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return X`
|
|
989
1000
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
990
1001
|
${null==this.parent?null:X`
|
|
991
1002
|
<div tabindex="0"
|
|
@@ -1049,7 +1060,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1049
1060
|
@change=${t=>t.stopPropagation()}>
|
|
1050
1061
|
${t.renderOption?t.renderOption:t.label}
|
|
1051
1062
|
</ft-radio>
|
|
1052
|
-
`}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}))}}
|
|
1063
|
+
`}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}))}}vo.elementDefinitions={"ft-button":Wi,"ft-ripple":gi,"ft-typography":ei,"ft-checkbox":to,"ft-icon":Di,"ft-radio":ao},vo.styles=uo,bo([o({type:String})],vo.prototype,"id",void 0),bo([o({type:Object})],vo.prototype,"parent",void 0),bo([o({type:Array})],vo.prototype,"options",void 0),bo([o({type:Boolean})],vo.prototype,"multivalued",void 0),bo([o({type:Boolean})],vo.prototype,"disabled",void 0),bo([o({type:Boolean})],vo.prototype,"hideSelectedOptions",void 0),bo([o({type:Boolean})],vo.prototype,"preventNavigation",void 0),bo([o({type:String})],vo.prototype,"filter",void 0),bo([o({type:String})],vo.prototype,"moreValuesButtonLabel",void 0),bo([o({type:String})],vo.prototype,"noValuesLabel",void 0),bo([o({type:Number})],vo.prototype,"displayedValuesLimit",void 0),bo([n(".ft-filter-level--container")],vo.prototype,"container",void 0),bo([s()],vo.prototype,"displayedPages",void 0);const go={buttonsColor:xt.extend("--ft-snap-scroll-buttons-color",mt.colorPrimary),buttonsZIndex:xt.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:xt.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:xt.external(mt.colorSurface,"Design system")},xo=y`
|
|
1053
1064
|
.ft-snap-scroll {
|
|
1054
1065
|
box-sizing: border-box;
|
|
1055
1066
|
position: relative;
|
|
@@ -1084,7 +1095,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1084
1095
|
flex-wrap: nowrap;
|
|
1085
1096
|
align-items: flex-start;
|
|
1086
1097
|
justify-content: flex-start;
|
|
1087
|
-
gap: ${
|
|
1098
|
+
gap: ${go.gap};
|
|
1088
1099
|
}
|
|
1089
1100
|
|
|
1090
1101
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1127,11 +1138,11 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1127
1138
|
.ft-snap-scroll--next {
|
|
1128
1139
|
position: absolute;
|
|
1129
1140
|
display: flex;
|
|
1130
|
-
z-index: ${
|
|
1141
|
+
z-index: ${go.buttonsZIndex};
|
|
1131
1142
|
opacity: 1;
|
|
1132
1143
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1133
|
-
${yt(
|
|
1134
|
-
${yt(
|
|
1144
|
+
${yt(ji.backgroundColor,"transparent")};
|
|
1145
|
+
${yt(ji.color,go.buttonsColor)};
|
|
1135
1146
|
}
|
|
1136
1147
|
|
|
1137
1148
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1144,37 +1155,37 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1144
1155
|
top: 0;
|
|
1145
1156
|
left: -1px;
|
|
1146
1157
|
bottom: 0;
|
|
1147
|
-
background: linear-gradient(to right, ${
|
|
1158
|
+
background: linear-gradient(to right, ${go.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1148
1159
|
}
|
|
1149
1160
|
|
|
1150
1161
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1151
1162
|
top: -1px;
|
|
1152
1163
|
left: 0;
|
|
1153
1164
|
right: 0;
|
|
1154
|
-
background: linear-gradient(to bottom, ${
|
|
1165
|
+
background: linear-gradient(to bottom, ${go.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1155
1166
|
}
|
|
1156
1167
|
|
|
1157
1168
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1158
1169
|
top: 0;
|
|
1159
1170
|
right: -1px;
|
|
1160
1171
|
bottom: 0;
|
|
1161
|
-
background: linear-gradient(to left, ${
|
|
1172
|
+
background: linear-gradient(to left, ${go.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1162
1173
|
}
|
|
1163
1174
|
|
|
1164
1175
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1165
1176
|
left: 0;
|
|
1166
1177
|
right: 0;
|
|
1167
1178
|
bottom: -1px;
|
|
1168
|
-
background: linear-gradient(to top, ${
|
|
1179
|
+
background: linear-gradient(to top, ${go.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1169
1180
|
}
|
|
1170
1181
|
|
|
1171
1182
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1172
1183
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1173
1184
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1174
1185
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1175
|
-
background-color: ${
|
|
1186
|
+
background-color: ${go.colorSurface};
|
|
1176
1187
|
}
|
|
1177
|
-
`;var
|
|
1188
|
+
`;var yo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class mo extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class $o extends wt{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new e(200),this.updateScrollDebouncer=new e(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let e=this.elements[t];if(e){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,i=this.contentSlot[this.scrollAttribute]+this.prevSize;(e[this.offsetAttribute]<i||e[this.offsetAttribute]+e[this.sizeAttribute]>t)&&this.scrollToElement(e)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=ni({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":Mt}),e=this.controls&&this.withScroll;return X`
|
|
1178
1189
|
<div part="container" class="${t}">
|
|
1179
1190
|
<ft-button
|
|
1180
1191
|
class="ft-snap-scroll--previous"
|
|
@@ -1198,7 +1209,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1198
1209
|
@click=${this.next}
|
|
1199
1210
|
></ft-button>
|
|
1200
1211
|
</div>
|
|
1201
|
-
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new
|
|
1212
|
+
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new mo(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}}$o.elementDefinitions={"ft-button":Wi},$o.styles=xo,yo([o({type:Boolean})],$o.prototype,"horizontal",void 0),yo([o({type:Boolean})],$o.prototype,"hideScrollbar",void 0),yo([o({type:Boolean})],$o.prototype,"controls",void 0),yo([o({type:Boolean})],$o.prototype,"limitSize",void 0),yo([s()],$o.prototype,"elements",void 0),yo([s()],$o.prototype,"currentElement",void 0),yo([s()],$o.prototype,"withScroll",void 0),yo([s()],$o.prototype,"startReached",void 0),yo([s()],$o.prototype,"endReached",void 0),yo([n(".ft-snap-scroll--content")],$o.prototype,"contentSlot",void 0),p("ft-snap-scroll")($o);const wo=xt.external(mt.colorOutline,"Design system"),ko=xt.external(mt.colorOnSurface,"Design system"),So=xt.external(mt.colorOnSurfaceMedium,"Design system"),Oo=xt.external(mt.colorPrimary,"Design system"),Co=xt.external(mt.colorSurface,"Design system"),Eo=xt.external(mt.transitionDuration,"Design system"),zo=xt.external(mt.transitionTimingFunction,"Design system"),Bo=[Je,y`
|
|
1202
1213
|
:host {
|
|
1203
1214
|
display: flex;
|
|
1204
1215
|
max-height: 100%;
|
|
@@ -1211,7 +1222,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1211
1222
|
flex-direction: column;
|
|
1212
1223
|
max-height: 100%;
|
|
1213
1224
|
max-width: 100%;
|
|
1214
|
-
color: ${
|
|
1225
|
+
color: ${ko};
|
|
1215
1226
|
}
|
|
1216
1227
|
|
|
1217
1228
|
.ft-filter--header {
|
|
@@ -1227,7 +1238,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1227
1238
|
.ft-filter--header ft-button {
|
|
1228
1239
|
flex-shrink: 0;
|
|
1229
1240
|
margin-left: auto;
|
|
1230
|
-
${yt(
|
|
1241
|
+
${yt(ji.iconSize,"18px")};
|
|
1231
1242
|
}
|
|
1232
1243
|
|
|
1233
1244
|
.ft-filter--label {
|
|
@@ -1247,8 +1258,8 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1247
1258
|
padding: 0 10px;
|
|
1248
1259
|
overflow: hidden;
|
|
1249
1260
|
height: 32px;
|
|
1250
|
-
transition: height ${
|
|
1251
|
-
margin ${
|
|
1261
|
+
transition: height ${Eo} ${zo},
|
|
1262
|
+
margin ${Eo} ${zo};
|
|
1252
1263
|
transition-delay: 500ms;
|
|
1253
1264
|
}
|
|
1254
1265
|
|
|
@@ -1261,15 +1272,15 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1261
1272
|
display: block;
|
|
1262
1273
|
width: 100%;
|
|
1263
1274
|
border-radius: 4px;
|
|
1264
|
-
border: 1px solid ${
|
|
1275
|
+
border: 1px solid ${wo};
|
|
1265
1276
|
padding: 4px;
|
|
1266
|
-
background-color: ${
|
|
1267
|
-
color: ${
|
|
1268
|
-
outline-color: ${
|
|
1277
|
+
background-color: ${Co};
|
|
1278
|
+
color: ${ko};
|
|
1279
|
+
outline-color: ${Oo};
|
|
1269
1280
|
}
|
|
1270
1281
|
|
|
1271
1282
|
input::placeholder {
|
|
1272
|
-
color: ${
|
|
1283
|
+
color: ${So};
|
|
1273
1284
|
}
|
|
1274
1285
|
|
|
1275
1286
|
input:placeholder-shown {
|
|
@@ -1285,7 +1296,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1285
1296
|
}
|
|
1286
1297
|
|
|
1287
1298
|
.ft-filter--separator {
|
|
1288
|
-
border-top: 1px solid ${
|
|
1299
|
+
border-top: 1px solid ${wo};
|
|
1289
1300
|
margin: 4px 10px;
|
|
1290
1301
|
}
|
|
1291
1302
|
|
|
@@ -1310,7 +1321,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1310
1321
|
slot {
|
|
1311
1322
|
display: none;
|
|
1312
1323
|
}
|
|
1313
|
-
`];var
|
|
1324
|
+
`];var Mo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class No extends CustomEvent{constructor(t){super("change",{detail:t})}}class Fo extends wt{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new e(300),this.changeDebouncer=new e(10)}get flatOptions(){return ii(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}get selectedValues(){return this.flatOptions.filter((t=>t.selected)).map((t=>t.value))}render(){var t,e;const i=this.flatOptions.some((t=>t.selected)),o=this.withScroll||this.filter||null!==(e=null===(t=this.lastLevel)||void 0===t?void 0:t.hasHiddenValues)&&void 0!==e&&e,s=this.filterPlaceHolder.replace("{0}",this.label);return X`
|
|
1314
1325
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1315
1326
|
part="container">
|
|
1316
1327
|
${this.label||i?X`
|
|
@@ -1380,17 +1391,17 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1380
1391
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1381
1392
|
noValuesLabel="${this.noValuesLabel}"
|
|
1382
1393
|
></ft-filter-level>
|
|
1383
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.dispatchEvent(new
|
|
1394
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;this.dispatchEvent(new No(this.selectedValues)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(){var t,e;this.filter=null!==(e=null===(t=this.filterInput)||void 0===t?void 0:t.value)&&void 0!==e?e:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}Fo.elementDefinitions={"ft-button":Wi,"ft-filter-level":vo,"ft-snap-scroll":$o,"ft-typography":ei},Fo.styles=Bo,Mo([o({type:String})],Fo.prototype,"id",void 0),Mo([o({type:String})],Fo.prototype,"label",void 0),Mo([o({type:String})],Fo.prototype,"filterPlaceHolder",void 0),Mo([o({type:String})],Fo.prototype,"clearButtonLabel",void 0),Mo([o({type:String})],Fo.prototype,"moreValuesButtonLabel",void 0),Mo([o({type:String})],Fo.prototype,"noValuesLabel",void 0),Mo([d([])],Fo.prototype,"options",void 0),Mo([o({type:Boolean})],Fo.prototype,"multivalued",void 0),Mo([o({type:Boolean})],Fo.prototype,"disabled",void 0),Mo([o({type:Boolean})],Fo.prototype,"raiseSelectedOptions",void 0),Mo([o({type:Number})],Fo.prototype,"displayedValuesLimit",void 0),Mo([o({type:Boolean})],Fo.prototype,"hideClearButton",void 0),Mo([n(".ft-filter--slot")],Fo.prototype,"slotElement",void 0),Mo([n(".ft-filter--container")],Fo.prototype,"container",void 0),Mo([n(".ft-filter--values")],Fo.prototype,"valuesContainer",void 0),Mo([n(".ft-filter--levels")],Fo.prototype,"levelsContainer",void 0),Mo([n(".ft-filter--levels ft-filter-level:last-child")],Fo.prototype,"lastLevel",void 0),Mo([n(".ft-filter--filter input")],Fo.prototype,"filterInput",void 0),Mo([function(t){return r({descriptor:e=>({get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}(".ft-filter--levels ft-filter-level")],Fo.prototype,"levels",void 0),Mo([s()],Fo.prototype,"withScroll",void 0),Mo([s()],Fo.prototype,"filter",void 0),Mo([s()],Fo.prototype,"slideIn",void 0),Mo([s()],Fo.prototype,"slideOut",void 0);var Ro=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Lo extends wt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return X`
|
|
1384
1395
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1385
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}
|
|
1396
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}Lo.elementDefinitions={},Ro([o({type:String})],Lo.prototype,"label",void 0),Ro([o({type:Object,converter:t=>t})],Lo.prototype,"value",void 0),Ro([o({type:Boolean,reflect:!0})],Lo.prototype,"selected",void 0),Ro([o({type:Object})],Lo.prototype,"subOptions",void 0),Ro([d({})],Lo.prototype,"renderOption",void 0),Ro([n(".ft-filter-option--slot")],Lo.prototype,"slotElement",void 0),p("ft-filter")(Fo),p("ft-filter-option")(Lo);const Do=y`
|
|
1386
1397
|
.ft-accordion {
|
|
1387
1398
|
box-sizing: border-box;
|
|
1388
1399
|
}
|
|
1389
|
-
`;var
|
|
1400
|
+
`;var Io=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class jo extends wt{constructor(){super(...arguments),this.multi=!1}render(){return X`
|
|
1390
1401
|
<div class="ft-accordion">
|
|
1391
1402
|
<slot @activated=${this.onChange}></slot>
|
|
1392
1403
|
</div>
|
|
1393
|
-
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}
|
|
1404
|
+
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}jo.elementDefinitions={},jo.styles=Do,Io([o({type:Boolean})],jo.prototype,"multi",void 0),Io([n("slot")],jo.prototype,"content",void 0);const Po=xt.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),Uo=xt.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),Ao=xt.external(mt.colorOutline,"Design system"),To=y`
|
|
1394
1405
|
.ft-accordion-item {
|
|
1395
1406
|
display: flex;
|
|
1396
1407
|
flex-direction: column;
|
|
@@ -1403,8 +1414,8 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1403
1414
|
display: flex;
|
|
1404
1415
|
align-items: center;
|
|
1405
1416
|
cursor: pointer;
|
|
1406
|
-
padding: ${
|
|
1407
|
-
gap: calc(${
|
|
1417
|
+
padding: ${Uo} ${Po};
|
|
1418
|
+
gap: calc(${Po} / 2);
|
|
1408
1419
|
outline: none;
|
|
1409
1420
|
}
|
|
1410
1421
|
|
|
@@ -1429,13 +1440,13 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1429
1440
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1430
1441
|
height: initial;
|
|
1431
1442
|
overflow: visible;
|
|
1432
|
-
padding: ${
|
|
1443
|
+
padding: ${Uo} ${Po};
|
|
1433
1444
|
}
|
|
1434
1445
|
|
|
1435
1446
|
.ft-accordion-item--separator {
|
|
1436
|
-
border-bottom: 1px solid ${
|
|
1447
|
+
border-bottom: 1px solid ${Ao};
|
|
1437
1448
|
}
|
|
1438
|
-
`;var
|
|
1449
|
+
`;var _o=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Zo extends wt{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return X`
|
|
1439
1450
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1440
1451
|
<div class="ft-accordion-item--toggle"
|
|
1441
1452
|
part="toggle"
|
|
@@ -1465,7 +1476,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1465
1476
|
</div>
|
|
1466
1477
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1467
1478
|
</div>
|
|
1468
|
-
`}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)}}
|
|
1479
|
+
`}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)}}Zo.elementDefinitions={"ft-ripple":gi,"ft-typography":ei,"ft-icon":Di},Zo.styles=To,_o([o({type:String})],Zo.prototype,"icon",void 0),_o([o({type:String})],Zo.prototype,"label",void 0),_o([o({type:Boolean,reflect:!0})],Zo.prototype,"active",void 0),p("ft-accordion")(jo),p("ft-accordion-item")(Zo);const Ho=xt.extend("--ft-chip-color",mt.colorOnSurface),Ko={backgroundColor:xt.extend("--ft-chip-background-color",mt.colorSurface),color:Ho,fontSize:xt.extend("--ft-chip-font-size",ze.fontSize),iconSize:xt.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:xt.extend("--ft-chip-ripple-color",Ho),horizontalPadding:xt.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:xt.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:xt.external(mt.colorOutline,"Design system"),opacityDisabled:xt.external(mt.colorOpacityDisabled,"Design system")},Wo=xt.extend("--ft-chip-highlighted-color",xt.extend("--ft-chip-color",mt.colorOnPrimary)),Vo={backgroundColor:xt.extend("--ft-chip-highlighted-background-color",xt.extend("--ft-chip-background-color",mt.colorPrimary)),color:Wo,rippleColor:xt.extend("--ft-chip-highlighted-ripple-color",Wo)},qo=xt.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Jo=xt.create("--ft-chip-dense-vertical-padding","SIZE","4px"),Xo=[kt,y`
|
|
1469
1480
|
:host {
|
|
1470
1481
|
display: inline-block;
|
|
1471
1482
|
max-width: 100%;
|
|
@@ -1482,20 +1493,20 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1482
1493
|
box-sizing: border-box;
|
|
1483
1494
|
pointer-events: auto;
|
|
1484
1495
|
|
|
1485
|
-
--ft-chip-internal-font-size: ${
|
|
1496
|
+
--ft-chip-internal-font-size: ${Ko.fontSize};
|
|
1486
1497
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1487
|
-
${yt(Ni.size,
|
|
1488
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1489
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1498
|
+
${yt(Ni.size,Ko.iconSize)};
|
|
1499
|
+
--ft-chip-internal-vertical-padding: ${Ko.verticalPadding};
|
|
1500
|
+
--ft-chip-internal-horizontal-padding: ${Ko.horizontalPadding};
|
|
1490
1501
|
--ft-chip-internal-icon-padding: 3px;
|
|
1491
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1502
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Ko.iconSize});
|
|
1492
1503
|
|
|
1493
|
-
border: 1px solid ${
|
|
1494
|
-
color: ${
|
|
1495
|
-
${yt(ai.color,
|
|
1504
|
+
border: 1px solid ${Ko.colorOutline};
|
|
1505
|
+
color: ${Ko.color};
|
|
1506
|
+
${yt(ai.color,Ko.rippleColor)};
|
|
1496
1507
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1497
1508
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1498
|
-
background-color: ${
|
|
1509
|
+
background-color: ${Ko.backgroundColor};
|
|
1499
1510
|
line-height: var(--ft-chip-internal-content-height);
|
|
1500
1511
|
}
|
|
1501
1512
|
|
|
@@ -1505,8 +1516,8 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1505
1516
|
|
|
1506
1517
|
.ft-chip--dense {
|
|
1507
1518
|
--ft-chip-internal-icon-padding: 3px;
|
|
1508
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1509
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1519
|
+
--ft-chip-internal-vertical-padding: ${Jo};
|
|
1520
|
+
--ft-chip-internal-horizontal-padding: ${qo};
|
|
1510
1521
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1511
1522
|
}
|
|
1512
1523
|
|
|
@@ -1518,15 +1529,15 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1518
1529
|
cursor: default;
|
|
1519
1530
|
pointer-events: none;
|
|
1520
1531
|
filter: grayscale(1);
|
|
1521
|
-
opacity: ${
|
|
1532
|
+
opacity: ${Ko.opacityDisabled};
|
|
1522
1533
|
}
|
|
1523
1534
|
|
|
1524
1535
|
.ft-chip--highlighted {
|
|
1525
1536
|
border: none;
|
|
1526
1537
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1527
|
-
background-color: ${
|
|
1528
|
-
${yt(ai.color,
|
|
1529
|
-
color: ${
|
|
1538
|
+
background-color: ${Vo.backgroundColor};
|
|
1539
|
+
${yt(ai.color,Vo.rippleColor)};
|
|
1540
|
+
color: ${Vo.color};
|
|
1530
1541
|
}
|
|
1531
1542
|
|
|
1532
1543
|
.ft-chip--clickable {
|
|
@@ -1595,7 +1606,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1595
1606
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-container {
|
|
1596
1607
|
order: -1;
|
|
1597
1608
|
}
|
|
1598
|
-
`];var
|
|
1609
|
+
`];var Yo=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class Qo extends CustomEvent{constructor(){super("icon-click")}}class Go extends wt{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.icon=void 0,this.trailingIcon=!1}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":Mt};return X`
|
|
1599
1610
|
<div class="${ni(t)}"
|
|
1600
1611
|
aria-label="${this.getLabel()}"
|
|
1601
1612
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
@@ -1614,25 +1625,25 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1614
1625
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1615
1626
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1616
1627
|
</div>
|
|
1617
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1628
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Qo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Qo))}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)}}Go.elementDefinitions={"ft-ripple":gi,"ft-typography":ei,"ft-icon":Di},Go.styles=Xo,Yo([o({type:Boolean})],Go.prototype,"highlighted",void 0),Yo([o({type:Boolean})],Go.prototype,"removable",void 0),Yo([o({type:Boolean})],Go.prototype,"disabled",void 0),Yo([o({type:Boolean})],Go.prototype,"clickable",void 0),Yo([o({type:Boolean})],Go.prototype,"iconClickable",void 0),Yo([o({type:Boolean})],Go.prototype,"dense",void 0),Yo([o({type:Boolean})],Go.prototype,"multiLine",void 0),Yo([o({type:String})],Go.prototype,"label",void 0),Yo([o({type:String})],Go.prototype,"icon",void 0),Yo([o({type:Boolean})],Go.prototype,"trailingIcon",void 0),Yo([n("ft-typography slot")],Go.prototype,"slottedContent",void 0),p("ft-chip")(Go);const ts={fontSize:xt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:xt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:xt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:xt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:xt.create("--ft-input-label-max-width","SIZE","100%"),borderColor:xt.extend("--ft-input-label-border-color",mt.colorOutline),textColor:xt.extend("--ft-input-label-text-color",mt.colorOnSurfaceMedium),disabledTextColor:xt.extend("--ft-input-label-disabled-text-color",mt.colorOnSurfaceDisabled),colorSurface:xt.external(mt.colorSurface,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),colorError:xt.external(mt.colorError,"Design system")},es=y`
|
|
1618
1629
|
.ft-input-label {
|
|
1619
1630
|
position: absolute;
|
|
1620
1631
|
inset: 0;
|
|
1621
1632
|
display: flex;
|
|
1622
|
-
background-color: ${
|
|
1623
|
-
border-radius: ${
|
|
1633
|
+
background-color: ${ts.colorSurface};
|
|
1634
|
+
border-radius: ${ts.borderRadiusS} ${ts.borderRadiusS} 0 0;
|
|
1624
1635
|
}
|
|
1625
1636
|
|
|
1626
1637
|
.ft-input-label--outlined {
|
|
1627
|
-
border-radius: ${
|
|
1638
|
+
border-radius: ${ts.borderRadiusS};
|
|
1628
1639
|
}
|
|
1629
1640
|
|
|
1630
1641
|
.ft-input-label {
|
|
1631
|
-
border-color: ${
|
|
1642
|
+
border-color: ${ts.borderColor};
|
|
1632
1643
|
}
|
|
1633
1644
|
|
|
1634
1645
|
.ft-input-label.ft-input-label--in-error {
|
|
1635
|
-
border-color: ${
|
|
1646
|
+
border-color: ${ts.colorError}
|
|
1636
1647
|
}
|
|
1637
1648
|
|
|
1638
1649
|
.ft-input-label:before,
|
|
@@ -1645,7 +1656,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1645
1656
|
}
|
|
1646
1657
|
|
|
1647
1658
|
.ft-input-label:before {
|
|
1648
|
-
width: calc(${
|
|
1659
|
+
width: calc(${ts.horizontalSpacing} - 4px);
|
|
1649
1660
|
flex-shrink: 0;
|
|
1650
1661
|
}
|
|
1651
1662
|
|
|
@@ -1661,20 +1672,20 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1661
1672
|
border-bottom-width: 1px;
|
|
1662
1673
|
border-bottom-style: solid;
|
|
1663
1674
|
border-color: inherit;
|
|
1664
|
-
color: ${
|
|
1675
|
+
color: ${ts.textColor};
|
|
1665
1676
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1666
|
-
max-width: calc(${
|
|
1677
|
+
max-width: calc(${ts.labelMaxWidth} - 2 * (${ts.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
1667
1678
|
text-overflow: ellipsis;
|
|
1668
|
-
${yt(Be.fontSize,
|
|
1669
|
-
${yt(Be.lineHeight,
|
|
1679
|
+
${yt(Be.fontSize,ts.fontSize)};
|
|
1680
|
+
${yt(Be.lineHeight,ts.fontSize)};
|
|
1670
1681
|
}
|
|
1671
1682
|
|
|
1672
1683
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1673
|
-
color: ${
|
|
1684
|
+
color: ${ts.colorError}
|
|
1674
1685
|
}
|
|
1675
1686
|
|
|
1676
1687
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1677
|
-
color: ${
|
|
1688
|
+
color: ${ts.disabledTextColor};
|
|
1678
1689
|
}
|
|
1679
1690
|
|
|
1680
1691
|
.ft-input-label--hidden-text {
|
|
@@ -1691,19 +1702,19 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1691
1702
|
overflow: hidden;
|
|
1692
1703
|
white-space: nowrap;
|
|
1693
1704
|
text-overflow: ellipsis;
|
|
1694
|
-
padding: ${
|
|
1695
|
-
margin: calc(${
|
|
1705
|
+
padding: ${ts.verticalSpacing} 4px;
|
|
1706
|
+
margin: calc(${ts.verticalSpacing} * -1) 0;
|
|
1696
1707
|
max-width: 100%;
|
|
1697
1708
|
box-sizing: border-box;
|
|
1698
1709
|
}
|
|
1699
1710
|
|
|
1700
1711
|
.ft-input-label--raised .ft-input-label--text {
|
|
1701
|
-
${yt(Be.fontSize,
|
|
1702
|
-
${yt(Be.lineHeight,
|
|
1712
|
+
${yt(Be.fontSize,ts.raisedFontSize)};
|
|
1713
|
+
${yt(Be.lineHeight,ts.raisedFontSize)};
|
|
1703
1714
|
}
|
|
1704
1715
|
|
|
1705
1716
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1706
|
-
top: ${
|
|
1717
|
+
top: ${ts.verticalSpacing};
|
|
1707
1718
|
}
|
|
1708
1719
|
|
|
1709
1720
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1716,27 +1727,27 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1716
1727
|
.ft-input-label--outlined:before {
|
|
1717
1728
|
border-left-width: 1px;
|
|
1718
1729
|
border-left-style: solid;
|
|
1719
|
-
border-radius: ${
|
|
1730
|
+
border-radius: ${ts.borderRadiusS} 0 0 ${ts.borderRadiusS};
|
|
1720
1731
|
}
|
|
1721
1732
|
|
|
1722
1733
|
.ft-input-label--outlined:after {
|
|
1723
1734
|
border-right-width: 1px;
|
|
1724
1735
|
border-right-style: solid;
|
|
1725
|
-
border-radius: 0 ${
|
|
1736
|
+
border-radius: 0 ${ts.borderRadiusS} ${ts.borderRadiusS} 0;
|
|
1726
1737
|
}
|
|
1727
1738
|
|
|
1728
1739
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1729
1740
|
padding: 2px 4px;
|
|
1730
|
-
z-index: ${
|
|
1731
|
-
background-color: ${
|
|
1732
|
-
border-radius: ${
|
|
1741
|
+
z-index: ${ts.raisedZIndex};
|
|
1742
|
+
background-color: ${ts.colorSurface};
|
|
1743
|
+
border-radius: ${ts.borderRadiusS};
|
|
1733
1744
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1734
1745
|
}
|
|
1735
1746
|
|
|
1736
1747
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1737
1748
|
border-top: none;
|
|
1738
1749
|
}
|
|
1739
|
-
`;var
|
|
1750
|
+
`;var is=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class os extends wt{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 X`
|
|
1740
1751
|
<div class="${ni(t)}">
|
|
1741
1752
|
${this.text?X`
|
|
1742
1753
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -1745,7 +1756,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1745
1756
|
</div>
|
|
1746
1757
|
`:null}
|
|
1747
1758
|
</div>
|
|
1748
|
-
`}}
|
|
1759
|
+
`}}os.elementDefinitions={},os.styles=[Je,es],is([o({type:String})],os.prototype,"text",void 0),is([o({type:Boolean})],os.prototype,"raised",void 0),is([o({type:Boolean})],os.prototype,"outlined",void 0),is([o({type:Boolean})],os.prototype,"disabled",void 0),is([o({type:Boolean})],os.prototype,"error",void 0),p("ft-input-label")(os);const ss={labelSize:xt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:xt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:xt.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:xt.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:xt.extend("--ft-select-selected-option-color",mt.colorOnSurface),helperColor:xt.extend("--ft-select-helper-color",mt.colorOnSurfaceMedium),optionsColor:xt.extend("--ft-select-options-color",mt.colorOnSurface),optionsZIndex:xt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:xt.external(mt.colorSurface,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),elevation02:xt.external(mt.elevation02,"Design system"),colorError:xt.external(mt.colorError,"Design system")},rs=y`
|
|
1749
1760
|
*:focus {
|
|
1750
1761
|
outline: none;
|
|
1751
1762
|
}
|
|
@@ -1759,7 +1770,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1759
1770
|
.ft-select--main-panel {
|
|
1760
1771
|
position: relative;
|
|
1761
1772
|
display: flex;
|
|
1762
|
-
height: calc(4 * ${
|
|
1773
|
+
height: calc(4 * ${ss.verticalSpacing} + ${ss.labelSize} + ${ss.selectedOptionSize});
|
|
1763
1774
|
}
|
|
1764
1775
|
|
|
1765
1776
|
.ft-select--input-panel {
|
|
@@ -1768,11 +1779,11 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1768
1779
|
display: flex;
|
|
1769
1780
|
align-items: center;
|
|
1770
1781
|
overflow: hidden;
|
|
1771
|
-
padding-left: ${
|
|
1772
|
-
padding-right: ${
|
|
1782
|
+
padding-left: ${ss.horizontalSpacing};
|
|
1783
|
+
padding-right: ${ss.horizontalSpacing};
|
|
1773
1784
|
gap: 8px;
|
|
1774
|
-
color: ${
|
|
1775
|
-
${yt(ai.color,
|
|
1785
|
+
color: ${ss.selectedOptionColor};
|
|
1786
|
+
${yt(ai.color,ss.selectedOptionColor)};
|
|
1776
1787
|
}
|
|
1777
1788
|
|
|
1778
1789
|
.ft-select--input-panel,
|
|
@@ -1788,7 +1799,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1788
1799
|
|
|
1789
1800
|
.ft-select--disabled .ft-select--input-panel,
|
|
1790
1801
|
.ft-select--disabled .ft-select--option {
|
|
1791
|
-
color: ${
|
|
1802
|
+
color: ${ss.colorOnSurfaceDisabled};
|
|
1792
1803
|
}
|
|
1793
1804
|
|
|
1794
1805
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1797,20 +1808,20 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1797
1808
|
}
|
|
1798
1809
|
|
|
1799
1810
|
ft-input-label {
|
|
1800
|
-
${yt(
|
|
1801
|
-
${yt(
|
|
1802
|
-
${yt(
|
|
1803
|
-
${yt(
|
|
1804
|
-
${yt(
|
|
1811
|
+
${yt(ts.fontSize,ss.selectedOptionSize)};
|
|
1812
|
+
${yt(ts.raisedFontSize,ss.labelSize)};
|
|
1813
|
+
${yt(ts.verticalSpacing,ss.verticalSpacing)};
|
|
1814
|
+
${yt(ts.horizontalSpacing,ss.horizontalSpacing)};
|
|
1815
|
+
${yt(ts.labelMaxWidth,`calc(100% - ${Ni.size} - 8px)`)};
|
|
1805
1816
|
}
|
|
1806
1817
|
|
|
1807
1818
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1808
|
-
color: ${
|
|
1819
|
+
color: ${ss.colorPrimary};
|
|
1809
1820
|
}
|
|
1810
1821
|
|
|
1811
1822
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1812
|
-
${yt(
|
|
1813
|
-
${yt(
|
|
1823
|
+
${yt(ts.borderColor,ss.colorPrimary)};
|
|
1824
|
+
${yt(ts.textColor,ss.colorPrimary)};
|
|
1814
1825
|
}
|
|
1815
1826
|
|
|
1816
1827
|
.ft-select--selected-option {
|
|
@@ -1820,12 +1831,12 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1820
1831
|
overflow: hidden;
|
|
1821
1832
|
white-space: nowrap;
|
|
1822
1833
|
text-overflow: ellipsis;
|
|
1823
|
-
${yt(Ee.fontSize,
|
|
1824
|
-
${yt(Ee.lineHeight,
|
|
1834
|
+
${yt(Ee.fontSize,ss.selectedOptionSize)};
|
|
1835
|
+
${yt(Ee.lineHeight,ss.selectedOptionSize)};
|
|
1825
1836
|
}
|
|
1826
1837
|
|
|
1827
1838
|
.ft-select--in-error .ft-select--selected-option {
|
|
1828
|
-
color: ${
|
|
1839
|
+
color: ${ss.colorError};
|
|
1829
1840
|
}
|
|
1830
1841
|
|
|
1831
1842
|
ft-icon {
|
|
@@ -1837,16 +1848,16 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1837
1848
|
}
|
|
1838
1849
|
|
|
1839
1850
|
.ft-select--filled .ft-select--input-panel {
|
|
1840
|
-
border-radius: ${
|
|
1851
|
+
border-radius: ${ss.borderRadiusS} ${ss.borderRadiusS} 0 0;
|
|
1841
1852
|
}
|
|
1842
1853
|
|
|
1843
1854
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1844
1855
|
align-self: stretch;
|
|
1845
|
-
padding-top: calc(${
|
|
1856
|
+
padding-top: calc(${ss.labelSize} + 2 * ${ss.verticalSpacing});
|
|
1846
1857
|
}
|
|
1847
1858
|
|
|
1848
1859
|
.ft-select--outlined .ft-select--input-panel {
|
|
1849
|
-
border-radius: ${
|
|
1860
|
+
border-radius: ${ss.borderRadiusS};
|
|
1850
1861
|
}
|
|
1851
1862
|
|
|
1852
1863
|
.ft-select--options {
|
|
@@ -1855,10 +1866,10 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1855
1866
|
top: 100%;
|
|
1856
1867
|
left: 0;
|
|
1857
1868
|
right: 0;
|
|
1858
|
-
color: ${
|
|
1859
|
-
background: ${
|
|
1860
|
-
z-index: ${
|
|
1861
|
-
box-shadow: ${
|
|
1869
|
+
color: ${ss.optionsColor};
|
|
1870
|
+
background: ${ss.colorSurface};
|
|
1871
|
+
z-index: ${ss.optionsZIndex};
|
|
1872
|
+
box-shadow: ${ss.elevation02};
|
|
1862
1873
|
}
|
|
1863
1874
|
|
|
1864
1875
|
.ft-select--fixed .ft-select--options {
|
|
@@ -1869,13 +1880,13 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1869
1880
|
|
|
1870
1881
|
.ft-select--options-displayed .ft-select--options {
|
|
1871
1882
|
display: block;
|
|
1872
|
-
max-height: ${
|
|
1883
|
+
max-height: ${ss.optionsHeight};
|
|
1873
1884
|
overflow-y: auto;
|
|
1874
1885
|
}
|
|
1875
1886
|
|
|
1876
1887
|
.ft-select--option {
|
|
1877
1888
|
position: relative;
|
|
1878
|
-
padding: 4px ${
|
|
1889
|
+
padding: 4px ${ss.horizontalSpacing};
|
|
1879
1890
|
min-height: 32px;
|
|
1880
1891
|
display: flex;
|
|
1881
1892
|
align-items: center;
|
|
@@ -1887,14 +1898,14 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1887
1898
|
}
|
|
1888
1899
|
|
|
1889
1900
|
.ft-select--helper-text {
|
|
1890
|
-
padding: 0 ${
|
|
1891
|
-
color: ${
|
|
1901
|
+
padding: 0 ${ss.horizontalSpacing};
|
|
1902
|
+
color: ${ss.helperColor};
|
|
1892
1903
|
}
|
|
1893
1904
|
|
|
1894
1905
|
.ft-select--in-error .ft-select--helper-text {
|
|
1895
|
-
color: ${
|
|
1906
|
+
color: ${ss.colorError};
|
|
1896
1907
|
}
|
|
1897
|
-
`;var
|
|
1908
|
+
`;var ns=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};class ls extends wt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return X``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}ls.elementDefinitions={},ns([o({type:String})],ls.prototype,"label",void 0),ns([o({type:Object,converter:t=>t})],ls.prototype,"value",void 0),ns([o({type:Boolean,reflect:!0})],ls.prototype,"selected",void 0);class as extends wt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,i,o,s;let r=this.hasOptionsMenuOpen,n=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":n,"ft-select--options-displayed":r,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return X`
|
|
1898
1909
|
<div class="${ni(a)}" part="container">
|
|
1899
1910
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1900
1911
|
<ft-input-label text="${this.label}"
|
|
@@ -1942,34 +1953,34 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1942
1953
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1943
1954
|
<span>${t.label}</span>
|
|
1944
1955
|
</div>
|
|
1945
|
-
`}updated(t){super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,r;let n;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(),n=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(),n=null!==(r=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==r?r:this.firstOption}null==n||n.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){var e,i;if(!h(null===(e=this.selectedOption)||void 0===e?void 0:e.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(i=this.selectedOption)||void 0===i?void 0:i.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}
|
|
1956
|
+
`}updated(t){super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,r;let n;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(),n=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(),n=null!==(r=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==r?r:this.firstOption}null==n||n.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){var e,i;if(!h(null===(e=this.selectedOption)||void 0===e?void 0:e.value,t.value)){this.selectedOption=t;for(let e of this.options)e.selected=e===t;this.dispatchEvent(new CustomEvent("change",{detail:null===(i=this.selectedOption)||void 0===i?void 0:i.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}as.elementDefinitions={"ft-input-label":os,"ft-typography":ei,"ft-ripple":gi,"ft-icon":Di},as.styles=[qe,Je,rs],ns([o({type:String})],as.prototype,"label",void 0),ns([o({type:String})],as.prototype,"helper",void 0),ns([o({type:Boolean})],as.prototype,"outlined",void 0),ns([o({type:Boolean})],as.prototype,"disabled",void 0),ns([o({type:Boolean})],as.prototype,"error",void 0),ns([o({type:Boolean})],as.prototype,"fixedMenuPosition",void 0),ns([o({type:Array})],as.prototype,"options",void 0),ns([s()],as.prototype,"selectedOption",void 0),ns([s()],as.prototype,"optionsDisplayed",void 0),ns([s()],as.prototype,"focusOptions",void 0),ns([n(".ft-select")],as.prototype,"container",void 0),ns([n(".ft-select--options")],as.prototype,"optionsMenu",void 0),ns([n(".ft-select--input-panel")],as.prototype,"mainPanel",void 0),ns([n(".ft-select--option:first-child")],as.prototype,"firstOption",void 0),ns([n(".ft-select--option:focus")],as.prototype,"focusedOption",void 0),ns([n(".ft-select--option.ft-select--option-selected")],as.prototype,"selectedOptionElement",void 0),ns([n(".ft-select--option:last-child")],as.prototype,"lastOption",void 0),ns([n("slot")],as.prototype,"optionsSlot",void 0),p("ft-select")(as),p("ft-select-option")(ls);const cs={display:xt.create("--ft-skeleton--display","DISPLAY","block"),width:xt.create("--ft-skeleton--width","SIZE","100%"),height:xt.create("--ft-skeleton--height","SIZE","20px"),backgroundColor:xt.create("--ft-skeleton--background-color","COLOR","#f1f1f1"),glareWidth:xt.create("--ft-skeleton--glare-width","SIZE","200px"),glareColor:xt.create("--ft-skeleton--glare-color","COLOR","rgba(255, 255, 255, .6)"),animationDuration:xt.create("--ft-skeleton--animation-duration","UNKNOWN","2s"),borderRadiusM:xt.external(mt.borderRadiusM,"Design system")},hs=y`
|
|
1946
1957
|
:host {
|
|
1947
|
-
width: ${
|
|
1948
|
-
height: ${
|
|
1949
|
-
display: ${
|
|
1958
|
+
width: ${cs.width};
|
|
1959
|
+
height: ${cs.height};
|
|
1960
|
+
display: ${cs.display};
|
|
1950
1961
|
overflow: hidden;
|
|
1951
|
-
border-radius: ${
|
|
1962
|
+
border-radius: ${cs.borderRadiusM};
|
|
1952
1963
|
background: linear-gradient(
|
|
1953
1964
|
90deg,
|
|
1954
1965
|
transparent,
|
|
1955
|
-
${
|
|
1956
|
-
${
|
|
1957
|
-
transparent ${
|
|
1958
|
-
), ${
|
|
1966
|
+
${cs.glareColor} calc(0.45 * ${cs.glareWidth}),
|
|
1967
|
+
${cs.glareColor} calc(0.55 * ${cs.glareWidth}),
|
|
1968
|
+
transparent ${cs.glareWidth}
|
|
1969
|
+
), ${cs.backgroundColor};
|
|
1959
1970
|
background-repeat: repeat-y;
|
|
1960
1971
|
background-size: 100vw 100vh;
|
|
1961
1972
|
background-attachment: fixed;
|
|
1962
|
-
background-position: calc(${
|
|
1963
|
-
animation: shine ${
|
|
1973
|
+
background-position: calc(${cs.glareWidth} * -1) 0;
|
|
1974
|
+
animation: shine ${cs.animationDuration} infinite;
|
|
1964
1975
|
animation-timing-function: linear;
|
|
1965
1976
|
}
|
|
1966
1977
|
|
|
1967
1978
|
@keyframes shine {
|
|
1968
1979
|
to {
|
|
1969
|
-
background-position: calc(100vw + ${
|
|
1980
|
+
background-position: calc(100vw + ${cs.glareWidth}) 0, calc(${cs.glareWidth} * -1) 0;
|
|
1970
1981
|
}
|
|
1971
1982
|
}
|
|
1972
|
-
`,
|
|
1983
|
+
`,ps={height:xt.create("--ft-search-bar-height","SIZE","38px"),borderRadius:xt.extend("--ft-search-bar-border-radius",mt.borderRadiusS),mobileOpenPosition:xt.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:xt.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:xt.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:xt.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:xt.create("--ft-search-bar-mobile-open-right","SIZE","0"),desktopFiltersHeight:xt.create("--ft-search-bar-desktop-filters-height","SIZE","350px"),floatingZIndex:xt.create("--ft-search-bar-floating-components-z-index","NUMBER","3"),colorSurface:xt.external(mt.colorSurface,"Design system"),colorOnSurface:xt.external(mt.colorOnSurface,"Design system"),colorOnSurfaceMedium:xt.external(mt.colorOnSurfaceMedium,"Design system"),colorOutline:xt.external(mt.colorOutline,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),elevation02:xt.external(mt.elevation02,"Design system"),buttonColor:xt.external(ji.color,"Button"),buttonRippleColor:xt.external(ji.rippleColor,"Button")},ds=y`
|
|
1973
1984
|
* {
|
|
1974
1985
|
box-sizing: border-box;
|
|
1975
1986
|
}
|
|
@@ -1978,7 +1989,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1978
1989
|
display: flex;
|
|
1979
1990
|
flex-direction: column;
|
|
1980
1991
|
gap: 8px;
|
|
1981
|
-
color: ${
|
|
1992
|
+
color: ${ps.colorOnSurface};
|
|
1982
1993
|
outline: none;
|
|
1983
1994
|
}
|
|
1984
1995
|
|
|
@@ -1987,21 +1998,21 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
1987
1998
|
}
|
|
1988
1999
|
|
|
1989
2000
|
.ft-search-bar--mobile-menu-open {
|
|
1990
|
-
position: ${
|
|
1991
|
-
top: ${
|
|
1992
|
-
bottom: ${
|
|
1993
|
-
left: ${
|
|
1994
|
-
right: ${
|
|
1995
|
-
z-index: ${
|
|
2001
|
+
position: ${ps.mobileOpenPosition};
|
|
2002
|
+
top: ${ps.mobileOpenTop};
|
|
2003
|
+
bottom: ${ps.mobileOpenBottom};
|
|
2004
|
+
left: ${ps.mobileOpenLeft};
|
|
2005
|
+
right: ${ps.mobileOpenRight};
|
|
2006
|
+
z-index: ${ps.floatingZIndex};
|
|
1996
2007
|
padding: 16px;
|
|
1997
2008
|
}
|
|
1998
2009
|
|
|
1999
2010
|
.ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
|
|
2000
|
-
background: ${
|
|
2011
|
+
background: ${ps.colorSurface};
|
|
2001
2012
|
}
|
|
2002
2013
|
|
|
2003
2014
|
.ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
|
|
2004
|
-
position: ${
|
|
2015
|
+
position: ${ps.mobileOpenPosition.get("static")};
|
|
2005
2016
|
}
|
|
2006
2017
|
|
|
2007
2018
|
.ft-search-bar {
|
|
@@ -2009,20 +2020,20 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2009
2020
|
display: flex;
|
|
2010
2021
|
flex-direction: row;
|
|
2011
2022
|
align-items: center;
|
|
2012
|
-
height: ${
|
|
2023
|
+
height: ${ps.height};
|
|
2013
2024
|
|
|
2014
|
-
background: ${
|
|
2015
|
-
border: 1px solid ${
|
|
2016
|
-
border-radius: ${
|
|
2025
|
+
background: ${ps.colorSurface};
|
|
2026
|
+
border: 1px solid ${ps.colorOutline};
|
|
2027
|
+
border-radius: ${ps.borderRadius};
|
|
2017
2028
|
}
|
|
2018
2029
|
|
|
2019
2030
|
.ft-search-bar--skeleton {
|
|
2020
|
-
${yt(
|
|
2021
|
-
${yt(
|
|
2031
|
+
${yt(cs.height,ps.height)};
|
|
2032
|
+
${yt(cs.borderRadiusM,ps.borderRadius)};
|
|
2022
2033
|
}
|
|
2023
2034
|
|
|
2024
2035
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
2025
|
-
border-radius: ${
|
|
2036
|
+
border-radius: ${ps.borderRadius} ${ps.borderRadius} 0 0;
|
|
2026
2037
|
}
|
|
2027
2038
|
|
|
2028
2039
|
.ft-search-bar--input-container {
|
|
@@ -2040,7 +2051,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2040
2051
|
align-self: stretch;
|
|
2041
2052
|
display: grid;
|
|
2042
2053
|
padding: 0 8px;
|
|
2043
|
-
border-radius: ${
|
|
2054
|
+
border-radius: ${ps.borderRadius};
|
|
2044
2055
|
}
|
|
2045
2056
|
|
|
2046
2057
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -2049,7 +2060,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2049
2060
|
}
|
|
2050
2061
|
|
|
2051
2062
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
2052
|
-
outline: 2px solid ${
|
|
2063
|
+
outline: 2px solid ${ps.colorPrimary};
|
|
2053
2064
|
}
|
|
2054
2065
|
|
|
2055
2066
|
.ft-search-bar--input {
|
|
@@ -2057,12 +2068,12 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2057
2068
|
flex-grow: 1;
|
|
2058
2069
|
border: none;
|
|
2059
2070
|
background-color: transparent;
|
|
2060
|
-
color: ${
|
|
2071
|
+
color: ${ps.colorOnSurface};
|
|
2061
2072
|
outline: none;
|
|
2062
2073
|
}
|
|
2063
2074
|
|
|
2064
2075
|
.ft-search-bar--input::placeholder {
|
|
2065
|
-
color: ${
|
|
2076
|
+
color: ${ps.colorOnSurfaceMedium};
|
|
2066
2077
|
}
|
|
2067
2078
|
|
|
2068
2079
|
.ft-search-bar--actions {
|
|
@@ -2072,18 +2083,18 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2072
2083
|
align-items: center;
|
|
2073
2084
|
height: 100%;
|
|
2074
2085
|
|
|
2075
|
-
${yt(xi.zIndex,`calc(${
|
|
2086
|
+
${yt(xi.zIndex,`calc(${ps.floatingZIndex} + 1)`)};
|
|
2076
2087
|
}
|
|
2077
2088
|
|
|
2078
2089
|
.ft-search-bar > ft-button,
|
|
2079
2090
|
.ft-search-bar--actions ft-button {
|
|
2080
2091
|
flex-shrink: 0;
|
|
2081
|
-
${yt(
|
|
2092
|
+
${yt(ji.backgroundColor,"transparent")};
|
|
2082
2093
|
}
|
|
2083
2094
|
|
|
2084
2095
|
.ft-search-bar--left-action {
|
|
2085
|
-
${yt(
|
|
2086
|
-
border-right: 1px solid ${
|
|
2096
|
+
${yt(ji.borderRadius,`calc(${ps.borderRadius} - 1px) 0 0 calc(${ps.borderRadius} - 1px)`)};
|
|
2097
|
+
border-right: 1px solid ${ps.colorOutline};
|
|
2087
2098
|
height: 100%;
|
|
2088
2099
|
}
|
|
2089
2100
|
|
|
@@ -2092,7 +2103,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2092
2103
|
}
|
|
2093
2104
|
|
|
2094
2105
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2095
|
-
${yt(
|
|
2106
|
+
${yt(ji.borderRadius,`calc(${ps.borderRadius} - 1px) 0 0 0`)};
|
|
2096
2107
|
}
|
|
2097
2108
|
|
|
2098
2109
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2102,13 +2113,13 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2102
2113
|
|
|
2103
2114
|
.ft-search-bar--separator {
|
|
2104
2115
|
height: 20px;
|
|
2105
|
-
border-right: 1px solid ${
|
|
2116
|
+
border-right: 1px solid ${ps.colorOutline};
|
|
2106
2117
|
}
|
|
2107
2118
|
|
|
2108
2119
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2109
|
-
${yt(
|
|
2110
|
-
${yt(
|
|
2111
|
-
${yt(
|
|
2120
|
+
${yt(ts.borderColor,"transparent")};
|
|
2121
|
+
${yt(ts.borderRadiusS,`calc(${ps.borderRadius} - 1px)`)};
|
|
2122
|
+
${yt(ss.selectedOptionColor,ps.buttonColor)};
|
|
2112
2123
|
}
|
|
2113
2124
|
|
|
2114
2125
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2125,17 +2136,17 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2125
2136
|
}
|
|
2126
2137
|
|
|
2127
2138
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2128
|
-
border-radius: calc(${
|
|
2139
|
+
border-radius: calc(${ps.borderRadius} - 1px) 0 0 calc(${ps.borderRadius} - 1px);
|
|
2129
2140
|
}
|
|
2130
2141
|
|
|
2131
|
-
`,
|
|
2142
|
+
`,fs=y`
|
|
2132
2143
|
.ft-search-bar--presets {
|
|
2133
2144
|
min-width: 200px;
|
|
2134
2145
|
}
|
|
2135
2146
|
|
|
2136
2147
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2137
2148
|
margin-right: auto;
|
|
2138
|
-
${yt(
|
|
2149
|
+
${yt(ss.optionsZIndex,"2")};
|
|
2139
2150
|
}
|
|
2140
2151
|
|
|
2141
2152
|
.ft-search-bar--desktop-menu {
|
|
@@ -2188,8 +2199,8 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2188
2199
|
|
|
2189
2200
|
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2190
2201
|
display: block;
|
|
2191
|
-
height: ${
|
|
2192
|
-
${yt(
|
|
2202
|
+
height: ${ps.desktopFiltersHeight};
|
|
2203
|
+
${yt(go.gap,"16px")};
|
|
2193
2204
|
}
|
|
2194
2205
|
|
|
2195
2206
|
.ft-search-bar--desktop-menu ft-filter {
|
|
@@ -2204,15 +2215,15 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2204
2215
|
}
|
|
2205
2216
|
|
|
2206
2217
|
.ft-search-bar--desktop-menu [data-filters-count="2"] ft-filter {
|
|
2207
|
-
max-width: calc(50% - ${
|
|
2218
|
+
max-width: calc(50% - ${go.gap} / 2);
|
|
2208
2219
|
}
|
|
2209
2220
|
|
|
2210
2221
|
.ft-search-bar--desktop-menu [data-filters-count="3"] ft-filter {
|
|
2211
|
-
max-width: max(250px, calc(33% - 2 * ${
|
|
2222
|
+
max-width: max(250px, calc(33% - 2 * ${go.gap} / 3));
|
|
2212
2223
|
}
|
|
2213
2224
|
|
|
2214
2225
|
.ft-search-bar--desktop-menu [data-filters-count="4"] ft-filter {
|
|
2215
|
-
max-width: max(250px, calc(25% - 3 * ${
|
|
2226
|
+
max-width: max(250px, calc(25% - 3 * ${go.gap} / 4));
|
|
2216
2227
|
}
|
|
2217
2228
|
|
|
2218
2229
|
.ft-search-bar--hierarchical-filter {
|
|
@@ -2269,7 +2280,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2269
2280
|
.ft-search-bar--filter-label-values {
|
|
2270
2281
|
flex-grow: 0;
|
|
2271
2282
|
flex-shrink: 1;
|
|
2272
|
-
color: ${
|
|
2283
|
+
color: ${ps.colorOnSurfaceMedium};
|
|
2273
2284
|
}
|
|
2274
2285
|
|
|
2275
2286
|
ft-accordion-item::part(toggle) {
|
|
@@ -2289,8 +2300,8 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2289
2300
|
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2290
2301
|
margin: 0;
|
|
2291
2302
|
}
|
|
2292
|
-
`;class
|
|
2293
|
-
`}}
|
|
2303
|
+
`;class us extends wt{render(){return X`
|
|
2304
|
+
`}}us.elementDefinitions={},us.styles=hs,p("ft-skeleton")(us);class bs{constructor(t,i=300){this.searchBar=t,this.updateDebouncer=new e(i)}render(){const t=this.searchBar.recentSearches.filter((t=>t.toLowerCase().includes(this.searchBar.query.toLowerCase()))),e=this.searchBar.suggestions.length>0||t.length>0;return X`
|
|
2294
2305
|
<div class="ft-search-bar--suggestions ft-word-wrap ${e?"ft-search-bar--suggestions-not-empty":""}"
|
|
2295
2306
|
part="suggestions-container"
|
|
2296
2307
|
@keydown=${t=>this.onSuggestKeyDown(t)}>
|
|
@@ -2328,7 +2339,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2328
2339
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2329
2340
|
${i}
|
|
2330
2341
|
</ft-icon>
|
|
2331
|
-
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}
|
|
2342
|
+
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;null===(t=this.getFirstSuggestionElement())||void 0===t||t.focus()}}bs.styles=[St,y`
|
|
2332
2343
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2333
2344
|
flex-grow: 1;
|
|
2334
2345
|
flex-shrink: 1;
|
|
@@ -2337,7 +2348,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2337
2348
|
}
|
|
2338
2349
|
|
|
2339
2350
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2340
|
-
border-top: 1px solid ${
|
|
2351
|
+
border-top: 1px solid ${ps.colorOutline};
|
|
2341
2352
|
}
|
|
2342
2353
|
|
|
2343
2354
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2347,15 +2358,15 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2347
2358
|
.ft-search-bar--floating-panel,
|
|
2348
2359
|
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2349
2360
|
position: absolute;
|
|
2350
|
-
z-index: ${
|
|
2361
|
+
z-index: ${ps.floatingZIndex};
|
|
2351
2362
|
top: 100%;
|
|
2352
2363
|
left: -1px;
|
|
2353
2364
|
right: -1px;
|
|
2354
2365
|
display: none;
|
|
2355
|
-
background: ${
|
|
2356
|
-
border: 1px solid ${
|
|
2357
|
-
border-radius: 0 0 ${
|
|
2358
|
-
box-shadow: ${
|
|
2366
|
+
background: ${ps.colorSurface};
|
|
2367
|
+
border: 1px solid ${ps.colorOutline};
|
|
2368
|
+
border-radius: 0 0 ${ps.borderRadius} ${ps.borderRadius};
|
|
2369
|
+
box-shadow: ${ps.elevation02};
|
|
2359
2370
|
outline: none;
|
|
2360
2371
|
}
|
|
2361
2372
|
|
|
@@ -2375,7 +2386,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2375
2386
|
padding: 8px;
|
|
2376
2387
|
gap: 8px;
|
|
2377
2388
|
cursor: pointer;
|
|
2378
|
-
color: ${
|
|
2389
|
+
color: ${ps.colorOnSurface};
|
|
2379
2390
|
min-height: 52px;
|
|
2380
2391
|
}
|
|
2381
2392
|
|
|
@@ -2392,7 +2403,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2392
2403
|
}
|
|
2393
2404
|
|
|
2394
2405
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2395
|
-
border-top: 1px solid ${
|
|
2406
|
+
border-top: 1px solid ${ps.colorOutline};
|
|
2396
2407
|
}
|
|
2397
2408
|
|
|
2398
2409
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2400,7 +2411,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2400
2411
|
flex-grow: 1;
|
|
2401
2412
|
flex-shrink: 1;
|
|
2402
2413
|
}
|
|
2403
|
-
`];class
|
|
2414
|
+
`];class vs{constructor(t){this.searchBar=t}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return X``;const t=this.searchBar.isMobile(),e=!t&&this.searchBar.dense||t&&this.searchBar.isMobileMenuOpen(),i=X`
|
|
2404
2415
|
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?X`
|
|
2405
2416
|
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2406
2417
|
?dense=${this.searchBar.dense&&!t}
|
|
@@ -2450,7 +2461,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2450
2461
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
2451
2462
|
${i}
|
|
2452
2463
|
</div>
|
|
2453
|
-
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}}
|
|
2464
|
+
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var e;return null!==(e=this.searchBar.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}}vs.styles=y`
|
|
2454
2465
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2455
2466
|
flex-shrink: 0;
|
|
2456
2467
|
display: flex;
|
|
@@ -2461,7 +2472,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2461
2472
|
|
|
2462
2473
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2463
2474
|
overflow: hidden;
|
|
2464
|
-
${yt(
|
|
2475
|
+
${yt(go.gap,"4px")};
|
|
2465
2476
|
}
|
|
2466
2477
|
|
|
2467
2478
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2469,8 +2480,8 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2469
2480
|
}
|
|
2470
2481
|
|
|
2471
2482
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2472
|
-
${yt(
|
|
2473
|
-
${yt(
|
|
2483
|
+
${yt(Ko.iconSize,"17px")};
|
|
2484
|
+
${yt(Ko.fontSize,"12px")};
|
|
2474
2485
|
}
|
|
2475
2486
|
|
|
2476
2487
|
.ft-search-bar--selected-filters * {
|
|
@@ -2480,7 +2491,7 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2480
2491
|
.ft-search-bar--selected-filters ft-chip {
|
|
2481
2492
|
flex-grow: 0;
|
|
2482
2493
|
}
|
|
2483
|
-
`;class
|
|
2494
|
+
`;class gs{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new vs(t),this.suggestManager=null!=i?i:new bs(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--mobile":!0,"ft-search-bar--mobile-menu-open":this.searchBar.isMobileMenuOpen(),"ft-search-bar--forced-open":this.searchBar.forceMobileMenuOpen};return X`
|
|
2484
2495
|
<div class="${ni(t)}" part="container" tabindex="-1">
|
|
2485
2496
|
<div class="ft-search-bar">
|
|
2486
2497
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -2529,9 +2540,9 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2529
2540
|
@click=${()=>{var t;return this.searchBar.isMobileMenuOpen()?this.searchBar.launchSearch():null===(t=this.searchBar.input)||void 0===t?void 0:t.focus()}}
|
|
2530
2541
|
></ft-button>
|
|
2531
2542
|
</div>
|
|
2532
|
-
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2543
|
+
`}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}gs.styles=y`
|
|
2533
2544
|
|
|
2534
|
-
`;class
|
|
2545
|
+
`;class xs{constructor(t,e,i){this.searchBar=t,this.selectedFacetsManager=null!=e?e:new vs(t),this.suggestManager=null!=i?i:new bs(t)}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":this.searchBar.dense,"ft-search-bar--desktop":!0,"ft-search-bar--floating-panel-open":this.searchBar.displayFacets&&!this.searchBar.forceMenuOpen,"ft-search-bar--forced-open":this.searchBar.forceMenuOpen};return X`
|
|
2535
2546
|
<div class="${ni(t)}" part="container" tabindex="-1">
|
|
2536
2547
|
<div class="ft-search-bar" part="search-bar">
|
|
2537
2548
|
${this.renderSearchBarLeftAction()}
|
|
@@ -2598,9 +2609,9 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2598
2609
|
@click=${()=>this.searchBar.launchSearch()}
|
|
2599
2610
|
></ft-button>
|
|
2600
2611
|
</div>
|
|
2601
|
-
`}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}
|
|
2612
|
+
`}onSearchBarKeyDown(t){var e;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,null===(e=this.searchBar.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion()}}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.searchBar.query=e.value,"Enter"===t.key&&this.searchBar.launchSearch()}}xs.styles=y`
|
|
2602
2613
|
|
|
2603
|
-
`;var
|
|
2614
|
+
`;var ys=function(t,e,i,o){for(var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};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 ms={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"};class $s extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class ws extends CustomEvent{constructor(t){super("change",{detail:t})}}const ks=()=>{};class Ss extends wt{constructor(){super(...arguments),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new Ct(ms,{}),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=Zt.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.suggestManager=new bs(this),this.selectedFacetsManager=new vs(this),this.desktopSearchBarManager=new xs(this),this.mobileSearchBarManager=new gs(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new e(10),this.updateLocalesDebouncer=new e(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new e(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>t.values.length>0&&!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===Zt.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return null!=this.presets&&this.presets.length>0}get hasPriors(){return null!=this.priors&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}focusInput(){this.input?this.input.focus():setTimeout((()=>this.focusInput()),50)}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return X`
|
|
2604
2615
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2605
2616
|
${this.renderSearchBar()}
|
|
2606
2617
|
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():X`
|
|
@@ -2733,11 +2744,11 @@ class Oi extends Lt{constructor(t){if(super(t),this.it=Q,t.type!==Ft)throw Error
|
|
|
2733
2744
|
></ft-filter>
|
|
2734
2745
|
`}))}
|
|
2735
2746
|
</ft-snap-scroll>
|
|
2736
|
-
`:Q}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var e,i,o,s,r;if(t.has("labels")&&(this.labelResolver=new Ct(
|
|
2747
|
+
`:Q}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",(t=>{t.key===this.recentSearchesStorageKey&&this.initRecentSearches()}))}update(t){var e,i,o,s,r;if(t.has("labels")&&(this.labelResolver=new Ct(ms,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const i=t=>this.availableContentLocales.some((e=>e.lang===t));i(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&i(t.get("contentLocale"))?t.get("contentLocale"):null===(e=this.availableContentLocales[0])||void 0===e?void 0:e.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&(null!==(i=this.presets)&&void 0!==i?i:[]).forEach((t=>t.filters.forEach((t=>t.values=t.values.map((t=>oi(t))))))),t.has("presets")||t.has("selectedPreset")){const t=(null!==(o=this.presets)&&void 0!==o?o:[]).find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}t.has("contentLocale")&&null!=this.contentLocale&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(r=(null!==(s=this.presets)&&void 0!==s?s:[]).find((t=>this.compareRequests(t,this.request))))||void 0===r?void 0:r.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run((()=>this.dispatchEvent(new ws(this.request))))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run((()=>{var t;null===(t=this.api)||void 0===t||t.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[])).then((t=>{this.availableContentLocales=t,this.availableContentLocalesInitialized=!0}))})),this.updateFacetsDebouncer.run((()=>{this.retrieveFacetsFromSearch().then((()=>{this.facetsLoaded=!0,this.facetsInitialized=!0}))}),this.facetsInitialized?500:10)}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0,this.facetsInitialized=!0}),this.facetsInitialized?500:10)):this.facets=[])}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout((()=>this.initApi()),10))}async retrieveFacetsFromSearch(){var t;const e=new Map;await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets.forEach((t=>{this.knownFacetLabels.set(t.key,t.label),e.set(t.key,t)})))).catch(ks)),this.facets=[];for(let t of this.facetsRequest)e.has(t.id)?this.facets.push(e.get(t.id)):this.knownFacetLabels.has(t.id)&&this.facets.push({key:t.id,label:this.knownFacetLabels.get(t.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new $s(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse(null!==(t=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==t?t:"[]")}saveRecentSearches(){const t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&ii(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=>ii(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?Q:X`
|
|
2737
2748
|
<div class="ft-search-bar--floating-panel"
|
|
2738
2749
|
id="ft-search-bar-floating-panel"
|
|
2739
2750
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
2740
2751
|
part="floating-panel"
|
|
2741
2752
|
tabindex="-1">
|
|
2742
2753
|
${this.renderDesktopMenu()}
|
|
2743
|
-
</div>`}}
|
|
2754
|
+
</div>`}}Ss.elementDefinitions={"ft-accordion":jo,"ft-accordion-item":Zo,"ft-button":Wi,"ft-chip":Go,"ft-filter":Fo,"ft-filter-option":Lo,"ft-icon":Di,"ft-ripple":gi,"ft-select":as,"ft-select-option":ls,"ft-size-watcher":Vt,"ft-skeleton":us,"ft-snap-scroll":$o,"ft-tooltip":$i,"ft-typography":ei},Ss.styles=[qe,ds,fs,vs.styles,bs.styles],ys([o({type:Boolean})],Ss.prototype,"dense",void 0),ys([o()],Ss.prototype,"mode",void 0),ys([o({type:Boolean})],Ss.prototype,"forceMobileMenuOpen",void 0),ys([o({type:Boolean})],Ss.prototype,"forceMenuOpen",void 0),ys([o()],Ss.prototype,"baseUrl",void 0),ys([o()],Ss.prototype,"apiIntegrationIdentifier",void 0),ys([o()],Ss.prototype,"contentLocale",void 0),ys([s()],Ss.prototype,"availableContentLocales",void 0),ys([s()],Ss.prototype,"availableContentLocalesInitialized",void 0),ys([o()],Ss.prototype,"uiLocale",void 0),ys([d({})],Ss.prototype,"labels",void 0),ys([d([])],Ss.prototype,"displayedFilters",void 0),ys([d([])],Ss.prototype,"presets",void 0),ys([o({type:String,reflect:!0})],Ss.prototype,"selectedPreset",void 0),ys([d([])],Ss.prototype,"priors",void 0),ys([o()],Ss.prototype,"searchRequestSerializer",void 0),ys([s()],Ss.prototype,"searchFilters",void 0),ys([s()],Ss.prototype,"sizeCategory",void 0),ys([s()],Ss.prototype,"displayFacets",void 0),ys([s()],Ss.prototype,"mobileMenuOpen",void 0),ys([s()],Ss.prototype,"facets",void 0),ys([s()],Ss.prototype,"facetsInitialized",void 0),ys([n(".ft-search-bar--container")],Ss.prototype,"container",void 0),ys([n(".ft-search-bar--filters-opener")],Ss.prototype,"filtersOpener",void 0),ys([n(".ft-search-bar--floating-panel")],Ss.prototype,"floatingContainer",void 0),ys([n("ft-snap-scroll.ft-search-bar--filters-container")],Ss.prototype,"scrollingFiltersContainer",void 0),ys([n(".ft-search-bar--input")],Ss.prototype,"input",void 0),ys([s()],Ss.prototype,"query",void 0),ys([s()],Ss.prototype,"suggestions",void 0),ys([s()],Ss.prototype,"recentSearches",void 0),ys([s()],Ss.prototype,"scrollToFacet",void 0),ys([s()],Ss.prototype,"api",void 0),ys([s()],Ss.prototype,"facetsLoaded",void 0),p("ft-search-bar")(Ss),t.DEFAULT_LABELS=ms,t.FtSearchBar=Ss,t.FtSearchBarCssVariables=ps,t.LaunchSearchEvent=$s,t.SearchStateChangeEvent=ws,t.facetsCss=fs,t.searchBarCss=ds,Object.defineProperty(t,"i",{value:!0})}({});
|