@fluid-topics/ft-search-bar 1.2.1 → 1.2.3
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/README.md +3 -8
- package/build/ft-search-bar.d.ts +3 -4
- package/build/ft-search-bar.js +8 -14
- package/build/ft-search-bar.light.js +548 -531
- package/build/ft-search-bar.min.js +435 -418
- package/build/managers/DesktopSearchBarManager.js +4 -2
- package/build/managers/MobileSearchBarManager.js +8 -3
- package/build/managers/SuggestManager.d.ts +1 -1
- package/build/managers/SuggestManager.js +15 -23
- package/package.json +16 -16
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var wd=Object.create;var
|
|
1
|
+
"use strict";(()=>{var wd=Object.create;var ea=Object.defineProperty;var Ed=Object.getOwnPropertyDescriptor;var $d=Object.getOwnPropertyNames;var Rd=Object.getPrototypeOf,kd=Object.prototype.hasOwnProperty;var Do=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Ld=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of $d(e))!kd.call(t,i)&&i!==r&&ea(t,i,{get:()=>e[i],enumerable:!(n=Ed(e,i))||n.enumerable});return t};var u=(t,e,r)=>(r=t!=null?wd(Rd(t)):{},Ld(e||!t||!t.__esModule?ea(r,"default",{value:t,enumerable:!0}):r,t));var w=Do((Xp,ta)=>{ta.exports=ftGlobals.wcUtils});var L=Do((Qp,oa)=>{oa.exports=ftGlobals.lit});var Y=Do((Jp,ra)=>{ra.exports=ftGlobals.litDecorators});var uo=Do((ef,na)=>{na.exports=ftGlobals.litRepeat});var st=Do((Im,Pl)=>{Pl.exports=ftGlobals.litClassMap});var cs=Do((xg,ss)=>{ss.exports=ftGlobals.litUnsafeHTML});var Cd=u(w());var Z=u(L()),G=u(Y()),Br=u(uo()),re=u(w());var sa=u(w());var la=u(L()),ho=u(Y()),Ir=u(w());var it;(function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"})(it||(it={}));var ia=u(L());var aa=ia.css`
|
|
2
2
|
.ft-size-watcher--pixel {
|
|
3
3
|
width: 0;
|
|
4
4
|
height: 0;
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
18
18
|
width: 100%;
|
|
19
19
|
}
|
|
20
|
-
`;var rr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
20
|
+
`;var rr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},Bn=class extends CustomEvent{constructor(e,r){super("change",{detail:{size:e,category:r}})}},Ke=class extends Ir.FtLitElement{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=it.S,this.resizeObserver=new ResizeObserver(()=>this.updateSize()),this.debouncer=new Ir.Debouncer}render(){return la.html`
|
|
21
21
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
22
22
|
<div class="ft-size-watcher--watcher"></div>
|
|
23
23
|
</div>
|
|
24
|
-
`}contentAvailableCallback(e){super.contentAvailableCallback(e),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=
|
|
25
|
-
\f\r]`,nr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
26
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),pa=/'/g,fa=/"/g,ga=/^(?:script|style|textarea|title)$/i,ba=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),xa=ba(1),va=ba(2),ar=Symbol.for("lit-noChange"),Se=Symbol.for("lit-nothing"),ua=new WeakMap,yo=mo.createTreeWalker(mo,129);function Sa(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return sa!==void 0?sa.createHTML(e):e}var Pd=(t,e)=>{let r=t.length-1,n=[],i,a=e===2?"<svg>":"",l=nr;for(let c=0;c<r;c++){let p=t[c],f,y,m=-1,g=0;for(;g<p.length&&(l.lastIndex=g,y=l.exec(p),y!==null);)g=l.lastIndex,l===nr?y[1]==="!--"?l=ca:y[1]!==void 0?l=da:y[2]!==void 0?(ga.test(y[2])&&(i=RegExp("</"+y[2],"g")),l=ho):y[3]!==void 0&&(l=ho):l===ho?y[0]===">"?(l=i??nr,m=-1):y[1]===void 0?m=-2:(m=l.lastIndex-y[2].length,f=y[1],l=y[3]===void 0?ho:y[3]==='"'?fa:pa):l===fa||l===pa?l=ho:l===ca||l===da?l=nr:(l=ho,i=void 0);let x=l===ho&&t[c+1].startsWith("/>")?" ":"";a+=l===nr?p+Nd:m>=0?(n.push(f),p.slice(0,m)+ha+p.slice(m)+Kt+x):p+Kt+(m===-2?c:x)}return[Sa(t,a+(t[r]||"<?>")+(e===2?"</svg>":"")),n]},lr=class t{constructor({strings:e,_$litType$:r},n){let i;this.parts=[];let a=0,l=0,c=e.length-1,p=this.parts,[f,y]=Pd(e,r);if(this.el=t.createElement(f,n),yo.currentNode=this.el.content,r===2){let m=this.el.content.firstChild;m.replaceWith(...m.childNodes)}for(;(i=yo.nextNode())!==null&&p.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(let m of i.getAttributeNames())if(m.endsWith(ha)){let g=y[l++],x=i.getAttribute(m).split(Kt),b=/([.?@])?(.*)/.exec(g);p.push({type:1,index:a,name:b[2],strings:x,ctor:b[1]==="."?Dn:b[1]==="?"?Fn:b[1]==="@"?zn:Fo}),i.removeAttribute(m)}else m.startsWith(Kt)&&(p.push({type:6,index:a}),i.removeAttribute(m));if(ga.test(i.tagName)){let m=i.textContent.split(Kt),g=m.length-1;if(g>0){i.textContent=Dr?Dr.emptyScript:"";for(let x=0;x<g;x++)i.append(m[x],Fr()),yo.nextNode(),p.push({type:2,index:++a});i.append(m[g],Fr())}}}else if(i.nodeType===8)if(i.data===ya)p.push({type:2,index:a});else{let m=-1;for(;(m=i.data.indexOf(Kt,m+1))!==-1;)p.push({type:7,index:a}),m+=Kt.length-1}a++}}static createElement(e,r){let n=mo.createElement("template");return n.innerHTML=e,n}};function Do(t,e,r=t,n){if(e===ar)return e;let i=n!==void 0?r._$Co?.[n]:r._$Cl,a=ir(e)?void 0:e._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(t),i._$AT(t,r,n)),n!==void 0?(r._$Co??=[])[n]=i:r._$Cl=i),i!==void 0&&(e=Do(t,i._$AS(t,e.values),i,n)),e}var In=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:r},parts:n}=this._$AD,i=(e?.creationScope??mo).importNode(r,!0);yo.currentNode=i;let a=yo.nextNode(),l=0,c=0,p=n[0];for(;p!==void 0;){if(l===p.index){let f;p.type===2?f=new zr(a,a.nextSibling,this,e):p.type===1?f=new p.ctor(a,p.name,p.strings,this,e):p.type===6&&(f=new _n(a,this,e)),this._$AV.push(f),p=n[++c]}l!==p?.index&&(a=yo.nextNode(),l++)}return yo.currentNode=mo,i}p(e){let r=0;for(let n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(e,n,r),r+=n.strings.length-2):n._$AI(e[r])),r++}},zr=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,r,n,i){this.type=2,this._$AH=Se,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,r=this._$AM;return r!==void 0&&e?.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=Do(this,e,r),ir(e)?e===Se||e==null||e===""?(this._$AH!==Se&&this._$AR(),this._$AH=Se):e!==this._$AH&&e!==ar&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Ad(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==Se&&ir(this._$AH)?this._$AA.nextSibling.data=e:this.$(mo.createTextNode(e)),this._$AH=e}g(e){let{values:r,_$litType$:n}=e,i=typeof n=="number"?this._$AC(e):(n.el===void 0&&(n.el=lr.createElement(Sa(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(r);else{let a=new In(i,this),l=a.u(this.options);a.p(r),this.$(l),this._$AH=a}}_$AC(e){let r=ua.get(e.strings);return r===void 0&&ua.set(e.strings,r=new lr(e)),r}T(e){ma(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,n,i=0;for(let a of e)i===r.length?r.push(n=new t(this.k(Fr()),this.k(Fr()),this,this.options)):n=r[i],n._$AI(a),i++;i<r.length&&(this._$AR(n&&n._$AB.nextSibling,i),r.length=i)}_$AR(e=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);e&&e!==this._$AB;){let n=e.nextSibling;e.remove(),e=n}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},Fo=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,r,n,i,a){this.type=1,this._$AH=Se,this._$AN=void 0,this.element=e,this.name=r,this._$AM=i,this.options=a,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=Se}_$AI(e,r=this,n,i){let a=this.strings,l=!1;if(a===void 0)e=Do(this,e,r,0),l=!ir(e)||e!==this._$AH&&e!==ar,l&&(this._$AH=e);else{let c=e,p,f;for(e=a[0],p=0;p<a.length-1;p++)f=Do(this,c[n+p],r,p),f===ar&&(f=this._$AH[p]),l||=!ir(f)||f!==this._$AH[p],f===Se?e=Se:e!==Se&&(e+=(f??"")+a[p+1]),this._$AH[p]=f}l&&!i&&this.O(e)}O(e){e===Se?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Dn=class extends Fo{constructor(){super(...arguments),this.type=3}O(e){this.element[this.name]=e===Se?void 0:e}},Fn=class extends Fo{constructor(){super(...arguments),this.type=4}O(e){this.element.toggleAttribute(this.name,!!e&&e!==Se)}},zn=class extends Fo{constructor(e,r,n,i,a){super(e,r,n,i,a),this.type=5}_$AI(e,r=this){if((e=Do(this,e,r,0)??Se)===ar)return;let n=this._$AH,i=e===Se&&n!==Se||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,a=e!==Se&&(n===Se||i);i&&this.element.removeEventListener(this.name,this,n),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},_n=class{constructor(e,r,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){Do(this,e)}};var Bd=Tn.litHtmlPolyfillSupport;Bd?.(lr,zr),(Tn.litHtmlVersions??=[]).push("3.1.0");var Ca=Symbol.for(""),Id=t=>{if(t?.r===Ca)return t?._$litStatic$},Mn=t=>({_$litStatic$:t,r:Ca});var Oa=new Map,wa=t=>(e,...r)=>{let n=r.length,i,a,l=[],c=[],p,f=0,y=!1;for(;f<n;){for(p=e[f];f<n&&(a=r[f],(i=Id(a))!==void 0);)p+=i+e[++f],y=!0;f!==n&&c.push(a),l.push(p),f++}if(f===n&&l.push(e[n]),y){let m=l.join("$$lit$$");(e=Oa.get(m))===void 0&&(l.raw=l,Oa.set(m,e=l)),r=c}return t(e,...r)},Wn=wa(xa),ff=wa(va);var Un=h(Y()),cl=h(w());var it;(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",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"})(it||(it={}));var at=h(L()),E=h(w());var Pt=h(L(),1),Zt=t=>typeof t=="string"?(0,Pt.unsafeCSS)(t):t,o=class{static create(e,r,n,i){let a=c=>Zt(c??i),l=Pt.css`var(${Zt(e)}, ${a(i)})`;return l.name=e,l.description=r,l.category=n,l.defaultValue=i,l.defaultCssValue=a,l.get=c=>Pt.css`var(${Zt(e)}, ${a(c)})`,l.breadcrumb=()=>[],l.lastResortDefaultValue=()=>i,l}static extend(e,r,n,i){let a=c=>n.get(c??i),l=Pt.css`var(${Zt(e)}, ${a(i)})`;return l.name=e,l.description=r,l.category=n.category,l.fallbackVariable=n,l.defaultValue=i,l.defaultCssValue=a,l.get=c=>Pt.css`var(${Zt(e)}, ${a(c)})`,l.breadcrumb=()=>[n.name,...n.breadcrumb()],l.lastResortDefaultValue=()=>i??n.lastResortDefaultValue(),l}static external(e,r){let n=a=>e.fallbackVariable?e.fallbackVariable.get(a??e.defaultValue):Zt(a??e.lastResortDefaultValue()),i=Pt.css`var(${Zt(e.name)}, ${n(e.defaultValue)})`;return i.name=e.name,i.category=e.category,i.fallbackVariable=e.fallbackVariable,i.defaultValue=e.defaultValue,i.context=r,i.defaultCssValue=n,i.get=a=>Pt.css`var(${Zt(e.name)}, ${n(a)})`,i.breadcrumb=()=>e.fallbackVariable?[e.fallbackVariable.name,...e.fallbackVariable.breadcrumb()]:[],i.lastResortDefaultValue=()=>e.lastResortDefaultValue(),i}};var s={colorWhite:o.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:o.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:o.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:o.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:o.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:o.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:o.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:o.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:o.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:o.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:o.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:o.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:o.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:o.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:o.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:o.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:o.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:o.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:o.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:o.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:o.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:o.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:o.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:o.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:o.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:o.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:o.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:o.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:o.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:o.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:o.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:o.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:o.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:o.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:o.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:o.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:o.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:o.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:o.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:o.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:o.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:o.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:o.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:o.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:o.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:o.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:o.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:o.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:o.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:o.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:o.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:o.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:o.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:o.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:o.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:o.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:o.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:o.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:o.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:o.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:o.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:o.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:o.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:o.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:o.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:o.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:o.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:o.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:o.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:o.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:o.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:o.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:o.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:o.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:o.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:o.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:o.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:o.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:o.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:o.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:o.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:o.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:o.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:o.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:o.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:o.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:o.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:o.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:o.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:o.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:o.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:o.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:o.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:o.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:o.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:o.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:o.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:o.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:o.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:o.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:o.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:o.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:o.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:o.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:o.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:o.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:o.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:o.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:o.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:o.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:o.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:o.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:o.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:o.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:o.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:o.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:o.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:o.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:o.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:o.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:o.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:o.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:o.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:o.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:o.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:o.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:o.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:o.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:o.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:o.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:o.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:o.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:o.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:o.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:o.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:o.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:o.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:o.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:o.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:o.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:o.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:o.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:o.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:o.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:o.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:o.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:o.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:o.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:o.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:o.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:o.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:o.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:o.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:o.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:o.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:o.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:o.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:o.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:o.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:o.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:o.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:o.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:o.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:o.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:o.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:o.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:o.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:o.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:o.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:o.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:o.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:o.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:o.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:o.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:o.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:o.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:o.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:o.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:o.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:o.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:o.create("--ft-opacity-0","","NUMBER","0"),opacity8:o.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:o.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:o.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:o.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:o.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:o.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:o.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:o.create("--ft-shadow-elevation-01","","SHADOW","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)"),shadowElevation02:o.create("--ft-shadow-elevation-02","","SHADOW","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)"),shadowElevation03:o.create("--ft-shadow-elevation-03","","SHADOW","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)"),shadowElevation04:o.create("--ft-shadow-elevation-04","","SHADOW","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)"),shadowElevation06:o.create("--ft-shadow-elevation-06","","SHADOW","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)"),shadowElevation08:o.create("--ft-shadow-elevation-08","","SHADOW","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)"),shadowElevation12:o.create("--ft-shadow-elevation-12","","SHADOW","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)"),shadowElevation16:o.create("--ft-shadow-elevation-16","","SHADOW","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)"),shadowElevation24:o.create("--ft-shadow-elevation-24","","SHADOW","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)")},Ea={fontFamily:o.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:o.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:o.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-display-textCase","","UNKNOWN","none")},$a={fontFamily:o.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:o.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:o.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},Ra={fontFamily:o.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:o.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:o.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},ka={fontFamily:o.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:o.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:o.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},La={fontFamily:o.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:o.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:o.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},Na={fontFamily:o.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:o.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},Aa={fontFamily:o.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:o.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},Pa={fontFamily:o.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:o.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},Ba={fontFamily:o.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},Dd={fontFamily:o.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:o.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:o.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},Ia={fontFamily:o.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},Da={fontFamily:o.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},Fa={fontFamily:o.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},za={fontFamily:o.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},_a={fontFamily:o.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},Ta={fontFamily:o.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Ma={fontFamily:o.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Wa={fontFamily:o.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Ua={fontFamily:o.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Ha={fontFamily:o.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Va={fontFamily:o.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:o.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Ga={fontFamily:o.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:o.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},ja={fontFamily:o.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:o.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},Ka={fontFamily:o.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:o.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},Za={fontFamily:o.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:o.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},qa={fontFamily:o.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:o.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},_r={display:Ea,"title-1":$a,"title-2":Ra,"title-3":ka,"body-1-regular":La,"body-1-medium":Na,"body-1-semibold":Aa,"body-2-regular":Pa,"body-2-medium":Ba,"body-2-medium-underline":Dd,"body-2-semibold":Ia,"label-1-medium":Da,"label-1-semibold":Fa,"label-1-bold":za,"label-2-medium":_a,"label-2-semibold":Ta,"label-2-bold":Ma,"caption-1-medium":Wa,"caption-1-semibold":Ua,"caption-1-bold":Ha,"caption-2-medium":Va,"caption-2-semibold":Ga,"caption-2-bold":ja,"caption-3-medium":Ka,"caption-3-semibold":Za,"caption-3-bold":qa};var d={backgroundActionPrimary:o.extend("--ft-background-action-primary","Used as backgorund of primary action components.",s.colorBrand0),backgroundErrorSubtle:o.extend("--ft-background-error-subtle","Used as background of subtle error components.",s.colorRed10),backgroundInfoSubtle:o.extend("--ft-background-info-subtle","Used as background of subtle information components.",s.colorCyan10),backgroundWarningSubtle:o.extend("--ft-background-warning-subtle","Used as background of subtle information components.",s.colorOrange10),backgroundSuccessSubtle:o.extend("--ft-background-success-subtle","Used as background of subtle success components.",s.colorGreen10),backgroundGlobalSurface:o.extend("--ft-background-global-surface","Used as app background.",s.colorWhite),backgroundGlobalOnSurface:o.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",s.colorGray10),backgroundGlobalOnSurfaceDark:o.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",s.colorGray30),contentActionPrimary:o.extend("--ft-content-action-primary","Used on label of primary action on light surface.",s.colorBrand0),contentWarningPrimary:o.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",s.colorOrange200),contentWarningIconOnly:o.extend("--ft-content-warning-icon-only","Used on warning status icons alone",s.colorOrange0),contentErrorPrimary:o.extend("--ft-content-error-primary","Used on label of error messages on light surface.",s.colorRed0),contentErrorIconOnly:o.extend("--ft-content-error-icon-only","Used on error status icons alone",s.colorRed70),contentInfoPrimary:o.extend("--ft-content-info-primary","Used on label of information messages on light surface.",s.colorCyan200),contentInfoIconOnly:o.extend("--ft-content-info-icon-only","Used on info status icons alone",s.colorCyan0),contentSuccessPrimary:o.extend("--ft-content-success-primary","Used on label of success messages on light surface.",s.colorGreen200),contentSuccessIconOnly:o.extend("--ft-content-success-icon-only","Used on success status icons alone",s.colorGreen0),contentGlobalPrimary:o.extend("--ft-content-global-primary","Used for main content on the page.",s.colorGray500),contentGlobalSecondary:o.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
27
|
-
Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",s.colorGray0),contentGlobalOnColor:o.extend("--ft-content-global-on-color","Used for content on a dominant color.",s.colorWhite),borderActionPrimary:o.extend("--ft-border-action-primary","Used as border for primary action components.",s.colorBrand0),borderActionFocusRing:o.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",s.colorCyan0),borderWarningPrimary:o.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",s.colorOrange200),borderWarningSubtle:o.extend("--ft-border-warning-subtle","Used as border for warning components.",s.colorOrange30),borderSuccessPrimary:o.extend("--ft-border-success-primary","Used as border for success buttons.",s.colorGreen200),borderSuccessSubtle:o.extend("--ft-border-success-subtle","Used as border for success components.",s.colorGreen30),borderErrorPrimary:o.extend("--ft-border-error-primary","Used as border for text fields in error states.",s.colorRed0),borderErrorSubtle:o.extend("--ft-border-error-subtle","Used as border for error components.",s.colorRed30),borderInfoPrimary:o.extend("--ft-border-info-primary","Used as border for buttons in info color.",s.colorCyan200),borderInfoSubtle:o.extend("--ft-border-info-subtle","Used as border for information components.",s.colorCyan30),borderGlobalPrimary:o.extend("--ft-border-global-primary","Used as border for element like input.",s.colorGray50),borderGlobalSubtle:o.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",s.colorGray30),borderInputPrimary:o.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",s.colorGray80),borderNeutralPrimary:o.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",s.colorGray200)};var u={largeHeight:o.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:o.extend("--ft-button-large-horizontal-padding","",s.spacing4),largeGap:o.extend("--ft-button-large-gap","",s.spacing2),largeBorderRadius:o.extend("--ft-button-large-border-radius","",s.borderRadiusS),largeIconSize:o.extend("--ft-button-large-icon-size","",s.iconSize3),largeBorderWidth:o.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:o.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:o.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:o.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:o.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:o.extend("--ft-button-medium-horizontal-padding","",s.spacing3),mediumGap:o.extend("--ft-button-medium-gap","",s.spacing2),mediumBorderRadius:o.extend("--ft-button-medium-border-radius","",s.borderRadiusS),mediumIconSize:o.extend("--ft-button-medium-icon-size","",s.iconSize2),mediumBorderWidth:o.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:o.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:o.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:o.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:o.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:o.extend("--ft-button-small-horizontal-padding","",s.spacing2),smallGap:o.extend("--ft-button-small-gap","",s.spacing1),smallBorderRadius:o.extend("--ft-button-small-border-radius","",s.borderRadiusS),smallIconSize:o.extend("--ft-button-small-icon-size","",s.iconSize1),smallBorderWidth:o.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:o.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:o.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:o.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:o.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:o.extend("--ft-button-x-small-icon-size","",s.iconSize1),xSmallFocusOutlineOffset:o.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:o.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:o.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:o.extend("--ft-button-round-border-radius","",s.borderRadiusPill),primaryBrandBackgroundColor:o.extend("--ft-button-primary-brand-background-color","",d.backgroundActionPrimary),primaryBrandColor:o.extend("--ft-button-primary-brand-color","",d.contentGlobalOnColor),primaryBrandIconColor:o.extend("--ft-button-primary-brand-icon-color","",d.contentGlobalOnColor),primaryBrandStateLayerColor:o.extend("--ft-button-primary-brand-state-layer-color","",d.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:o.extend("--ft-button-primary-brand-hover-state-layer-opacity","",s.opacity16),primaryBrandFocusStateLayerOpacity:o.extend("--ft-button-primary-brand-focus-state-layer-opacity","",s.opacity16),primaryBrandActiveStateLayerOpacity:o.extend("--ft-button-primary-brand-active-state-layer-opacity","",s.opacity24),primaryBrandDisabledComponentOpacity:o.extend("--ft-button-primary-brand-disabled-component-opacity","",s.opacity40),focusFocusRingColor:o.extend("--ft-button-focus-focus-ring-color","",d.borderActionFocusRing),tertiaryBrandBackgroundColor:o.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:o.extend("--ft-button-tertiary-brand-color","",d.contentActionPrimary),tertiaryBrandIconColor:o.extend("--ft-button-tertiary-brand-icon-color","",d.contentActionPrimary),tertiaryBrandStateLayerColor:o.extend("--ft-button-tertiary-brand-state-layer-color","",d.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:o.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",s.opacity8),tertiaryBrandFocusStateLayerOpacity:o.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",s.opacity8),tertiaryBrandActiveStateLayerOpacity:o.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",s.opacity16),tertiaryBrandDisabledComponentOpacity:o.extend("--ft-button-tertiary-brand-disabled-component-opacity","",s.opacity40),tertiaryInfoBackgroundColor:o.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:o.extend("--ft-button-tertiary-info-color","",d.contentInfoPrimary),tertiaryInfoIconColor:o.extend("--ft-button-tertiary-info-icon-color","",d.contentInfoPrimary),tertiaryInfoStateLayerColor:o.extend("--ft-button-tertiary-info-state-layer-color","",d.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:o.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",s.opacity8),tertiaryInfoHoverStateLayerOpacity:o.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",s.opacity8),tertiaryInfoActiveStateLayerOpacity:o.extend("--ft-button-tertiary-info-active-state-layer-opacity","",s.opacity16),tertiaryInfoDisabledComponentOpacity:o.extend("--ft-button-tertiary-info-disabled-component-opacity","",s.opacity40),tertiarySuccessBackgroundColor:o.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:o.extend("--ft-button-tertiary-success-color","",d.contentSuccessPrimary),tertiarySuccessIconColor:o.extend("--ft-button-tertiary-success-icon-color","",d.contentSuccessPrimary),tertiarySuccessStateLayerColor:o.extend("--ft-button-tertiary-success-state-layer-color","",d.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:o.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",s.opacity8),tertiarySuccessFocusStateLayerOpacity:o.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",s.opacity8),tertiarySuccessActiveStateLayerOpacity:o.extend("--ft-button-tertiary-success-active-state-layer-opacity","",s.opacity16),tertiarySuccessDisabledComponentOpacity:o.extend("--ft-button-tertiary-success-disabled-component-opacity","",s.opacity40),tertiaryWarningBackgroundColor:o.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:o.extend("--ft-button-tertiary-warning-color","",d.contentWarningPrimary),tertiaryWarningIconColor:o.extend("--ft-button-tertiary-warning-icon-color","",d.contentWarningPrimary),tertiaryWarningStateLayerColor:o.extend("--ft-button-tertiary-warning-state-layer-color","",d.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:o.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",s.opacity8),tertiaryWarningFocusStateLayerOpacity:o.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",s.opacity8),tertiaryWarningActiveStateLayerOpacity:o.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",s.opacity16),tertiaryWarningDisabledComponentOpacity:o.extend("--ft-button-tertiary-warning-disabled-component-opacity","",s.opacity40),tertiaryErrorBackgroundColor:o.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:o.extend("--ft-button-tertiary-error-color","",d.contentErrorPrimary),tertiaryErrorIconColor:o.extend("--ft-button-tertiary-error-icon-color","",d.contentErrorPrimary),tertiaryErrorStateLayerColor:o.extend("--ft-button-tertiary-error-state-layer-color","",d.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:o.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",s.opacity8),tertiaryErrorFocusStateLayerOpacity:o.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",s.opacity8),tertiaryErrorActiveStateLayerOpacity:o.extend("--ft-button-tertiary-error-active-state-layer-opacity","",s.opacity16),tertiaryErrorDisabledComponentOpacity:o.extend("--ft-button-tertiary-error-disabled-component-opacity","",s.opacity40),tertiaryNeutralBackgroundColor:o.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:o.extend("--ft-button-tertiary-neutral-icon-color","",d.contentGlobalSecondary),tertiaryNeutralColor:o.extend("--ft-button-tertiary-neutral-color","",d.contentGlobalSecondary),tertiaryNeutralStateLayerColor:o.extend("--ft-button-tertiary-neutral-state-layer-color","",d.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:o.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",s.opacity8),tertiaryNeutralFocusStateLayerOpacity:o.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",s.opacity8),tertiaryNeutralActiveStateLayerOpacity:o.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",s.opacity16),tertiaryNeutralDisabledComponentOpacity:o.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",s.opacity40),secondaryBrandBackgroundColor:o.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:o.extend("--ft-button-secondary-brand-color","",d.contentActionPrimary),secondaryBrandIconColor:o.extend("--ft-button-secondary-brand-icon-color","",d.contentActionPrimary),secondaryBrandStateLayerColor:o.extend("--ft-button-secondary-brand-state-layer-color","",d.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:o.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",s.opacity8),secondaryBrandFocusStateLayerOpacity:o.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",s.opacity8),secondaryBrandActiveStateLayerOpacity:o.extend("--ft-button-secondary-brand-active-state-layer-opacity","",s.opacity16),secondaryBrandDisabledComponentOpacity:o.extend("--ft-button-secondary-brand-disabled-component-opacity","",s.opacity40),secondaryBrandBorderColor:o.extend("--ft-button-secondary-brand-border-color","",d.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:o.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",s.opacity8),secondaryNeutralFocusStateLayerOpacity:o.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",s.opacity8),secondaryNeutralActiveStateLayerOpacity:o.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",s.opacity16),secondaryNeutralDisabledComponentOpacity:o.extend("--ft-button-secondary-neutral-disabled-component-opacity","",s.opacity40),secondaryNeutralBackgroundColor:o.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:o.extend("--ft-button-secondary-neutral-color","",d.contentGlobalSecondary),secondaryNeutralIconColor:o.extend("--ft-button-secondary-neutral-icon-color","",d.contentGlobalSecondary),secondaryNeutralStateLayerColor:o.extend("--ft-button-secondary-neutral-state-layer-color","",d.contentGlobalSecondary),secondaryNeutralBorderColor:o.extend("--ft-button-secondary-neutral-border-color","",d.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:o.extend("--ft-button-secondary-info-hover-state-layer-opacity","",s.opacity8),secondaryInfoFocusStateLayerOpacity:o.extend("--ft-button-secondary-info-focus-state-layer-opacity","",s.opacity8),secondaryInfoActiveStateLayerOpacity:o.extend("--ft-button-secondary-info-active-state-layer-opacity","",s.opacity16),secondaryInfoDisabledComponentOpacity:o.extend("--ft-button-secondary-info-disabled-component-opacity","",s.opacity40),secondaryInfoBackgroundColor:o.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:o.extend("--ft-button-secondary-info-border-color","",d.borderInfoPrimary),secondaryInfoColor:o.extend("--ft-button-secondary-info-color","",d.contentInfoPrimary),secondaryInfoIconColor:o.extend("--ft-button-secondary-info-icon-color","",d.contentInfoPrimary),secondaryInfoStateLayerColor:o.extend("--ft-button-secondary-info-state-layer-color","",d.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:o.extend("--ft-button-secondary-success-hover-state-layer-opacity","",s.opacity8),secondarySuccessFocusStateLayerOpacity:o.extend("--ft-button-secondary-success-focus-state-layer-opacity","",s.opacity8),secondarySuccessActiveStateLayerOpacity:o.extend("--ft-button-secondary-success-active-state-layer-opacity","",s.opacity16),secondarySuccessDisabledComponentOpacity:o.extend("--ft-button-secondary-success-disabled-component-opacity","",s.opacity40),secondarySuccessBackgroundColor:o.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:o.extend("--ft-button-secondary-success-border-color","",d.borderSuccessPrimary),secondarySuccessColor:o.extend("--ft-button-secondary-success-color","",d.contentSuccessPrimary),secondarySuccessIconColor:o.extend("--ft-button-secondary-success-icon-color","",d.contentSuccessPrimary),secondarySuccessStateLayerColor:o.extend("--ft-button-secondary-success-state-layer-color","",d.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:o.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",s.opacity8),secondaryWarningFocusStateLayerOpacity:o.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",s.opacity8),secondaryWarningActiveStateLayerOpacity:o.extend("--ft-button-secondary-warning-active-state-layer-opacity","",s.opacity16),secondaryWarningDisabledComponentOpacity:o.extend("--ft-button-secondary-warning-disabled-component-opacity","",s.opacity40),secondaryWarningBackgroundColor:o.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:o.extend("--ft-button-secondary-warning-border-color","",d.borderWarningPrimary),secondaryWarningColor:o.extend("--ft-button-secondary-warning-color","",d.contentWarningPrimary),secondaryWarningIconColor:o.extend("--ft-button-secondary-warning-icon-color","",d.contentWarningPrimary),secondaryWarningStateLayerColor:o.extend("--ft-button-secondary-warning-state-layer-color","",d.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:o.extend("--ft-button-secondary-error-hover-state-layer-opacity","",s.opacity8),secondaryErrorFocusStateLayerOpacity:o.extend("--ft-button-secondary-error-focus-state-layer-opacity","",s.opacity8),secondaryErrorActiveStateLayerOpacity:o.extend("--ft-button-secondary-error-active-state-layer-opacity","",s.opacity16),secondaryErrorDisabledComponentOpacity:o.extend("--ft-button-secondary-error-disabled-component-opacity","",s.opacity40),secondaryErrorBackgroundColor:o.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:o.extend("--ft-button-secondary-error-border-color","",d.contentErrorPrimary),secondaryErrorColor:o.extend("--ft-button-secondary-error-color","",d.contentErrorPrimary),secondaryErrorIconColor:o.extend("--ft-button-secondary-error-icon-color","",d.contentErrorPrimary),secondaryErrorStateLayerColor:o.extend("--ft-button-secondary-error-state-layer-color","",d.contentErrorPrimary)};var Nf={neutralOffHoverStateLayerOpacity:o.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",s.opacity8),neutralOffFocusStateLayerOpacity:o.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",s.opacity8),neutralOffFocusFocusRingColor:o.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",d.borderActionFocusRing),neutralOffActiveStateLayerOpacity:o.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",s.opacity16),neutralOffBackgroundColor:o.extend("--ft-chip-choice-neutral-off-background-color","",d.backgroundGlobalOnSurface),neutralOffBorderColor:o.extend("--ft-chip-choice-neutral-off-border-color","",d.borderGlobalPrimary),neutralOffColor:o.extend("--ft-chip-choice-neutral-off-color","",d.contentGlobalSecondary),neutralOffStateLayerColor:o.extend("--ft-chip-choice-neutral-off-state-layer-color","",d.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",s.opacity16),neutralOnHoverStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",s.opacity24),neutralOnFocusStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",s.opacity24),neutralOnFocusFocusRingColor:o.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",d.borderActionFocusRing),neutralOnActiveStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",s.opacity32),neutralOnBackgroundColor:o.extend("--ft-chip-choice-neutral-on-background-color","",d.backgroundGlobalOnSurface),neutralOnBorderColor:o.extend("--ft-chip-choice-neutral-on-border-color","",d.borderGlobalPrimary),neutralOnColor:o.extend("--ft-chip-choice-neutral-on-color","",d.contentGlobalPrimary),neutralOnIconColor:o.extend("--ft-chip-choice-neutral-on-icon-color","",d.contentGlobalPrimary),neutralOnStateLayerColor:o.extend("--ft-chip-choice-neutral-on-state-layer-color","",d.contentGlobalPrimary),largeMinHeight:o.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:o.extend("--ft-chip-choice-large-horizontal-padding","",s.spacing3),largeGap:o.extend("--ft-chip-choice-large-gap","",s.spacing1),largeBorderRadius:o.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:o.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:o.extend("--ft-chip-choice-large-icon-size","",s.iconSize3),mediumMinHeight:o.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:o.extend("--ft-chip-choice-medium-horizontal-padding","",s.spacing2),mediumGap:o.extend("--ft-chip-choice-medium-gap","",s.spacing1),mediumBorderRadius:o.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:o.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:o.extend("--ft-chip-choice-medium-icon-size","",s.iconSize2)};var W={largeMinHeight:o.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:o.extend("--ft-chip-large-horizontal-padding","",s.spacing3),largeButtonRightPadding:o.extend("--ft-chip-large-button-right-padding","",s.spacing1),largeGap:o.extend("--ft-chip-large-gap","",s.spacing1),largeFocusOutlineOffset:o.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:o.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:o.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:o.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:o.extend("--ft-chip-large-icon-size","",s.iconSize3),mediumMinHeight:o.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:o.extend("--ft-chip-medium-horizontal-padding","",s.spacing2),mediumButtonRightPadding:o.extend("--ft-chip-medium-button-right-padding","",s.spacing05),mediumGap:o.extend("--ft-chip-medium-gap","",s.spacing1),mediumFocusOutlineOffset:o.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:o.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:o.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:o.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:o.extend("--ft-chip-medium-icon-size","",s.iconSize2),smallMinHeight:o.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:o.extend("--ft-chip-small-horizontal-padding","",s.spacing1),smallButtonRightPadding:o.extend("--ft-chip-small-button-right-padding","",s.spacing05),smallGap:o.extend("--ft-chip-small-gap","",s.spacing1),smallFocusOutlineOffset:o.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:o.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:o.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:o.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:o.extend("--ft-chip-small-icon-size","",s.iconSize1),neutralBackgroundColor:o.extend("--ft-chip-neutral-background-color","",d.backgroundGlobalOnSurface),neutralColor:o.extend("--ft-chip-neutral-color","",d.contentGlobalSecondary),neutralIconColor:o.extend("--ft-chip-neutral-icon-color","",d.contentGlobalSecondary),neutralBorderColor:o.extend("--ft-chip-neutral-border-color","",d.borderGlobalSubtle),infoBackgroundColor:o.extend("--ft-chip-info-background-color","",d.backgroundInfoSubtle),infoColor:o.extend("--ft-chip-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-chip-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:o.extend("--ft-chip-info-border-color","",d.borderInfoSubtle),successBackgroundColor:o.extend("--ft-chip-success-background-color","",d.backgroundSuccessSubtle),successColor:o.extend("--ft-chip-success-color","",d.contentSuccessPrimary),successIconColor:o.extend("--ft-chip-success-icon-color","",d.contentSuccessIconOnly),successBorderColor:o.extend("--ft-chip-success-border-color","",d.borderSuccessSubtle),warningBackgroundColor:o.extend("--ft-chip-warning-background-color","",d.backgroundWarningSubtle),warningColor:o.extend("--ft-chip-warning-color","",d.contentWarningPrimary),warningIconColor:o.extend("--ft-chip-warning-icon-color","",d.contentWarningIconOnly),warningBorderColor:o.extend("--ft-chip-warning-border-color","",d.borderWarningSubtle),errorBackgroundColor:o.extend("--ft-chip-error-background-color","",d.backgroundErrorSubtle),errorColor:o.extend("--ft-chip-error-color","",d.contentErrorPrimary),errorIconColor:o.extend("--ft-chip-error-icon-color","",d.contentErrorIconOnly),errorBorderColor:o.extend("--ft-chip-error-border-color","",d.borderErrorSubtle)};var Tf={brandHoverOpacity:o.extend("--ft-link-brand-hover-opacity","",s.opacity80),brandHoverColor:o.extend("--ft-link-brand-hover-color","",d.contentActionPrimary),brandFocusFocusRingColor:o.extend("--ft-link-brand-focus-focus-ring-color","",d.borderActionFocusRing),brandFocusColor:o.extend("--ft-link-brand-focus-color","",d.contentActionPrimary),brandDefaultColor:o.extend("--ft-link-brand-default-color","",d.contentActionPrimary),brandActiveColor:o.extend("--ft-link-brand-active-color","",d.contentActionPrimary),infoHoverOpacity:o.extend("--ft-link-info-hover-opacity","",s.opacity80),infoHoverColor:o.extend("--ft-link-info-hover-color","",d.contentInfoPrimary),infoFocusFocusRingColor:o.extend("--ft-link-info-focus-focus-ring-color","",d.borderActionFocusRing),infoFocusColor:o.extend("--ft-link-info-focus-color","",d.contentInfoPrimary),infoDefaultColor:o.extend("--ft-link-info-default-color","",d.contentInfoPrimary),infoActiveColor:o.extend("--ft-link-info-active-color","",d.contentInfoPrimary),neutralFocusFocusRingColor:o.extend("--ft-link-neutral-focus-focus-ring-color","",d.borderActionFocusRing),neutralFocusColor:o.extend("--ft-link-neutral-focus-color","",d.contentActionPrimary),neutralDefaultColor:o.extend("--ft-link-neutral-default-color","",d.contentGlobalPrimary),neutralHoverColor:o.extend("--ft-link-neutral-hover-color","",d.contentActionPrimary),neutralActiveColor:o.extend("--ft-link-neutral-active-color","",d.contentActionPrimary),neutralVisitedColor:o.extend("--ft-link-neutral-visited-color","",s.colorBrand100)};var Vf={iconSize:o.extend("--ft-banner-icon-size","",s.iconSize5),borderWidth:o.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:o.extend("--ft-banner-left-padding","",s.spacing6),rightPadding:o.extend("--ft-banner-right-padding","",s.spacing6),verticalPadding:o.extend("--ft-banner-vertical-padding","",s.spacing6),horizontalSideGap:o.extend("--ft-banner-horizontal-side-gap","",s.spacing6),horizontalMobileGap:o.extend("--ft-banner-horizontal-mobile-gap","",s.spacing4),verticalMobileGap:o.extend("--ft-banner-vertical-mobile-gap","",s.spacing6),horizontalMiddleGap:o.extend("--ft-banner-horizontal-middle-gap","",s.spacing20),infoBackgroundColor:o.extend("--ft-banner-info-background-color","",d.backgroundInfoSubtle),infoColor:o.extend("--ft-banner-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-banner-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:o.extend("--ft-banner-info-border-color","",d.borderInfoSubtle)};var qf={horizontalPadding:o.extend("--ft-badge-horizontal-padding","",s.spacing1),verticalPadding:o.extend("--ft-badge-vertical-padding","",s.spacing1),borderRadius:o.extend("--ft-badge-border-radius","",s.borderRadiusPill),color:o.extend("--ft-badge-color","",d.contentGlobalOnColor),backgroundColor:o.extend("--ft-badge-background-color","",d.contentActionPrimary)};var eu={horizontalGap:o.extend("--ft-title-breadcrumb-horizontal-gap","",s.spacing1),currentColor:o.extend("--ft-title-breadcrumb-current-color","",d.contentGlobalPrimary),previousNonClickableColor:o.extend("--ft-title-breadcrumb-previous-non-clickable-color","",d.contentGlobalSecondary),iconColor:o.extend("--ft-title-breadcrumb-icon-color","",d.contentGlobalSubtle)};var iu={parentHorizontalPadding:o.extend("--ft-page-header-parent-horizontal-padding","",s.spacing6),parentTopPadding:o.extend("--ft-page-header-parent-top-padding","",s.spacing4),parentBottomPadding:o.extend("--ft-page-header-parent-bottom-padding","",s.spacing6),parentHelpLeftMargin:o.extend("--ft-page-header-parent-help-left-margin","",s.spacing1),parentTitleColor:o.extend("--ft-page-header-parent-title-color","",d.contentGlobalPrimary),parentSubtitleColor:o.extend("--ft-page-header-parent-subtitle-color","",d.contentGlobalSecondary),parentChipLeftMargin:o.extend("--ft-page-header-parent-chip-left-margin","",s.spacing4),parentVerticalGap:o.extend("--ft-page-header-parent-vertical-gap","",s.spacing2),parentButtonsGroupHorizontalGap:o.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",s.spacing4),parentButtonsGroupVerticalGap:o.extend("--ft-page-header-parent-buttons-group-vertical-gap","",s.spacing4),parentChipsGroupHorizontalGap:o.extend("--ft-page-header-parent-chips-group-horizontal-gap","",s.spacing2),parentChipsGroupVerticalGap:o.extend("--ft-page-header-parent-chips-group-vertical-gap","",s.spacing2),childHorizontalPadding:o.extend("--ft-page-header-child-horizontal-padding","",s.spacing6),childTopPadding:o.extend("--ft-page-header-child-top-padding","",s.spacing2),childBottomPadding:o.extend("--ft-page-header-child-bottom-padding","",s.spacing2),childHelpLeftMargin:o.extend("--ft-page-header-child-help-left-margin","",s.spacing1),childChipLeftMargin:o.extend("--ft-page-header-child-chip-left-margin","",s.spacing4),childVerticalGap:o.extend("--ft-page-header-child-vertical-gap","",s.spacing2),childMinHeight:o.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:o.extend("--ft-page-header-child-buttons-group-horizontal-gap","",s.spacing4),childButtonsGroupVerticalGap:o.extend("--ft-page-header-child-buttons-group-vertical-gap","",s.spacing4),childChipsGroupHorizontalGap:o.extend("--ft-page-header-child-chips-group-horizontal-gap","",s.spacing2),childChipsGroupVerticalGap:o.extend("--ft-page-header-child-chips-group-vertical-gap","",s.spacing2),backgroundColor:o.extend("--ft-page-header-background-color","",s.colorWhite),bottomBorderColor:o.extend("--ft-page-header-bottom-border-color","",d.borderGlobalSubtle),bottomBorderWidth:o.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var du={horizontalPadding:o.extend("--ft-page-footer-horizontal-padding","",s.spacing6),verticalPadding:o.extend("--ft-page-footer-vertical-padding","",s.spacing2),verticalGap:o.extend("--ft-page-footer-vertical-gap","",s.spacing2),minHeight:o.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:o.extend("--ft-page-footer-background-color","",s.colorWhite),topBorderColor:o.extend("--ft-page-footer-top-border-color","",d.borderGlobalSubtle),topBorderWidth:o.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:o.extend("--ft-page-footer-buttons-group-gap","",s.spacing4)};var hu={contentHorizontalPadding:o.extend("--ft-page-layout-content-horizontal-padding","",s.spacing6),contentVerticalPadding:o.extend("--ft-page-layout-content-vertical-padding","",s.spacing6)};var xu={smallContainerTargetWidth:o.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:o.extend("--ft-modal-small-container-margin","",s.spacing6),mediumContainerTargetWidth:o.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:o.extend("--ft-modal-medium-container-margin","",s.spacing6),largeContainerTargetWidth:o.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:o.extend("--ft-modal-large-container-margin","",s.spacing6),overlayBackgroundColor:o.extend("--ft-modal-overlay-background-color","",s.colorGray700),overlayOpacity:o.extend("--ft-modal-overlay-opacity","",s.opacity40),shadow:o.extend("--ft-modal-shadow","",s.shadowElevation03),bodyBackgroundColor:o.extend("--ft-modal-body-background-color","",s.colorWhite),bodyColor:o.extend("--ft-modal-body-color","",d.contentGlobalPrimary),bodyHorizontalPadding:o.extend("--ft-modal-body-horizontal-padding","",s.spacing6),bodyVerticalPadding:o.extend("--ft-modal-body-vertical-padding","",s.spacing6),bodyVerticalGap:o.extend("--ft-modal-body-vertical-gap","",s.spacing6),headerBackgroundColor:o.extend("--ft-modal-header-background-color","",d.backgroundGlobalOnSurface),headerBorderColor:o.extend("--ft-modal-header-border-color","",d.borderGlobalSubtle),headerColor:o.extend("--ft-modal-header-color","",d.contentGlobalPrimary),headerLeadingIconColor:o.extend("--ft-modal-header-leading-icon-color","",d.contentGlobalPrimary),headerVerticalPadding:o.extend("--ft-modal-header-vertical-padding","",s.spacing1),headerRightPadding:o.extend("--ft-modal-header-right-padding","",s.spacing1),headerLeftPadding:o.extend("--ft-modal-header-left-padding","",s.spacing6),headerGap:o.extend("--ft-modal-header-gap","",s.spacing2),headerBorderBottomWidth:o.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:o.extend("--ft-modal-border-radius","",s.borderRadiusM)};var wu={overlayOpacity:o.extend("--ft-drawer-overlay-opacity","",s.opacity40),shadow:o.extend("--ft-drawer-shadow","",s.shadowElevation03),bodyColor:o.extend("--ft-drawer-body-color","",d.contentGlobalPrimary),bodyHorizontalPadding:o.extend("--ft-drawer-body-horizontal-padding","",s.spacing6),bodyVerticalPadding:o.extend("--ft-drawer-body-vertical-padding","",s.spacing6),bodyGap:o.extend("--ft-drawer-body-gap","",s.spacing6),bodyBackgroundColor:o.extend("--ft-drawer-body-background-color","",s.colorWhite),headerBackgroundColor:o.extend("--ft-drawer-header-background-color","",d.backgroundGlobalOnSurface),headerBorderColor:o.extend("--ft-drawer-header-border-color","",d.borderGlobalSubtle),headerColor:o.extend("--ft-drawer-header-color","",d.contentGlobalPrimary),headerTrailingIconColor:o.extend("--ft-drawer-header-trailing-icon-color","",d.contentGlobalSecondary),headerHeight:o.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:o.extend("--ft-drawer-header-horizontal-padding","",s.spacing2),headerBorderWidth:o.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:o.extend("--ft-drawer-header-gap","",s.spacing3),buttonsBarBackgroundColor:o.extend("--ft-drawer-buttons-bar-background-color","",d.backgroundGlobalOnSurface),buttonsBarBorderColor:o.extend("--ft-drawer-buttons-bar-border-color","",d.borderGlobalSubtle),buttonsBarColor:o.extend("--ft-drawer-buttons-bar-color","",d.contentGlobalPrimary),buttonsBarHorizontalPadding:o.extend("--ft-drawer-buttons-bar-horizontal-padding","",s.spacing6),buttonsBarVerticalPadding:o.extend("--ft-drawer-buttons-bar-vertical-padding","",s.spacing4),buttonsBarGap:o.extend("--ft-drawer-buttons-bar-gap","",s.spacing3),buttonsBarBorderWidth:o.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:o.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:o.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:o.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:o.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:o.extend("--ft-drawer-overlay-background-color","",s.colorGray700)};var Lu={offBorderBottomWidth:o.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:o.extend("--ft-tabs-off-hover-state-layer-opacity","",s.opacity8),offDefaultStateLayerOpacity:o.extend("--ft-tabs-off-default-state-layer-opacity","",s.opacity0),offFocusStateLayerOpacity:o.extend("--ft-tabs-off-focus-state-layer-opacity","",s.opacity8),offDisabledComponentOpacity:o.extend("--ft-tabs-off-disabled-component-opacity","",s.opacity40),offColor:o.extend("--ft-tabs-off-color","",d.contentGlobalSubtle),offStateLayerColor:o.extend("--ft-tabs-off-state-layer-color","",d.contentGlobalSubtle),offBorderBottomColor:o.extend("--ft-tabs-off-border-bottom-color","",d.borderGlobalSubtle),activeTabIndicatorHeight:o.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:o.extend("--ft-tabs-top-left-border-radius","",s.borderRadiusS),topRightBorderRadius:o.extend("--ft-tabs-top-right-border-radius","",s.borderRadiusS),withLabelHorizontalPadding:o.extend("--ft-tabs-with-label-horizontal-padding","",s.spacing4),withLabelVerticalPadding:o.extend("--ft-tabs-with-label-vertical-padding","",s.spacing3),horizontalGap:o.extend("--ft-tabs-horizontal-gap","",s.spacing1),verticalGap:o.extend("--ft-tabs-vertical-gap","",s.spacing1),onHoverStateLayerOpacity:o.extend("--ft-tabs-on-hover-state-layer-opacity","",s.opacity16),onDefaultStateLayerOpacity:o.extend("--ft-tabs-on-default-state-layer-opacity","",s.opacity8),onFocusStateLayerOpacity:o.extend("--ft-tabs-on-focus-state-layer-opacity","",s.opacity16),onActiveStateLayerOpacity:o.extend("--ft-tabs-on-active-state-layer-opacity","",s.opacity24),onColor:o.extend("--ft-tabs-on-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-tabs-on-state-layer-color","",d.contentActionPrimary),onActiveTabIndicatorColor:o.extend("--ft-tabs-on-active-tab-indicator-color","",d.contentActionPrimary),iconOnlyHorizontalPadding:o.extend("--ft-tabs-icon-only-horizontal-padding","",s.spacing4),iconOnlyVerticalPadding:o.extend("--ft-tabs-icon-only-vertical-padding","",s.spacing4),alertTopPadding:o.extend("--ft-tabs-alert-top-padding","",s.spacing1),alertRightPadding:o.extend("--ft-tabs-alert-right-padding","",s.spacing05),focusOutlineWidth:o.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-tabs-focus-focus-ring-color","",d.borderActionFocusRing)};var Iu={fieldHorizontalPadding:o.extend("--ft-text-input-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-text-input-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-text-input-field-vertical-gap","",s.spacing05),fieldIconSize:o.extend("--ft-text-input-field-icon-size","",s.iconSize3),fieldHeight:o.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:o.extend("--ft-text-input-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-text-input-helper-horizontal-gap","",s.spacing1),helperIconSize:o.extend("--ft-text-input-helper-icon-size","",s.iconSize2),borderRadius:o.extend("--ft-text-input-border-radius","",s.borderRadiusM),backgroundColor:o.extend("--ft-text-input-background-color","",s.colorWhite),contentValueColor:o.extend("--ft-text-input-content-value-color","",d.contentGlobalPrimary),trailingIconColor:o.extend("--ft-text-input-trailing-icon-color","",d.contentGlobalSubtle),labelColor:o.extend("--ft-text-input-label-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-text-input-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-text-input-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:o.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:o.extend("--ft-text-input-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-text-input-error-helper-text-color","",d.contentErrorPrimary),errorHelperIconColor:o.extend("--ft-text-input-error-helper-icon-color","",d.contentErrorIconOnly),warningBorderWidth:o.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:o.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-text-input-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-text-input-disabled-component-opacity","",s.opacity40)};var Tu={backgroundColor:o.extend("--ft-text-area-background-color","",s.colorWhite),contentValueColor:o.extend("--ft-text-area-content-value-color","",d.contentGlobalPrimary),labelColor:o.extend("--ft-text-area-label-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-text-area-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-text-area-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:o.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:o.extend("--ft-text-area-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-text-area-error-helper-text-color","",d.contentErrorPrimary),errorHelperIconColor:o.extend("--ft-text-area-error-helper-icon-color","",d.contentErrorIconOnly),focusFocusRingColor:o.extend("--ft-text-area-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:o.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:o.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-text-area-disabled-component-opacity","",s.opacity40),fieldHorizontalLeftPadding:o.extend("--ft-text-area-field-horizontal-left-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-text-area-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-text-area-field-vertical-gap","",s.spacing05),fieldMinHeight:o.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:o.extend("--ft-text-area-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-text-area-helper-horizontal-gap","",s.spacing1),helperIconSize:o.extend("--ft-text-area-helper-icon-size","",s.iconSize2),borderRadius:o.extend("--ft-text-area-border-radius","",s.borderRadiusM)};var Vu={height:o.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:o.extend("--ft-floating-menu-horizontal-padding","",s.spacing4),offIconColor:o.extend("--ft-floating-menu-off-icon-color","",d.contentGlobalPrimary),offColor:o.extend("--ft-floating-menu-off-color","",d.contentGlobalPrimary),onColor:o.extend("--ft-floating-menu-on-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-floating-menu-on-state-layer-color","",d.contentActionPrimary),gap:o.extend("--ft-floating-menu-gap","",s.spacing3),focusFocusRingColor:o.extend("--ft-floating-menu-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:o.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:o.extend("--ft-floating-menu-focus-state-layer-opacity","",s.opacity8),hoverStateLayerOpacity:o.extend("--ft-floating-menu-hover-state-layer-opacity","",s.opacity8),activeStateLayerOpacity:o.extend("--ft-floating-menu-active-state-layer-opacity","",s.opacity16),disabledComponentOpacity:o.extend("--ft-floating-menu-disabled-component-opacity","",s.opacity40),iconSize:o.extend("--ft-floating-menu-icon-size","",s.iconSize3),backgroundColor:o.extend("--ft-floating-menu-background-color","",d.backgroundGlobalOnSurface),shadow:o.extend("--ft-floating-menu-shadow","",s.shadowElevation02)};var qu={fieldHorizontalPadding:o.extend("--ft-combobox-single-select-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-combobox-single-select-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-combobox-single-select-field-vertical-gap","",s.spacing05),fieldIconSize:o.extend("--ft-combobox-single-select-field-icon-size","",s.iconSize3),fieldHeight:o.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:o.extend("--ft-combobox-single-select-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-combobox-single-select-helper-horizontal-gap","",s.spacing1),helperVerticalGap:o.extend("--ft-combobox-single-select-helper-vertical-gap","",s.spacing1),helperIconSize:o.extend("--ft-combobox-single-select-helper-icon-size","",s.iconSize2),menuVerticalGap:o.extend("--ft-combobox-single-select-menu-vertical-gap","",s.spacing2),borderRadius:o.extend("--ft-combobox-single-select-border-radius","",s.borderRadiusM),backgroundColor:o.extend("--ft-combobox-single-select-background-color","",s.colorWhite),labelColor:o.extend("--ft-combobox-single-select-label-color","",d.contentGlobalSubtle),contentValueColor:o.extend("--ft-combobox-single-select-content-value-color","",d.contentGlobalPrimary),trailingIconColor:o.extend("--ft-combobox-single-select-trailing-icon-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-combobox-single-select-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-combobox-single-select-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:o.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:o.extend("--ft-combobox-single-select-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-combobox-single-select-error-helper-text-color","",d.contentErrorPrimary),warningBorderWidth:o.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:o.extend("--ft-combobox-single-select-warning-border-color","",d.borderWarningPrimary),warningHelperTextColor:o.extend("--ft-combobox-single-select-warning-helper-text-color","",d.contentWarningPrimary),warningHelperIconColor:o.extend("--ft-combobox-single-select-warning-helper-icon-color","",d.contentWarningIconOnly),focusOutlineWidth:o.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-combobox-single-select-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-combobox-single-select-disabled-component-opacity","",s.opacity40)};var eh={backgroundColor:o.extend("--ft-combobox-multi-select-background-color","",s.colorWhite),labelColor:o.extend("--ft-combobox-multi-select-label-color","",d.contentGlobalSubtle),trailingIconColor:o.extend("--ft-combobox-multi-select-trailing-icon-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-combobox-multi-select-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-combobox-multi-select-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:o.extend("--ft-combobox-multi-select-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-combobox-multi-select-error-helper-text-color","",d.contentErrorPrimary),errorHelperIcon:o.extend("--ft-combobox-multi-select-error-helper-icon","",d.contentErrorIconOnly),errorBorderWidth:o.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:o.extend("--ft-combobox-multi-select-warning-border-color","",d.borderWarningPrimary),warningHelperTextColor:o.extend("--ft-combobox-multi-select-warning-helper-text-color","",d.contentWarningPrimary),warningHelperIconColor:o.extend("--ft-combobox-multi-select-warning-helper-icon-color","",d.contentWarningIconOnly),warningBorderWidth:o.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-combobox-multi-select-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:o.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:o.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-combobox-multi-select-disabled-component-opacity","",s.opacity40),helperHorizontalPadding:o.extend("--ft-combobox-multi-select-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-combobox-multi-select-helper-horizontal-gap","",s.spacing1),helperVerticalGap:o.extend("--ft-combobox-multi-select-helper-vertical-gap","",s.spacing1),helperIconSize:o.extend("--ft-combobox-multi-select-helper-icon-size","",s.iconSize2),fieldHorizontalPadding:o.extend("--ft-combobox-multi-select-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-combobox-multi-select-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-combobox-multi-select-field-vertical-gap","",s.spacing05),fieldIconSize:o.extend("--ft-combobox-multi-select-field-icon-size","",s.iconSize3),fieldMaxHeight:o.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:o.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",s.spacing1),contentValuesVerticalGap:o.extend("--ft-combobox-multi-select-content-values-vertical-gap","",s.spacing1),borderRadius:o.extend("--ft-combobox-multi-select-border-radius","",s.borderRadiusM)};var ih={backgroundColor:o.extend("--ft-popover-background-color","",d.backgroundGlobalOnSurface),horizontalPadding:o.extend("--ft-popover-horizontal-padding","",s.spacing6),verticalPadding:o.extend("--ft-popover-vertical-padding","",s.spacing6),titleColor:o.extend("--ft-popover-title-color","",d.contentGlobalPrimary),bodyColor:o.extend("--ft-popover-body-color","",d.contentGlobalSecondary),linkColor:o.extend("--ft-popover-link-color","",d.contentActionPrimary),gap:o.extend("--ft-popover-gap","",s.spacing3),borderRadius:o.extend("--ft-popover-border-radius","",s.borderRadiusM),shadow:o.extend("--ft-popover-shadow","",s.shadowElevation02),maxWidth:o.create("--ft-popover-max-width","","SIZE","440px")};var dh={hoverStateLayerOpacity:o.extend("--ft-collapsible-hover-state-layer-opacity","",s.opacity8),focusStateLayerOpacity:o.extend("--ft-collapsible-focus-state-layer-opacity","",s.opacity8),focusOutlineWidth:o.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:o.extend("--ft-collapsible-focus-focus-ring-color","",d.borderActionFocusRing),activeStateLayerOpacity:o.extend("--ft-collapsible-active-state-layer-opacity","",s.opacity16),disabledComponentOpacity:o.extend("--ft-collapsible-disabled-component-opacity","",s.opacity40),horizontalPadding:o.extend("--ft-collapsible-horizontal-padding","",s.spacing4),verticalPadding:o.extend("--ft-collapsible-vertical-padding","",s.spacing3),color:o.extend("--ft-collapsible-color","",d.contentGlobalPrimary),stateLayerColor:o.extend("--ft-collapsible-state-layer-color","",d.contentGlobalPrimary),backgroundColor:o.extend("--ft-collapsible-background-color","",d.backgroundGlobalOnSurface),borderColor:o.extend("--ft-collapsible-border-color","",d.borderGlobalSubtle),iconSize:o.extend("--ft-collapsible-icon-size","",s.iconSize3)};var yh={groupHorizontalPadding:o.extend("--ft-switch-group-horizontal-padding","",s.spacing1),groupVerticalPadding:o.extend("--ft-switch-group-vertical-padding","",s.spacing1),groupGap:o.extend("--ft-switch-group-gap","",s.spacing1),groupBackgroundColor:o.extend("--ft-switch-group-background-color","",d.backgroundGlobalSurface),groupBorderColor:o.extend("--ft-switch-group-border-color","",d.borderGlobalSubtle),groupBorderRadius:o.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:o.extend("--ft-switch-label-horizontal-padding","",s.spacing2),labelVerticalPadding:o.extend("--ft-switch-label-vertical-padding","",s.spacing1),offHoverStateLayerOpacity:o.extend("--ft-switch-off-hover-state-layer-opacity","",s.opacity8),offFocusStateLayerOpacity:o.extend("--ft-switch-off-focus-state-layer-opacity","",s.opacity8),offActiveStateLayerOpacity:o.extend("--ft-switch-off-active-state-layer-opacity","",s.opacity16),offDisabledComponentOpacity:o.extend("--ft-switch-off-disabled-component-opacity","",s.opacity40),offColor:o.extend("--ft-switch-off-color","",d.contentGlobalSubtle),offStateLayerColor:o.extend("--ft-switch-off-state-layer-color","",d.contentGlobalSubtle),onHoverStateLayerOpacity:o.extend("--ft-switch-on-hover-state-layer-opacity","",s.opacity8),onFocusStateLayerOpacity:o.extend("--ft-switch-on-focus-state-layer-opacity","",s.opacity8),onActiveStateLayerOpacity:o.extend("--ft-switch-on-active-state-layer-opacity","",s.opacity16),onDisabledComponentOpacity:o.extend("--ft-switch-on-disabled-component-opacity","",s.opacity40),onColor:o.extend("--ft-switch-on-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-switch-on-state-layer-color","",d.contentActionPrimary),iconHorizontalPadding:o.extend("--ft-switch-icon-horizontal-padding","",s.spacing1),iconVerticalPadding:o.extend("--ft-switch-icon-vertical-padding","",s.spacing1),focusOutlineWidth:o.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-switch-focus-focus-ring-color","",d.borderActionFocusRing),optionBorderRadius:o.extend("--ft-switch-option-border-radius","",s.borderRadiusS)};var xh={color1Light:o.extend("--ft-chart-1-light","for area color charts",s.colorBrand40),color1Base:o.extend("--ft-chart-1-base","for line charts",s.colorBrand0),color2Light:o.extend("--ft-chart-2-light","for area color charts",s.colorYellow60),color2Base:o.extend("--ft-chart-2-base","for line charts",s.colorYellow100),color3Light:o.extend("--ft-chart-3-light","",s.colorUltramarine40),color3Base:o.extend("--ft-chart-3-base","",s.colorUltramarine70),color4Light:o.extend("--ft-chart-4-light","",s.colorCyan50),color4Base:o.extend("--ft-chart-4-base","",s.colorCyan100),color5Light:o.extend("--ft-chart-5-light","",s.colorRed40),color5Base:o.extend("--ft-chart-5-base","",s.colorRed60),color6Light:o.extend("--ft-chart-6-light","",s.colorGreen40),color6Base:o.extend("--ft-chart-6-base","",s.colorGreen70),color7Light:o.extend("--ft-chart-7-light","",s.colorOrange70),color7Base:o.extend("--ft-chart-7-base","",s.colorOrange100),color8Light:o.extend("--ft-chart-8-light","",s.colorAvocado70),color8Base:o.extend("--ft-chart-8-base","",s.colorAvocado200),color9Light:o.extend("--ft-chart-9-light","",s.colorBrown50),color9Base:o.extend("--ft-chart-9-base","",s.colorBrown200),color10Light:o.extend("--ft-chart-10-light","",s.colorGray50),color10Base:o.extend("--ft-chart-10-base","",s.colorGray80),monochrome10:o.extend("--ft-chart-monochrome-10","",s.colorBrand10),monochrome20:o.extend("--ft-chart-monochrome-20","",s.colorBrand20),monochrome30:o.extend("--ft-chart-monochrome-30","",s.colorBrand40),monochrome40:o.extend("--ft-chart-monochrome-40","",s.colorBrand60),monochrome50:o.extend("--ft-chart-monochrome-50","",s.colorBrand0),monochrome60:o.extend("--ft-chart-monochrome-60","",s.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",s.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",s.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",s.colorCyan10),scatterplotQuadrantUnpopularNewBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",s.colorRed10),scatterplotDatapointInitialDefaultBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",s.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:o.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",s.opacity48),scatterplotDatapointInitialHoverBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",s.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",s.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",s.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",s.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:o.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",s.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",s.colorGray70),scatterplotDatapointHoverHoverRingColor:o.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",s.colorCyan200)};var Ch={color1IconColor:o.extend("--ft-page-designer-1-icon-color","for area color charts",s.colorCyan0),color1ToolbarColor:o.extend("--ft-page-designer-1-toolbar-color","for area color charts",s.colorCyan0),color2IconColor:o.extend("--ft-page-designer-2-icon-color","for area color charts",s.colorBrand0),color2ToolbarColor:o.extend("--ft-page-designer-2-toolbar-color","for area color charts",s.colorBrand0),color3IconColor:o.extend("--ft-page-designer-3-icon-color","for area color charts",s.colorYellow200),color3ToolbarColor:o.extend("--ft-page-designer-3-toolbar-color","for area color charts",s.colorYellow200),color4IconColor:o.extend("--ft-page-designer-4-icon-color","for area color charts",s.colorUltramarine50),color4ToolbarColor:o.extend("--ft-page-designer-4-toolbar-color","for area color charts",s.colorUltramarine50),color5IconColor:o.extend("--ft-page-designer-5-icon-color","for area color charts",s.colorGreen0),color5ToolbarColor:o.extend("--ft-page-designer-5-toolbar-color","for area color charts",s.colorGreen0),color6IconColor:o.extend("--ft-page-designer-6-icon-color","for area color charts",s.colorOrange0),color6ToolbarColor:o.extend("--ft-page-designer-6-toolbar-color","for area color charts",s.colorOrange0),color7IconColor:o.extend("--ft-page-designer-7-icon-color","for area color charts",s.colorAvocado200),color7ToolbarColor:o.extend("--ft-page-designer-7-toolbar-color","for area color charts",s.colorAvocado200),color8IconColor:o.extend("--ft-page-designer-8-icon-color","for area color charts",s.colorBrown0),color8ToolbarColor:o.extend("--ft-page-designer-8-toolbar-color","for area color charts",s.colorBrown0)};var kh={borderWidth:o.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:o.extend("--ft-notice-horizontal-padding","",s.spacing3),verticalPadding:o.extend("--ft-notice-vertical-padding","",s.spacing2),borderRadius:o.extend("--ft-notice-border-radius","",s.borderRadiusS),gap:o.extend("--ft-notice-gap","",s.spacing2),iconSize:o.extend("--ft-notice-icon-size","",s.iconSize3),infoBackgroundColor:o.extend("--ft-notice-info-background-color","",d.backgroundInfoSubtle),infoBorderColor:o.extend("--ft-notice-info-border-color","",d.borderInfoSubtle),infoColor:o.extend("--ft-notice-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-notice-info-icon-color","",d.contentInfoIconOnly),warningBackgroundColor:o.extend("--ft-notice-warning-background-color","",d.backgroundWarningSubtle),warningBorderColor:o.extend("--ft-notice-warning-border-color","",d.borderWarningSubtle),warningColor:o.extend("--ft-notice-warning-color","",d.contentWarningPrimary),warningIconColor:o.extend("--ft-notice-warning-icon-color","",d.contentWarningIconOnly),errorBackgroundColor:o.extend("--ft-notice-error-background-color","",d.backgroundErrorSubtle),errorBorderColor:o.extend("--ft-notice-error-border-color","",d.borderErrorSubtle),errorColor:o.extend("--ft-notice-error-color","",d.contentErrorPrimary),errorIconColor:o.extend("--ft-notice-error-icon-color","",d.contentErrorIconOnly),successBackgroundColor:o.extend("--ft-notice-success-background-color","",d.backgroundSuccessSubtle),successBorderColor:o.extend("--ft-notice-success-border-color","",d.borderSuccessSubtle),successColor:o.extend("--ft-notice-success-color","",d.contentSuccessPrimary),successIconColor:o.extend("--ft-notice-success-icon-color","",d.contentSuccessIconOnly)};var Bh={color:o.extend("--ft-checkbox-color","",d.contentGlobalPrimary),checkedBackgroundColor:o.extend("--ft-checkbox-checked-background-color","",d.contentActionPrimary),checkedStateLayerColor:o.extend("--ft-checkbox-checked-state-layer-color","",d.contentActionPrimary),checkedIconColor:o.extend("--ft-checkbox-checked-icon-color","",d.contentGlobalOnColor),checkedHoverStateLayerOpacity:o.extend("--ft-checkbox-checked-hover-state-layer-opacity","",s.opacity16),checkedFocusStateLayerOpacity:o.extend("--ft-checkbox-checked-focus-state-layer-opacity","",s.opacity16),checkedActiveStateLayerOpacity:o.extend("--ft-checkbox-checked-active-state-layer-opacity","",s.opacity24),checkedDisabledComponentOpacity:o.extend("--ft-checkbox-checked-disabled-component-opacity","",s.opacity40),uncheckedBorderColor:o.extend("--ft-checkbox-unchecked-border-color","",s.colorGray80),uncheckedStateLayerColor:o.extend("--ft-checkbox-unchecked-state-layer-color","",s.colorGray80),uncheckedHoverStateLayerOpacity:o.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",s.opacity16),uncheckedFocusStateLayerOpacity:o.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",s.opacity16),uncheckedActiveStateLayerOpacity:o.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",s.opacity24),uncheckedDisabledComponentOpacity:o.extend("--ft-checkbox-unchecked-disabled-component-opacity","",s.opacity40),focusFocusRingColor:o.extend("--ft-checkbox-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:o.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:o.extend("--ft-checkbox-gap","",s.spacing3)};var _h={offHoverStateLayerOpacity:o.extend("--ft-toggle-off-hover-state-layer-opacity","",s.opacity16),offFocusStateLayerOpacity:o.extend("--ft-toggle-off-focus-state-layer-opacity","",s.opacity16),offActiveStateLayerOpacity:o.extend("--ft-toggle-off-active-state-layer-opacity","",s.opacity24),offDisabledComponentOpacity:o.extend("--ft-toggle-off-disabled-component-opacity","",s.opacity40),offBackgroundColor:o.extend("--ft-toggle-off-background-color","",d.contentGlobalSubtle),offIconColor:o.extend("--ft-toggle-off-icon-color","",d.contentGlobalSubtle),offStateLayerColor:o.extend("--ft-toggle-off-state-layer-color","",d.contentGlobalSubtle),onHoverStateLayerOpacity:o.extend("--ft-toggle-on-hover-state-layer-opacity","",s.opacity16),onFocusStateLayerOpacity:o.extend("--ft-toggle-on-focus-state-layer-opacity","",s.opacity16),onActiveStateLayerOpacity:o.extend("--ft-toggle-on-active-state-layer-opacity","",s.opacity24),onDisabledComponentOpacity:o.extend("--ft-toggle-on-disabled-component-opacity","",s.opacity40),onBackgroundColor:o.extend("--ft-toggle-on-background-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-toggle-on-state-layer-color","",d.contentActionPrimary),onIconColor:o.extend("--ft-toggle-on-icon-color","",d.contentActionPrimary),color:o.extend("--ft-toggle-color","",d.contentGlobalPrimary),focusFocusRingColor:o.extend("--ft-toggle-focus-focus-ring-color","",d.borderActionFocusRing),gap:o.extend("--ft-toggle-gap","",s.spacing3)};var Hh={color:o.extend("--ft-radio-color","",d.contentGlobalPrimary),selectedRadioColor:o.extend("--ft-radio-selected-radio-color","",d.contentActionPrimary),selectedStateLayerColor:o.extend("--ft-radio-selected-state-layer-color","",d.contentActionPrimary),selectedHoverStateLayerOpacity:o.extend("--ft-radio-selected-hover-state-layer-opacity","",s.opacity16),selectedFocusStateLayerOpacity:o.extend("--ft-radio-selected-focus-state-layer-opacity","",s.opacity16),selectedActiveStateLayerOpacity:o.extend("--ft-radio-selected-active-state-layer-opacity","",s.opacity24),selectedDisabledComponentOpacity:o.extend("--ft-radio-selected-disabled-component-opacity","",s.opacity40),unselectedStateLayerColor:o.extend("--ft-radio-unselected-state-layer-color","",d.borderInputPrimary),unselectedBorderColor:o.extend("--ft-radio-unselected-border-color","",d.borderInputPrimary),unselectedHoverStateLayerOpacity:o.extend("--ft-radio-unselected-hover-state-layer-opacity","",s.opacity16),unselectedFocusStateLayerOpacity:o.extend("--ft-radio-unselected-focus-state-layer-opacity","",s.opacity16),unselectedActiveStateLayerOpacity:o.extend("--ft-radio-unselected-active-state-layer-opacity","",s.opacity24),unselectedDisabledComponentOpacity:o.extend("--ft-radio-unselected-disabled-component-opacity","",s.opacity40),focusFocusRingColor:o.extend("--ft-radio-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:o.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:o.extend("--ft-radio-gap","",s.spacing3)};var Zh={iconSize:o.extend("--ft-notification-icon-size","",s.iconSize4),leftPadding:o.extend("--ft-notification-left-padding","",s.spacing5),rightPadding:o.extend("--ft-notification-right-padding","",s.spacing4),verticalPadding:o.extend("--ft-notification-vertical-padding","",s.spacing3),infoBackgroundColor:o.extend("--ft-notification-info-background-color","",d.backgroundInfoSubtle),infoColor:o.extend("--ft-notification-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-notification-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:o.extend("--ft-notification-info-border-color","",d.borderInfoSubtle),successBackgroundColor:o.extend("--ft-notification-success-background-color","",d.backgroundSuccessSubtle),successColor:o.extend("--ft-notification-success-color","",d.contentSuccessPrimary),successIconColor:o.extend("--ft-notification-success-icon-color","",d.contentSuccessIconOnly),successBorderColor:o.extend("--ft-notification-success-border-color","",d.borderSuccessSubtle),warningBackgroundColor:o.extend("--ft-notification-warning-background-color","",d.backgroundWarningSubtle),warningColor:o.extend("--ft-notification-warning-color","",d.contentWarningPrimary),warningIconColor:o.extend("--ft-notification-warning-icon-color","",d.contentWarningIconOnly),warningBorderColor:o.extend("--ft-notification-warning-border-color","",d.borderWarningSubtle),errorBackgroundColor:o.extend("--ft-notification-error-background-color","",d.backgroundErrorSubtle),errorColor:o.extend("--ft-notification-error-color","",d.contentErrorPrimary),errorIconColor:o.extend("--ft-notification-error-icon-color","",d.contentErrorIconOnly),errorBorderColor:o.extend("--ft-notification-error-border-color","",d.borderErrorSubtle),borderRadius:o.extend("--ft-notification-border-radius","",s.borderRadiusPill),borderWidth:o.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:o.extend("--ft-notification-leading-gap","",s.spacing2),trailingGap:o.extend("--ft-notification-trailing-gap","",s.spacing8)};var Qh={horizontalPadding:o.extend("--ft-tooltip-horizontal-padding","",s.spacing2),verticalPadding:o.extend("--ft-tooltip-vertical-padding","",s.spacing2),borderRadius:o.extend("--ft-tooltip-border-radius","",s.borderRadiusS),color:o.extend("--ft-tooltip-color","",d.contentGlobalOnColor),backgroundColor:o.extend("--ft-tooltip-background-color","",d.contentGlobalPrimary),backgroundOpacity:o.extend("--ft-tooltip-background-opacity","",s.opacity80),shadow:o.extend("--ft-tooltip-shadow","",s.shadowElevation02),maxWidth:o.create("--ft-tooltip-max-width","","SIZE","256px"),gap:o.extend("--ft-tooltip-gap","",s.spacing05)};var Tr;(function(t){t.brand="brand",t.neutral="neutral",t.info="info",t.success="success",t.warning="warning",t.error="error"})(Tr||(Tr={}));var Le;(function(t){t.large="large",t.medium="medium",t.small="small"})(Le||(Le={}));var Mr=h(L());function Ya(t){let e=_r[t];return Mr.css`
|
|
24
|
+
`}contentAvailableCallback(e){super.contentAvailableCallback(e),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run(()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=it.S:this.size<976?this.category=it.M:this.size<1024?this.category=it.L:this.size<1440?this.category=it.XL:this.category=it.XXL,this.dispatchEvent(new Bn(this.size,this.category)))},this.debounceTimeout)}};Ke.elementDefinitions={};Ke.styles=aa;rr([(0,ho.property)({type:Number})],Ke.prototype,"debounceTimeout",void 0);rr([(0,ho.property)({type:Boolean})],Ke.prototype,"local",void 0);rr([(0,ho.property)({type:Number,reflect:!0})],Ke.prototype,"size",void 0);rr([(0,ho.property)({type:String,reflect:!0})],Ke.prototype,"category",void 0);rr([(0,ho.query)(".ft-size-watcher--watcher")],Ke.prototype,"watcher",void 0);(0,sa.customElement)("ft-size-watcher")(Ke);var pl=u(w());var Mn=globalThis,Dr=Mn.trustedTypes,ca=Dr?Dr.createPolicy("lit-html",{createHTML:t=>t}):void 0,ya="$lit$",Kt=`lit$${(Math.random()+"").slice(9)}$`,ma="?"+Kt,Nd=`<${ma}>`,go=document,Fr=()=>go.createComment(""),ir=t=>t===null||typeof t!="object"&&typeof t!="function",ga=Array.isArray,Ad=t=>ga(t)||typeof t?.[Symbol.iterator]=="function",In=`[
|
|
25
|
+
\f\r]`,nr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,da=/-->/g,pa=/>/g,yo=RegExp(`>|${In}(?:([^\\s"'>=/]+)(${In}*=${In}*(?:[^
|
|
26
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),fa=/'/g,ua=/"/g,ba=/^(?:script|style|textarea|title)$/i,va=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),xa=va(1),Sa=va(2),ar=Symbol.for("lit-noChange"),Se=Symbol.for("lit-nothing"),ha=new WeakMap,mo=go.createTreeWalker(go,129);function Oa(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return ca!==void 0?ca.createHTML(e):e}var Pd=(t,e)=>{let r=t.length-1,n=[],i,a=e===2?"<svg>":"",l=nr;for(let c=0;c<r;c++){let p=t[c],f,y,m=-1,g=0;for(;g<p.length&&(l.lastIndex=g,y=l.exec(p),y!==null);)g=l.lastIndex,l===nr?y[1]==="!--"?l=da:y[1]!==void 0?l=pa:y[2]!==void 0?(ba.test(y[2])&&(i=RegExp("</"+y[2],"g")),l=yo):y[3]!==void 0&&(l=yo):l===yo?y[0]===">"?(l=i??nr,m=-1):y[1]===void 0?m=-2:(m=l.lastIndex-y[2].length,f=y[1],l=y[3]===void 0?yo:y[3]==='"'?ua:fa):l===ua||l===fa?l=yo:l===da||l===pa?l=nr:(l=yo,i=void 0);let v=l===yo&&t[c+1].startsWith("/>")?" ":"";a+=l===nr?p+Nd:m>=0?(n.push(f),p.slice(0,m)+ya+p.slice(m)+Kt+v):p+Kt+(m===-2?c:v)}return[Oa(t,a+(t[r]||"<?>")+(e===2?"</svg>":"")),n]},lr=class t{constructor({strings:e,_$litType$:r},n){let i;this.parts=[];let a=0,l=0,c=e.length-1,p=this.parts,[f,y]=Pd(e,r);if(this.el=t.createElement(f,n),mo.currentNode=this.el.content,r===2){let m=this.el.content.firstChild;m.replaceWith(...m.childNodes)}for(;(i=mo.nextNode())!==null&&p.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(let m of i.getAttributeNames())if(m.endsWith(ya)){let g=y[l++],v=i.getAttribute(m).split(Kt),b=/([.?@])?(.*)/.exec(g);p.push({type:1,index:a,name:b[2],strings:v,ctor:b[1]==="."?Fn:b[1]==="?"?_n:b[1]==="@"?zn:_o}),i.removeAttribute(m)}else m.startsWith(Kt)&&(p.push({type:6,index:a}),i.removeAttribute(m));if(ba.test(i.tagName)){let m=i.textContent.split(Kt),g=m.length-1;if(g>0){i.textContent=Dr?Dr.emptyScript:"";for(let v=0;v<g;v++)i.append(m[v],Fr()),mo.nextNode(),p.push({type:2,index:++a});i.append(m[g],Fr())}}}else if(i.nodeType===8)if(i.data===ma)p.push({type:2,index:a});else{let m=-1;for(;(m=i.data.indexOf(Kt,m+1))!==-1;)p.push({type:7,index:a}),m+=Kt.length-1}a++}}static createElement(e,r){let n=go.createElement("template");return n.innerHTML=e,n}};function Fo(t,e,r=t,n){if(e===ar)return e;let i=n!==void 0?r._$Co?.[n]:r._$Cl,a=ir(e)?void 0:e._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(t),i._$AT(t,r,n)),n!==void 0?(r._$Co??=[])[n]=i:r._$Cl=i),i!==void 0&&(e=Fo(t,i._$AS(t,e.values),i,n)),e}var Dn=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:r},parts:n}=this._$AD,i=(e?.creationScope??go).importNode(r,!0);mo.currentNode=i;let a=mo.nextNode(),l=0,c=0,p=n[0];for(;p!==void 0;){if(l===p.index){let f;p.type===2?f=new _r(a,a.nextSibling,this,e):p.type===1?f=new p.ctor(a,p.name,p.strings,this,e):p.type===6&&(f=new Tn(a,this,e)),this._$AV.push(f),p=n[++c]}l!==p?.index&&(a=mo.nextNode(),l++)}return mo.currentNode=go,i}p(e){let r=0;for(let n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(e,n,r),r+=n.strings.length-2):n._$AI(e[r])),r++}},_r=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,r,n,i){this.type=2,this._$AH=Se,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,r=this._$AM;return r!==void 0&&e?.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=Fo(this,e,r),ir(e)?e===Se||e==null||e===""?(this._$AH!==Se&&this._$AR(),this._$AH=Se):e!==this._$AH&&e!==ar&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Ad(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==Se&&ir(this._$AH)?this._$AA.nextSibling.data=e:this.$(go.createTextNode(e)),this._$AH=e}g(e){let{values:r,_$litType$:n}=e,i=typeof n=="number"?this._$AC(e):(n.el===void 0&&(n.el=lr.createElement(Oa(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(r);else{let a=new Dn(i,this),l=a.u(this.options);a.p(r),this.$(l),this._$AH=a}}_$AC(e){let r=ha.get(e.strings);return r===void 0&&ha.set(e.strings,r=new lr(e)),r}T(e){ga(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,n,i=0;for(let a of e)i===r.length?r.push(n=new t(this.k(Fr()),this.k(Fr()),this,this.options)):n=r[i],n._$AI(a),i++;i<r.length&&(this._$AR(n&&n._$AB.nextSibling,i),r.length=i)}_$AR(e=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);e&&e!==this._$AB;){let n=e.nextSibling;e.remove(),e=n}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},_o=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,r,n,i,a){this.type=1,this._$AH=Se,this._$AN=void 0,this.element=e,this.name=r,this._$AM=i,this.options=a,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=Se}_$AI(e,r=this,n,i){let a=this.strings,l=!1;if(a===void 0)e=Fo(this,e,r,0),l=!ir(e)||e!==this._$AH&&e!==ar,l&&(this._$AH=e);else{let c=e,p,f;for(e=a[0],p=0;p<a.length-1;p++)f=Fo(this,c[n+p],r,p),f===ar&&(f=this._$AH[p]),l||=!ir(f)||f!==this._$AH[p],f===Se?e=Se:e!==Se&&(e+=(f??"")+a[p+1]),this._$AH[p]=f}l&&!i&&this.O(e)}O(e){e===Se?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Fn=class extends _o{constructor(){super(...arguments),this.type=3}O(e){this.element[this.name]=e===Se?void 0:e}},_n=class extends _o{constructor(){super(...arguments),this.type=4}O(e){this.element.toggleAttribute(this.name,!!e&&e!==Se)}},zn=class extends _o{constructor(e,r,n,i,a){super(e,r,n,i,a),this.type=5}_$AI(e,r=this){if((e=Fo(this,e,r,0)??Se)===ar)return;let n=this._$AH,i=e===Se&&n!==Se||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,a=e!==Se&&(n===Se||i);i&&this.element.removeEventListener(this.name,this,n),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Tn=class{constructor(e,r,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){Fo(this,e)}};var Bd=Mn.litHtmlPolyfillSupport;Bd?.(lr,_r),(Mn.litHtmlVersions??=[]).push("3.1.0");var wa=Symbol.for(""),Id=t=>{if(t?.r===wa)return t?._$litStatic$},Wn=t=>({_$litStatic$:t,r:wa});var Ca=new Map,Ea=t=>(e,...r)=>{let n=r.length,i,a,l=[],c=[],p,f=0,y=!1;for(;f<n;){for(p=e[f];f<n&&(a=r[f],(i=Id(a))!==void 0);)p+=i+e[++f],y=!0;f!==n&&c.push(a),l.push(p),f++}if(f===n&&l.push(e[n]),y){let m=l.join("$$lit$$");(e=Ca.get(m))===void 0&&(l.raw=l,Ca.set(m,e=l)),r=c}return t(e,...r)},Un=Ea(xa),hf=Ea(Sa);var Hn=u(Y()),dl=u(w());var at;(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",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"})(at||(at={}));var lt=u(L()),E=u(w());var Pt=u(L(),1),Zt=t=>typeof t=="string"?(0,Pt.unsafeCSS)(t):t,o=class{static create(e,r,n,i){let a=c=>Zt(c??i),l=Pt.css`var(${Zt(e)}, ${a(i)})`;return l.name=e,l.description=r,l.category=n,l.defaultValue=i,l.defaultCssValue=a,l.get=c=>Pt.css`var(${Zt(e)}, ${a(c)})`,l.breadcrumb=()=>[],l.lastResortDefaultValue=()=>i,l}static extend(e,r,n,i){let a=c=>n.get(c??i),l=Pt.css`var(${Zt(e)}, ${a(i)})`;return l.name=e,l.description=r,l.category=n.category,l.fallbackVariable=n,l.defaultValue=i,l.defaultCssValue=a,l.get=c=>Pt.css`var(${Zt(e)}, ${a(c)})`,l.breadcrumb=()=>[n.name,...n.breadcrumb()],l.lastResortDefaultValue=()=>i??n.lastResortDefaultValue(),l}static external(e,r){let n=a=>e.fallbackVariable?e.fallbackVariable.get(a??e.defaultValue):Zt(a??e.lastResortDefaultValue()),i=Pt.css`var(${Zt(e.name)}, ${n(e.defaultValue)})`;return i.name=e.name,i.category=e.category,i.fallbackVariable=e.fallbackVariable,i.defaultValue=e.defaultValue,i.context=r,i.defaultCssValue=n,i.get=a=>Pt.css`var(${Zt(e.name)}, ${n(a)})`,i.breadcrumb=()=>e.fallbackVariable?[e.fallbackVariable.name,...e.fallbackVariable.breadcrumb()]:[],i.lastResortDefaultValue=()=>e.lastResortDefaultValue(),i}};var s={colorWhite:o.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:o.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:o.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:o.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:o.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:o.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:o.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:o.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:o.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:o.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:o.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:o.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:o.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:o.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:o.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:o.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:o.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:o.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:o.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:o.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:o.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:o.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:o.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:o.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:o.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:o.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:o.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:o.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:o.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:o.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:o.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:o.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:o.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:o.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:o.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:o.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:o.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:o.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:o.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:o.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:o.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:o.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:o.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:o.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:o.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:o.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:o.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:o.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:o.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:o.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:o.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:o.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:o.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:o.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:o.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:o.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:o.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:o.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:o.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:o.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:o.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:o.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:o.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:o.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:o.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:o.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:o.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:o.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:o.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:o.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:o.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:o.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:o.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:o.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:o.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:o.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:o.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:o.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:o.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:o.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:o.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:o.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:o.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:o.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:o.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:o.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:o.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:o.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:o.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:o.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:o.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:o.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:o.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:o.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:o.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:o.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:o.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:o.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:o.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:o.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:o.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:o.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:o.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:o.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:o.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:o.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:o.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:o.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:o.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:o.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:o.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:o.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:o.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:o.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:o.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:o.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:o.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:o.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:o.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:o.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:o.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:o.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:o.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:o.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:o.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:o.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:o.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:o.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:o.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:o.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:o.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:o.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:o.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:o.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:o.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:o.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:o.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:o.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:o.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:o.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:o.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:o.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:o.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:o.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:o.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:o.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:o.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:o.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:o.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:o.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:o.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:o.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:o.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:o.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:o.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:o.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:o.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:o.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:o.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:o.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:o.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:o.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:o.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:o.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:o.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:o.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:o.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:o.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:o.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:o.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:o.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:o.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:o.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:o.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:o.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:o.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:o.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:o.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:o.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:o.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:o.create("--ft-opacity-0","","NUMBER","0"),opacity8:o.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:o.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:o.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:o.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:o.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:o.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:o.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:o.create("--ft-shadow-elevation-01","","SHADOW","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)"),shadowElevation02:o.create("--ft-shadow-elevation-02","","SHADOW","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)"),shadowElevation03:o.create("--ft-shadow-elevation-03","","SHADOW","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)"),shadowElevation04:o.create("--ft-shadow-elevation-04","","SHADOW","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)"),shadowElevation06:o.create("--ft-shadow-elevation-06","","SHADOW","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)"),shadowElevation08:o.create("--ft-shadow-elevation-08","","SHADOW","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)"),shadowElevation12:o.create("--ft-shadow-elevation-12","","SHADOW","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)"),shadowElevation16:o.create("--ft-shadow-elevation-16","","SHADOW","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)"),shadowElevation24:o.create("--ft-shadow-elevation-24","","SHADOW","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)")},$a={fontFamily:o.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:o.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:o.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-display-textCase","","UNKNOWN","none")},Ra={fontFamily:o.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:o.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:o.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},ka={fontFamily:o.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:o.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:o.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},La={fontFamily:o.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:o.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:o.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:o.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},Na={fontFamily:o.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:o.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:o.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},Aa={fontFamily:o.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:o.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},Pa={fontFamily:o.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:o.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},Ba={fontFamily:o.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:o.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},Ia={fontFamily:o.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},Dd={fontFamily:o.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:o.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:o.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},Da={fontFamily:o.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:o.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:o.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:o.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},Fa={fontFamily:o.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},_a={fontFamily:o.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},za={fontFamily:o.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:o.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},Ta={fontFamily:o.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},Ma={fontFamily:o.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Wa={fontFamily:o.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:o.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:o.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:o.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Ua={fontFamily:o.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Ha={fontFamily:o.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Va={fontFamily:o.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:o.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Ga={fontFamily:o.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:o.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},ja={fontFamily:o.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:o.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},Ka={fontFamily:o.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:o.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},Za={fontFamily:o.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:o.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:o.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},qa={fontFamily:o.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:o.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:o.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Ya={fontFamily:o.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:o.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:o.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:o.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:o.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:o.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:o.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:o.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:o.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},zr={display:$a,"title-1":Ra,"title-2":ka,"title-3":La,"body-1-regular":Na,"body-1-medium":Aa,"body-1-semibold":Pa,"body-2-regular":Ba,"body-2-medium":Ia,"body-2-medium-underline":Dd,"body-2-semibold":Da,"label-1-medium":Fa,"label-1-semibold":_a,"label-1-bold":za,"label-2-medium":Ta,"label-2-semibold":Ma,"label-2-bold":Wa,"caption-1-medium":Ua,"caption-1-semibold":Ha,"caption-1-bold":Va,"caption-2-medium":Ga,"caption-2-semibold":ja,"caption-2-bold":Ka,"caption-3-medium":Za,"caption-3-semibold":qa,"caption-3-bold":Ya};var d={backgroundActionPrimary:o.extend("--ft-background-action-primary","Used as backgorund of primary action components.",s.colorBrand0),backgroundErrorSubtle:o.extend("--ft-background-error-subtle","Used as background of subtle error components.",s.colorRed10),backgroundInfoSubtle:o.extend("--ft-background-info-subtle","Used as background of subtle information components.",s.colorCyan10),backgroundWarningSubtle:o.extend("--ft-background-warning-subtle","Used as background of subtle information components.",s.colorOrange10),backgroundSuccessSubtle:o.extend("--ft-background-success-subtle","Used as background of subtle success components.",s.colorGreen10),backgroundGlobalSurface:o.extend("--ft-background-global-surface","Used as app background.",s.colorWhite),backgroundGlobalOnSurface:o.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",s.colorGray10),backgroundGlobalOnSurfaceDark:o.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",s.colorGray30),contentActionPrimary:o.extend("--ft-content-action-primary","Used on label of primary action on light surface.",s.colorBrand0),contentWarningPrimary:o.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",s.colorOrange200),contentWarningIconOnly:o.extend("--ft-content-warning-icon-only","Used on warning status icons alone",s.colorOrange0),contentErrorPrimary:o.extend("--ft-content-error-primary","Used on label of error messages on light surface.",s.colorRed0),contentErrorIconOnly:o.extend("--ft-content-error-icon-only","Used on error status icons alone",s.colorRed70),contentInfoPrimary:o.extend("--ft-content-info-primary","Used on label of information messages on light surface.",s.colorCyan200),contentInfoIconOnly:o.extend("--ft-content-info-icon-only","Used on info status icons alone",s.colorCyan0),contentSuccessPrimary:o.extend("--ft-content-success-primary","Used on label of success messages on light surface.",s.colorGreen200),contentSuccessIconOnly:o.extend("--ft-content-success-icon-only","Used on success status icons alone",s.colorGreen0),contentGlobalPrimary:o.extend("--ft-content-global-primary","Used for main content on the page.",s.colorGray500),contentGlobalSecondary:o.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
27
|
+
Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",s.colorGray0),contentGlobalOnColor:o.extend("--ft-content-global-on-color","Used for content on a dominant color.",s.colorWhite),borderActionPrimary:o.extend("--ft-border-action-primary","Used as border for primary action components.",s.colorBrand0),borderActionFocusRing:o.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",s.colorCyan0),borderWarningPrimary:o.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",s.colorOrange200),borderWarningSubtle:o.extend("--ft-border-warning-subtle","Used as border for warning components.",s.colorOrange30),borderSuccessPrimary:o.extend("--ft-border-success-primary","Used as border for success buttons.",s.colorGreen200),borderSuccessSubtle:o.extend("--ft-border-success-subtle","Used as border for success components.",s.colorGreen30),borderErrorPrimary:o.extend("--ft-border-error-primary","Used as border for text fields in error states.",s.colorRed0),borderErrorSubtle:o.extend("--ft-border-error-subtle","Used as border for error components.",s.colorRed30),borderInfoPrimary:o.extend("--ft-border-info-primary","Used as border for buttons in info color.",s.colorCyan200),borderInfoSubtle:o.extend("--ft-border-info-subtle","Used as border for information components.",s.colorCyan30),borderGlobalPrimary:o.extend("--ft-border-global-primary","Used as border for element like input.",s.colorGray50),borderGlobalSubtle:o.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",s.colorGray30),borderInputPrimary:o.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",s.colorGray80),borderNeutralPrimary:o.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",s.colorGray200)};var h={largeHeight:o.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:o.extend("--ft-button-large-horizontal-padding","",s.spacing4),largeGap:o.extend("--ft-button-large-gap","",s.spacing2),largeBorderRadius:o.extend("--ft-button-large-border-radius","",s.borderRadiusS),largeIconSize:o.extend("--ft-button-large-icon-size","",s.iconSize3),largeBorderWidth:o.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:o.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:o.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:o.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:o.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:o.extend("--ft-button-medium-horizontal-padding","",s.spacing3),mediumGap:o.extend("--ft-button-medium-gap","",s.spacing2),mediumBorderRadius:o.extend("--ft-button-medium-border-radius","",s.borderRadiusS),mediumIconSize:o.extend("--ft-button-medium-icon-size","",s.iconSize2),mediumBorderWidth:o.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:o.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:o.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:o.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:o.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:o.extend("--ft-button-small-horizontal-padding","",s.spacing2),smallGap:o.extend("--ft-button-small-gap","",s.spacing1),smallBorderRadius:o.extend("--ft-button-small-border-radius","",s.borderRadiusS),smallIconSize:o.extend("--ft-button-small-icon-size","",s.iconSize1),smallBorderWidth:o.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:o.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:o.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:o.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:o.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:o.extend("--ft-button-x-small-icon-size","",s.iconSize1),xSmallFocusOutlineOffset:o.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:o.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:o.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:o.extend("--ft-button-round-border-radius","",s.borderRadiusPill),primaryBrandBackgroundColor:o.extend("--ft-button-primary-brand-background-color","",d.backgroundActionPrimary),primaryBrandColor:o.extend("--ft-button-primary-brand-color","",d.contentGlobalOnColor),primaryBrandIconColor:o.extend("--ft-button-primary-brand-icon-color","",d.contentGlobalOnColor),primaryBrandStateLayerColor:o.extend("--ft-button-primary-brand-state-layer-color","",d.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:o.extend("--ft-button-primary-brand-hover-state-layer-opacity","",s.opacity16),primaryBrandFocusStateLayerOpacity:o.extend("--ft-button-primary-brand-focus-state-layer-opacity","",s.opacity16),primaryBrandActiveStateLayerOpacity:o.extend("--ft-button-primary-brand-active-state-layer-opacity","",s.opacity24),primaryBrandDisabledComponentOpacity:o.extend("--ft-button-primary-brand-disabled-component-opacity","",s.opacity40),focusFocusRingColor:o.extend("--ft-button-focus-focus-ring-color","",d.borderActionFocusRing),tertiaryBrandBackgroundColor:o.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:o.extend("--ft-button-tertiary-brand-color","",d.contentActionPrimary),tertiaryBrandIconColor:o.extend("--ft-button-tertiary-brand-icon-color","",d.contentActionPrimary),tertiaryBrandStateLayerColor:o.extend("--ft-button-tertiary-brand-state-layer-color","",d.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:o.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",s.opacity8),tertiaryBrandFocusStateLayerOpacity:o.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",s.opacity8),tertiaryBrandActiveStateLayerOpacity:o.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",s.opacity16),tertiaryBrandDisabledComponentOpacity:o.extend("--ft-button-tertiary-brand-disabled-component-opacity","",s.opacity40),tertiaryInfoBackgroundColor:o.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:o.extend("--ft-button-tertiary-info-color","",d.contentInfoPrimary),tertiaryInfoIconColor:o.extend("--ft-button-tertiary-info-icon-color","",d.contentInfoPrimary),tertiaryInfoStateLayerColor:o.extend("--ft-button-tertiary-info-state-layer-color","",d.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:o.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",s.opacity8),tertiaryInfoHoverStateLayerOpacity:o.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",s.opacity8),tertiaryInfoActiveStateLayerOpacity:o.extend("--ft-button-tertiary-info-active-state-layer-opacity","",s.opacity16),tertiaryInfoDisabledComponentOpacity:o.extend("--ft-button-tertiary-info-disabled-component-opacity","",s.opacity40),tertiarySuccessBackgroundColor:o.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:o.extend("--ft-button-tertiary-success-color","",d.contentSuccessPrimary),tertiarySuccessIconColor:o.extend("--ft-button-tertiary-success-icon-color","",d.contentSuccessPrimary),tertiarySuccessStateLayerColor:o.extend("--ft-button-tertiary-success-state-layer-color","",d.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:o.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",s.opacity8),tertiarySuccessFocusStateLayerOpacity:o.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",s.opacity8),tertiarySuccessActiveStateLayerOpacity:o.extend("--ft-button-tertiary-success-active-state-layer-opacity","",s.opacity16),tertiarySuccessDisabledComponentOpacity:o.extend("--ft-button-tertiary-success-disabled-component-opacity","",s.opacity40),tertiaryWarningBackgroundColor:o.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:o.extend("--ft-button-tertiary-warning-color","",d.contentWarningPrimary),tertiaryWarningIconColor:o.extend("--ft-button-tertiary-warning-icon-color","",d.contentWarningPrimary),tertiaryWarningStateLayerColor:o.extend("--ft-button-tertiary-warning-state-layer-color","",d.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:o.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",s.opacity8),tertiaryWarningFocusStateLayerOpacity:o.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",s.opacity8),tertiaryWarningActiveStateLayerOpacity:o.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",s.opacity16),tertiaryWarningDisabledComponentOpacity:o.extend("--ft-button-tertiary-warning-disabled-component-opacity","",s.opacity40),tertiaryErrorBackgroundColor:o.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:o.extend("--ft-button-tertiary-error-color","",d.contentErrorPrimary),tertiaryErrorIconColor:o.extend("--ft-button-tertiary-error-icon-color","",d.contentErrorPrimary),tertiaryErrorStateLayerColor:o.extend("--ft-button-tertiary-error-state-layer-color","",d.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:o.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",s.opacity8),tertiaryErrorFocusStateLayerOpacity:o.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",s.opacity8),tertiaryErrorActiveStateLayerOpacity:o.extend("--ft-button-tertiary-error-active-state-layer-opacity","",s.opacity16),tertiaryErrorDisabledComponentOpacity:o.extend("--ft-button-tertiary-error-disabled-component-opacity","",s.opacity40),tertiaryNeutralBackgroundColor:o.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:o.extend("--ft-button-tertiary-neutral-icon-color","",d.contentGlobalSecondary),tertiaryNeutralColor:o.extend("--ft-button-tertiary-neutral-color","",d.contentGlobalSecondary),tertiaryNeutralStateLayerColor:o.extend("--ft-button-tertiary-neutral-state-layer-color","",d.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:o.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",s.opacity8),tertiaryNeutralFocusStateLayerOpacity:o.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",s.opacity8),tertiaryNeutralActiveStateLayerOpacity:o.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",s.opacity16),tertiaryNeutralDisabledComponentOpacity:o.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",s.opacity40),secondaryBrandBackgroundColor:o.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:o.extend("--ft-button-secondary-brand-color","",d.contentActionPrimary),secondaryBrandIconColor:o.extend("--ft-button-secondary-brand-icon-color","",d.contentActionPrimary),secondaryBrandStateLayerColor:o.extend("--ft-button-secondary-brand-state-layer-color","",d.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:o.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",s.opacity8),secondaryBrandFocusStateLayerOpacity:o.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",s.opacity8),secondaryBrandActiveStateLayerOpacity:o.extend("--ft-button-secondary-brand-active-state-layer-opacity","",s.opacity16),secondaryBrandDisabledComponentOpacity:o.extend("--ft-button-secondary-brand-disabled-component-opacity","",s.opacity40),secondaryBrandBorderColor:o.extend("--ft-button-secondary-brand-border-color","",d.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:o.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",s.opacity8),secondaryNeutralFocusStateLayerOpacity:o.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",s.opacity8),secondaryNeutralActiveStateLayerOpacity:o.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",s.opacity16),secondaryNeutralDisabledComponentOpacity:o.extend("--ft-button-secondary-neutral-disabled-component-opacity","",s.opacity40),secondaryNeutralBackgroundColor:o.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:o.extend("--ft-button-secondary-neutral-color","",d.contentGlobalSecondary),secondaryNeutralIconColor:o.extend("--ft-button-secondary-neutral-icon-color","",d.contentGlobalSecondary),secondaryNeutralStateLayerColor:o.extend("--ft-button-secondary-neutral-state-layer-color","",d.contentGlobalSecondary),secondaryNeutralBorderColor:o.extend("--ft-button-secondary-neutral-border-color","",d.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:o.extend("--ft-button-secondary-info-hover-state-layer-opacity","",s.opacity8),secondaryInfoFocusStateLayerOpacity:o.extend("--ft-button-secondary-info-focus-state-layer-opacity","",s.opacity8),secondaryInfoActiveStateLayerOpacity:o.extend("--ft-button-secondary-info-active-state-layer-opacity","",s.opacity16),secondaryInfoDisabledComponentOpacity:o.extend("--ft-button-secondary-info-disabled-component-opacity","",s.opacity40),secondaryInfoBackgroundColor:o.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:o.extend("--ft-button-secondary-info-border-color","",d.borderInfoPrimary),secondaryInfoColor:o.extend("--ft-button-secondary-info-color","",d.contentInfoPrimary),secondaryInfoIconColor:o.extend("--ft-button-secondary-info-icon-color","",d.contentInfoPrimary),secondaryInfoStateLayerColor:o.extend("--ft-button-secondary-info-state-layer-color","",d.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:o.extend("--ft-button-secondary-success-hover-state-layer-opacity","",s.opacity8),secondarySuccessFocusStateLayerOpacity:o.extend("--ft-button-secondary-success-focus-state-layer-opacity","",s.opacity8),secondarySuccessActiveStateLayerOpacity:o.extend("--ft-button-secondary-success-active-state-layer-opacity","",s.opacity16),secondarySuccessDisabledComponentOpacity:o.extend("--ft-button-secondary-success-disabled-component-opacity","",s.opacity40),secondarySuccessBackgroundColor:o.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:o.extend("--ft-button-secondary-success-border-color","",d.borderSuccessPrimary),secondarySuccessColor:o.extend("--ft-button-secondary-success-color","",d.contentSuccessPrimary),secondarySuccessIconColor:o.extend("--ft-button-secondary-success-icon-color","",d.contentSuccessPrimary),secondarySuccessStateLayerColor:o.extend("--ft-button-secondary-success-state-layer-color","",d.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:o.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",s.opacity8),secondaryWarningFocusStateLayerOpacity:o.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",s.opacity8),secondaryWarningActiveStateLayerOpacity:o.extend("--ft-button-secondary-warning-active-state-layer-opacity","",s.opacity16),secondaryWarningDisabledComponentOpacity:o.extend("--ft-button-secondary-warning-disabled-component-opacity","",s.opacity40),secondaryWarningBackgroundColor:o.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:o.extend("--ft-button-secondary-warning-border-color","",d.borderWarningPrimary),secondaryWarningColor:o.extend("--ft-button-secondary-warning-color","",d.contentWarningPrimary),secondaryWarningIconColor:o.extend("--ft-button-secondary-warning-icon-color","",d.contentWarningPrimary),secondaryWarningStateLayerColor:o.extend("--ft-button-secondary-warning-state-layer-color","",d.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:o.extend("--ft-button-secondary-error-hover-state-layer-opacity","",s.opacity8),secondaryErrorFocusStateLayerOpacity:o.extend("--ft-button-secondary-error-focus-state-layer-opacity","",s.opacity8),secondaryErrorActiveStateLayerOpacity:o.extend("--ft-button-secondary-error-active-state-layer-opacity","",s.opacity16),secondaryErrorDisabledComponentOpacity:o.extend("--ft-button-secondary-error-disabled-component-opacity","",s.opacity40),secondaryErrorBackgroundColor:o.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:o.extend("--ft-button-secondary-error-border-color","",d.contentErrorPrimary),secondaryErrorColor:o.extend("--ft-button-secondary-error-color","",d.contentErrorPrimary),secondaryErrorIconColor:o.extend("--ft-button-secondary-error-icon-color","",d.contentErrorPrimary),secondaryErrorStateLayerColor:o.extend("--ft-button-secondary-error-state-layer-color","",d.contentErrorPrimary)};var Pf={neutralOffHoverStateLayerOpacity:o.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",s.opacity8),neutralOffFocusStateLayerOpacity:o.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",s.opacity8),neutralOffFocusFocusRingColor:o.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",d.borderActionFocusRing),neutralOffActiveStateLayerOpacity:o.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",s.opacity16),neutralOffBackgroundColor:o.extend("--ft-chip-choice-neutral-off-background-color","",d.backgroundGlobalOnSurface),neutralOffBorderColor:o.extend("--ft-chip-choice-neutral-off-border-color","",d.borderGlobalPrimary),neutralOffColor:o.extend("--ft-chip-choice-neutral-off-color","",d.contentGlobalSecondary),neutralOffStateLayerColor:o.extend("--ft-chip-choice-neutral-off-state-layer-color","",d.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",s.opacity16),neutralOnHoverStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",s.opacity24),neutralOnFocusStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",s.opacity24),neutralOnFocusFocusRingColor:o.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",d.borderActionFocusRing),neutralOnActiveStateLayerOpacity:o.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",s.opacity32),neutralOnBackgroundColor:o.extend("--ft-chip-choice-neutral-on-background-color","",d.backgroundGlobalOnSurface),neutralOnBorderColor:o.extend("--ft-chip-choice-neutral-on-border-color","",d.borderGlobalPrimary),neutralOnColor:o.extend("--ft-chip-choice-neutral-on-color","",d.contentGlobalPrimary),neutralOnIconColor:o.extend("--ft-chip-choice-neutral-on-icon-color","",d.contentGlobalPrimary),neutralOnStateLayerColor:o.extend("--ft-chip-choice-neutral-on-state-layer-color","",d.contentGlobalPrimary),largeMinHeight:o.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:o.extend("--ft-chip-choice-large-horizontal-padding","",s.spacing3),largeGap:o.extend("--ft-chip-choice-large-gap","",s.spacing1),largeBorderRadius:o.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:o.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:o.extend("--ft-chip-choice-large-icon-size","",s.iconSize3),mediumMinHeight:o.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:o.extend("--ft-chip-choice-medium-horizontal-padding","",s.spacing2),mediumGap:o.extend("--ft-chip-choice-medium-gap","",s.spacing1),mediumBorderRadius:o.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:o.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:o.extend("--ft-chip-choice-medium-icon-size","",s.iconSize2)};var U={largeMinHeight:o.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:o.extend("--ft-chip-large-horizontal-padding","",s.spacing3),largeButtonRightPadding:o.extend("--ft-chip-large-button-right-padding","",s.spacing1),largeGap:o.extend("--ft-chip-large-gap","",s.spacing1),largeFocusOutlineOffset:o.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:o.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:o.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:o.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:o.extend("--ft-chip-large-icon-size","",s.iconSize3),mediumMinHeight:o.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:o.extend("--ft-chip-medium-horizontal-padding","",s.spacing2),mediumButtonRightPadding:o.extend("--ft-chip-medium-button-right-padding","",s.spacing05),mediumGap:o.extend("--ft-chip-medium-gap","",s.spacing1),mediumFocusOutlineOffset:o.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:o.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:o.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:o.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:o.extend("--ft-chip-medium-icon-size","",s.iconSize2),smallMinHeight:o.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:o.extend("--ft-chip-small-horizontal-padding","",s.spacing1),smallButtonRightPadding:o.extend("--ft-chip-small-button-right-padding","",s.spacing05),smallGap:o.extend("--ft-chip-small-gap","",s.spacing1),smallFocusOutlineOffset:o.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:o.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:o.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:o.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:o.extend("--ft-chip-small-icon-size","",s.iconSize1),neutralBackgroundColor:o.extend("--ft-chip-neutral-background-color","",d.backgroundGlobalOnSurface),neutralColor:o.extend("--ft-chip-neutral-color","",d.contentGlobalSecondary),neutralIconColor:o.extend("--ft-chip-neutral-icon-color","",d.contentGlobalSecondary),neutralBorderColor:o.extend("--ft-chip-neutral-border-color","",d.borderGlobalSubtle),infoBackgroundColor:o.extend("--ft-chip-info-background-color","",d.backgroundInfoSubtle),infoColor:o.extend("--ft-chip-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-chip-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:o.extend("--ft-chip-info-border-color","",d.borderInfoSubtle),successBackgroundColor:o.extend("--ft-chip-success-background-color","",d.backgroundSuccessSubtle),successColor:o.extend("--ft-chip-success-color","",d.contentSuccessPrimary),successIconColor:o.extend("--ft-chip-success-icon-color","",d.contentSuccessIconOnly),successBorderColor:o.extend("--ft-chip-success-border-color","",d.borderSuccessSubtle),warningBackgroundColor:o.extend("--ft-chip-warning-background-color","",d.backgroundWarningSubtle),warningColor:o.extend("--ft-chip-warning-color","",d.contentWarningPrimary),warningIconColor:o.extend("--ft-chip-warning-icon-color","",d.contentWarningIconOnly),warningBorderColor:o.extend("--ft-chip-warning-border-color","",d.borderWarningSubtle),errorBackgroundColor:o.extend("--ft-chip-error-background-color","",d.backgroundErrorSubtle),errorColor:o.extend("--ft-chip-error-color","",d.contentErrorPrimary),errorIconColor:o.extend("--ft-chip-error-icon-color","",d.contentErrorIconOnly),errorBorderColor:o.extend("--ft-chip-error-border-color","",d.borderErrorSubtle)};var Wf={brandHoverOpacity:o.extend("--ft-link-brand-hover-opacity","",s.opacity80),brandHoverColor:o.extend("--ft-link-brand-hover-color","",d.contentActionPrimary),brandFocusFocusRingColor:o.extend("--ft-link-brand-focus-focus-ring-color","",d.borderActionFocusRing),brandFocusColor:o.extend("--ft-link-brand-focus-color","",d.contentActionPrimary),brandDefaultColor:o.extend("--ft-link-brand-default-color","",d.contentActionPrimary),brandActiveColor:o.extend("--ft-link-brand-active-color","",d.contentActionPrimary),infoHoverOpacity:o.extend("--ft-link-info-hover-opacity","",s.opacity80),infoHoverColor:o.extend("--ft-link-info-hover-color","",d.contentInfoPrimary),infoFocusFocusRingColor:o.extend("--ft-link-info-focus-focus-ring-color","",d.borderActionFocusRing),infoFocusColor:o.extend("--ft-link-info-focus-color","",d.contentInfoPrimary),infoDefaultColor:o.extend("--ft-link-info-default-color","",d.contentInfoPrimary),infoActiveColor:o.extend("--ft-link-info-active-color","",d.contentInfoPrimary),neutralFocusFocusRingColor:o.extend("--ft-link-neutral-focus-focus-ring-color","",d.borderActionFocusRing),neutralFocusColor:o.extend("--ft-link-neutral-focus-color","",d.contentActionPrimary),neutralDefaultColor:o.extend("--ft-link-neutral-default-color","",d.contentGlobalPrimary),neutralHoverColor:o.extend("--ft-link-neutral-hover-color","",d.contentActionPrimary),neutralActiveColor:o.extend("--ft-link-neutral-active-color","",d.contentActionPrimary),neutralVisitedColor:o.extend("--ft-link-neutral-visited-color","",s.colorBrand100)};var jf={iconSize:o.extend("--ft-banner-icon-size","",s.iconSize5),borderWidth:o.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:o.extend("--ft-banner-left-padding","",s.spacing6),rightPadding:o.extend("--ft-banner-right-padding","",s.spacing6),verticalPadding:o.extend("--ft-banner-vertical-padding","",s.spacing6),horizontalSideGap:o.extend("--ft-banner-horizontal-side-gap","",s.spacing6),horizontalMobileGap:o.extend("--ft-banner-horizontal-mobile-gap","",s.spacing4),verticalMobileGap:o.extend("--ft-banner-vertical-mobile-gap","",s.spacing6),horizontalMiddleGap:o.extend("--ft-banner-horizontal-middle-gap","",s.spacing20),infoBackgroundColor:o.extend("--ft-banner-info-background-color","",d.backgroundInfoSubtle),infoColor:o.extend("--ft-banner-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-banner-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:o.extend("--ft-banner-info-border-color","",d.borderInfoSubtle)};var Xf={horizontalPadding:o.extend("--ft-badge-horizontal-padding","",s.spacing1),verticalPadding:o.extend("--ft-badge-vertical-padding","",s.spacing1),borderRadius:o.extend("--ft-badge-border-radius","",s.borderRadiusPill),color:o.extend("--ft-badge-color","",d.contentGlobalOnColor),backgroundColor:o.extend("--ft-badge-background-color","",d.contentActionPrimary)};var ou={horizontalGap:o.extend("--ft-title-breadcrumb-horizontal-gap","",s.spacing1),currentColor:o.extend("--ft-title-breadcrumb-current-color","",d.contentGlobalPrimary),previousNonClickableColor:o.extend("--ft-title-breadcrumb-previous-non-clickable-color","",d.contentGlobalSecondary),iconColor:o.extend("--ft-title-breadcrumb-icon-color","",d.contentGlobalSubtle)};var lu={parentHorizontalPadding:o.extend("--ft-page-header-parent-horizontal-padding","",s.spacing6),parentTopPadding:o.extend("--ft-page-header-parent-top-padding","",s.spacing4),parentBottomPadding:o.extend("--ft-page-header-parent-bottom-padding","",s.spacing6),parentHelpLeftMargin:o.extend("--ft-page-header-parent-help-left-margin","",s.spacing1),parentTitleColor:o.extend("--ft-page-header-parent-title-color","",d.contentGlobalPrimary),parentSubtitleColor:o.extend("--ft-page-header-parent-subtitle-color","",d.contentGlobalSecondary),parentChipLeftMargin:o.extend("--ft-page-header-parent-chip-left-margin","",s.spacing4),parentVerticalGap:o.extend("--ft-page-header-parent-vertical-gap","",s.spacing2),parentButtonsGroupHorizontalGap:o.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",s.spacing4),parentButtonsGroupVerticalGap:o.extend("--ft-page-header-parent-buttons-group-vertical-gap","",s.spacing4),parentChipsGroupHorizontalGap:o.extend("--ft-page-header-parent-chips-group-horizontal-gap","",s.spacing2),parentChipsGroupVerticalGap:o.extend("--ft-page-header-parent-chips-group-vertical-gap","",s.spacing2),childHorizontalPadding:o.extend("--ft-page-header-child-horizontal-padding","",s.spacing6),childTopPadding:o.extend("--ft-page-header-child-top-padding","",s.spacing2),childBottomPadding:o.extend("--ft-page-header-child-bottom-padding","",s.spacing2),childHelpLeftMargin:o.extend("--ft-page-header-child-help-left-margin","",s.spacing1),childChipLeftMargin:o.extend("--ft-page-header-child-chip-left-margin","",s.spacing4),childVerticalGap:o.extend("--ft-page-header-child-vertical-gap","",s.spacing2),childMinHeight:o.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:o.extend("--ft-page-header-child-buttons-group-horizontal-gap","",s.spacing4),childButtonsGroupVerticalGap:o.extend("--ft-page-header-child-buttons-group-vertical-gap","",s.spacing4),childChipsGroupHorizontalGap:o.extend("--ft-page-header-child-chips-group-horizontal-gap","",s.spacing2),childChipsGroupVerticalGap:o.extend("--ft-page-header-child-chips-group-vertical-gap","",s.spacing2),backgroundColor:o.extend("--ft-page-header-background-color","",s.colorWhite),bottomBorderColor:o.extend("--ft-page-header-bottom-border-color","",d.borderGlobalSubtle),bottomBorderWidth:o.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var fu={horizontalPadding:o.extend("--ft-page-footer-horizontal-padding","",s.spacing6),verticalPadding:o.extend("--ft-page-footer-vertical-padding","",s.spacing2),verticalGap:o.extend("--ft-page-footer-vertical-gap","",s.spacing2),minHeight:o.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:o.extend("--ft-page-footer-background-color","",s.colorWhite),topBorderColor:o.extend("--ft-page-footer-top-border-color","",d.borderGlobalSubtle),topBorderWidth:o.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:o.extend("--ft-page-footer-buttons-group-gap","",s.spacing4)};var mu={contentHorizontalPadding:o.extend("--ft-page-layout-content-horizontal-padding","",s.spacing6),contentVerticalPadding:o.extend("--ft-page-layout-content-vertical-padding","",s.spacing6)};var Su={smallContainerTargetWidth:o.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:o.extend("--ft-modal-small-container-margin","",s.spacing6),mediumContainerTargetWidth:o.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:o.extend("--ft-modal-medium-container-margin","",s.spacing6),largeContainerTargetWidth:o.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:o.extend("--ft-modal-large-container-margin","",s.spacing6),overlayBackgroundColor:o.extend("--ft-modal-overlay-background-color","",s.colorGray700),overlayOpacity:o.extend("--ft-modal-overlay-opacity","",s.opacity40),shadow:o.extend("--ft-modal-shadow","",s.shadowElevation03),bodyBackgroundColor:o.extend("--ft-modal-body-background-color","",s.colorWhite),bodyColor:o.extend("--ft-modal-body-color","",d.contentGlobalPrimary),bodyHorizontalPadding:o.extend("--ft-modal-body-horizontal-padding","",s.spacing6),bodyVerticalPadding:o.extend("--ft-modal-body-vertical-padding","",s.spacing6),bodyVerticalGap:o.extend("--ft-modal-body-vertical-gap","",s.spacing6),headerBackgroundColor:o.extend("--ft-modal-header-background-color","",d.backgroundGlobalOnSurface),headerBorderColor:o.extend("--ft-modal-header-border-color","",d.borderGlobalSubtle),headerColor:o.extend("--ft-modal-header-color","",d.contentGlobalPrimary),headerLeadingIconColor:o.extend("--ft-modal-header-leading-icon-color","",d.contentGlobalPrimary),headerVerticalPadding:o.extend("--ft-modal-header-vertical-padding","",s.spacing1),headerRightPadding:o.extend("--ft-modal-header-right-padding","",s.spacing1),headerLeftPadding:o.extend("--ft-modal-header-left-padding","",s.spacing6),headerGap:o.extend("--ft-modal-header-gap","",s.spacing2),headerBorderBottomWidth:o.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:o.extend("--ft-modal-border-radius","",s.borderRadiusM)};var $u={overlayOpacity:o.extend("--ft-drawer-overlay-opacity","",s.opacity40),shadow:o.extend("--ft-drawer-shadow","",s.shadowElevation03),bodyColor:o.extend("--ft-drawer-body-color","",d.contentGlobalPrimary),bodyHorizontalPadding:o.extend("--ft-drawer-body-horizontal-padding","",s.spacing6),bodyVerticalPadding:o.extend("--ft-drawer-body-vertical-padding","",s.spacing6),bodyGap:o.extend("--ft-drawer-body-gap","",s.spacing6),bodyBackgroundColor:o.extend("--ft-drawer-body-background-color","",s.colorWhite),headerBackgroundColor:o.extend("--ft-drawer-header-background-color","",d.backgroundGlobalOnSurface),headerBorderColor:o.extend("--ft-drawer-header-border-color","",d.borderGlobalSubtle),headerColor:o.extend("--ft-drawer-header-color","",d.contentGlobalPrimary),headerTrailingIconColor:o.extend("--ft-drawer-header-trailing-icon-color","",d.contentGlobalSecondary),headerHeight:o.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:o.extend("--ft-drawer-header-horizontal-padding","",s.spacing2),headerBorderWidth:o.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:o.extend("--ft-drawer-header-gap","",s.spacing3),buttonsBarBackgroundColor:o.extend("--ft-drawer-buttons-bar-background-color","",d.backgroundGlobalOnSurface),buttonsBarBorderColor:o.extend("--ft-drawer-buttons-bar-border-color","",d.borderGlobalSubtle),buttonsBarColor:o.extend("--ft-drawer-buttons-bar-color","",d.contentGlobalPrimary),buttonsBarHorizontalPadding:o.extend("--ft-drawer-buttons-bar-horizontal-padding","",s.spacing6),buttonsBarVerticalPadding:o.extend("--ft-drawer-buttons-bar-vertical-padding","",s.spacing4),buttonsBarGap:o.extend("--ft-drawer-buttons-bar-gap","",s.spacing3),buttonsBarBorderWidth:o.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:o.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:o.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:o.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:o.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:o.extend("--ft-drawer-overlay-background-color","",s.colorGray700)};var Au={offBorderBottomWidth:o.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:o.extend("--ft-tabs-off-hover-state-layer-opacity","",s.opacity8),offDefaultStateLayerOpacity:o.extend("--ft-tabs-off-default-state-layer-opacity","",s.opacity0),offFocusStateLayerOpacity:o.extend("--ft-tabs-off-focus-state-layer-opacity","",s.opacity8),offDisabledComponentOpacity:o.extend("--ft-tabs-off-disabled-component-opacity","",s.opacity40),offColor:o.extend("--ft-tabs-off-color","",d.contentGlobalSubtle),offStateLayerColor:o.extend("--ft-tabs-off-state-layer-color","",d.contentGlobalSubtle),offBorderBottomColor:o.extend("--ft-tabs-off-border-bottom-color","",d.borderGlobalSubtle),activeTabIndicatorHeight:o.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:o.extend("--ft-tabs-top-left-border-radius","",s.borderRadiusS),topRightBorderRadius:o.extend("--ft-tabs-top-right-border-radius","",s.borderRadiusS),withLabelHorizontalPadding:o.extend("--ft-tabs-with-label-horizontal-padding","",s.spacing4),withLabelVerticalPadding:o.extend("--ft-tabs-with-label-vertical-padding","",s.spacing3),horizontalGap:o.extend("--ft-tabs-horizontal-gap","",s.spacing1),verticalGap:o.extend("--ft-tabs-vertical-gap","",s.spacing1),onHoverStateLayerOpacity:o.extend("--ft-tabs-on-hover-state-layer-opacity","",s.opacity16),onDefaultStateLayerOpacity:o.extend("--ft-tabs-on-default-state-layer-opacity","",s.opacity8),onFocusStateLayerOpacity:o.extend("--ft-tabs-on-focus-state-layer-opacity","",s.opacity16),onActiveStateLayerOpacity:o.extend("--ft-tabs-on-active-state-layer-opacity","",s.opacity24),onColor:o.extend("--ft-tabs-on-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-tabs-on-state-layer-color","",d.contentActionPrimary),onActiveTabIndicatorColor:o.extend("--ft-tabs-on-active-tab-indicator-color","",d.contentActionPrimary),iconOnlyHorizontalPadding:o.extend("--ft-tabs-icon-only-horizontal-padding","",s.spacing4),iconOnlyVerticalPadding:o.extend("--ft-tabs-icon-only-vertical-padding","",s.spacing4),alertTopPadding:o.extend("--ft-tabs-alert-top-padding","",s.spacing1),alertRightPadding:o.extend("--ft-tabs-alert-right-padding","",s.spacing05),focusOutlineWidth:o.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-tabs-focus-focus-ring-color","",d.borderActionFocusRing)};var Fu={fieldHorizontalPadding:o.extend("--ft-text-input-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-text-input-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-text-input-field-vertical-gap","",s.spacing05),fieldIconSize:o.extend("--ft-text-input-field-icon-size","",s.iconSize3),fieldHeight:o.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:o.extend("--ft-text-input-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-text-input-helper-horizontal-gap","",s.spacing1),helperIconSize:o.extend("--ft-text-input-helper-icon-size","",s.iconSize2),borderRadius:o.extend("--ft-text-input-border-radius","",s.borderRadiusM),backgroundColor:o.extend("--ft-text-input-background-color","",s.colorWhite),contentValueColor:o.extend("--ft-text-input-content-value-color","",d.contentGlobalPrimary),trailingIconColor:o.extend("--ft-text-input-trailing-icon-color","",d.contentGlobalSubtle),labelColor:o.extend("--ft-text-input-label-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-text-input-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-text-input-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:o.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:o.extend("--ft-text-input-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-text-input-error-helper-text-color","",d.contentErrorPrimary),errorHelperIconColor:o.extend("--ft-text-input-error-helper-icon-color","",d.contentErrorIconOnly),warningBorderWidth:o.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:o.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-text-input-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-text-input-disabled-component-opacity","",s.opacity40)};var Wu={backgroundColor:o.extend("--ft-text-area-background-color","",s.colorWhite),contentValueColor:o.extend("--ft-text-area-content-value-color","",d.contentGlobalPrimary),labelColor:o.extend("--ft-text-area-label-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-text-area-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-text-area-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:o.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:o.extend("--ft-text-area-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-text-area-error-helper-text-color","",d.contentErrorPrimary),errorHelperIconColor:o.extend("--ft-text-area-error-helper-icon-color","",d.contentErrorIconOnly),focusFocusRingColor:o.extend("--ft-text-area-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:o.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:o.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-text-area-disabled-component-opacity","",s.opacity40),fieldHorizontalLeftPadding:o.extend("--ft-text-area-field-horizontal-left-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-text-area-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-text-area-field-vertical-gap","",s.spacing05),fieldMinHeight:o.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:o.extend("--ft-text-area-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-text-area-helper-horizontal-gap","",s.spacing1),helperIconSize:o.extend("--ft-text-area-helper-icon-size","",s.iconSize2),borderRadius:o.extend("--ft-text-area-border-radius","",s.borderRadiusM)};var ju={height:o.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:o.extend("--ft-floating-menu-horizontal-padding","",s.spacing4),offIconColor:o.extend("--ft-floating-menu-off-icon-color","",d.contentGlobalPrimary),offColor:o.extend("--ft-floating-menu-off-color","",d.contentGlobalPrimary),onColor:o.extend("--ft-floating-menu-on-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-floating-menu-on-state-layer-color","",d.contentActionPrimary),gap:o.extend("--ft-floating-menu-gap","",s.spacing3),focusFocusRingColor:o.extend("--ft-floating-menu-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:o.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:o.extend("--ft-floating-menu-focus-state-layer-opacity","",s.opacity8),hoverStateLayerOpacity:o.extend("--ft-floating-menu-hover-state-layer-opacity","",s.opacity8),activeStateLayerOpacity:o.extend("--ft-floating-menu-active-state-layer-opacity","",s.opacity16),disabledComponentOpacity:o.extend("--ft-floating-menu-disabled-component-opacity","",s.opacity40),iconSize:o.extend("--ft-floating-menu-icon-size","",s.iconSize3),backgroundColor:o.extend("--ft-floating-menu-background-color","",d.backgroundGlobalOnSurface),shadow:o.extend("--ft-floating-menu-shadow","",s.shadowElevation02)};var Xu={fieldHorizontalPadding:o.extend("--ft-combobox-single-select-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-combobox-single-select-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-combobox-single-select-field-vertical-gap","",s.spacing05),fieldIconSize:o.extend("--ft-combobox-single-select-field-icon-size","",s.iconSize3),fieldHeight:o.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:o.extend("--ft-combobox-single-select-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-combobox-single-select-helper-horizontal-gap","",s.spacing1),helperVerticalGap:o.extend("--ft-combobox-single-select-helper-vertical-gap","",s.spacing1),helperIconSize:o.extend("--ft-combobox-single-select-helper-icon-size","",s.iconSize2),menuVerticalGap:o.extend("--ft-combobox-single-select-menu-vertical-gap","",s.spacing2),borderRadius:o.extend("--ft-combobox-single-select-border-radius","",s.borderRadiusM),backgroundColor:o.extend("--ft-combobox-single-select-background-color","",s.colorWhite),labelColor:o.extend("--ft-combobox-single-select-label-color","",d.contentGlobalSubtle),contentValueColor:o.extend("--ft-combobox-single-select-content-value-color","",d.contentGlobalPrimary),trailingIconColor:o.extend("--ft-combobox-single-select-trailing-icon-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-combobox-single-select-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-combobox-single-select-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:o.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:o.extend("--ft-combobox-single-select-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-combobox-single-select-error-helper-text-color","",d.contentErrorPrimary),warningBorderWidth:o.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:o.extend("--ft-combobox-single-select-warning-border-color","",d.borderWarningPrimary),warningHelperTextColor:o.extend("--ft-combobox-single-select-warning-helper-text-color","",d.contentWarningPrimary),warningHelperIconColor:o.extend("--ft-combobox-single-select-warning-helper-icon-color","",d.contentWarningIconOnly),focusOutlineWidth:o.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-combobox-single-select-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-combobox-single-select-disabled-component-opacity","",s.opacity40)};var oh={backgroundColor:o.extend("--ft-combobox-multi-select-background-color","",s.colorWhite),labelColor:o.extend("--ft-combobox-multi-select-label-color","",d.contentGlobalSubtle),trailingIconColor:o.extend("--ft-combobox-multi-select-trailing-icon-color","",d.contentGlobalSubtle),defaultBorderColor:o.extend("--ft-combobox-multi-select-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:o.extend("--ft-combobox-multi-select-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:o.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:o.extend("--ft-combobox-multi-select-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:o.extend("--ft-combobox-multi-select-error-helper-text-color","",d.contentErrorPrimary),errorHelperIcon:o.extend("--ft-combobox-multi-select-error-helper-icon","",d.contentErrorIconOnly),errorBorderWidth:o.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:o.extend("--ft-combobox-multi-select-warning-border-color","",d.borderWarningPrimary),warningHelperTextColor:o.extend("--ft-combobox-multi-select-warning-helper-text-color","",d.contentWarningPrimary),warningHelperIconColor:o.extend("--ft-combobox-multi-select-warning-helper-icon-color","",d.contentWarningIconOnly),warningBorderWidth:o.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-combobox-multi-select-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:o.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:o.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:o.extend("--ft-combobox-multi-select-disabled-component-opacity","",s.opacity40),helperHorizontalPadding:o.extend("--ft-combobox-multi-select-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:o.extend("--ft-combobox-multi-select-helper-horizontal-gap","",s.spacing1),helperVerticalGap:o.extend("--ft-combobox-multi-select-helper-vertical-gap","",s.spacing1),helperIconSize:o.extend("--ft-combobox-multi-select-helper-icon-size","",s.iconSize2),fieldHorizontalPadding:o.extend("--ft-combobox-multi-select-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:o.extend("--ft-combobox-multi-select-field-horizontal-gap","",s.spacing3),fieldVerticalGap:o.extend("--ft-combobox-multi-select-field-vertical-gap","",s.spacing05),fieldIconSize:o.extend("--ft-combobox-multi-select-field-icon-size","",s.iconSize3),fieldMaxHeight:o.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:o.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",s.spacing1),contentValuesVerticalGap:o.extend("--ft-combobox-multi-select-content-values-vertical-gap","",s.spacing1),borderRadius:o.extend("--ft-combobox-multi-select-border-radius","",s.borderRadiusM)};var lh={backgroundColor:o.extend("--ft-popover-background-color","",d.backgroundGlobalOnSurface),horizontalPadding:o.extend("--ft-popover-horizontal-padding","",s.spacing6),verticalPadding:o.extend("--ft-popover-vertical-padding","",s.spacing6),titleColor:o.extend("--ft-popover-title-color","",d.contentGlobalPrimary),bodyColor:o.extend("--ft-popover-body-color","",d.contentGlobalSecondary),linkColor:o.extend("--ft-popover-link-color","",d.contentActionPrimary),gap:o.extend("--ft-popover-gap","",s.spacing3),borderRadius:o.extend("--ft-popover-border-radius","",s.borderRadiusM),shadow:o.extend("--ft-popover-shadow","",s.shadowElevation02),maxWidth:o.create("--ft-popover-max-width","","SIZE","440px")};var fh={hoverStateLayerOpacity:o.extend("--ft-collapsible-hover-state-layer-opacity","",s.opacity8),focusStateLayerOpacity:o.extend("--ft-collapsible-focus-state-layer-opacity","",s.opacity8),focusOutlineWidth:o.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:o.extend("--ft-collapsible-focus-focus-ring-color","",d.borderActionFocusRing),activeStateLayerOpacity:o.extend("--ft-collapsible-active-state-layer-opacity","",s.opacity16),disabledComponentOpacity:o.extend("--ft-collapsible-disabled-component-opacity","",s.opacity40),horizontalPadding:o.extend("--ft-collapsible-horizontal-padding","",s.spacing4),verticalPadding:o.extend("--ft-collapsible-vertical-padding","",s.spacing3),color:o.extend("--ft-collapsible-color","",d.contentGlobalPrimary),stateLayerColor:o.extend("--ft-collapsible-state-layer-color","",d.contentGlobalPrimary),backgroundColor:o.extend("--ft-collapsible-background-color","",d.backgroundGlobalOnSurface),borderColor:o.extend("--ft-collapsible-border-color","",d.borderGlobalSubtle),iconSize:o.extend("--ft-collapsible-icon-size","",s.iconSize3)};var gh={groupHorizontalPadding:o.extend("--ft-switch-group-horizontal-padding","",s.spacing1),groupVerticalPadding:o.extend("--ft-switch-group-vertical-padding","",s.spacing1),groupGap:o.extend("--ft-switch-group-gap","",s.spacing1),groupBackgroundColor:o.extend("--ft-switch-group-background-color","",d.backgroundGlobalSurface),groupBorderColor:o.extend("--ft-switch-group-border-color","",d.borderGlobalSubtle),groupBorderRadius:o.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:o.extend("--ft-switch-label-horizontal-padding","",s.spacing2),labelVerticalPadding:o.extend("--ft-switch-label-vertical-padding","",s.spacing1),offHoverStateLayerOpacity:o.extend("--ft-switch-off-hover-state-layer-opacity","",s.opacity8),offFocusStateLayerOpacity:o.extend("--ft-switch-off-focus-state-layer-opacity","",s.opacity8),offActiveStateLayerOpacity:o.extend("--ft-switch-off-active-state-layer-opacity","",s.opacity16),offDisabledComponentOpacity:o.extend("--ft-switch-off-disabled-component-opacity","",s.opacity40),offColor:o.extend("--ft-switch-off-color","",d.contentGlobalSubtle),offStateLayerColor:o.extend("--ft-switch-off-state-layer-color","",d.contentGlobalSubtle),onHoverStateLayerOpacity:o.extend("--ft-switch-on-hover-state-layer-opacity","",s.opacity8),onFocusStateLayerOpacity:o.extend("--ft-switch-on-focus-state-layer-opacity","",s.opacity8),onActiveStateLayerOpacity:o.extend("--ft-switch-on-active-state-layer-opacity","",s.opacity16),onDisabledComponentOpacity:o.extend("--ft-switch-on-disabled-component-opacity","",s.opacity40),onColor:o.extend("--ft-switch-on-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-switch-on-state-layer-color","",d.contentActionPrimary),iconHorizontalPadding:o.extend("--ft-switch-icon-horizontal-padding","",s.spacing1),iconVerticalPadding:o.extend("--ft-switch-icon-vertical-padding","",s.spacing1),focusOutlineWidth:o.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:o.extend("--ft-switch-focus-focus-ring-color","",d.borderActionFocusRing),optionBorderRadius:o.extend("--ft-switch-option-border-radius","",s.borderRadiusS)};var Sh={color1Light:o.extend("--ft-chart-1-light","for area color charts",s.colorBrand40),color1Base:o.extend("--ft-chart-1-base","for line charts",s.colorBrand0),color2Light:o.extend("--ft-chart-2-light","for area color charts",s.colorYellow60),color2Base:o.extend("--ft-chart-2-base","for line charts",s.colorYellow100),color3Light:o.extend("--ft-chart-3-light","",s.colorUltramarine40),color3Base:o.extend("--ft-chart-3-base","",s.colorUltramarine70),color4Light:o.extend("--ft-chart-4-light","",s.colorCyan50),color4Base:o.extend("--ft-chart-4-base","",s.colorCyan100),color5Light:o.extend("--ft-chart-5-light","",s.colorRed40),color5Base:o.extend("--ft-chart-5-base","",s.colorRed60),color6Light:o.extend("--ft-chart-6-light","",s.colorGreen40),color6Base:o.extend("--ft-chart-6-base","",s.colorGreen70),color7Light:o.extend("--ft-chart-7-light","",s.colorOrange70),color7Base:o.extend("--ft-chart-7-base","",s.colorOrange100),color8Light:o.extend("--ft-chart-8-light","",s.colorAvocado70),color8Base:o.extend("--ft-chart-8-base","",s.colorAvocado200),color9Light:o.extend("--ft-chart-9-light","",s.colorBrown50),color9Base:o.extend("--ft-chart-9-base","",s.colorBrown200),color10Light:o.extend("--ft-chart-10-light","",s.colorGray50),color10Base:o.extend("--ft-chart-10-base","",s.colorGray80),monochrome10:o.extend("--ft-chart-monochrome-10","",s.colorBrand10),monochrome20:o.extend("--ft-chart-monochrome-20","",s.colorBrand20),monochrome30:o.extend("--ft-chart-monochrome-30","",s.colorBrand40),monochrome40:o.extend("--ft-chart-monochrome-40","",s.colorBrand60),monochrome50:o.extend("--ft-chart-monochrome-50","",s.colorBrand0),monochrome60:o.extend("--ft-chart-monochrome-60","",s.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",s.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",s.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",s.colorCyan10),scatterplotQuadrantUnpopularNewBackgroundColor:o.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",s.colorRed10),scatterplotDatapointInitialDefaultBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",s.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:o.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",s.opacity48),scatterplotDatapointInitialHoverBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",s.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",s.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",s.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",s.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:o.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",s.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:o.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",s.colorGray70),scatterplotDatapointHoverHoverRingColor:o.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",s.colorCyan200)};var Eh={color1IconColor:o.extend("--ft-page-designer-1-icon-color","for area color charts",s.colorCyan0),color1ToolbarColor:o.extend("--ft-page-designer-1-toolbar-color","for area color charts",s.colorCyan0),color2IconColor:o.extend("--ft-page-designer-2-icon-color","for area color charts",s.colorBrand0),color2ToolbarColor:o.extend("--ft-page-designer-2-toolbar-color","for area color charts",s.colorBrand0),color3IconColor:o.extend("--ft-page-designer-3-icon-color","for area color charts",s.colorYellow200),color3ToolbarColor:o.extend("--ft-page-designer-3-toolbar-color","for area color charts",s.colorYellow200),color4IconColor:o.extend("--ft-page-designer-4-icon-color","for area color charts",s.colorUltramarine50),color4ToolbarColor:o.extend("--ft-page-designer-4-toolbar-color","for area color charts",s.colorUltramarine50),color5IconColor:o.extend("--ft-page-designer-5-icon-color","for area color charts",s.colorGreen0),color5ToolbarColor:o.extend("--ft-page-designer-5-toolbar-color","for area color charts",s.colorGreen0),color6IconColor:o.extend("--ft-page-designer-6-icon-color","for area color charts",s.colorOrange0),color6ToolbarColor:o.extend("--ft-page-designer-6-toolbar-color","for area color charts",s.colorOrange0),color7IconColor:o.extend("--ft-page-designer-7-icon-color","for area color charts",s.colorAvocado200),color7ToolbarColor:o.extend("--ft-page-designer-7-toolbar-color","for area color charts",s.colorAvocado200),color8IconColor:o.extend("--ft-page-designer-8-icon-color","for area color charts",s.colorBrown0),color8ToolbarColor:o.extend("--ft-page-designer-8-toolbar-color","for area color charts",s.colorBrown0)};var Nh={borderWidth:o.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:o.extend("--ft-notice-horizontal-padding","",s.spacing3),verticalPadding:o.extend("--ft-notice-vertical-padding","",s.spacing2),borderRadius:o.extend("--ft-notice-border-radius","",s.borderRadiusS),gap:o.extend("--ft-notice-gap","",s.spacing2),iconSize:o.extend("--ft-notice-icon-size","",s.iconSize3),infoBackgroundColor:o.extend("--ft-notice-info-background-color","",d.backgroundInfoSubtle),infoBorderColor:o.extend("--ft-notice-info-border-color","",d.borderInfoSubtle),infoColor:o.extend("--ft-notice-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-notice-info-icon-color","",d.contentInfoIconOnly),warningBackgroundColor:o.extend("--ft-notice-warning-background-color","",d.backgroundWarningSubtle),warningBorderColor:o.extend("--ft-notice-warning-border-color","",d.borderWarningSubtle),warningColor:o.extend("--ft-notice-warning-color","",d.contentWarningPrimary),warningIconColor:o.extend("--ft-notice-warning-icon-color","",d.contentWarningIconOnly),errorBackgroundColor:o.extend("--ft-notice-error-background-color","",d.backgroundErrorSubtle),errorBorderColor:o.extend("--ft-notice-error-border-color","",d.borderErrorSubtle),errorColor:o.extend("--ft-notice-error-color","",d.contentErrorPrimary),errorIconColor:o.extend("--ft-notice-error-icon-color","",d.contentErrorIconOnly),successBackgroundColor:o.extend("--ft-notice-success-background-color","",d.backgroundSuccessSubtle),successBorderColor:o.extend("--ft-notice-success-border-color","",d.borderSuccessSubtle),successColor:o.extend("--ft-notice-success-color","",d.contentSuccessPrimary),successIconColor:o.extend("--ft-notice-success-icon-color","",d.contentSuccessIconOnly)};var Dh={color:o.extend("--ft-checkbox-color","",d.contentGlobalPrimary),checkedBackgroundColor:o.extend("--ft-checkbox-checked-background-color","",d.contentActionPrimary),checkedStateLayerColor:o.extend("--ft-checkbox-checked-state-layer-color","",d.contentActionPrimary),checkedIconColor:o.extend("--ft-checkbox-checked-icon-color","",d.contentGlobalOnColor),checkedHoverStateLayerOpacity:o.extend("--ft-checkbox-checked-hover-state-layer-opacity","",s.opacity16),checkedFocusStateLayerOpacity:o.extend("--ft-checkbox-checked-focus-state-layer-opacity","",s.opacity16),checkedActiveStateLayerOpacity:o.extend("--ft-checkbox-checked-active-state-layer-opacity","",s.opacity24),checkedDisabledComponentOpacity:o.extend("--ft-checkbox-checked-disabled-component-opacity","",s.opacity40),uncheckedBorderColor:o.extend("--ft-checkbox-unchecked-border-color","",s.colorGray80),uncheckedStateLayerColor:o.extend("--ft-checkbox-unchecked-state-layer-color","",s.colorGray80),uncheckedHoverStateLayerOpacity:o.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",s.opacity16),uncheckedFocusStateLayerOpacity:o.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",s.opacity16),uncheckedActiveStateLayerOpacity:o.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",s.opacity24),uncheckedDisabledComponentOpacity:o.extend("--ft-checkbox-unchecked-disabled-component-opacity","",s.opacity40),focusFocusRingColor:o.extend("--ft-checkbox-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:o.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:o.extend("--ft-checkbox-gap","",s.spacing3)};var Mh={offHoverStateLayerOpacity:o.extend("--ft-toggle-off-hover-state-layer-opacity","",s.opacity16),offFocusStateLayerOpacity:o.extend("--ft-toggle-off-focus-state-layer-opacity","",s.opacity16),offActiveStateLayerOpacity:o.extend("--ft-toggle-off-active-state-layer-opacity","",s.opacity24),offDisabledComponentOpacity:o.extend("--ft-toggle-off-disabled-component-opacity","",s.opacity40),offBackgroundColor:o.extend("--ft-toggle-off-background-color","",d.contentGlobalSubtle),offIconColor:o.extend("--ft-toggle-off-icon-color","",d.contentGlobalSubtle),offStateLayerColor:o.extend("--ft-toggle-off-state-layer-color","",d.contentGlobalSubtle),onHoverStateLayerOpacity:o.extend("--ft-toggle-on-hover-state-layer-opacity","",s.opacity16),onFocusStateLayerOpacity:o.extend("--ft-toggle-on-focus-state-layer-opacity","",s.opacity16),onActiveStateLayerOpacity:o.extend("--ft-toggle-on-active-state-layer-opacity","",s.opacity24),onDisabledComponentOpacity:o.extend("--ft-toggle-on-disabled-component-opacity","",s.opacity40),onBackgroundColor:o.extend("--ft-toggle-on-background-color","",d.contentActionPrimary),onStateLayerColor:o.extend("--ft-toggle-on-state-layer-color","",d.contentActionPrimary),onIconColor:o.extend("--ft-toggle-on-icon-color","",d.contentActionPrimary),color:o.extend("--ft-toggle-color","",d.contentGlobalPrimary),focusFocusRingColor:o.extend("--ft-toggle-focus-focus-ring-color","",d.borderActionFocusRing),gap:o.extend("--ft-toggle-gap","",s.spacing3)};var Gh={color:o.extend("--ft-radio-color","",d.contentGlobalPrimary),selectedRadioColor:o.extend("--ft-radio-selected-radio-color","",d.contentActionPrimary),selectedStateLayerColor:o.extend("--ft-radio-selected-state-layer-color","",d.contentActionPrimary),selectedHoverStateLayerOpacity:o.extend("--ft-radio-selected-hover-state-layer-opacity","",s.opacity16),selectedFocusStateLayerOpacity:o.extend("--ft-radio-selected-focus-state-layer-opacity","",s.opacity16),selectedActiveStateLayerOpacity:o.extend("--ft-radio-selected-active-state-layer-opacity","",s.opacity24),selectedDisabledComponentOpacity:o.extend("--ft-radio-selected-disabled-component-opacity","",s.opacity40),unselectedStateLayerColor:o.extend("--ft-radio-unselected-state-layer-color","",d.borderInputPrimary),unselectedBorderColor:o.extend("--ft-radio-unselected-border-color","",d.borderInputPrimary),unselectedHoverStateLayerOpacity:o.extend("--ft-radio-unselected-hover-state-layer-opacity","",s.opacity16),unselectedFocusStateLayerOpacity:o.extend("--ft-radio-unselected-focus-state-layer-opacity","",s.opacity16),unselectedActiveStateLayerOpacity:o.extend("--ft-radio-unselected-active-state-layer-opacity","",s.opacity24),unselectedDisabledComponentOpacity:o.extend("--ft-radio-unselected-disabled-component-opacity","",s.opacity40),focusFocusRingColor:o.extend("--ft-radio-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:o.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:o.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:o.extend("--ft-radio-gap","",s.spacing3)};var Yh={iconSize:o.extend("--ft-notification-icon-size","",s.iconSize4),leftPadding:o.extend("--ft-notification-left-padding","",s.spacing5),rightPadding:o.extend("--ft-notification-right-padding","",s.spacing4),verticalPadding:o.extend("--ft-notification-vertical-padding","",s.spacing3),infoBackgroundColor:o.extend("--ft-notification-info-background-color","",d.backgroundInfoSubtle),infoColor:o.extend("--ft-notification-info-color","",d.contentInfoPrimary),infoIconColor:o.extend("--ft-notification-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:o.extend("--ft-notification-info-border-color","",d.borderInfoSubtle),successBackgroundColor:o.extend("--ft-notification-success-background-color","",d.backgroundSuccessSubtle),successColor:o.extend("--ft-notification-success-color","",d.contentSuccessPrimary),successIconColor:o.extend("--ft-notification-success-icon-color","",d.contentSuccessIconOnly),successBorderColor:o.extend("--ft-notification-success-border-color","",d.borderSuccessSubtle),warningBackgroundColor:o.extend("--ft-notification-warning-background-color","",d.backgroundWarningSubtle),warningColor:o.extend("--ft-notification-warning-color","",d.contentWarningPrimary),warningIconColor:o.extend("--ft-notification-warning-icon-color","",d.contentWarningIconOnly),warningBorderColor:o.extend("--ft-notification-warning-border-color","",d.borderWarningSubtle),errorBackgroundColor:o.extend("--ft-notification-error-background-color","",d.backgroundErrorSubtle),errorColor:o.extend("--ft-notification-error-color","",d.contentErrorPrimary),errorIconColor:o.extend("--ft-notification-error-icon-color","",d.contentErrorIconOnly),errorBorderColor:o.extend("--ft-notification-error-border-color","",d.borderErrorSubtle),borderRadius:o.extend("--ft-notification-border-radius","",s.borderRadiusPill),borderWidth:o.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:o.extend("--ft-notification-leading-gap","",s.spacing2),trailingGap:o.extend("--ft-notification-trailing-gap","",s.spacing8)};var ty={horizontalPadding:o.extend("--ft-tooltip-horizontal-padding","",s.spacing2),verticalPadding:o.extend("--ft-tooltip-vertical-padding","",s.spacing2),borderRadius:o.extend("--ft-tooltip-border-radius","",s.borderRadiusS),color:o.extend("--ft-tooltip-color","",d.contentGlobalOnColor),backgroundColor:o.extend("--ft-tooltip-background-color","",d.contentGlobalPrimary),backgroundOpacity:o.extend("--ft-tooltip-background-opacity","",s.opacity80),shadow:o.extend("--ft-tooltip-shadow","",s.shadowElevation02),maxWidth:o.create("--ft-tooltip-max-width","","SIZE","256px"),gap:o.extend("--ft-tooltip-gap","",s.spacing05)};var Tr;(function(t){t.brand="brand",t.neutral="neutral",t.info="info",t.success="success",t.warning="warning",t.error="error"})(Tr||(Tr={}));var Ae;(function(t){t.large="large",t.medium="medium",t.small="small"})(Ae||(Ae={}));var Mr=u(L());function Xa(t){let e=zr[t];return Mr.css`
|
|
28
28
|
.ft-typography--${(0,Mr.unsafeCSS)(t)} {
|
|
29
29
|
font-family: ${e.fontFamily};
|
|
30
30
|
font-size: ${e.fontSize};
|
|
@@ -33,7 +33,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
33
33
|
line-height: ${e.lineHeight};
|
|
34
34
|
text-transform: ${e.textCase};
|
|
35
35
|
}
|
|
36
|
-
`}var
|
|
36
|
+
`}var Qa=E.FtCssVariableFactory.extend("--ft-typography-font-family","",E.designSystemVariables.titleFont),It=E.FtCssVariableFactory.extend("--ft-typography-font-family","",E.designSystemVariables.contentFont),$={fontFamily:It,fontSize:E.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:E.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:E.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:E.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:E.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},zo={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Qa),fontSize:E.FtCssVariableFactory.extend("--ft-typography-title-font-size","",$.fontSize,"20px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",$.letterSpacing,"0.15px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-title-line-height","",$.lineHeight,"1.2"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",$.textTransform,"inherit")},To={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Qa),fontSize:E.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",$.fontSize,"14px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",$.letterSpacing,"0.105px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",$.lineHeight,"1.7"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",$.textTransform,"inherit")},Mo={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",$.fontSize,"16px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",$.fontWeight,"600"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",$.letterSpacing,"0.144px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",$.lineHeight,"1.5"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",$.textTransform,"inherit")},Wo={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",$.fontSize,"14px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",$.letterSpacing,"0.098px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",$.lineHeight,"1.7"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",$.textTransform,"inherit")},Bt={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",$.fontSize,"16px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",$.letterSpacing,"0.496px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",$.lineHeight,"1.5"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",$.textTransform,"inherit")},we={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",$.fontSize,"14px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",$.letterSpacing,"0.252px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",$.lineHeight,"1.4"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",$.textTransform,"inherit")},ft={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",$.fontSize,"12px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",$.letterSpacing,"0.396px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",$.lineHeight,"1.33"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",$.textTransform,"inherit")},Uo={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",$.fontSize,"10px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",$.letterSpacing,"0.33px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",$.lineHeight,"1.6"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",$.textTransform,"inherit")},Ho={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",$.fontSize,"10px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",$.fontWeight,"normal"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",$.letterSpacing,"1.5px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",$.lineHeight,"1.6"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",$.textTransform,"uppercase")},St={fontFamily:E.FtCssVariableFactory.extend("--ft-typography-button-font-family","",It),fontSize:E.FtCssVariableFactory.extend("--ft-typography-button-font-size","",$.fontSize,"14px"),fontWeight:E.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",$.fontWeight,"600"),letterSpacing:E.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",$.letterSpacing,"1.246px"),lineHeight:E.FtCssVariableFactory.extend("--ft-typography-button-line-height","",$.lineHeight,"1.15"),textTransform:E.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",$.textTransform,"uppercase")},Ja=lt.css`
|
|
37
37
|
.ft-typography--title {
|
|
38
38
|
font-family: ${zo.fontFamily};
|
|
39
39
|
font-size: ${zo.fontSize};
|
|
@@ -42,17 +42,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
42
42
|
line-height: ${zo.lineHeight};
|
|
43
43
|
text-transform: ${zo.textTransform};
|
|
44
44
|
}
|
|
45
|
-
`,
|
|
45
|
+
`,el=lt.css`
|
|
46
46
|
.ft-typography--title-dense {
|
|
47
|
-
font-family: ${_o.fontFamily};
|
|
48
|
-
font-size: ${_o.fontSize};
|
|
49
|
-
font-weight: ${_o.fontWeight};
|
|
50
|
-
letter-spacing: ${_o.letterSpacing};
|
|
51
|
-
line-height: ${_o.lineHeight};
|
|
52
|
-
text-transform: ${_o.textTransform};
|
|
53
|
-
}
|
|
54
|
-
`,el=at.css`
|
|
55
|
-
.ft-typography--subtitle1 {
|
|
56
47
|
font-family: ${To.fontFamily};
|
|
57
48
|
font-size: ${To.fontSize};
|
|
58
49
|
font-weight: ${To.fontWeight};
|
|
@@ -60,8 +51,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
60
51
|
line-height: ${To.lineHeight};
|
|
61
52
|
text-transform: ${To.textTransform};
|
|
62
53
|
}
|
|
63
|
-
`,tl=
|
|
64
|
-
.ft-typography--
|
|
54
|
+
`,tl=lt.css`
|
|
55
|
+
.ft-typography--subtitle1 {
|
|
65
56
|
font-family: ${Mo.fontFamily};
|
|
66
57
|
font-size: ${Mo.fontSize};
|
|
67
58
|
font-weight: ${Mo.fontWeight};
|
|
@@ -69,8 +60,17 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
69
60
|
line-height: ${Mo.lineHeight};
|
|
70
61
|
text-transform: ${Mo.textTransform};
|
|
71
62
|
}
|
|
63
|
+
`,ol=lt.css`
|
|
64
|
+
.ft-typography--subtitle2 {
|
|
65
|
+
font-family: ${Wo.fontFamily};
|
|
66
|
+
font-size: ${Wo.fontSize};
|
|
67
|
+
font-weight: ${Wo.fontWeight};
|
|
68
|
+
letter-spacing: ${Wo.letterSpacing};
|
|
69
|
+
line-height: ${Wo.lineHeight};
|
|
70
|
+
text-transform: ${Wo.textTransform};
|
|
71
|
+
}
|
|
72
72
|
|
|
73
|
-
`,
|
|
73
|
+
`,rl=lt.css`
|
|
74
74
|
.ft-typography--body1 {
|
|
75
75
|
font-family: ${Bt.fontFamily};
|
|
76
76
|
font-size: ${Bt.fontSize};
|
|
@@ -79,16 +79,16 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
79
79
|
line-height: ${Bt.lineHeight};
|
|
80
80
|
text-transform: ${Bt.textTransform};
|
|
81
81
|
}
|
|
82
|
-
`,
|
|
82
|
+
`,Vo=lt.css`
|
|
83
83
|
.ft-typography--body2 {
|
|
84
|
-
font-family: ${
|
|
85
|
-
font-size: ${
|
|
86
|
-
font-weight: ${
|
|
87
|
-
letter-spacing: ${
|
|
88
|
-
line-height: ${
|
|
89
|
-
text-transform: ${
|
|
90
|
-
}
|
|
91
|
-
`,qt=
|
|
84
|
+
font-family: ${we.fontFamily};
|
|
85
|
+
font-size: ${we.fontSize};
|
|
86
|
+
font-weight: ${we.fontWeight};
|
|
87
|
+
letter-spacing: ${we.letterSpacing};
|
|
88
|
+
line-height: ${we.lineHeight};
|
|
89
|
+
text-transform: ${we.textTransform};
|
|
90
|
+
}
|
|
91
|
+
`,qt=lt.css`
|
|
92
92
|
.ft-typography--caption {
|
|
93
93
|
font-family: ${ft.fontFamily};
|
|
94
94
|
font-size: ${ft.fontSize};
|
|
@@ -97,17 +97,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
97
97
|
line-height: ${ft.lineHeight};
|
|
98
98
|
text-transform: ${ft.textTransform};
|
|
99
99
|
}
|
|
100
|
-
`,
|
|
100
|
+
`,nl=lt.css`
|
|
101
101
|
.ft-typography--breadcrumb {
|
|
102
|
-
font-family: ${Wo.fontFamily};
|
|
103
|
-
font-size: ${Wo.fontSize};
|
|
104
|
-
font-weight: ${Wo.fontWeight};
|
|
105
|
-
letter-spacing: ${Wo.letterSpacing};
|
|
106
|
-
line-height: ${Wo.lineHeight};
|
|
107
|
-
text-transform: ${Wo.textTransform};
|
|
108
|
-
}
|
|
109
|
-
`,nl=at.css`
|
|
110
|
-
.ft-typography--overline {
|
|
111
102
|
font-family: ${Uo.fontFamily};
|
|
112
103
|
font-size: ${Uo.fontSize};
|
|
113
104
|
font-weight: ${Uo.fontWeight};
|
|
@@ -115,7 +106,16 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
115
106
|
line-height: ${Uo.lineHeight};
|
|
116
107
|
text-transform: ${Uo.textTransform};
|
|
117
108
|
}
|
|
118
|
-
`,il=
|
|
109
|
+
`,il=lt.css`
|
|
110
|
+
.ft-typography--overline {
|
|
111
|
+
font-family: ${Ho.fontFamily};
|
|
112
|
+
font-size: ${Ho.fontSize};
|
|
113
|
+
font-weight: ${Ho.fontWeight};
|
|
114
|
+
letter-spacing: ${Ho.letterSpacing};
|
|
115
|
+
line-height: ${Ho.lineHeight};
|
|
116
|
+
text-transform: ${Ho.textTransform};
|
|
117
|
+
}
|
|
118
|
+
`,al=lt.css`
|
|
119
119
|
.ft-typography--button {
|
|
120
120
|
font-family: ${St.fontFamily};
|
|
121
121
|
font-size: ${St.fontSize};
|
|
@@ -124,19 +124,19 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
124
124
|
line-height: ${St.lineHeight};
|
|
125
125
|
text-transform: ${St.textTransform};
|
|
126
126
|
}
|
|
127
|
-
`,
|
|
127
|
+
`,ll=lt.css`
|
|
128
128
|
.ft-typography {
|
|
129
129
|
vertical-align: inherit;
|
|
130
130
|
}
|
|
131
|
-
`,
|
|
132
|
-
<${
|
|
131
|
+
`,sl=[Object.keys(zr).map(t=>Xa(t))];var cl=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},q=class extends dl.FtLitElement{constructor(){super(...arguments),this.variant=at.body1}render(){return this.element?Un`
|
|
132
|
+
<${Wn(this.element)}
|
|
133
133
|
part="text"
|
|
134
134
|
class="ft-typography ft-typography--${this.variant}">
|
|
135
135
|
<slot></slot>
|
|
136
|
-
</${
|
|
137
|
-
`:
|
|
136
|
+
</${Wn(this.element)}>
|
|
137
|
+
`:Un`
|
|
138
138
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
139
|
-
`}};q.styles=[Ja,
|
|
139
|
+
`}};q.styles=[Ja,el,tl,ol,rl,Vo,qt,nl,il,al,ll,...sl];cl([(0,Hn.property)()],q.prototype,"element",void 0);cl([(0,Hn.property)()],q.prototype,"variant",void 0);(0,pl.customElement)("ft-typography")(q);var Vn=u(w());function Wr(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function fl(t){return Wr(t).split("|").pop()}function ul(t){return Wr(t).split("|").join(" > ")}function hl(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map(r=>hl(r,t.selected)),value:t.value}}function yl(t){return(0,Vn.flatDeep)(t.options,e=>{var r;return(r=e.subOptions)!==null&&r!==void 0?r:[]}).filter(e=>e.selected).map(e=>e.label)}function Gn(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map(e=>hl(e,!1))}}function ml(t){return(0,Vn.flatDeep)(t.rootNodes,e=>e.selected?[]:e.childNodes).filter(e=>e.selected).map(e=>e.value)}var ci=u(w());var Eo=u(L()),X=u(Y()),ct=u(w());var Xe=u(L()),Ce=u(Y()),_s=u(uo()),tn=u(w());var ii=u(w());var gr=u(Y()),gs=u(w());var Nl=u(L()),F=u(w());var Ol=u(L()),me=u(w()),gl=me.FtCssVariableFactory.extend("--ft-ripple-color","",me.designSystemVariables.colorContent),O={color:gl,backgroundColor:me.FtCssVariableFactory.extend("--ft-ripple-background-color","",gl),opacityContentOnSurfacePressed:me.FtCssVariableFactory.external(me.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:me.FtCssVariableFactory.external(me.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:me.FtCssVariableFactory.external(me.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:me.FtCssVariableFactory.external(me.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:me.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},bl=me.FtCssVariableFactory.extend("--ft-ripple-color","",me.designSystemVariables.colorPrimary),vl={color:bl,backgroundColor:me.FtCssVariableFactory.extend("--ft-ripple-background-color","",bl)},xl=me.FtCssVariableFactory.extend("--ft-ripple-color","",me.designSystemVariables.colorSecondary),Sl={color:xl,backgroundColor:me.FtCssVariableFactory.extend("--ft-ripple-background-color","",xl)},Cl=Ol.css`
|
|
140
140
|
:host {
|
|
141
141
|
display: contents;
|
|
142
142
|
}
|
|
@@ -191,19 +191,19 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
191
191
|
}
|
|
192
192
|
|
|
193
193
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
194
|
-
background-color: ${
|
|
194
|
+
background-color: ${Sl.backgroundColor};
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
198
|
-
background-color: ${
|
|
198
|
+
background-color: ${Sl.color};
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
202
|
-
background-color: ${
|
|
202
|
+
background-color: ${vl.backgroundColor};
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
206
|
-
background-color: ${
|
|
206
|
+
background-color: ${vl.color};
|
|
207
207
|
}
|
|
208
208
|
|
|
209
209
|
.ft-ripple .ft-ripple--background {
|
|
@@ -248,7 +248,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
248
248
|
opacity: ${O.opacityContentOnSurfacePressed};
|
|
249
249
|
transform: translate(-50%, -50%) scale(1);
|
|
250
250
|
}
|
|
251
|
-
`;var
|
|
251
|
+
`;var wl=u(L()),sr=u(w()),ne={color:sr.FtCssVariableFactory.extend("--ft-loader-color","",sr.designSystemVariables.colorPrimary),size:sr.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},El=wl.css`
|
|
252
252
|
:host {
|
|
253
253
|
line-height: 0;
|
|
254
254
|
}
|
|
@@ -317,7 +317,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
317
317
|
transform: translate(calc(0.35 * ${ne.size}), 0);
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
|
-
`;var
|
|
320
|
+
`;var $l=u(L()),Dt=u(w()),pe={size:Dt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:Dt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",Dt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:Dt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",Dt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:Dt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",Dt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:Dt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},Rl=$l.css`
|
|
321
321
|
:host, i.ft-icon {
|
|
322
322
|
display: inline-flex;
|
|
323
323
|
align-items: center;
|
|
@@ -326,14 +326,14 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
326
326
|
}
|
|
327
327
|
|
|
328
328
|
:host {
|
|
329
|
-
width: ${
|
|
330
|
-
height: ${
|
|
329
|
+
width: ${pe.size};
|
|
330
|
+
height: ${pe.size};
|
|
331
331
|
}
|
|
332
332
|
|
|
333
333
|
i.ft-icon {
|
|
334
334
|
width: 100%;
|
|
335
335
|
height: 100%;
|
|
336
|
-
font-size: ${
|
|
336
|
+
font-size: ${pe.size};
|
|
337
337
|
line-height: 1;
|
|
338
338
|
font-weight: normal;
|
|
339
339
|
text-transform: none;
|
|
@@ -344,53 +344,54 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
344
344
|
text-rendering: auto;
|
|
345
345
|
-webkit-font-smoothing: antialiased;
|
|
346
346
|
-moz-osx-font-smoothing: grayscale;
|
|
347
|
-
vertical-align: ${
|
|
347
|
+
vertical-align: ${pe.verticalAlign};
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
i.ft-icon.ft-icon--fluid-topics {
|
|
351
|
-
font-family: ${
|
|
351
|
+
font-family: ${pe.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
352
352
|
|
|
353
353
|
/* Ugly fix because font is broken */
|
|
354
|
-
font-size: calc(0.75 * ${
|
|
355
|
-
line-height: ${
|
|
354
|
+
font-size: calc(0.75 * ${pe.size});
|
|
355
|
+
line-height: ${pe.size};
|
|
356
356
|
position: relative;
|
|
357
357
|
top: -4%;
|
|
358
358
|
justify-content: center;
|
|
359
359
|
}
|
|
360
360
|
|
|
361
361
|
.ft-icon--file-format {
|
|
362
|
-
font-family: ${
|
|
362
|
+
font-family: ${pe.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
.ft-icon--material {
|
|
366
|
-
font-family: ${
|
|
366
|
+
font-family: ${pe.materialFontFamily}, "Material Icons", sans-serif;
|
|
367
367
|
}
|
|
368
|
-
`;var
|
|
368
|
+
`;var kl=F.FtCssVariableFactory.extend("--ft-button-color","",F.designSystemVariables.colorPrimary),H={backgroundColor:F.FtCssVariableFactory.extend("--ft-button-background-color","",F.designSystemVariables.colorSurface),borderRadius:F.FtCssVariableFactory.extend("--ft-button-border-radius","",F.designSystemVariables.borderRadiusL),color:kl,fontSize:F.FtCssVariableFactory.extend("--ft-button-font-size","",St.fontSize),iconSize:F.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:F.FtCssVariableFactory.extend("--ft-button-ripple-color","",kl),verticalPadding:F.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:F.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:F.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:F.FtCssVariableFactory.external(F.designSystemVariables.colorOpacityDisabled,"Design system")},Ll=F.FtCssVariableFactory.extend("--ft-button-primary-color","",F.FtCssVariableFactory.extend("--ft-button-color","",F.designSystemVariables.colorOnPrimary)),jn={backgroundColor:F.FtCssVariableFactory.extend("--ft-button-primary-background-color","",F.FtCssVariableFactory.extend("--ft-button-background-color","",F.designSystemVariables.colorPrimary)),color:Ll,rippleColor:F.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",Ll)},Ot={borderRadius:F.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",F.FtCssVariableFactory.extend("--ft-button-border-radius","",F.designSystemVariables.borderRadiusM)),verticalPadding:F.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:F.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:F.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},Al=[Nl.css`
|
|
369
369
|
:host {
|
|
370
370
|
display: inline-block;
|
|
371
371
|
max-width: 100%;
|
|
372
372
|
pointer-events: none;
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
-
button {
|
|
375
|
+
.ft-button {
|
|
376
376
|
box-shadow: 0px 0px 0px transparent;
|
|
377
377
|
border: 0px solid transparent;
|
|
378
378
|
text-shadow: 0px 0px 0px transparent;
|
|
379
|
-
font-size: ${
|
|
379
|
+
font-size: ${H.fontSize};
|
|
380
|
+
text-decoration: none;
|
|
380
381
|
}
|
|
381
382
|
|
|
382
|
-
button:hover {
|
|
383
|
+
.ft-button:hover {
|
|
383
384
|
box-shadow: 0px 0px 0px transparent;
|
|
384
385
|
border: 0px solid transparent;
|
|
385
386
|
text-shadow: 0px 0px 0px transparent;
|
|
386
387
|
}
|
|
387
388
|
|
|
388
|
-
button:active {
|
|
389
|
+
.ft-button:active {
|
|
389
390
|
outline: none;
|
|
390
391
|
border: none;
|
|
391
392
|
}
|
|
392
393
|
|
|
393
|
-
button:focus {
|
|
394
|
+
.ft-button:focus {
|
|
394
395
|
outline: 0;
|
|
395
396
|
}
|
|
396
397
|
|
|
@@ -405,21 +406,21 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
405
406
|
border: none;
|
|
406
407
|
pointer-events: auto;
|
|
407
408
|
|
|
408
|
-
--ft-button-internal-line-height: max(calc(${
|
|
409
|
-
--ft-button-internal-color: ${
|
|
410
|
-
${(0,
|
|
411
|
-
${(0,
|
|
409
|
+
--ft-button-internal-line-height: max(calc(${H.fontSize} + 2px), ${H.iconSize});
|
|
410
|
+
--ft-button-internal-color: ${H.color};
|
|
411
|
+
${(0,F.setVariable)(pe.size,H.iconSize)};
|
|
412
|
+
${(0,F.setVariable)(O.color,H.rippleColor)};
|
|
412
413
|
|
|
413
|
-
border-radius: ${
|
|
414
|
-
padding: ${
|
|
415
|
-
background-color: ${
|
|
414
|
+
border-radius: ${H.borderRadius};
|
|
415
|
+
padding: ${H.verticalPadding} ${H.horizontalPadding};
|
|
416
|
+
background-color: ${H.backgroundColor};
|
|
416
417
|
color: var(--ft-button-internal-color);
|
|
417
418
|
-webkit-mask-image: radial-gradient(white, black);
|
|
418
419
|
}
|
|
419
420
|
|
|
420
421
|
.ft-button.ft-button--outlined {
|
|
421
422
|
border: 1px solid var(--ft-button-internal-color);
|
|
422
|
-
padding: calc(${
|
|
423
|
+
padding: calc(${H.verticalPadding} - 1px) calc(${H.horizontalPadding} - 1px);
|
|
423
424
|
}
|
|
424
425
|
|
|
425
426
|
.ft-button.ft-button--dense {
|
|
@@ -437,7 +438,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
437
438
|
}
|
|
438
439
|
|
|
439
440
|
.ft-button--round {
|
|
440
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
441
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${H.verticalPadding});
|
|
441
442
|
}
|
|
442
443
|
|
|
443
444
|
.ft-button--round.ft-button--dense {
|
|
@@ -446,13 +447,13 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
446
447
|
|
|
447
448
|
.ft-button[disabled] {
|
|
448
449
|
filter: grayscale(1);
|
|
449
|
-
opacity: ${
|
|
450
|
+
opacity: ${H.opacityDisabled};
|
|
450
451
|
}
|
|
451
452
|
|
|
452
453
|
.ft-button.ft-button--primary {
|
|
453
|
-
background-color: ${
|
|
454
|
-
--ft-button-internal-color: ${
|
|
455
|
-
${(0,
|
|
454
|
+
background-color: ${jn.backgroundColor};
|
|
455
|
+
--ft-button-internal-color: ${jn.color};
|
|
456
|
+
${(0,F.setVariable)(O.color,jn.rippleColor)};
|
|
456
457
|
}
|
|
457
458
|
|
|
458
459
|
.ft-button:focus {
|
|
@@ -465,9 +466,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
465
466
|
white-space: nowrap;
|
|
466
467
|
text-overflow: ellipsis;
|
|
467
468
|
display: block;
|
|
468
|
-
margin: 0 ${
|
|
469
|
-
${(0,
|
|
470
|
-
${(0,
|
|
469
|
+
margin: 0 ${H.iconPadding};
|
|
470
|
+
${(0,F.setVariable)(St.fontSize,"1em")};
|
|
471
|
+
${(0,F.setVariable)(St.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
471
472
|
}
|
|
472
473
|
|
|
473
474
|
.ft-button--dense .ft-button--label {
|
|
@@ -484,8 +485,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
484
485
|
}
|
|
485
486
|
|
|
486
487
|
.ft-button--label[hidden] + [part="icon"] {
|
|
487
|
-
margin: 0 calc(${
|
|
488
|
-
padding: 0 ${
|
|
488
|
+
margin: 0 calc(${H.horizontalPadding} * -1);
|
|
489
|
+
padding: 0 ${H.verticalPadding};
|
|
489
490
|
}
|
|
490
491
|
|
|
491
492
|
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
@@ -498,21 +499,21 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
498
499
|
}
|
|
499
500
|
|
|
500
501
|
ft-loader {
|
|
501
|
-
${(0,
|
|
502
|
-
${(0,
|
|
502
|
+
${(0,F.setVariable)(ne.size,H.iconSize)};
|
|
503
|
+
${(0,F.setVariable)(ne.color,"var(--ft-button-internal-color)")};
|
|
503
504
|
}
|
|
504
|
-
`,
|
|
505
|
+
`,F.noTextSelect];var eo=u(w());var Dl=u(w());var Bl=u(L()),Ee=u(Y()),Il=u(st()),cr=u(w());var ze=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},T=class extends cr.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new cr.Debouncer(1e3),this.onTransitionStart=e=>{e.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=e=>{e.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new cr.Debouncer(10),this.moveRipple=e=>{var r,n;let{x:i,y:a}=this.getCoordinates(e),l=(n=(r=this.ripple)===null||r===void 0?void 0:r.getBoundingClientRect())!==null&&n!==void 0?n:{x:0,y:0,width:0,height:0};this.originX=Math.round(i!=null?i-l.x:l.width/2),this.originY=Math.round(a!=null?a-l.y:l.height/2)},this.startPress=e=>{this.moveRipple(e),this.pressed=!this.isIgnored(e)},this.endPress=()=>{this.pressed=!1},this.startHover=e=>{this.hovered=!this.isIgnored(e)},this.endHover=()=>{this.hovered=!1},this.startFocus=e=>{this.focused=this.isFocusVisible(e?.target)&&!this.isIgnored(e)},this.endFocus=()=>{this.focused=!1}}render(){let e={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return Bl.html`
|
|
505
506
|
<style>
|
|
506
507
|
.ft-ripple .ft-ripple--effect {
|
|
507
508
|
left: ${this.originX}px;
|
|
508
509
|
top: ${this.originY}px;
|
|
509
510
|
}
|
|
510
511
|
</style>
|
|
511
|
-
<div class="${(0,
|
|
512
|
+
<div class="${(0,Il.classMap)(e)}">
|
|
512
513
|
<div class="ft-ripple--background"></div>
|
|
513
514
|
<div class="ft-ripple--effect"></div>
|
|
514
515
|
</div>
|
|
515
|
-
`}contentAvailableCallback(e){super.contentAvailableCallback(e),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(e){var r,n;super.update(e),e.has("disabled")&&(this.disabled?(this.endRipple(),(r=this.target)===null||r===void 0||r.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var e,r;let n=(e=this.shadowRoot)===null||e===void 0?void 0:e.host.parentElement;n&&this.setupFor((r=this.target)!==null&&r!==void 0?r:n)}setupFor(e){if(this.setupDebouncer.cancel(),this.target===e)return;this.onDisconnect&&this.onDisconnect(),this.target=e,e.setAttribute("data-is-ft-ripple-target","true");let r=(...c)=>p=>{c.forEach(f=>window.addEventListener(f,this.endPress,{once:!0})),this.startPress(p)},n=r("mouseup","contextmenu"),i=r("touchend","touchcancel"),a=c=>{["Enter"," "].includes(c.key)&&r("keyup")(c)},l={passive:!0};e.addEventListener("mouseover",this.startHover,l),e.addEventListener("mousemove",this.moveRipple,l),e.addEventListener("mouseleave",this.endHover,l),e.addEventListener("mousedown",n,l),e.addEventListener("touchstart",i,l),e.addEventListener("touchmove",this.moveRipple,l),e.addEventListener("keydown",a,l),e.addEventListener("focus",this.startFocus,l),e.addEventListener("blur",this.endFocus,l),e.addEventListener("focusin",this.startFocus,l),e.addEventListener("focusout",this.endFocus,l),this.onDisconnect=()=>{e.removeAttribute("data-is-ft-ripple-target"),e.removeEventListener("mouseover",this.startHover,l),e.removeEventListener("mousemove",this.moveRipple,l),e.removeEventListener("mouseleave",this.endHover,l),e.removeEventListener("mousedown",n,l),e.removeEventListener("touchstart",i,l),e.removeEventListener("touchmove",this.moveRipple,l),e.removeEventListener("keydown",a,l),e.removeEventListener("focus",this.startFocus,l),e.removeEventListener("blur",this.endFocus,l),e.removeEventListener("focusin",this.startFocus,l),e.removeEventListener("focusout",this.endFocus,l),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(e){let r=e,n=e,i,a;return r.x!=null?{x:i,y:a}=r:n.touches!=null&&(i=n.touches[0].clientX,a=n.touches[0].clientY),{x:i,y:a}}isFocusVisible(e){return e instanceof HTMLElement?e.matches(":focus-visible"):!0}isIgnored(e){if(this.disabled)return!0;if(e!=null)for(let r of e.composedPath()){if(r===this.target)break;if("hasAttribute"in r&&r.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};T.elementDefinitions={};T.styles=
|
|
516
|
+
`}contentAvailableCallback(e){super.contentAvailableCallback(e),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(e){var r,n;super.update(e),e.has("disabled")&&(this.disabled?(this.endRipple(),(r=this.target)===null||r===void 0||r.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var e,r;let n=(e=this.shadowRoot)===null||e===void 0?void 0:e.host.parentElement;n&&this.setupFor((r=this.target)!==null&&r!==void 0?r:n)}setupFor(e){if(this.setupDebouncer.cancel(),this.target===e)return;this.onDisconnect&&this.onDisconnect(),this.target=e,e.setAttribute("data-is-ft-ripple-target","true");let r=(...c)=>p=>{c.forEach(f=>window.addEventListener(f,this.endPress,{once:!0})),this.startPress(p)},n=r("mouseup","contextmenu"),i=r("touchend","touchcancel"),a=c=>{["Enter"," "].includes(c.key)&&r("keyup")(c)},l={passive:!0};e.addEventListener("mouseover",this.startHover,l),e.addEventListener("mousemove",this.moveRipple,l),e.addEventListener("mouseleave",this.endHover,l),e.addEventListener("mousedown",n,l),e.addEventListener("touchstart",i,l),e.addEventListener("touchmove",this.moveRipple,l),e.addEventListener("keydown",a,l),e.addEventListener("focus",this.startFocus,l),e.addEventListener("blur",this.endFocus,l),e.addEventListener("focusin",this.startFocus,l),e.addEventListener("focusout",this.endFocus,l),this.onDisconnect=()=>{e.removeAttribute("data-is-ft-ripple-target"),e.removeEventListener("mouseover",this.startHover,l),e.removeEventListener("mousemove",this.moveRipple,l),e.removeEventListener("mouseleave",this.endHover,l),e.removeEventListener("mousedown",n,l),e.removeEventListener("touchstart",i,l),e.removeEventListener("touchmove",this.moveRipple,l),e.removeEventListener("keydown",a,l),e.removeEventListener("focus",this.startFocus,l),e.removeEventListener("blur",this.endFocus,l),e.removeEventListener("focusin",this.startFocus,l),e.removeEventListener("focusout",this.endFocus,l),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(e){let r=e,n=e,i,a;return r.x!=null?{x:i,y:a}=r:n.touches!=null&&(i=n.touches[0].clientX,a=n.touches[0].clientY),{x:i,y:a}}isFocusVisible(e){return e instanceof HTMLElement?e.matches(":focus-visible"):!0}isIgnored(e){if(this.disabled)return!0;if(e!=null)for(let r of e.composedPath()){if(r===this.target)break;if("hasAttribute"in r&&r.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};T.elementDefinitions={};T.styles=Cl;ze([(0,Ee.property)({type:Boolean})],T.prototype,"primary",void 0);ze([(0,Ee.property)({type:Boolean})],T.prototype,"secondary",void 0);ze([(0,Ee.property)({type:Boolean})],T.prototype,"unbounded",void 0);ze([(0,Ee.property)({type:Boolean})],T.prototype,"activated",void 0);ze([(0,Ee.property)({type:Boolean})],T.prototype,"selected",void 0);ze([(0,Ee.property)({type:Boolean})],T.prototype,"disabled",void 0);ze([(0,Ee.state)()],T.prototype,"hovered",void 0);ze([(0,Ee.state)()],T.prototype,"focused",void 0);ze([(0,Ee.state)()],T.prototype,"pressed",void 0);ze([(0,Ee.state)()],T.prototype,"rippling",void 0);ze([(0,Ee.state)()],T.prototype,"originX",void 0);ze([(0,Ee.state)()],T.prototype,"originY",void 0);ze([(0,Ee.query)(".ft-ripple")],T.prototype,"ripple",void 0);ze([(0,Ee.query)(".ft-ripple--effect")],T.prototype,"rippleEffect",void 0);(0,Dl.customElement)("ft-ripple")(T);var ls=u(w());var as=u(L()),be=u(Y()),yr=u(w());var Fl=u(L()),Ft=u(w()),Yt={distance:Ft.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Ft.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Ft.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Ft.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Ft.FtCssVariableFactory.external(Ft.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Ft.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},_l=Fl.css`
|
|
516
517
|
.ft-tooltip--container {
|
|
517
518
|
display: block;
|
|
518
519
|
}
|
|
@@ -541,7 +542,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
541
542
|
position: relative;
|
|
542
543
|
word-break: break-word;
|
|
543
544
|
}
|
|
544
|
-
`;var _l=["top","right","bottom","left"],zl=["start","end"],Kn=_l.reduce((t,e)=>t.concat(e,e+"-"+zl[0],e+"-"+zl[1]),[]),dr=Math.min,Xt=Math.max,pr=Math.round;var zt=t=>({x:t,y:t}),Fd={left:"right",right:"left",bottom:"top",top:"bottom"},zd={start:"end",end:"start"};function Zn(t,e,r){return Xt(t,dr(e,r))}function Ur(t,e){return typeof t=="function"?t(e):t}function Vo(t){return t.split("-")[0]}function Jt(t){return t.split("-")[1]}function qn(t){return t==="x"?"y":"x"}function Yn(t){return t==="y"?"height":"width"}function Hr(t){return["top","bottom"].includes(Vo(t))?"y":"x"}function Xn(t){return qn(Hr(t))}function Tl(t,e,r){r===void 0&&(r=!1);let n=Jt(t),i=Xn(t),a=Yn(i),l=i==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(l=jn(l)),[l,jn(l)]}function Ml(t){return t.replace(/start|end/g,e=>zd[e])}function jn(t){return t.replace(/left|right|bottom|top/g,e=>Fd[e])}function _d(t){return{top:0,right:0,bottom:0,left:0,...t}}function Wl(t){return typeof t!="number"?_d(t):{top:t,right:t,bottom:t,left:t}}function go(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Ul(t,e,r){let{reference:n,floating:i}=t,a=Hr(e),l=Xn(e),c=Yn(l),p=Vo(e),f=a==="y",y=n.x+n.width/2-i.width/2,m=n.y+n.height/2-i.height/2,g=n[c]/2-i[c]/2,x;switch(p){case"top":x={x:y,y:n.y-i.height};break;case"bottom":x={x:y,y:n.y+n.height};break;case"right":x={x:n.x+n.width,y:m};break;case"left":x={x:n.x-i.width,y:m};break;default:x={x:n.x,y:n.y}}switch(Jt(e)){case"start":x[l]-=g*(r&&f?-1:1);break;case"end":x[l]+=g*(r&&f?-1:1);break}return x}var Hl=async(t,e,r)=>{let{placement:n="bottom",strategy:i="absolute",middleware:a=[],platform:l}=r,c=a.filter(Boolean),p=await(l.isRTL==null?void 0:l.isRTL(e)),f=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:y,y:m}=Ul(f,n,p),g=n,x={},b=0;for(let S=0;S<c.length;S++){let{name:N,fn:R}=c[S],{x:k,y:I,data:G,reset:Q}=await R({x:y,y:m,initialPlacement:n,placement:g,strategy:i,middlewareData:x,rects:f,platform:l,elements:{reference:t,floating:e}});if(y=k??y,m=I??m,x={...x,[N]:{...x[N],...G}},Q&&b<=50){b++,typeof Q=="object"&&(Q.placement&&(g=Q.placement),Q.rects&&(f=Q.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:i}):Q.rects),{x:y,y:m}=Ul(f,g,p)),S=-1;continue}}return{x:y,y:m,placement:g,strategy:i,middlewareData:x}};async function Jn(t,e){var r;e===void 0&&(e={});let{x:n,y:i,platform:a,rects:l,elements:c,strategy:p}=t,{boundary:f="clippingAncestors",rootBoundary:y="viewport",elementContext:m="floating",altBoundary:g=!1,padding:x=0}=Ur(e,t),b=Wl(x),N=c[g?m==="floating"?"reference":"floating":m],R=go(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(N)))==null||r?N:N.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(c.floating)),boundary:f,rootBoundary:y,strategy:p})),k=m==="floating"?{...l.floating,x:n,y:i}:l.reference,I=await(a.getOffsetParent==null?void 0:a.getOffsetParent(c.floating)),G=await(a.isElement==null?void 0:a.isElement(I))?await(a.getScale==null?void 0:a.getScale(I))||{x:1,y:1}:{x:1,y:1},Q=go(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:k,offsetParent:I,strategy:p}):k);return{top:(R.top-Q.top+b.top)/G.y,bottom:(Q.bottom-R.bottom+b.bottom)/G.y,left:(R.left-Q.left+b.left)/G.x,right:(Q.right-R.right+b.right)/G.x}}function Td(t,e,r){return(t?[...r.filter(i=>Jt(i)===t),...r.filter(i=>Jt(i)!==t)]:r.filter(i=>Vo(i)===i)).filter(i=>t?Jt(i)===t||(e?Ml(i)!==i:!1):!0)}var Qn=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var r,n,i;let{rects:a,middlewareData:l,placement:c,platform:p,elements:f}=e,{crossAxis:y=!1,alignment:m,allowedPlacements:g=Kn,autoAlignment:x=!0,...b}=Ur(t,e),S=m!==void 0||g===Kn?Td(m||null,x,g):g,N=await Jn(e,b),R=((r=l.autoPlacement)==null?void 0:r.index)||0,k=S[R];if(k==null)return{};let I=Tl(k,a,await(p.isRTL==null?void 0:p.isRTL(f.floating)));if(c!==k)return{reset:{placement:S[0]}};let G=[N[Vo(k)],N[I[0]],N[I[1]]],Q=[...((n=l.autoPlacement)==null?void 0:n.overflows)||[],{placement:k,overflows:G}],ot=S[R+1];if(ot)return{data:{index:R+1,overflows:Q},reset:{placement:ot}};let Gt=Q.map(Ve=>{let rt=Jt(Ve.placement);return[Ve.placement,rt&&y?Ve.overflows.slice(0,2).reduce((Ge,po)=>Ge+po,0):Ve.overflows[0],Ve.overflows]}).sort((Ve,rt)=>Ve[1]-rt[1]),jt=((i=Gt.filter(Ve=>Ve[2].slice(0,Jt(Ve[0])?2:3).every(rt=>rt<=0))[0])==null?void 0:i[0])||Gt[0][0];return jt!==c?{data:{index:R+1,overflows:Q},reset:{placement:jt}}:{}}}};var ei=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:n,placement:i}=e,{mainAxis:a=!0,crossAxis:l=!1,limiter:c={fn:N=>{let{x:R,y:k}=N;return{x:R,y:k}}},...p}=Ur(t,e),f={x:r,y:n},y=await Jn(e,p),m=Hr(Vo(i)),g=qn(m),x=f[g],b=f[m];if(a){let N=g==="y"?"top":"left",R=g==="y"?"bottom":"right",k=x+y[N],I=x-y[R];x=Zn(k,x,I)}if(l){let N=m==="y"?"top":"left",R=m==="y"?"bottom":"right",k=b+y[N],I=b-y[R];b=Zn(k,b,I)}let S=c.fn({...e,[g]:x,[m]:b});return{...S,data:{x:S.x-r,y:S.y-n}}}}};function _t(t){return Gl(t)?(t.nodeName||"").toLowerCase():"#document"}function _e(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Tt(t){var e;return(e=(Gl(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Gl(t){return t instanceof Node||t instanceof _e(t).Node}function Ct(t){return t instanceof Element||t instanceof _e(t).Element}function ut(t){return t instanceof HTMLElement||t instanceof _e(t).HTMLElement}function Vl(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof _e(t).ShadowRoot}function Go(t){let{overflow:e,overflowX:r,overflowY:n,display:i}=Ke(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+r)&&!["inline","contents"].includes(i)}function jl(t){return["table","td","th"].includes(_t(t))}function Gr(t){let e=jr(),r=Ke(t);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||["transform","perspective","filter"].some(n=>(r.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(r.contain||"").includes(n))}function Kl(t){let e=bo(t);for(;ut(e)&&!fr(e);){if(Gr(e))return e;e=bo(e)}return null}function jr(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function fr(t){return["html","body","#document"].includes(_t(t))}function Ke(t){return _e(t).getComputedStyle(t)}function ur(t){return Ct(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function bo(t){if(_t(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Vl(t)&&t.host||Tt(t);return Vl(e)?e.host:e}function Zl(t){let e=bo(t);return fr(e)?t.ownerDocument?t.ownerDocument.body:t.body:ut(e)&&Go(e)?e:Zl(e)}function Vr(t,e,r){var n;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=Zl(t),a=i===((n=t.ownerDocument)==null?void 0:n.body),l=_e(i);return a?e.concat(l,l.visualViewport||[],Go(i)?i:[],l.frameElement&&r?Vr(l.frameElement):[]):e.concat(i,Vr(i,[],r))}function Xl(t){let e=Ke(t),r=parseFloat(e.width)||0,n=parseFloat(e.height)||0,i=ut(t),a=i?t.offsetWidth:r,l=i?t.offsetHeight:n,c=pr(r)!==a||pr(n)!==l;return c&&(r=a,n=l),{width:r,height:n,$:c}}function Jl(t){return Ct(t)?t:t.contextElement}function jo(t){let e=Jl(t);if(!ut(e))return zt(1);let r=e.getBoundingClientRect(),{width:n,height:i,$:a}=Xl(e),l=(a?pr(r.width):r.width)/n,c=(a?pr(r.height):r.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}var Ud=zt(0);function Ql(t){let e=_e(t);return!jr()||!e.visualViewport?Ud:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Hd(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==_e(t)?!1:e}function hr(t,e,r,n){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Jl(t),l=zt(1);e&&(n?Ct(n)&&(l=jo(n)):l=jo(t));let c=Hd(a,r,n)?Ql(a):zt(0),p=(i.left+c.x)/l.x,f=(i.top+c.y)/l.y,y=i.width/l.x,m=i.height/l.y;if(a){let g=_e(a),x=n&&Ct(n)?_e(n):n,b=g.frameElement;for(;b&&n&&x!==g;){let S=jo(b),N=b.getBoundingClientRect(),R=Ke(b),k=N.left+(b.clientLeft+parseFloat(R.paddingLeft))*S.x,I=N.top+(b.clientTop+parseFloat(R.paddingTop))*S.y;p*=S.x,f*=S.y,y*=S.x,m*=S.y,p+=k,f+=I,b=_e(b).frameElement}}return go({width:y,height:m,x:p,y:f})}function Vd(t){let{rect:e,offsetParent:r,strategy:n}=t,i=ut(r),a=Tt(r);if(r===a)return e;let l={scrollLeft:0,scrollTop:0},c=zt(1),p=zt(0);if((i||!i&&n!=="fixed")&&((_t(r)!=="body"||Go(a))&&(l=ur(r)),ut(r))){let f=hr(r);c=jo(r),p.x=f.x+r.clientLeft,p.y=f.y+r.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+p.x,y:e.y*c.y-l.scrollTop*c.y+p.y}}function Gd(t){return Array.from(t.getClientRects())}function es(t){return hr(Tt(t)).left+ur(t).scrollLeft}function jd(t){let e=Tt(t),r=ur(t),n=t.ownerDocument.body,i=Xt(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),a=Xt(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight),l=-r.scrollLeft+es(t),c=-r.scrollTop;return Ke(n).direction==="rtl"&&(l+=Xt(e.clientWidth,n.clientWidth)-i),{width:i,height:a,x:l,y:c}}function Kd(t,e){let r=_e(t),n=Tt(t),i=r.visualViewport,a=n.clientWidth,l=n.clientHeight,c=0,p=0;if(i){a=i.width,l=i.height;let f=jr();(!f||f&&e==="fixed")&&(c=i.offsetLeft,p=i.offsetTop)}return{width:a,height:l,x:c,y:p}}function Zd(t,e){let r=hr(t,!0,e==="fixed"),n=r.top+t.clientTop,i=r.left+t.clientLeft,a=ut(t)?jo(t):zt(1),l=t.clientWidth*a.x,c=t.clientHeight*a.y,p=i*a.x,f=n*a.y;return{width:l,height:c,x:p,y:f}}function ql(t,e,r){let n;if(e==="viewport")n=Kd(t,r);else if(e==="document")n=jd(Tt(t));else if(Ct(e))n=Zd(e,r);else{let i=Ql(t);n={...e,x:e.x-i.x,y:e.y-i.y}}return go(n)}function ts(t,e){let r=bo(t);return r===e||!Ct(r)||fr(r)?!1:Ke(r).position==="fixed"||ts(r,e)}function qd(t,e){let r=e.get(t);if(r)return r;let n=Vr(t,[],!1).filter(c=>Ct(c)&&_t(c)!=="body"),i=null,a=Ke(t).position==="fixed",l=a?bo(t):t;for(;Ct(l)&&!fr(l);){let c=Ke(l),p=Gr(l);!p&&c.position==="fixed"&&(i=null),(a?!p&&!i:!p&&c.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Go(l)&&!p&&ts(t,l))?n=n.filter(y=>y!==l):i=c,l=bo(l)}return e.set(t,n),n}function Yd(t){let{element:e,boundary:r,rootBoundary:n,strategy:i}=t,l=[...r==="clippingAncestors"?qd(e,this._c):[].concat(r),n],c=l[0],p=l.reduce((f,y)=>{let m=ql(e,y,i);return f.top=Xt(m.top,f.top),f.right=dr(m.right,f.right),f.bottom=dr(m.bottom,f.bottom),f.left=Xt(m.left,f.left),f},ql(e,c,i));return{width:p.right-p.left,height:p.bottom-p.top,x:p.left,y:p.top}}function Xd(t){return Xl(t)}function Jd(t,e,r){let n=ut(e),i=Tt(e),a=r==="fixed",l=hr(t,!0,a,e),c={scrollLeft:0,scrollTop:0},p=zt(0);if(n||!n&&!a)if((_t(e)!=="body"||Go(i))&&(c=ur(e)),n){let f=hr(e,!0,a,e);p.x=f.x+e.clientLeft,p.y=f.y+e.clientTop}else i&&(p.x=es(i));return{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function Yl(t,e){return!ut(t)||Ke(t).position==="fixed"?null:e?e(t):t.offsetParent}function os(t,e){let r=_e(t);if(!ut(t))return r;let n=Yl(t,e);for(;n&&jl(n)&&Ke(n).position==="static";)n=Yl(n,e);return n&&(_t(n)==="html"||_t(n)==="body"&&Ke(n).position==="static"&&!Gr(n))?r:n||Kl(t)||r}var Qd=async function(t){let{reference:e,floating:r,strategy:n}=t,i=this.getOffsetParent||os,a=this.getDimensions;return{reference:Jd(e,await i(r),n),floating:{x:0,y:0,...await a(r)}}};function ep(t){return Ke(t).direction==="rtl"}var Kr={convertOffsetParentRelativeRectToViewportRelativeRect:Vd,getDocumentElement:Tt,getClippingRect:Yd,getOffsetParent:os,getElementRects:Qd,getClientRects:Gd,getDimensions:Xd,getScale:jo,isElement:Ct,isRTL:ep};var rs=(t,e,r)=>{let n=new Map,i={platform:Kr,...r},a={...i.platform,_c:n};return Hl(t,e,{...i,platform:a})};function ns(t){return tp(t)}function ti(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function tp(t){for(let e=t;e;e=ti(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=ti(t);e;e=ti(e)){if(!(e instanceof Element))continue;let r=getComputedStyle(e);if(r.display!=="contents"&&(r.position!=="static"||r.filter!=="none"||e.tagName==="BODY"))return e}return null}async function Zr(t,e,r){return rs(t,e,{platform:{...Kr,getOffsetParent:n=>Kr.getOffsetParent(n,ns)},middleware:[ei({crossAxis:!0}),Qn({allowedPlacements:[r]})]})}var Te=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ie=class extends yr.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new yr.Debouncer,this.revealDebouncer=new yr.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return is.html`
|
|
545
|
+
`;var Tl=["top","right","bottom","left"],zl=["start","end"],Zn=Tl.reduce((t,e)=>t.concat(e,e+"-"+zl[0],e+"-"+zl[1]),[]),dr=Math.min,Xt=Math.max,pr=Math.round;var _t=t=>({x:t,y:t}),Fd={left:"right",right:"left",bottom:"top",top:"bottom"},_d={start:"end",end:"start"};function qn(t,e,r){return Xt(t,dr(e,r))}function Ur(t,e){return typeof t=="function"?t(e):t}function Go(t){return t.split("-")[0]}function Qt(t){return t.split("-")[1]}function Yn(t){return t==="x"?"y":"x"}function Xn(t){return t==="y"?"height":"width"}function Hr(t){return["top","bottom"].includes(Go(t))?"y":"x"}function Qn(t){return Yn(Hr(t))}function Ml(t,e,r){r===void 0&&(r=!1);let n=Qt(t),i=Qn(t),a=Xn(i),l=i==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(l=Kn(l)),[l,Kn(l)]}function Wl(t){return t.replace(/start|end/g,e=>_d[e])}function Kn(t){return t.replace(/left|right|bottom|top/g,e=>Fd[e])}function zd(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ul(t){return typeof t!="number"?zd(t):{top:t,right:t,bottom:t,left:t}}function bo(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Hl(t,e,r){let{reference:n,floating:i}=t,a=Hr(e),l=Qn(e),c=Xn(l),p=Go(e),f=a==="y",y=n.x+n.width/2-i.width/2,m=n.y+n.height/2-i.height/2,g=n[c]/2-i[c]/2,v;switch(p){case"top":v={x:y,y:n.y-i.height};break;case"bottom":v={x:y,y:n.y+n.height};break;case"right":v={x:n.x+n.width,y:m};break;case"left":v={x:n.x-i.width,y:m};break;default:v={x:n.x,y:n.y}}switch(Qt(e)){case"start":v[l]-=g*(r&&f?-1:1);break;case"end":v[l]+=g*(r&&f?-1:1);break}return v}var Vl=async(t,e,r)=>{let{placement:n="bottom",strategy:i="absolute",middleware:a=[],platform:l}=r,c=a.filter(Boolean),p=await(l.isRTL==null?void 0:l.isRTL(e)),f=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:y,y:m}=Hl(f,n,p),g=n,v={},b=0;for(let S=0;S<c.length;S++){let{name:N,fn:R}=c[S],{x:k,y:D,data:j,reset:J}=await R({x:y,y:m,initialPlacement:n,placement:g,strategy:i,middlewareData:v,rects:f,platform:l,elements:{reference:t,floating:e}});if(y=k??y,m=D??m,v={...v,[N]:{...v[N],...j}},J&&b<=50){b++,typeof J=="object"&&(J.placement&&(g=J.placement),J.rects&&(f=J.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:i}):J.rects),{x:y,y:m}=Hl(f,g,p)),S=-1;continue}}return{x:y,y:m,placement:g,strategy:i,middlewareData:v}};async function Jn(t,e){var r;e===void 0&&(e={});let{x:n,y:i,platform:a,rects:l,elements:c,strategy:p}=t,{boundary:f="clippingAncestors",rootBoundary:y="viewport",elementContext:m="floating",altBoundary:g=!1,padding:v=0}=Ur(e,t),b=Ul(v),N=c[g?m==="floating"?"reference":"floating":m],R=bo(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(N)))==null||r?N:N.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(c.floating)),boundary:f,rootBoundary:y,strategy:p})),k=m==="floating"?{...l.floating,x:n,y:i}:l.reference,D=await(a.getOffsetParent==null?void 0:a.getOffsetParent(c.floating)),j=await(a.isElement==null?void 0:a.isElement(D))?await(a.getScale==null?void 0:a.getScale(D))||{x:1,y:1}:{x:1,y:1},J=bo(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:k,offsetParent:D,strategy:p}):k);return{top:(R.top-J.top+b.top)/j.y,bottom:(J.bottom-R.bottom+b.bottom)/j.y,left:(R.left-J.left+b.left)/j.x,right:(J.right-R.right+b.right)/j.x}}function Td(t,e,r){return(t?[...r.filter(i=>Qt(i)===t),...r.filter(i=>Qt(i)!==t)]:r.filter(i=>Go(i)===i)).filter(i=>t?Qt(i)===t||(e?Wl(i)!==i:!1):!0)}var ei=function(t){return t===void 0&&(t={}),{name:"autoPlacement",options:t,async fn(e){var r,n,i;let{rects:a,middlewareData:l,placement:c,platform:p,elements:f}=e,{crossAxis:y=!1,alignment:m,allowedPlacements:g=Zn,autoAlignment:v=!0,...b}=Ur(t,e),S=m!==void 0||g===Zn?Td(m||null,v,g):g,N=await Jn(e,b),R=((r=l.autoPlacement)==null?void 0:r.index)||0,k=S[R];if(k==null)return{};let D=Ml(k,a,await(p.isRTL==null?void 0:p.isRTL(f.floating)));if(c!==k)return{reset:{placement:S[0]}};let j=[N[Go(k)],N[D[0]],N[D[1]]],J=[...((n=l.autoPlacement)==null?void 0:n.overflows)||[],{placement:k,overflows:j}],rt=S[R+1];if(rt)return{data:{index:R+1,overflows:J},reset:{placement:rt}};let Gt=J.map(Ge=>{let nt=Qt(Ge.placement);return[Ge.placement,nt&&y?Ge.overflows.slice(0,2).reduce((je,fo)=>je+fo,0):Ge.overflows[0],Ge.overflows]}).sort((Ge,nt)=>Ge[1]-nt[1]),jt=((i=Gt.filter(Ge=>Ge[2].slice(0,Qt(Ge[0])?2:3).every(nt=>nt<=0))[0])==null?void 0:i[0])||Gt[0][0];return jt!==c?{data:{index:R+1,overflows:J},reset:{placement:jt}}:{}}}};var ti=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:r,y:n,placement:i}=e,{mainAxis:a=!0,crossAxis:l=!1,limiter:c={fn:N=>{let{x:R,y:k}=N;return{x:R,y:k}}},...p}=Ur(t,e),f={x:r,y:n},y=await Jn(e,p),m=Hr(Go(i)),g=Yn(m),v=f[g],b=f[m];if(a){let N=g==="y"?"top":"left",R=g==="y"?"bottom":"right",k=v+y[N],D=v-y[R];v=qn(k,v,D)}if(l){let N=m==="y"?"top":"left",R=m==="y"?"bottom":"right",k=b+y[N],D=b-y[R];b=qn(k,b,D)}let S=c.fn({...e,[g]:v,[m]:b});return{...S,data:{x:S.x-r,y:S.y-n}}}}};function zt(t){return jl(t)?(t.nodeName||"").toLowerCase():"#document"}function Te(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Tt(t){var e;return(e=(jl(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function jl(t){return t instanceof Node||t instanceof Te(t).Node}function Ct(t){return t instanceof Element||t instanceof Te(t).Element}function ut(t){return t instanceof HTMLElement||t instanceof Te(t).HTMLElement}function Gl(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof Te(t).ShadowRoot}function jo(t){let{overflow:e,overflowX:r,overflowY:n,display:i}=Ze(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+r)&&!["inline","contents"].includes(i)}function Kl(t){return["table","td","th"].includes(zt(t))}function Gr(t){let e=jr(),r=Ze(t);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||["transform","perspective","filter"].some(n=>(r.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(r.contain||"").includes(n))}function Zl(t){let e=vo(t);for(;ut(e)&&!fr(e);){if(Gr(e))return e;e=vo(e)}return null}function jr(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function fr(t){return["html","body","#document"].includes(zt(t))}function Ze(t){return Te(t).getComputedStyle(t)}function ur(t){return Ct(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function vo(t){if(zt(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Gl(t)&&t.host||Tt(t);return Gl(e)?e.host:e}function ql(t){let e=vo(t);return fr(e)?t.ownerDocument?t.ownerDocument.body:t.body:ut(e)&&jo(e)?e:ql(e)}function Vr(t,e,r){var n;e===void 0&&(e=[]),r===void 0&&(r=!0);let i=ql(t),a=i===((n=t.ownerDocument)==null?void 0:n.body),l=Te(i);return a?e.concat(l,l.visualViewport||[],jo(i)?i:[],l.frameElement&&r?Vr(l.frameElement):[]):e.concat(i,Vr(i,[],r))}function Ql(t){let e=Ze(t),r=parseFloat(e.width)||0,n=parseFloat(e.height)||0,i=ut(t),a=i?t.offsetWidth:r,l=i?t.offsetHeight:n,c=pr(r)!==a||pr(n)!==l;return c&&(r=a,n=l),{width:r,height:n,$:c}}function Jl(t){return Ct(t)?t:t.contextElement}function Ko(t){let e=Jl(t);if(!ut(e))return _t(1);let r=e.getBoundingClientRect(),{width:n,height:i,$:a}=Ql(e),l=(a?pr(r.width):r.width)/n,c=(a?pr(r.height):r.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}var Ud=_t(0);function es(t){let e=Te(t);return!jr()||!e.visualViewport?Ud:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Hd(t,e,r){return e===void 0&&(e=!1),!r||e&&r!==Te(t)?!1:e}function hr(t,e,r,n){e===void 0&&(e=!1),r===void 0&&(r=!1);let i=t.getBoundingClientRect(),a=Jl(t),l=_t(1);e&&(n?Ct(n)&&(l=Ko(n)):l=Ko(t));let c=Hd(a,r,n)?es(a):_t(0),p=(i.left+c.x)/l.x,f=(i.top+c.y)/l.y,y=i.width/l.x,m=i.height/l.y;if(a){let g=Te(a),v=n&&Ct(n)?Te(n):n,b=g.frameElement;for(;b&&n&&v!==g;){let S=Ko(b),N=b.getBoundingClientRect(),R=Ze(b),k=N.left+(b.clientLeft+parseFloat(R.paddingLeft))*S.x,D=N.top+(b.clientTop+parseFloat(R.paddingTop))*S.y;p*=S.x,f*=S.y,y*=S.x,m*=S.y,p+=k,f+=D,b=Te(b).frameElement}}return bo({width:y,height:m,x:p,y:f})}function Vd(t){let{rect:e,offsetParent:r,strategy:n}=t,i=ut(r),a=Tt(r);if(r===a)return e;let l={scrollLeft:0,scrollTop:0},c=_t(1),p=_t(0);if((i||!i&&n!=="fixed")&&((zt(r)!=="body"||jo(a))&&(l=ur(r)),ut(r))){let f=hr(r);c=Ko(r),p.x=f.x+r.clientLeft,p.y=f.y+r.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+p.x,y:e.y*c.y-l.scrollTop*c.y+p.y}}function Gd(t){return Array.from(t.getClientRects())}function ts(t){return hr(Tt(t)).left+ur(t).scrollLeft}function jd(t){let e=Tt(t),r=ur(t),n=t.ownerDocument.body,i=Xt(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),a=Xt(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight),l=-r.scrollLeft+ts(t),c=-r.scrollTop;return Ze(n).direction==="rtl"&&(l+=Xt(e.clientWidth,n.clientWidth)-i),{width:i,height:a,x:l,y:c}}function Kd(t,e){let r=Te(t),n=Tt(t),i=r.visualViewport,a=n.clientWidth,l=n.clientHeight,c=0,p=0;if(i){a=i.width,l=i.height;let f=jr();(!f||f&&e==="fixed")&&(c=i.offsetLeft,p=i.offsetTop)}return{width:a,height:l,x:c,y:p}}function Zd(t,e){let r=hr(t,!0,e==="fixed"),n=r.top+t.clientTop,i=r.left+t.clientLeft,a=ut(t)?Ko(t):_t(1),l=t.clientWidth*a.x,c=t.clientHeight*a.y,p=i*a.x,f=n*a.y;return{width:l,height:c,x:p,y:f}}function Yl(t,e,r){let n;if(e==="viewport")n=Kd(t,r);else if(e==="document")n=jd(Tt(t));else if(Ct(e))n=Zd(e,r);else{let i=es(t);n={...e,x:e.x-i.x,y:e.y-i.y}}return bo(n)}function os(t,e){let r=vo(t);return r===e||!Ct(r)||fr(r)?!1:Ze(r).position==="fixed"||os(r,e)}function qd(t,e){let r=e.get(t);if(r)return r;let n=Vr(t,[],!1).filter(c=>Ct(c)&&zt(c)!=="body"),i=null,a=Ze(t).position==="fixed",l=a?vo(t):t;for(;Ct(l)&&!fr(l);){let c=Ze(l),p=Gr(l);!p&&c.position==="fixed"&&(i=null),(a?!p&&!i:!p&&c.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||jo(l)&&!p&&os(t,l))?n=n.filter(y=>y!==l):i=c,l=vo(l)}return e.set(t,n),n}function Yd(t){let{element:e,boundary:r,rootBoundary:n,strategy:i}=t,l=[...r==="clippingAncestors"?qd(e,this._c):[].concat(r),n],c=l[0],p=l.reduce((f,y)=>{let m=Yl(e,y,i);return f.top=Xt(m.top,f.top),f.right=dr(m.right,f.right),f.bottom=dr(m.bottom,f.bottom),f.left=Xt(m.left,f.left),f},Yl(e,c,i));return{width:p.right-p.left,height:p.bottom-p.top,x:p.left,y:p.top}}function Xd(t){return Ql(t)}function Qd(t,e,r){let n=ut(e),i=Tt(e),a=r==="fixed",l=hr(t,!0,a,e),c={scrollLeft:0,scrollTop:0},p=_t(0);if(n||!n&&!a)if((zt(e)!=="body"||jo(i))&&(c=ur(e)),n){let f=hr(e,!0,a,e);p.x=f.x+e.clientLeft,p.y=f.y+e.clientTop}else i&&(p.x=ts(i));return{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function Xl(t,e){return!ut(t)||Ze(t).position==="fixed"?null:e?e(t):t.offsetParent}function rs(t,e){let r=Te(t);if(!ut(t))return r;let n=Xl(t,e);for(;n&&Kl(n)&&Ze(n).position==="static";)n=Xl(n,e);return n&&(zt(n)==="html"||zt(n)==="body"&&Ze(n).position==="static"&&!Gr(n))?r:n||Zl(t)||r}var Jd=async function(t){let{reference:e,floating:r,strategy:n}=t,i=this.getOffsetParent||rs,a=this.getDimensions;return{reference:Qd(e,await i(r),n),floating:{x:0,y:0,...await a(r)}}};function ep(t){return Ze(t).direction==="rtl"}var Kr={convertOffsetParentRelativeRectToViewportRelativeRect:Vd,getDocumentElement:Tt,getClippingRect:Yd,getOffsetParent:rs,getElementRects:Jd,getClientRects:Gd,getDimensions:Xd,getScale:Ko,isElement:Ct,isRTL:ep};var ns=(t,e,r)=>{let n=new Map,i={platform:Kr,...r},a={...i.platform,_c:n};return Vl(t,e,{...i,platform:a})};function is(t){return tp(t)}function oi(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function tp(t){for(let e=t;e;e=oi(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=oi(t);e;e=oi(e)){if(!(e instanceof Element))continue;let r=getComputedStyle(e);if(r.display!=="contents"&&(r.position!=="static"||r.filter!=="none"||e.tagName==="BODY"))return e}return null}async function Zr(t,e,r){return ns(t,e,{platform:{...Kr,getOffsetParent:n=>Kr.getOffsetParent(n,is)},middleware:[ti({crossAxis:!0}),ei({allowedPlacements:[r]})]})}var Me=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ie=class extends yr.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new yr.Debouncer,this.revealDebouncer=new yr.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return as.html`
|
|
545
546
|
<div part="container"
|
|
546
547
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
547
548
|
@mouseenter=${this.onHover}
|
|
@@ -559,45 +560,56 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
559
560
|
</div>
|
|
560
561
|
</div>
|
|
561
562
|
</div>
|
|
562
|
-
`}updated(e){e.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(e)}contentAvailableCallback(e){super.contentAvailableCallback(e),["visible","text"].some(r=>e.has(r))&&this.visible&&this.positionTooltip()}async show(e){this.visible=!0,e!=null&&await this.hideDebounce.run(()=>{this.hide()},e)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var e;return((e=this.slotNodes)!==null&&e!==void 0?e:[]).filter(r=>r.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let e=this.tooltipContent.style;switch(e.transition="none",this.validPosition){case"top":e.top=this.tooltip.clientHeight+"px",e.left="0";break;case"bottom":e.top=-this.tooltip.clientHeight+"px",e.left="0";break;case"left":e.top="0",e.left=this.tooltip.clientWidth+"px";break;case"right":e.top="0",e.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Zr(this.slottedElement,this.tooltip,this.position).then(({x:e,y:r})=>{this.tooltip&&(this.tooltip.style.left=`${e}px`,this.tooltip.style.top=`${r}px`)})),this.revealDebouncer.run(()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")},this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout(()=>window.addEventListener("touchstart",e=>{e.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(e,r){return Math.max(e,Math.min(0,-r))}};ie.elementDefinitions={"ft-typography":q};ie.styles=Fl;Te([(0,be.property)()],ie.prototype,"text",void 0);Te([(0,be.property)({type:Boolean})],ie.prototype,"manual",void 0);Te([(0,be.property)({type:Boolean})],ie.prototype,"inline",void 0);Te([(0,be.property)({type:Number})],ie.prototype,"delay",void 0);Te([(0,be.property)()],ie.prototype,"position",void 0);Te([(0,be.queryAssignedNodes)()],ie.prototype,"slotNodes",void 0);Te([(0,be.query)(".ft-tooltip--container")],ie.prototype,"container",void 0);Te([(0,be.query)(".ft-tooltip")],ie.prototype,"tooltip",void 0);Te([(0,be.query)(".ft-tooltip--content")],ie.prototype,"tooltipContent",void 0);Te([(0,be.state)()],ie.prototype,"visible",void 0);Te([(0,be.eventOptions)({passive:!0})],ie.prototype,"onTouch",null);Te([(0,be.eventOptions)({passive:!0})],ie.prototype,"onHover",null);Te([(0,be.eventOptions)({passive:!0})],ie.prototype,"onOut",null);Te([(0,be.eventOptions)({passive:!0})],ie.prototype,"onClick",null);(0,as.customElement)("ft-tooltip")(ie);var fs=h(w());var mr=h(L()),xo=h(Y()),ds=h(w()),ps=h(ss());var wt;(function(t){t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.BOOKS="",t.MENU="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.HOME="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.EXPORT="",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.USER="",t.EXTLINK="",t.CALENDAR="",t.OFFLINE="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.STAR_PLAIN="",t.TOPICS="",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN="",t.ADMIN_KHUB="",t.ADMIN_THEME="",t.ADMIN_USERS="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.INFO="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.FACET_HAS_DESCENDANT="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.THIN_ARROW="",t.SIGN_IN="",t.LOGOUT="",t.TRANSLATE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.ARTICLE="",t.COLUMNS="",t.ANALYTICS="",t.COLLECTIONS="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SEARCH_IN_PUBLICATION="",t.COPY_TO_CLIPBOARD="",t.SHARED_PBK="",t.ATTACHMENTS="",t.STRIPE_ARROW_LEFT="",t.STRIPE_ARROW_RIGHT="",t.FILTERS="",t.DOT="",t.MINUS="",t.PLUS="",t.MAILS_AND_NOTIFICATIONS="",t.SAVE="",t.LOCKER="",t.ADMIN_INTEGRATION="",t.SYNC="",t.TAG="",t.BOOK_PLAIN="",t.UPLOAD="",t.ONLINE="",t.TAG_PLAIN="",t.ACCOUNT_SETTINGS="",t.PRINT="",t.DEFAULT_ROLES="",t.SHORTCUT_MENU="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.PAUSE="",t.PLAY="",t.ADMIN_PORTAL="",t.STAR="",t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.FEEDBACK_PLAIN="",t.RATE_PLAIN="",t.RATE="",t.OFFLINE_SETTINGS="",t.MY_COLLECTIONS="",t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.RESET="",t.MY_LIBRARY="",t.UNSTRUCTURED_DOC="",t.CONTEXTUAL="",t.THIN_ARROW_UP="",t.ARROW_RIGHT_TO_LINE="",t.DESKTOP="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.LINE_CHART="",t.STACKED_CHART="",t.CHART_BAR_STACKED="",t.CHART_BAR_GROUPED="",t.EYE_SLASH="",t.X_MARK="",t.EXPAND_WIDE="",t.PIP="",t.PIP_WIDE="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.EXTLINK_LIGHT="",t.CLONE="",t.CLONE_LINK_SIMPLE="",t.CHART_BAR_NORMALIZED="",t.CONSUMER="",t.OCTAGON_XMARK="",t.HOURGLASS_HALF="",t.CLOCK="",t.CLOCK_THREE="",t.CALENDAR_DAY="",t.COMPUTER_MOUSE_MAGNIFYING_GLASS="",t.WAND_MAGIC_SPARKLES="",t.PAPER_PLANE="",t.CIRCLE_STOP="",t.ARROW_ROTATE_RIGHT="",t.ARROWS_ROTATE="",t.ALIGN_RIGHT="",t.FORMAT_CLEAR="",t.ALIGN_CENTER="",t.ALIGN_LEFT="",t.PALETTE="",t.BOLD="",t.ITALIC="",t.UNDERLINE="",t.STRIKETHROUGH="",t.LINK_SIMPLE_SLASH="",t.LINK_SIMPLE="",t.ROUTE="",t.CIRCLE_USER_SLASH="",t.CIRCLE_USER_CHECK="",t.LIST_MAGNIFYING_GLASS="",t.MEDAL="",t.THUMBS_UP_THUMBS_DOWN_SOLID="",t.ARROW_TURN_DOWN_RIGHT="",t.FLASK="",t.LOCK_KEYHOLE_OPEN_SOLID="",t.HOURGLASS_END="",t.CIRCLE_QUESTION="",t.EYE="",t.SHARE="󨃱"})(wt||(wt={}));var C;(function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""})(C||(C={}));var oi=new Map([...["abw"].map(t=>[t,C.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(t=>[t,C.AUDIO]),...["avi"].map(t=>[t,C.AVI]),...["chm","xhs"].map(t=>[t,C.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(t=>[t,C.CODE]),...["csv"].map(t=>[t,C.CSV]),...["dita","ditamap","ditaval"].map(t=>[t,C.DITA]),...["epub"].map(t=>[t,C.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(t=>[t,C.EXCEL]),...["flac"].map(t=>[t,C.FLAC]),...["gif"].map(t=>[t,C.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(t=>[t,C.GZIP]),...["html","htm","xhtml"].map(t=>[t,C.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(t=>[t,C.IMAGE]),...["jpeg","jpg","jpe"].map(t=>[t,C.JPEG]),...["json"].map(t=>[t,C.JSON]),...["m4a","m4p"].map(t=>[t,C.M4A]),...["mov","qt"].map(t=>[t,C.MOV]),...["mp3"].map(t=>[t,C.MP3]),...["mp4","m4v"].map(t=>[t,C.MP4]),...["ogg","oga"].map(t=>[t,C.OGG]),...["pdf","ps"].map(t=>[t,C.PDF]),...["png"].map(t=>[t,C.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(t=>[t,C.POWERPOINT]),...["rar"].map(t=>[t,C.RAR]),...["stp"].map(t=>[t,C.STP]),...["txt","rtf","md","mdown"].map(t=>[t,C.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(t=>[t,C.VIDEO]),...["wav"].map(t=>[t,C.WAV]),...["wma"].map(t=>[t,C.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(t=>[t,C.WORD]),...["xml","xsl","rdf"].map(t=>[t,C.XML]),...["yaml","yml","x-yaml"].map(t=>[t,C.YAML]),...["zip"].map(t=>[t,C.ZIP])]),op=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);function cs(t,e){var r,n,i,a;t=(t??"").toLowerCase(),e=(e??"").toLowerCase();let[l,c]=(((r=op.get(t))!==null&&r!==void 0?r:t)+"/").split("/");return(a=(i=(n=oi.get(c))!==null&&n!==void 0?n:oi.get(e))!==null&&i!==void 0?i:oi.get(l))!==null&&a!==void 0?a:C.UNKNOWN}var xg={[C.ABW]:"#91ABC6",[C.AUDIO]:"#1795E3",[C.AVI]:"#E63324",[C.CHM]:"#71C3EB",[C.CODE]:"#71C3EB",[C.CSV]:"#1F7345",[C.DITA]:"#71C3EB",[C.EPUB]:"#85B926",[C.EXCEL]:"#1F7345",[C.FLAC]:"#1795E3",[C.GIF]:"#59B031",[C.GZIP]:"#F8AB36",[C.HTML]:"#71C3EB",[C.IMAGE]:"#59B031",[C.JPEG]:"#59B031",[C.JSON]:"#71C3EB",[C.M4A]:"#1795E3",[C.MOV]:"#E63324",[C.MP3]:"#1795E3",[C.MP4]:"#E63324",[C.OGG]:"#1795E3",[C.PDF]:"#E44948",[C.PNG]:"#59B031",[C.POWERPOINT]:"#B54A2B",[C.RAR]:"#F8AB36",[C.STP]:"#3764B1",[C.TEXT]:"#3162AB",[C.UNKNOWN]:"#999999",[C.VIDEO]:"#E63324",[C.WAV]:"#1795E3",[C.WMA]:"#1795E3",[C.WORD]:"#3162AB",[C.XML]:"#71C3EB",[C.YAML]:"#71C3EB",[C.ZIP]:"#F8AB36"};var Ne;(function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"})(Ne||(Ne={}));var qr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ae=class extends ds.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=mr.nothing}render(){let e=this.variant&&Object.values(Ne).includes(this.variant)?this.variant:Ne.fluid_topics,r=e!==Ne.material||!!this.value;return mr.html`
|
|
563
|
+
`}updated(e){e.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(e)}contentAvailableCallback(e){super.contentAvailableCallback(e),["visible","text"].some(r=>e.has(r))&&this.visible&&this.positionTooltip()}async show(e){this.visible=!0,e!=null&&await this.hideDebounce.run(()=>{this.hide()},e)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var e;return((e=this.slotNodes)!==null&&e!==void 0?e:[]).filter(r=>r.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let e=this.tooltipContent.style;switch(e.transition="none",this.validPosition){case"top":e.top=this.tooltip.clientHeight+"px",e.left="0";break;case"bottom":e.top=-this.tooltip.clientHeight+"px",e.left="0";break;case"left":e.top="0",e.left=this.tooltip.clientWidth+"px";break;case"right":e.top="0",e.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Zr(this.slottedElement,this.tooltip,this.position).then(({x:e,y:r})=>{this.tooltip&&(this.tooltip.style.left=`${e}px`,this.tooltip.style.top=`${r}px`)})),this.revealDebouncer.run(()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")},this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout(()=>window.addEventListener("touchstart",e=>{e.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(e,r){return Math.max(e,Math.min(0,-r))}};ie.elementDefinitions={"ft-typography":q};ie.styles=_l;Me([(0,be.property)()],ie.prototype,"text",void 0);Me([(0,be.property)({type:Boolean})],ie.prototype,"manual",void 0);Me([(0,be.property)({type:Boolean})],ie.prototype,"inline",void 0);Me([(0,be.property)({type:Number})],ie.prototype,"delay",void 0);Me([(0,be.property)()],ie.prototype,"position",void 0);Me([(0,be.queryAssignedNodes)()],ie.prototype,"slotNodes",void 0);Me([(0,be.query)(".ft-tooltip--container")],ie.prototype,"container",void 0);Me([(0,be.query)(".ft-tooltip")],ie.prototype,"tooltip",void 0);Me([(0,be.query)(".ft-tooltip--content")],ie.prototype,"tooltipContent",void 0);Me([(0,be.state)()],ie.prototype,"visible",void 0);Me([(0,be.eventOptions)({passive:!0})],ie.prototype,"onTouch",null);Me([(0,be.eventOptions)({passive:!0})],ie.prototype,"onHover",null);Me([(0,be.eventOptions)({passive:!0})],ie.prototype,"onOut",null);Me([(0,be.eventOptions)({passive:!0})],ie.prototype,"onClick",null);(0,ls.customElement)("ft-tooltip")(ie);var us=u(w());var mr=u(L()),xo=u(Y()),ps=u(w()),fs=u(cs());var wt;(function(t){t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.BOOKS="",t.MENU="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.HOME="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.EXPORT="",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.USER="",t.EXTLINK="",t.CALENDAR="",t.OFFLINE="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.STAR_PLAIN="",t.TOPICS="",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN="",t.ADMIN_KHUB="",t.ADMIN_THEME="",t.ADMIN_USERS="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.INFO="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.FACET_HAS_DESCENDANT="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.THIN_ARROW="",t.SIGN_IN="",t.LOGOUT="",t.TRANSLATE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.ARTICLE="",t.COLUMNS="",t.ANALYTICS="",t.COLLECTIONS="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SEARCH_IN_PUBLICATION="",t.COPY_TO_CLIPBOARD="",t.SHARED_PBK="",t.ATTACHMENTS="",t.STRIPE_ARROW_LEFT="",t.STRIPE_ARROW_RIGHT="",t.FILTERS="",t.DOT="",t.MINUS="",t.PLUS="",t.MAILS_AND_NOTIFICATIONS="",t.SAVE="",t.LOCKER="",t.ADMIN_INTEGRATION="",t.SYNC="",t.TAG="",t.BOOK_PLAIN="",t.UPLOAD="",t.ONLINE="",t.TAG_PLAIN="",t.ACCOUNT_SETTINGS="",t.PRINT="",t.DEFAULT_ROLES="",t.SHORTCUT_MENU="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.PAUSE="",t.PLAY="",t.ADMIN_PORTAL="",t.STAR="",t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.FEEDBACK_PLAIN="",t.RATE_PLAIN="",t.RATE="",t.OFFLINE_SETTINGS="",t.MY_COLLECTIONS="",t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.RESET="",t.MY_LIBRARY="",t.UNSTRUCTURED_DOC="",t.CONTEXTUAL="",t.THIN_ARROW_UP="",t.ARROW_RIGHT_TO_LINE="",t.DESKTOP="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.LINE_CHART="",t.STACKED_CHART="",t.CHART_BAR_STACKED="",t.CHART_BAR_GROUPED="",t.EYE_SLASH="",t.X_MARK="",t.EXPAND_WIDE="",t.PIP="",t.PIP_WIDE="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.EXTLINK_LIGHT="",t.CLONE="",t.CLONE_LINK_SIMPLE="",t.CHART_BAR_NORMALIZED="",t.CONSUMER="",t.OCTAGON_XMARK="",t.HOURGLASS_HALF="",t.CLOCK="",t.CLOCK_THREE="",t.CALENDAR_DAY="",t.COMPUTER_MOUSE_MAGNIFYING_GLASS="",t.WAND_MAGIC_SPARKLES="",t.PAPER_PLANE="",t.CIRCLE_STOP="",t.ARROW_ROTATE_RIGHT="",t.ARROWS_ROTATE="",t.ALIGN_RIGHT="",t.FORMAT_CLEAR="",t.ALIGN_CENTER="",t.ALIGN_LEFT="",t.PALETTE="",t.BOLD="",t.ITALIC="",t.UNDERLINE="",t.STRIKETHROUGH="",t.LINK_SIMPLE_SLASH="",t.LINK_SIMPLE="",t.ROUTE="",t.CIRCLE_USER_SLASH="",t.CIRCLE_USER_CHECK="",t.LIST_MAGNIFYING_GLASS="",t.MEDAL="",t.THUMBS_UP_THUMBS_DOWN_SOLID="",t.ARROW_TURN_DOWN_RIGHT="",t.FLASK="",t.LOCK_KEYHOLE_OPEN_SOLID="",t.HOURGLASS_END="",t.CIRCLE_QUESTION="",t.EYE="",t.SHARE="󨃱"})(wt||(wt={}));var C;(function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""})(C||(C={}));var ri=new Map([...["abw"].map(t=>[t,C.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(t=>[t,C.AUDIO]),...["avi"].map(t=>[t,C.AVI]),...["chm","xhs"].map(t=>[t,C.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(t=>[t,C.CODE]),...["csv"].map(t=>[t,C.CSV]),...["dita","ditamap","ditaval"].map(t=>[t,C.DITA]),...["epub"].map(t=>[t,C.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(t=>[t,C.EXCEL]),...["flac"].map(t=>[t,C.FLAC]),...["gif"].map(t=>[t,C.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(t=>[t,C.GZIP]),...["html","htm","xhtml"].map(t=>[t,C.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(t=>[t,C.IMAGE]),...["jpeg","jpg","jpe"].map(t=>[t,C.JPEG]),...["json"].map(t=>[t,C.JSON]),...["m4a","m4p"].map(t=>[t,C.M4A]),...["mov","qt"].map(t=>[t,C.MOV]),...["mp3"].map(t=>[t,C.MP3]),...["mp4","m4v"].map(t=>[t,C.MP4]),...["ogg","oga"].map(t=>[t,C.OGG]),...["pdf","ps"].map(t=>[t,C.PDF]),...["png"].map(t=>[t,C.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(t=>[t,C.POWERPOINT]),...["rar"].map(t=>[t,C.RAR]),...["stp"].map(t=>[t,C.STP]),...["txt","rtf","md","mdown"].map(t=>[t,C.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(t=>[t,C.VIDEO]),...["wav"].map(t=>[t,C.WAV]),...["wma"].map(t=>[t,C.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(t=>[t,C.WORD]),...["xml","xsl","rdf"].map(t=>[t,C.XML]),...["yaml","yml","x-yaml"].map(t=>[t,C.YAML]),...["zip"].map(t=>[t,C.ZIP])]),op=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);function ds(t,e){var r,n,i,a;t=(t??"").toLowerCase(),e=(e??"").toLowerCase();let[l,c]=(((r=op.get(t))!==null&&r!==void 0?r:t)+"/").split("/");return(a=(i=(n=ri.get(c))!==null&&n!==void 0?n:ri.get(e))!==null&&i!==void 0?i:ri.get(l))!==null&&a!==void 0?a:C.UNKNOWN}var Sg={[C.ABW]:"#91ABC6",[C.AUDIO]:"#1795E3",[C.AVI]:"#E63324",[C.CHM]:"#71C3EB",[C.CODE]:"#71C3EB",[C.CSV]:"#1F7345",[C.DITA]:"#71C3EB",[C.EPUB]:"#85B926",[C.EXCEL]:"#1F7345",[C.FLAC]:"#1795E3",[C.GIF]:"#59B031",[C.GZIP]:"#F8AB36",[C.HTML]:"#71C3EB",[C.IMAGE]:"#59B031",[C.JPEG]:"#59B031",[C.JSON]:"#71C3EB",[C.M4A]:"#1795E3",[C.MOV]:"#E63324",[C.MP3]:"#1795E3",[C.MP4]:"#E63324",[C.OGG]:"#1795E3",[C.PDF]:"#E44948",[C.PNG]:"#59B031",[C.POWERPOINT]:"#B54A2B",[C.RAR]:"#F8AB36",[C.STP]:"#3764B1",[C.TEXT]:"#3162AB",[C.UNKNOWN]:"#999999",[C.VIDEO]:"#E63324",[C.WAV]:"#1795E3",[C.WMA]:"#1795E3",[C.WORD]:"#3162AB",[C.XML]:"#71C3EB",[C.YAML]:"#71C3EB",[C.ZIP]:"#F8AB36"};var Pe;(function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"})(Pe||(Pe={}));var qr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ae=class extends ps.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=mr.nothing}render(){let e=this.variant&&Object.values(Pe).includes(this.variant)?this.variant:Pe.fluid_topics,r=e!==Pe.material||!!this.value;return mr.html`
|
|
563
564
|
<i class="ft-icon ft-icon--${e}" part="icon icon-${e}">
|
|
564
|
-
${(0,
|
|
565
|
+
${(0,fs.unsafeHTML)(this.resolvedIcon)}
|
|
565
566
|
<slot ?hidden=${r}></slot>
|
|
566
567
|
</i>
|
|
567
|
-
`}get textContent(){var e,r;return(r=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(n=>n.textContent).join("").trim())!==null&&r!==void 0?r:""}update(e){super.update(e),["value","variant"].some(r=>e.has(r))&&this.resolveIcon()}resolveIcon(){var e,r;let n=this.value||this.textContent;switch(this.variant){case
|
|
568
|
+
`}get textContent(){var e,r;return(r=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(n=>n.textContent).join("").trim())!==null&&r!==void 0?r:""}update(e){super.update(e),["value","variant"].some(r=>e.has(r))&&this.resolveIcon()}resolveIcon(){var e,r;let n=this.value||this.textContent;switch(this.variant){case Pe.file_format:this.resolvedIcon=(e=C[n.replace("-","_").toUpperCase()])!==null&&e!==void 0?e:n;break;case Pe.material:this.resolvedIcon=this.value||mr.nothing;break;default:this.resolvedIcon=(r=wt[n.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:n;break}}firstUpdated(e){super.firstUpdated(e),setTimeout(()=>this.resolveIcon())}};ae.elementDefinitions={};ae.styles=Rl;qr([(0,xo.property)()],ae.prototype,"variant",void 0);qr([(0,xo.property)()],ae.prototype,"value",void 0);qr([(0,xo.state)()],ae.prototype,"resolvedIcon",void 0);qr([(0,xo.query)("slot")],ae.prototype,"slottedContent",void 0);(0,us.customElement)("ft-icon")(ae);var ms=u(w());var hs=u(L()),ys=u(w());var So=class extends ys.FtLitElement{render(){return hs.html`
|
|
568
569
|
<div class="ft-loader">
|
|
569
570
|
<div></div>
|
|
570
571
|
<div></div>
|
|
571
572
|
<div></div>
|
|
572
573
|
<div></div>
|
|
573
574
|
</div>
|
|
574
|
-
`}};
|
|
575
|
+
`}};So.styles=El;(0,ms.customElement)("ft-loader")(So);var Jt=u(L()),ni=u(st()),Oe=u(Y()),Re=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},de=class extends(0,eo.toFtFormComponent)(eo.FtLitElement,"button"){get buttonClasses(){return{}}get typographyVariant(){return""}constructor(){super(),this.href=void 0,this.target=void 0,this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.ariaLabel=null,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",e=>{var r;this.isDisabled()?(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):this.type=="submit"&&((r=this.form)===null||r===void 0||r.requestSubmit())})}render(){var e,r,n;let i=Jt.html`
|
|
576
|
+
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
577
|
+
<ft-typography part="label"
|
|
578
|
+
variant=${this.typographyVariant}
|
|
579
|
+
element="span"
|
|
580
|
+
class="ft-button--label ${eo.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
581
|
+
?hidden=${!this.hasTextContent()}>
|
|
582
|
+
<slot @slotchange=${this.onSlotchange}></slot>
|
|
583
|
+
</ft-typography>
|
|
584
|
+
${this.resolveIcon()}
|
|
585
|
+
`,a=this.href!=null&&this.href.trim().length>0?this.href:void 0;return this.addTooltipIfNeeded(a?Jt.html`
|
|
586
|
+
<a href="${a}"
|
|
587
|
+
target="${(e=this.target)!==null&&e!==void 0?e:"_self"}"
|
|
588
|
+
part="button"
|
|
589
|
+
class="${(0,ni.classMap)(this.buttonClasses)}"
|
|
590
|
+
aria-label="${(r=this.ariaLabel)!==null&&r!==void 0?r:this.getLabel()}"
|
|
591
|
+
?disabled=${this.isDisabled()}>
|
|
592
|
+
${i}
|
|
593
|
+
</a>
|
|
594
|
+
`:Jt.html`
|
|
575
595
|
<button part="button"
|
|
576
|
-
class="${(0,
|
|
577
|
-
aria-label="${(
|
|
596
|
+
class="${(0,ni.classMap)(this.buttonClasses)}"
|
|
597
|
+
aria-label="${(n=this.ariaLabel)!==null&&n!==void 0?n:this.getLabel()}"
|
|
578
598
|
?disabled=${this.isDisabled()}>
|
|
579
|
-
|
|
580
|
-
<ft-typography part="label"
|
|
581
|
-
variant=${this.typographyVariant}
|
|
582
|
-
element="span"
|
|
583
|
-
class="ft-button--label ${Qt.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
584
|
-
?hidden=${!this.hasTextContent()}>
|
|
585
|
-
<slot @slotchange=${this.onSlotchange}></slot>
|
|
586
|
-
</ft-typography>
|
|
587
|
-
${this.resolveIcon()}
|
|
599
|
+
${i}
|
|
588
600
|
</button>
|
|
589
|
-
`)}addTooltipIfNeeded(e){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?
|
|
601
|
+
`)}addTooltipIfNeeded(e){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?Jt.html`
|
|
590
602
|
<ft-tooltip part="tooltip"
|
|
591
603
|
text="${this.getLabel()}"
|
|
592
604
|
position="${this.tooltipPosition}">
|
|
593
605
|
${e}
|
|
594
606
|
</ft-tooltip>
|
|
595
|
-
`:e}resolveIcon(){return this.loading?
|
|
596
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
607
|
+
`:e}resolveIcon(){return this.loading?Jt.html`
|
|
608
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?Jt.html`
|
|
597
609
|
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
598
|
-
`:
|
|
610
|
+
`:Jt.html`
|
|
599
611
|
<slot part="icon" name="icon"></slot>
|
|
600
|
-
`}focus(){var e;(e=this.button)===null||e===void 0||e.focus()}getLabel(){return this.label||this.textContent}get textContent(){return(0,
|
|
612
|
+
`}focus(){var e;(e=this.button)===null||e===void 0||e.focus()}click(){var e;(e=this.button)===null||e===void 0||e.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,eo.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};de.elementDefinitions={"ft-ripple":T,"ft-tooltip":ie,"ft-typography":q,"ft-icon":ae,"ft-loader":So};Re([(0,Oe.property)()],de.prototype,"href",void 0);Re([(0,Oe.property)()],de.prototype,"target",void 0);Re([(0,Oe.property)({type:String,reflect:!0})],de.prototype,"role",void 0);Re([(0,Oe.property)()],de.prototype,"type",void 0);Re([(0,Oe.property)({type:Boolean})],de.prototype,"disabled",void 0);Re([(0,Oe.property)()],de.prototype,"label",void 0);Re([(0,Oe.property)()],de.prototype,"icon",void 0);Re([(0,Oe.property)()],de.prototype,"iconVariant",void 0);Re([(0,Oe.property)({type:Boolean})],de.prototype,"trailingIcon",void 0);Re([(0,Oe.property)({type:Boolean})],de.prototype,"loading",void 0);Re([(0,Oe.property)({attribute:"aria-label"})],de.prototype,"ariaLabel",void 0);Re([(0,Oe.property)()],de.prototype,"tooltipPosition",void 0);Re([(0,Oe.property)({type:Boolean})],de.prototype,"hideTooltip",void 0);Re([(0,Oe.property)({type:Boolean})],de.prototype,"forceTooltip",void 0);Re([(0,Oe.query)(".ft-button")],de.prototype,"button",void 0);Re([(0,Oe.query)(".ft-button--label slot")],de.prototype,"slottedContent",void 0);var Yr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ve=class extends de{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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}}get typographyVariant(){return"button"}};ve.styles=[gs.safariEllipsisFix,Al];Yr([(0,gr.property)({type:Boolean})],ve.prototype,"primary",void 0);Yr([(0,gr.property)({type:Boolean})],ve.prototype,"outlined",void 0);Yr([(0,gr.property)({type:Boolean})],ve.prototype,"dense",void 0);Yr([(0,gr.property)({type:Boolean})],ve.prototype,"round",void 0);var br=u(Y());var Qr=u(w());var bs=u(L()),x=u(w());var vs=[bs.css`
|
|
601
613
|
:host {
|
|
602
614
|
display: inline-block;
|
|
603
615
|
max-width: 100%;
|
|
@@ -606,22 +618,23 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
606
618
|
|
|
607
619
|
/** Remove default button styles **/
|
|
608
620
|
|
|
609
|
-
button {
|
|
621
|
+
.ft-button {
|
|
610
622
|
box-shadow: 0 0 0 transparent;
|
|
611
623
|
border: 0 solid transparent;
|
|
612
624
|
text-shadow: 0 0 0 transparent;
|
|
625
|
+
text-decoration: none;
|
|
613
626
|
}
|
|
614
627
|
|
|
615
|
-
button:hover {
|
|
628
|
+
.ft-button:hover {
|
|
616
629
|
box-shadow: 0 0 0 transparent;
|
|
617
630
|
text-shadow: 0 0 0 transparent;
|
|
618
631
|
}
|
|
619
632
|
|
|
620
|
-
button:active {
|
|
633
|
+
.ft-button:active {
|
|
621
634
|
outline: none;
|
|
622
635
|
}
|
|
623
636
|
|
|
624
|
-
button:focus {
|
|
637
|
+
.ft-button:focus {
|
|
625
638
|
outline: 0;
|
|
626
639
|
}
|
|
627
640
|
|
|
@@ -647,7 +660,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
647
660
|
}
|
|
648
661
|
|
|
649
662
|
.ft-button:focus-visible {
|
|
650
|
-
outline-color: ${
|
|
663
|
+
outline-color: ${h.focusFocusRingColor};
|
|
651
664
|
outline-style: solid;
|
|
652
665
|
}
|
|
653
666
|
|
|
@@ -681,388 +694,388 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
681
694
|
/** Brand Primary styles **/
|
|
682
695
|
|
|
683
696
|
.ftds--family-brand.ft-button--primary {
|
|
684
|
-
${(0,
|
|
697
|
+
${(0,x.setVariable)(ne.color,h.primaryBrandIconColor)};
|
|
685
698
|
|
|
686
|
-
${(0,
|
|
687
|
-
${(0,
|
|
688
|
-
${(0,
|
|
689
|
-
${(0,
|
|
690
|
-
${(0,
|
|
699
|
+
${(0,x.setVariable)(O.color,h.primaryBrandStateLayerColor)};
|
|
700
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.primaryBrandHoverStateLayerOpacity)};
|
|
701
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.primaryBrandFocusStateLayerOpacity)};
|
|
702
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.primaryBrandActiveStateLayerOpacity)};
|
|
703
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.primaryBrandActiveStateLayerOpacity)};
|
|
691
704
|
|
|
692
|
-
background-color: ${
|
|
693
|
-
color: ${
|
|
705
|
+
background-color: ${h.primaryBrandBackgroundColor};
|
|
706
|
+
color: ${h.primaryBrandColor};
|
|
694
707
|
border-style: none;
|
|
695
708
|
}
|
|
696
709
|
|
|
697
710
|
.ftds--family-brand.ft-button--primary[disabled] {
|
|
698
|
-
opacity: ${
|
|
711
|
+
opacity: ${h.primaryBrandDisabledComponentOpacity};
|
|
699
712
|
}
|
|
700
713
|
|
|
701
714
|
.ftds--family-brand.ft-button--primary ft-icon {
|
|
702
|
-
color: ${
|
|
715
|
+
color: ${h.primaryBrandIconColor};
|
|
703
716
|
}
|
|
704
717
|
|
|
705
718
|
/** Brand Secondary styles **/
|
|
706
719
|
|
|
707
720
|
.ftds--family-brand.ft-button--secondary {
|
|
708
|
-
${(0,
|
|
721
|
+
${(0,x.setVariable)(ne.color,h.secondaryBrandIconColor)};
|
|
709
722
|
|
|
710
|
-
${(0,
|
|
711
|
-
${(0,
|
|
712
|
-
${(0,
|
|
713
|
-
${(0,
|
|
714
|
-
${(0,
|
|
723
|
+
${(0,x.setVariable)(O.color,h.secondaryBrandStateLayerColor)};
|
|
724
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.secondaryBrandHoverStateLayerOpacity)};
|
|
725
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.secondaryBrandFocusStateLayerOpacity)};
|
|
726
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.secondaryBrandActiveStateLayerOpacity)};
|
|
727
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.secondaryBrandActiveStateLayerOpacity)};
|
|
715
728
|
|
|
716
|
-
background-color: ${
|
|
717
|
-
color: ${
|
|
718
|
-
border-color: ${
|
|
729
|
+
background-color: ${h.secondaryBrandBackgroundColor};
|
|
730
|
+
color: ${h.secondaryBrandColor};
|
|
731
|
+
border-color: ${h.secondaryBrandBorderColor};
|
|
719
732
|
border-style: solid;
|
|
720
733
|
}
|
|
721
734
|
|
|
722
735
|
.ftds--family-brand.ft-button--secondary[disabled] {
|
|
723
|
-
opacity: ${
|
|
736
|
+
opacity: ${h.secondaryBrandDisabledComponentOpacity};
|
|
724
737
|
}
|
|
725
738
|
|
|
726
739
|
.ftds--family-brand.ft-button--secondary ft-icon {
|
|
727
|
-
color: ${
|
|
740
|
+
color: ${h.secondaryBrandIconColor};
|
|
728
741
|
}
|
|
729
742
|
|
|
730
743
|
/** Brand Tertiary styles **/
|
|
731
744
|
|
|
732
745
|
.ftds--family-brand.ft-button--tertiary {
|
|
733
|
-
${(0,
|
|
746
|
+
${(0,x.setVariable)(ne.color,h.tertiaryBrandIconColor)};
|
|
734
747
|
|
|
735
|
-
${(0,
|
|
736
|
-
${(0,
|
|
737
|
-
${(0,
|
|
738
|
-
${(0,
|
|
739
|
-
${(0,
|
|
748
|
+
${(0,x.setVariable)(O.color,h.tertiaryBrandStateLayerColor)};
|
|
749
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.tertiaryBrandHoverStateLayerOpacity)};
|
|
750
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.tertiaryBrandFocusStateLayerOpacity)};
|
|
751
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.tertiaryBrandActiveStateLayerOpacity)};
|
|
752
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.tertiaryBrandActiveStateLayerOpacity)};
|
|
740
753
|
|
|
741
|
-
background-color: ${
|
|
742
|
-
color: ${
|
|
754
|
+
background-color: ${h.tertiaryBrandBackgroundColor};
|
|
755
|
+
color: ${h.tertiaryBrandColor};
|
|
743
756
|
border-style: none;
|
|
744
757
|
}
|
|
745
758
|
|
|
746
759
|
.ftds--family-brand.ft-button--tertiary[disabled] {
|
|
747
|
-
opacity: ${
|
|
760
|
+
opacity: ${h.tertiaryBrandDisabledComponentOpacity};
|
|
748
761
|
}
|
|
749
762
|
|
|
750
763
|
.ftds--family-brand.ft-button--tertiary ft-icon {
|
|
751
|
-
color: ${
|
|
764
|
+
color: ${h.tertiaryBrandIconColor};
|
|
752
765
|
}
|
|
753
766
|
|
|
754
767
|
/** Neutral Secondary styles **/
|
|
755
768
|
|
|
756
769
|
.ftds--family-neutral.ft-button--secondary {
|
|
757
|
-
${(0,
|
|
770
|
+
${(0,x.setVariable)(ne.color,h.secondaryNeutralIconColor)};
|
|
758
771
|
|
|
759
|
-
${(0,
|
|
760
|
-
${(0,
|
|
761
|
-
${(0,
|
|
762
|
-
${(0,
|
|
763
|
-
${(0,
|
|
772
|
+
${(0,x.setVariable)(O.backgroundColor,h.secondaryNeutralStateLayerColor)};
|
|
773
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.secondaryNeutralHoverStateLayerOpacity)};
|
|
774
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.secondaryNeutralFocusStateLayerOpacity)};
|
|
775
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.secondaryNeutralActiveStateLayerOpacity)};
|
|
776
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.secondaryNeutralActiveStateLayerOpacity)};
|
|
764
777
|
|
|
765
|
-
background-color: ${
|
|
766
|
-
color: ${
|
|
767
|
-
border-color: ${
|
|
778
|
+
background-color: ${h.secondaryNeutralBackgroundColor};
|
|
779
|
+
color: ${h.secondaryNeutralColor};
|
|
780
|
+
border-color: ${h.secondaryNeutralBorderColor};
|
|
768
781
|
border-style: solid;
|
|
769
782
|
}
|
|
770
783
|
|
|
771
784
|
.ftds--family-neutral.ft-button--secondary[disabled] {
|
|
772
|
-
opacity: ${
|
|
785
|
+
opacity: ${h.secondaryNeutralDisabledComponentOpacity};
|
|
773
786
|
}
|
|
774
787
|
|
|
775
788
|
.ftds--family-neutral.ft-button--secondary ft-icon {
|
|
776
|
-
color: ${
|
|
789
|
+
color: ${h.secondaryNeutralIconColor};
|
|
777
790
|
}
|
|
778
791
|
|
|
779
792
|
/** Neutral Tertiary styles **/
|
|
780
793
|
|
|
781
794
|
.ftds--family-neutral.ft-button--tertiary {
|
|
782
|
-
${(0,
|
|
795
|
+
${(0,x.setVariable)(ne.color,h.tertiaryNeutralIconColor)};
|
|
783
796
|
|
|
784
|
-
${(0,
|
|
785
|
-
${(0,
|
|
786
|
-
${(0,
|
|
787
|
-
${(0,
|
|
788
|
-
${(0,
|
|
797
|
+
${(0,x.setVariable)(O.backgroundColor,h.tertiaryNeutralStateLayerColor)};
|
|
798
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.tertiaryNeutralHoverStateLayerOpacity)};
|
|
799
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.tertiaryNeutralFocusStateLayerOpacity)};
|
|
800
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.tertiaryNeutralActiveStateLayerOpacity)};
|
|
801
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.tertiaryNeutralActiveStateLayerOpacity)};
|
|
789
802
|
|
|
790
|
-
background-color: ${
|
|
791
|
-
color: ${
|
|
803
|
+
background-color: ${h.tertiaryNeutralBackgroundColor};
|
|
804
|
+
color: ${h.tertiaryNeutralColor};
|
|
792
805
|
border-style: none;
|
|
793
806
|
}
|
|
794
807
|
|
|
795
808
|
.ftds--family-neutral.ft-button--tertiary[disabled] {
|
|
796
|
-
opacity: ${
|
|
809
|
+
opacity: ${h.tertiaryNeutralDisabledComponentOpacity};
|
|
797
810
|
}
|
|
798
811
|
|
|
799
812
|
.ftds--family-neutral.ft-button--tertiary ft-icon {
|
|
800
|
-
color: ${
|
|
813
|
+
color: ${h.tertiaryNeutralIconColor};
|
|
801
814
|
}
|
|
802
815
|
|
|
803
816
|
/** Info Secondary styles **/
|
|
804
817
|
|
|
805
818
|
.ftds--family-info.ft-button--secondary {
|
|
806
|
-
${(0,
|
|
819
|
+
${(0,x.setVariable)(ne.color,h.secondaryInfoIconColor)};
|
|
807
820
|
|
|
808
|
-
${(0,
|
|
809
|
-
${(0,
|
|
810
|
-
${(0,
|
|
811
|
-
${(0,
|
|
812
|
-
${(0,
|
|
821
|
+
${(0,x.setVariable)(O.backgroundColor,h.secondaryInfoStateLayerColor)};
|
|
822
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.secondaryInfoHoverStateLayerOpacity)};
|
|
823
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.secondaryInfoFocusStateLayerOpacity)};
|
|
824
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.secondaryInfoActiveStateLayerOpacity)};
|
|
825
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.secondaryInfoActiveStateLayerOpacity)};
|
|
813
826
|
|
|
814
|
-
background-color: ${
|
|
815
|
-
color: ${
|
|
816
|
-
border-color: ${
|
|
827
|
+
background-color: ${h.secondaryInfoBackgroundColor};
|
|
828
|
+
color: ${h.secondaryInfoColor};
|
|
829
|
+
border-color: ${h.secondaryInfoBorderColor};
|
|
817
830
|
border-style: solid;
|
|
818
831
|
}
|
|
819
832
|
|
|
820
833
|
.ftds--family-info.ft-button--secondary[disabled] {
|
|
821
|
-
opacity: ${
|
|
834
|
+
opacity: ${h.secondaryInfoDisabledComponentOpacity};
|
|
822
835
|
}
|
|
823
836
|
|
|
824
837
|
.ftds--family-info.ft-button--secondary ft-icon {
|
|
825
|
-
color: ${
|
|
838
|
+
color: ${h.secondaryInfoIconColor};
|
|
826
839
|
}
|
|
827
840
|
|
|
828
841
|
/** Info Tertiary styles **/
|
|
829
842
|
|
|
830
843
|
.ftds--family-info.ft-button--tertiary {
|
|
831
|
-
${(0,
|
|
844
|
+
${(0,x.setVariable)(ne.color,h.tertiaryInfoIconColor)};
|
|
832
845
|
|
|
833
|
-
${(0,
|
|
834
|
-
${(0,
|
|
835
|
-
${(0,
|
|
836
|
-
${(0,
|
|
837
|
-
${(0,
|
|
846
|
+
${(0,x.setVariable)(O.backgroundColor,h.tertiaryInfoStateLayerColor)};
|
|
847
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.tertiaryInfoHoverStateLayerOpacity)};
|
|
848
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.tertiaryInfoFocusStateLayerOpacity)};
|
|
849
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.tertiaryInfoActiveStateLayerOpacity)};
|
|
850
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.tertiaryInfoActiveStateLayerOpacity)};
|
|
838
851
|
|
|
839
|
-
background-color: ${
|
|
840
|
-
color: ${
|
|
852
|
+
background-color: ${h.tertiaryInfoBackgroundColor};
|
|
853
|
+
color: ${h.tertiaryInfoColor};
|
|
841
854
|
border-style: none;
|
|
842
855
|
}
|
|
843
856
|
|
|
844
857
|
.ftds--family-info.ft-button--tertiary[disabled] {
|
|
845
|
-
opacity: ${
|
|
858
|
+
opacity: ${h.tertiaryInfoDisabledComponentOpacity};
|
|
846
859
|
}
|
|
847
860
|
|
|
848
861
|
.ftds--family-info.ft-button--tertiary ft-icon {
|
|
849
|
-
color: ${
|
|
862
|
+
color: ${h.tertiaryInfoIconColor};
|
|
850
863
|
}
|
|
851
864
|
|
|
852
865
|
/** Success Secondary styles **/
|
|
853
866
|
|
|
854
867
|
.ftds--family-success.ft-button--secondary {
|
|
855
|
-
${(0,
|
|
868
|
+
${(0,x.setVariable)(ne.color,h.secondarySuccessIconColor)};
|
|
856
869
|
|
|
857
|
-
${(0,
|
|
858
|
-
${(0,
|
|
859
|
-
${(0,
|
|
860
|
-
${(0,
|
|
861
|
-
${(0,
|
|
870
|
+
${(0,x.setVariable)(O.backgroundColor,h.secondarySuccessStateLayerColor)};
|
|
871
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.secondarySuccessHoverStateLayerOpacity)};
|
|
872
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.secondarySuccessFocusStateLayerOpacity)};
|
|
873
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.secondarySuccessActiveStateLayerOpacity)};
|
|
874
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.secondarySuccessActiveStateLayerOpacity)};
|
|
862
875
|
|
|
863
|
-
background-color: ${
|
|
864
|
-
color: ${
|
|
865
|
-
border-color: ${
|
|
876
|
+
background-color: ${h.secondarySuccessBackgroundColor};
|
|
877
|
+
color: ${h.secondarySuccessColor};
|
|
878
|
+
border-color: ${h.secondarySuccessBorderColor};
|
|
866
879
|
border-style: solid;
|
|
867
880
|
}
|
|
868
881
|
|
|
869
882
|
.ftds--family-success.ft-button--secondary[disabled] {
|
|
870
|
-
opacity: ${
|
|
883
|
+
opacity: ${h.secondarySuccessDisabledComponentOpacity};
|
|
871
884
|
}
|
|
872
885
|
|
|
873
886
|
.ftds--family-success.ft-button--secondary ft-icon {
|
|
874
|
-
color: ${
|
|
887
|
+
color: ${h.secondarySuccessIconColor};
|
|
875
888
|
}
|
|
876
889
|
|
|
877
890
|
/** Success Tertiary styles **/
|
|
878
891
|
|
|
879
892
|
.ftds--family-success.ft-button--tertiary {
|
|
880
|
-
${(0,
|
|
893
|
+
${(0,x.setVariable)(ne.color,h.tertiarySuccessIconColor)};
|
|
881
894
|
|
|
882
|
-
${(0,
|
|
883
|
-
${(0,
|
|
884
|
-
${(0,
|
|
885
|
-
${(0,
|
|
886
|
-
${(0,
|
|
895
|
+
${(0,x.setVariable)(O.backgroundColor,h.tertiarySuccessStateLayerColor)};
|
|
896
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.tertiarySuccessHoverStateLayerOpacity)};
|
|
897
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.tertiarySuccessFocusStateLayerOpacity)};
|
|
898
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.tertiarySuccessActiveStateLayerOpacity)};
|
|
899
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.tertiarySuccessActiveStateLayerOpacity)};
|
|
887
900
|
|
|
888
|
-
background-color: ${
|
|
889
|
-
color: ${
|
|
901
|
+
background-color: ${h.tertiarySuccessBackgroundColor};
|
|
902
|
+
color: ${h.tertiarySuccessColor};
|
|
890
903
|
border-style: none;
|
|
891
904
|
}
|
|
892
905
|
|
|
893
906
|
.ftds--family-success.ft-button--tertiary[disabled] {
|
|
894
|
-
opacity: ${
|
|
907
|
+
opacity: ${h.tertiarySuccessDisabledComponentOpacity};
|
|
895
908
|
}
|
|
896
909
|
|
|
897
910
|
.ftds--family-success.ft-button--tertiary ft-icon {
|
|
898
|
-
color: ${
|
|
911
|
+
color: ${h.tertiarySuccessIconColor};
|
|
899
912
|
}
|
|
900
913
|
|
|
901
914
|
/** Warning Secondary styles **/
|
|
902
915
|
|
|
903
916
|
.ftds--family-warning.ft-button--secondary {
|
|
904
|
-
${(0,
|
|
917
|
+
${(0,x.setVariable)(ne.color,h.secondaryWarningIconColor)};
|
|
905
918
|
|
|
906
|
-
${(0,
|
|
907
|
-
${(0,
|
|
908
|
-
${(0,
|
|
909
|
-
${(0,
|
|
910
|
-
${(0,
|
|
919
|
+
${(0,x.setVariable)(O.backgroundColor,h.secondaryWarningStateLayerColor)};
|
|
920
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.secondaryWarningHoverStateLayerOpacity)};
|
|
921
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.secondaryWarningFocusStateLayerOpacity)};
|
|
922
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.secondaryWarningActiveStateLayerOpacity)};
|
|
923
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.secondaryWarningActiveStateLayerOpacity)};
|
|
911
924
|
|
|
912
|
-
background-color: ${
|
|
913
|
-
color: ${
|
|
914
|
-
border-color: ${
|
|
925
|
+
background-color: ${h.secondaryWarningBackgroundColor};
|
|
926
|
+
color: ${h.secondaryWarningColor};
|
|
927
|
+
border-color: ${h.secondaryWarningBorderColor};
|
|
915
928
|
border-style: solid;
|
|
916
929
|
}
|
|
917
930
|
|
|
918
931
|
.ftds--family-warning.ft-button--secondary[disabled] {
|
|
919
|
-
opacity: ${
|
|
932
|
+
opacity: ${h.secondaryWarningDisabledComponentOpacity};
|
|
920
933
|
}
|
|
921
934
|
|
|
922
935
|
.ftds--family-warning.ft-button--secondary ft-icon {
|
|
923
|
-
color: ${
|
|
936
|
+
color: ${h.secondaryWarningIconColor};
|
|
924
937
|
}
|
|
925
938
|
|
|
926
939
|
/** Warning Tertiary styles **/
|
|
927
940
|
|
|
928
941
|
.ftds--family-warning.ft-button--tertiary {
|
|
929
|
-
${(0,
|
|
942
|
+
${(0,x.setVariable)(ne.color,h.tertiaryWarningIconColor)};
|
|
930
943
|
|
|
931
|
-
${(0,
|
|
932
|
-
${(0,
|
|
933
|
-
${(0,
|
|
934
|
-
${(0,
|
|
935
|
-
${(0,
|
|
944
|
+
${(0,x.setVariable)(O.backgroundColor,h.tertiaryWarningStateLayerColor)};
|
|
945
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.tertiaryWarningHoverStateLayerOpacity)};
|
|
946
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.tertiaryWarningFocusStateLayerOpacity)};
|
|
947
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.tertiaryWarningActiveStateLayerOpacity)};
|
|
948
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.tertiaryWarningActiveStateLayerOpacity)};
|
|
936
949
|
|
|
937
|
-
background-color: ${
|
|
938
|
-
color: ${
|
|
950
|
+
background-color: ${h.tertiaryWarningBackgroundColor};
|
|
951
|
+
color: ${h.tertiaryWarningColor};
|
|
939
952
|
border-style: none;
|
|
940
953
|
}
|
|
941
954
|
|
|
942
955
|
.ftds--family-warning.ft-button--tertiary[disabled] {
|
|
943
|
-
opacity: ${
|
|
956
|
+
opacity: ${h.tertiaryWarningDisabledComponentOpacity};
|
|
944
957
|
}
|
|
945
958
|
|
|
946
959
|
.ftds--family-warning.ft-button--tertiary ft-icon {
|
|
947
|
-
color: ${
|
|
960
|
+
color: ${h.tertiaryWarningIconColor};
|
|
948
961
|
}
|
|
949
962
|
|
|
950
963
|
/** Error Secondary styles **/
|
|
951
964
|
|
|
952
965
|
.ftds--family-error.ft-button--secondary {
|
|
953
|
-
${(0,
|
|
966
|
+
${(0,x.setVariable)(ne.color,h.secondaryErrorIconColor)};
|
|
954
967
|
|
|
955
|
-
${(0,
|
|
956
|
-
${(0,
|
|
957
|
-
${(0,
|
|
958
|
-
${(0,
|
|
959
|
-
${(0,
|
|
968
|
+
${(0,x.setVariable)(O.backgroundColor,h.secondaryErrorStateLayerColor)};
|
|
969
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.secondaryErrorHoverStateLayerOpacity)};
|
|
970
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.secondaryErrorFocusStateLayerOpacity)};
|
|
971
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.secondaryErrorActiveStateLayerOpacity)};
|
|
972
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.secondaryErrorActiveStateLayerOpacity)};
|
|
960
973
|
|
|
961
|
-
background-color: ${
|
|
962
|
-
color: ${
|
|
963
|
-
border-color: ${
|
|
974
|
+
background-color: ${h.secondaryErrorBackgroundColor};
|
|
975
|
+
color: ${h.secondaryErrorColor};
|
|
976
|
+
border-color: ${h.secondaryErrorBorderColor};
|
|
964
977
|
border-style: solid;
|
|
965
978
|
}
|
|
966
979
|
|
|
967
980
|
.ftds--family-error.ft-button--secondary[disabled] {
|
|
968
|
-
opacity: ${
|
|
981
|
+
opacity: ${h.secondaryErrorDisabledComponentOpacity};
|
|
969
982
|
}
|
|
970
983
|
|
|
971
984
|
.ftds--family-error.ft-button--secondary ft-icon {
|
|
972
|
-
color: ${
|
|
985
|
+
color: ${h.secondaryErrorIconColor};
|
|
973
986
|
}
|
|
974
987
|
|
|
975
988
|
/** Error Tertiary styles **/
|
|
976
989
|
|
|
977
990
|
.ftds--family-error.ft-button--tertiary {
|
|
978
|
-
${(0,
|
|
991
|
+
${(0,x.setVariable)(ne.color,h.tertiaryErrorIconColor)};
|
|
979
992
|
|
|
980
|
-
${(0,
|
|
981
|
-
${(0,
|
|
982
|
-
${(0,
|
|
983
|
-
${(0,
|
|
984
|
-
${(0,
|
|
993
|
+
${(0,x.setVariable)(O.backgroundColor,h.tertiaryErrorStateLayerColor)};
|
|
994
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceHover,h.tertiaryErrorHoverStateLayerOpacity)};
|
|
995
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceFocused,h.tertiaryErrorFocusStateLayerOpacity)};
|
|
996
|
+
${(0,x.setVariable)(O.opacityContentOnSurfaceSelected,h.tertiaryErrorActiveStateLayerOpacity)};
|
|
997
|
+
${(0,x.setVariable)(O.opacityContentOnSurfacePressed,h.tertiaryErrorActiveStateLayerOpacity)};
|
|
985
998
|
|
|
986
|
-
background-color: ${
|
|
987
|
-
color: ${
|
|
999
|
+
background-color: ${h.tertiaryErrorBackgroundColor};
|
|
1000
|
+
color: ${h.tertiaryErrorColor};
|
|
988
1001
|
border-style: none;
|
|
989
1002
|
}
|
|
990
1003
|
|
|
991
1004
|
.ftds--family-error.ft-button--tertiary[disabled] {
|
|
992
|
-
opacity: ${
|
|
1005
|
+
opacity: ${h.tertiaryErrorDisabledComponentOpacity};
|
|
993
1006
|
}
|
|
994
1007
|
|
|
995
1008
|
.ftds--family-error.ft-button--tertiary ft-icon {
|
|
996
|
-
color: ${
|
|
1009
|
+
color: ${h.tertiaryErrorIconColor};
|
|
997
1010
|
}
|
|
998
1011
|
|
|
999
1012
|
/** Large styles **/
|
|
1000
1013
|
|
|
1001
1014
|
.ftds--size-large {
|
|
1002
|
-
${(0,
|
|
1003
|
-
${(0,
|
|
1015
|
+
${(0,x.setVariable)(pe.size,h.largeIconSize)};
|
|
1016
|
+
${(0,x.setVariable)(ne.size,h.largeIconSize)};
|
|
1004
1017
|
|
|
1005
|
-
height: ${
|
|
1006
|
-
padding: 0 ${
|
|
1007
|
-
gap: ${
|
|
1008
|
-
border-radius: ${
|
|
1009
|
-
border-width: ${
|
|
1018
|
+
height: ${h.largeHeight};
|
|
1019
|
+
padding: 0 ${h.largeHorizontalPadding};
|
|
1020
|
+
gap: ${h.largeGap};
|
|
1021
|
+
border-radius: ${h.largeBorderRadius};
|
|
1022
|
+
border-width: ${h.largeBorderWidth};
|
|
1010
1023
|
}
|
|
1011
1024
|
|
|
1012
1025
|
.ftds--size-large:focus-visible {
|
|
1013
|
-
outline-width: ${
|
|
1014
|
-
outline-offset: ${
|
|
1026
|
+
outline-width: ${h.largeFocusOutlineWidth};
|
|
1027
|
+
outline-offset: ${h.largeFocusOutlineOffset};
|
|
1015
1028
|
}
|
|
1016
1029
|
|
|
1017
1030
|
.ftds--size-large.ft-button--icon-only {
|
|
1018
|
-
width: ${
|
|
1031
|
+
width: ${h.largeIconOnlyWidth};
|
|
1019
1032
|
}
|
|
1020
1033
|
|
|
1021
1034
|
/** Small styles **/
|
|
1022
1035
|
|
|
1023
1036
|
.ftds--size-medium {
|
|
1024
|
-
${(0,
|
|
1025
|
-
${(0,
|
|
1037
|
+
${(0,x.setVariable)(pe.size,h.mediumIconSize)};
|
|
1038
|
+
${(0,x.setVariable)(ne.size,h.mediumIconSize)};
|
|
1026
1039
|
|
|
1027
|
-
height: ${
|
|
1028
|
-
padding: 0 ${
|
|
1029
|
-
gap: ${
|
|
1030
|
-
border-radius: ${
|
|
1031
|
-
border-width: ${
|
|
1040
|
+
height: ${h.mediumHeight};
|
|
1041
|
+
padding: 0 ${h.mediumHorizontalPadding};
|
|
1042
|
+
gap: ${h.mediumGap};
|
|
1043
|
+
border-radius: ${h.mediumBorderRadius};
|
|
1044
|
+
border-width: ${h.mediumBorderWidth};
|
|
1032
1045
|
}
|
|
1033
1046
|
|
|
1034
1047
|
.ftds--size-medium:focus-visible {
|
|
1035
|
-
outline-width: ${
|
|
1036
|
-
outline-offset: ${
|
|
1048
|
+
outline-width: ${h.mediumFocusOutlineWidth};
|
|
1049
|
+
outline-offset: ${h.mediumFocusOutlineOffset};
|
|
1037
1050
|
}
|
|
1038
1051
|
|
|
1039
1052
|
.ftds--size-medium.ft-button--icon-only {
|
|
1040
|
-
width: ${
|
|
1053
|
+
width: ${h.mediumIconOnlyWidth};
|
|
1041
1054
|
}
|
|
1042
1055
|
|
|
1043
1056
|
|
|
1044
1057
|
/** Small styles **/
|
|
1045
1058
|
|
|
1046
1059
|
.ftds--size-small {
|
|
1047
|
-
${(0,
|
|
1048
|
-
${(0,
|
|
1060
|
+
${(0,x.setVariable)(pe.size,h.smallIconSize)};
|
|
1061
|
+
${(0,x.setVariable)(ne.size,h.smallIconSize)};
|
|
1049
1062
|
|
|
1050
|
-
height: ${
|
|
1051
|
-
padding: 0 ${
|
|
1052
|
-
gap: ${
|
|
1053
|
-
border-radius: ${
|
|
1054
|
-
border-width: ${
|
|
1063
|
+
height: ${h.smallHeight};
|
|
1064
|
+
padding: 0 ${h.smallHorizontalPadding};
|
|
1065
|
+
gap: ${h.smallGap};
|
|
1066
|
+
border-radius: ${h.smallBorderRadius};
|
|
1067
|
+
border-width: ${h.smallBorderWidth};
|
|
1055
1068
|
}
|
|
1056
1069
|
|
|
1057
1070
|
.ftds--size-small:focus-visible {
|
|
1058
|
-
outline-width: ${
|
|
1059
|
-
outline-offset: ${
|
|
1071
|
+
outline-width: ${h.smallFocusOutlineWidth};
|
|
1072
|
+
outline-offset: ${h.smallFocusOutlineOffset};
|
|
1060
1073
|
}
|
|
1061
1074
|
|
|
1062
1075
|
.ftds--size-small.ft-button--icon-only {
|
|
1063
|
-
width: ${
|
|
1076
|
+
width: ${h.smallIconOnlyWidth};
|
|
1064
1077
|
}
|
|
1065
|
-
`,
|
|
1078
|
+
`,x.noTextSelect];var Xr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ht=class extends(0,Qr.toFtdsBase)(de){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Tr.brand,this.iconVariant=Pe.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case Ae.large:return at.body2medium;case Ae.medium:return at.caption1medium;case Ae.small:return at.caption2medium}}};ht.styles=[Qr.safariEllipsisFix,vs];Xr([(0,br.property)({type:Boolean})],ht.prototype,"primary",void 0);Xr([(0,br.property)({type:Boolean})],ht.prototype,"secondary",void 0);Xr([(0,br.property)({type:Boolean})],ht.prototype,"tertiary",void 0);Xr([(0,br.property)({type:Boolean})],ht.prototype,"round",void 0);(0,ii.customElement)("ft-button")(ve);(0,ii.customElement)("ftds-button")(ht);var Es=u(w());var Os=u(L()),Wt=u(Y()),Cs=u(w()),ws=u(st());var qe=u(w()),xs=u(L());var Mt={textColor:qe.FtCssVariableFactory.extend("--ft-checkbox-text-color","",qe.designSystemVariables.colorOnSurfaceHigh),fontSize:qe.FtCssVariableFactory.extend("--ft-checkbox-font-size","",$.fontSize),colorPrimary:qe.FtCssVariableFactory.external(qe.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:qe.FtCssVariableFactory.external(qe.designSystemVariables.colorOnPrimary,"Design system"),borderColor:qe.FtCssVariableFactory.extend("--ft-checkbox-border-color","",qe.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:qe.FtCssVariableFactory.external(qe.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Ss=xs.css`
|
|
1066
1079
|
* {
|
|
1067
1080
|
box-sizing: border-box;
|
|
1068
1081
|
}
|
|
@@ -1140,7 +1153,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1140
1153
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
1141
1154
|
opacity: 1;
|
|
1142
1155
|
}
|
|
1143
|
-
`;var
|
|
1156
|
+
`;var Oo=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},Be=class extends Cs.FtLitElement{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){let e={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return Os.html`
|
|
1144
1157
|
<label class="${(0,ws.classMap)(e)}" for="checkbox-input">
|
|
1145
1158
|
<div class="ft-checkbox--box-container">
|
|
1146
1159
|
<ft-ripple
|
|
@@ -1167,14 +1180,14 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1167
1180
|
<slot></slot>
|
|
1168
1181
|
</ft-typography>
|
|
1169
1182
|
</label>
|
|
1170
|
-
`}onChange(e){e.stopPropagation(),this.checked=e.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(e){var r;super.contentAvailableCallback(e),(r=this.ripple)===null||r===void 0||r.setupFor(this.container)}click(){this.input.click()}};
|
|
1183
|
+
`}onChange(e){e.stopPropagation(),this.checked=e.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(e){var r;super.contentAvailableCallback(e),(r=this.ripple)===null||r===void 0||r.setupFor(this.container)}click(){this.input.click()}};Be.elementDefinitions={"ft-ripple":T,"ft-typography":q};Be.styles=Ss;Oo([(0,Wt.property)()],Be.prototype,"name",void 0);Oo([(0,Wt.property)({type:Boolean,reflect:!0})],Be.prototype,"checked",void 0);Oo([(0,Wt.property)({type:Boolean})],Be.prototype,"indeterminate",void 0);Oo([(0,Wt.property)({type:Boolean})],Be.prototype,"disabled",void 0);Oo([(0,Wt.query)(".ft-checkbox")],Be.prototype,"container",void 0);Oo([(0,Wt.query)("ft-ripple")],Be.prototype,"ripple",void 0);Oo([(0,Wt.query)("input")],Be.prototype,"input",void 0);(0,Es.customElement)("ft-checkbox")(Be);var ai=u(w());var ks=u(L()),yt=u(Y()),Ls=u(w()),Ns=u(st());var $s=u(L()),Ye=u(w()),Co={textColor:Ye.FtCssVariableFactory.extend("--ft-radio-text-color","",Ye.designSystemVariables.colorOnSurfaceHigh),colorPrimary:Ye.FtCssVariableFactory.external(Ye.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:Ye.FtCssVariableFactory.external(Ye.designSystemVariables.colorOnPrimary,"Design system"),borderColor:Ye.FtCssVariableFactory.extend("--ft-radio-border-color","",Ye.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:Ye.FtCssVariableFactory.external(Ye.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Rs=$s.css`
|
|
1171
1184
|
* {
|
|
1172
1185
|
box-sizing: border-box;
|
|
1173
1186
|
}
|
|
1174
1187
|
|
|
1175
1188
|
.ft-radio {
|
|
1176
1189
|
box-sizing: border-box;
|
|
1177
|
-
color: ${
|
|
1190
|
+
color: ${Co.textColor};
|
|
1178
1191
|
|
|
1179
1192
|
display: inline-flex;
|
|
1180
1193
|
align-items: center;
|
|
@@ -1182,7 +1195,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1182
1195
|
}
|
|
1183
1196
|
|
|
1184
1197
|
.ft-radio--disabled {
|
|
1185
|
-
color: ${
|
|
1198
|
+
color: ${Co.colorOnSurfaceDisabled};
|
|
1186
1199
|
}
|
|
1187
1200
|
|
|
1188
1201
|
input {
|
|
@@ -1205,7 +1218,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1205
1218
|
}
|
|
1206
1219
|
|
|
1207
1220
|
.ft-radio--box {
|
|
1208
|
-
border: 2px solid ${
|
|
1221
|
+
border: 2px solid ${Co.borderColor};
|
|
1209
1222
|
border-radius: 50%;
|
|
1210
1223
|
|
|
1211
1224
|
display: flex;
|
|
@@ -1218,7 +1231,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1218
1231
|
|
|
1219
1232
|
.ft-radio--box:after {
|
|
1220
1233
|
content: " ";
|
|
1221
|
-
background-color: ${
|
|
1234
|
+
background-color: ${Co.colorPrimary};
|
|
1222
1235
|
|
|
1223
1236
|
border-radius: 50%;
|
|
1224
1237
|
|
|
@@ -1230,7 +1243,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1230
1243
|
}
|
|
1231
1244
|
|
|
1232
1245
|
.ft-radio--checked .ft-radio--box {
|
|
1233
|
-
border-color: ${
|
|
1246
|
+
border-color: ${Co.colorPrimary};
|
|
1234
1247
|
}
|
|
1235
1248
|
|
|
1236
1249
|
|
|
@@ -1239,23 +1252,23 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1239
1252
|
}
|
|
1240
1253
|
|
|
1241
1254
|
.ft-radio--disabled .ft-radio--box {
|
|
1242
|
-
border-color: ${
|
|
1255
|
+
border-color: ${Co.colorOnSurfaceDisabled};
|
|
1243
1256
|
background-color: transparent;
|
|
1244
1257
|
}
|
|
1245
1258
|
|
|
1246
1259
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1247
|
-
background-color: ${
|
|
1260
|
+
background-color: ${Co.colorOnSurfaceDisabled};
|
|
1248
1261
|
}
|
|
1249
1262
|
|
|
1250
1263
|
.ft-radio:has(:focus-visible) {
|
|
1251
|
-
outline: 2px solid ${
|
|
1264
|
+
outline: 2px solid ${Ye.designSystemVariables.colorPrimary};
|
|
1252
1265
|
outline-offset: -2px;
|
|
1253
1266
|
}
|
|
1254
1267
|
|
|
1255
1268
|
.ft-radio ft-typography {
|
|
1256
1269
|
padding-right: 2px;
|
|
1257
1270
|
}
|
|
1258
|
-
`;var Ut=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
1271
|
+
`;var Ut=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},Jr=class extends CustomEvent{constructor(e,r){super("change",{detail:{value:e,checked:r},bubbles:!0,composed:!0})}},xe=class extends Ls.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.ariaChecked="false",this.disabled=!1,this.role="radio"}render(){let e={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return ks.html`
|
|
1259
1272
|
<div class="${(0,Ns.classMap)(e)}">
|
|
1260
1273
|
<div class="ft-radio--box-container">
|
|
1261
1274
|
<ft-ripple
|
|
@@ -1280,7 +1293,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1280
1293
|
</ft-typography>
|
|
1281
1294
|
</label>
|
|
1282
1295
|
</div>
|
|
1283
|
-
`}update(e){super.update(e),e.has("checked")&&(this.ariaChecked=this.checked?"true":"false")}onChange(e){e.stopPropagation(),this.checked=e.target.checked,this.dispatchEvent(new
|
|
1296
|
+
`}update(e){super.update(e),e.has("checked")&&(this.ariaChecked=this.checked?"true":"false")}onChange(e){e.stopPropagation(),this.checked=e.target.checked,this.dispatchEvent(new Jr(this.value,this.checked))}contentAvailableCallback(e){var r;super.contentAvailableCallback(e),(r=this.ripple)===null||r===void 0||r.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Jr(this.value,this.checked))}setInputTabIndex(e){this.input&&(this.input.tabIndex=e)}focus(){var e;(e=this.input)===null||e===void 0||e.focus()}};xe.elementDefinitions={"ft-ripple":T,"ft-typography":q};xe.styles=Rs;Ut([(0,yt.property)()],xe.prototype,"value",void 0);Ut([(0,yt.property)()],xe.prototype,"name",void 0);Ut([(0,yt.property)({type:Boolean,reflect:!0})],xe.prototype,"checked",void 0);Ut([(0,yt.property)({attribute:"aria-checked",reflect:!0})],xe.prototype,"ariaChecked",void 0);Ut([(0,yt.property)({type:Boolean})],xe.prototype,"disabled",void 0);Ut([(0,yt.property)({reflect:!0,attribute:"role"})],xe.prototype,"role",void 0);Ut([(0,yt.query)(".ft-radio")],xe.prototype,"container",void 0);Ut([(0,yt.query)("ft-ripple")],xe.prototype,"ripple",void 0);Ut([(0,yt.query)("input")],xe.prototype,"input",void 0);var Bs=u(w()),Ht=u(Y()),Is=u(L());var As=u(L());var Ps=As.css`
|
|
1284
1297
|
:host {
|
|
1285
1298
|
display: block;
|
|
1286
1299
|
}
|
|
@@ -1288,12 +1301,12 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1288
1301
|
:host(:focus-visible) {
|
|
1289
1302
|
outline: none;
|
|
1290
1303
|
}
|
|
1291
|
-
`;var Zo=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},We=class extends Bs.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.tabIndex=0,this.ariaLabelledBy="",this.currentSelectedIndex=0,this.onFocus=()=>{this.tabIndex==0&&(this.tabIndex=-1,setTimeout(()=>this.focusCurrentChecked(),100))},this.onFocusOut=e=>{!this.contains(e.relatedTarget)&&(this.tabIndex=0)}}render(){return Is.html`
|
|
1304
|
+
`;var Zo=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},We=class extends Bs.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.tabIndex=0,this.ariaLabelledBy="",this.currentSelectedIndex=0,this.onFocus=()=>{this.tabIndex==0&&(this.tabIndex=-1,setTimeout(()=>this.focusCurrentChecked(),100))},this.onFocusOut=e=>{!this.contains(e.relatedTarget)&&(this.tabIndex=0)}}get radioButtons(){var e,r;return(r=(e=this.assignedElements)===null||e===void 0?void 0:e.flatMap(n=>n.matches("ft-radio")?[n]:[...n.querySelectorAll("ft-radio")]))!==null&&r!==void 0?r:[]}render(){return Is.html`
|
|
1292
1305
|
<slot @slotchange=${this.onSlotChange}
|
|
1293
1306
|
@change=${this.onChange}
|
|
1294
1307
|
@keydown=${this.onKeyDown}
|
|
1295
1308
|
></slot>
|
|
1296
|
-
`}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.onFocus),this.addEventListener("focusout",this.onFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.onFocus),this.removeEventListener("focusout",this.onFocusOut)}onSlotChange(){this.radioButtons.forEach(e=>e.name=this.name)}contentAvailableCallback(e){super.contentAvailableCallback(e),this.radioButtons.forEach(r=>r.setInputTabIndex(-1)),this.resolveCurrentSelectedIndex()}onChange(e){e.stopPropagation(),this.radioButtons.forEach(r=>r.checked=e.detail.value===r.value),this.dispatchEvent(new CustomEvent("change",{detail:e.detail.value})),this.resolveCurrentSelectedIndex()}onKeyDown(e){let r=!1;switch(e.key){case"ArrowUp":case"ArrowLeft":{r=!0;let n=this.currentSelectedIndex-1;this.radioButtons[n<0?this.radioButtons.length-1:n].select(),this.radioButtons[n<0?this.radioButtons.length-1:n].focus();break}case"ArrowDown":case"ArrowRight":{r=!0;let n=this.currentSelectedIndex+1;this.radioButtons[n>this.radioButtons.length-1?0:n].select(),this.radioButtons[n>this.radioButtons.length-1?0:n].focus();break}case"Enter":this.radioButtons[this.currentSelectedIndex].select()}r&&(e.stopPropagation(),e.preventDefault())}resolveCurrentSelectedIndex(){let e=this.radioButtons.findIndex(r=>r.checked);e==-1?(this.currentSelectedIndex=0,this.radioButtons[0].select()):this.currentSelectedIndex=e}focusCurrentChecked(){this.radioButtons[this.currentSelectedIndex].focus()}};We.elementDefinitions={};We.styles=Ps;Zo([(0,Ht.property)()],We.prototype,"name",void 0);Zo([(0,Ht.property)({reflect:!0,attribute:"role"})],We.prototype,"role",void 0);Zo([(0,Ht.property)({reflect:!0})],We.prototype,"tabIndex",void 0);Zo([(0,Ht.property)({reflect:!0,attribute:"aria-labelledby"})],We.prototype,"ariaLabelledBy",void 0);Zo([(0,Ht.queryAssignedElements)()],We.prototype,"
|
|
1309
|
+
`}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.onFocus),this.addEventListener("focusout",this.onFocusOut)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.onFocus),this.removeEventListener("focusout",this.onFocusOut)}onSlotChange(){this.radioButtons.forEach(e=>e.name=this.name)}contentAvailableCallback(e){super.contentAvailableCallback(e),this.radioButtons.forEach(r=>r.setInputTabIndex(-1)),this.resolveCurrentSelectedIndex()}onChange(e){e.stopPropagation(),this.radioButtons.forEach(r=>r.checked=e.detail.value===r.value),this.dispatchEvent(new CustomEvent("change",{detail:e.detail.value})),this.resolveCurrentSelectedIndex()}onKeyDown(e){let r=!1;switch(e.key){case"ArrowUp":case"ArrowLeft":{r=!0;let n=this.currentSelectedIndex-1;this.radioButtons[n<0?this.radioButtons.length-1:n].select(),this.radioButtons[n<0?this.radioButtons.length-1:n].focus();break}case"ArrowDown":case"ArrowRight":{r=!0;let n=this.currentSelectedIndex+1;this.radioButtons[n>this.radioButtons.length-1?0:n].select(),this.radioButtons[n>this.radioButtons.length-1?0:n].focus();break}case"Enter":this.radioButtons[this.currentSelectedIndex].select()}r&&(e.stopPropagation(),e.preventDefault())}resolveCurrentSelectedIndex(){let e=this.radioButtons.findIndex(r=>r.checked);e==-1?(this.currentSelectedIndex=0,this.radioButtons[0].select()):this.currentSelectedIndex=e}focusCurrentChecked(){this.radioButtons[this.currentSelectedIndex].focus()}};We.elementDefinitions={};We.styles=Ps;Zo([(0,Ht.property)()],We.prototype,"name",void 0);Zo([(0,Ht.property)({reflect:!0,attribute:"role"})],We.prototype,"role",void 0);Zo([(0,Ht.property)({reflect:!0})],We.prototype,"tabIndex",void 0);Zo([(0,Ht.property)({reflect:!0,attribute:"aria-labelledby"})],We.prototype,"ariaLabelledBy",void 0);Zo([(0,Ht.queryAssignedElements)()],We.prototype,"assignedElements",void 0);Zo([(0,Ht.state)()],We.prototype,"currentSelectedIndex",void 0);(0,ai.customElement)("ft-radio")(xe);(0,ai.customElement)("ft-radio-group")(We);var Ds=u(L()),le=u(w());var en={borderRadiusM:le.FtCssVariableFactory.external(le.designSystemVariables.borderRadiusM,"Design system"),colorOutline:le.FtCssVariableFactory.external(le.designSystemVariables.colorOutline,"Design system"),colorOnSurface:le.FtCssVariableFactory.external(le.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:le.FtCssVariableFactory.external(le.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:le.FtCssVariableFactory.external(le.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:le.FtCssVariableFactory.external(le.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:le.FtCssVariableFactory.external(le.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:le.FtCssVariableFactory.external(we.fontFamily,"Body2 typography"),fontSize:le.FtCssVariableFactory.external(we.fontSize,"Body2 typography"),fontWeight:le.FtCssVariableFactory.external(we.fontWeight,"Body2 typography"),letterSpacing:le.FtCssVariableFactory.external(we.letterSpacing,"Body2 typography"),lineHeight:le.FtCssVariableFactory.external(we.lineHeight,"Body2 typography"),textTransform:le.FtCssVariableFactory.external(we.textTransform,"Body2 typography")},Fs=Ds.css`
|
|
1297
1310
|
.ft-filter-level--container {
|
|
1298
1311
|
display: flex;
|
|
1299
1312
|
flex-direction: column;
|
|
@@ -1343,7 +1356,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1343
1356
|
}
|
|
1344
1357
|
|
|
1345
1358
|
ft-button {
|
|
1346
|
-
${(0,le.setVariable)(
|
|
1359
|
+
${(0,le.setVariable)(H.color,en.colorOnSurface)};
|
|
1347
1360
|
}
|
|
1348
1361
|
|
|
1349
1362
|
ft-radio, ft-checkbox {
|
|
@@ -1359,9 +1372,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1359
1372
|
margin: 10px 0;
|
|
1360
1373
|
color: ${en.colorOnSurfaceMedium};
|
|
1361
1374
|
}
|
|
1362
|
-
`;var
|
|
1375
|
+
`;var Ie=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},he=class extends tn.FtLitElement{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.displayCount=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let e=this.limit;return e!=null&&e<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var e,r;return(r=(e=this.container)===null||e===void 0?void 0:e.scrollHeight)!==null&&r!==void 0?r:0}render(){let e=[...this.options];this.hideSelectedOptions&&(e=e.filter(n=>!n.selected)),this.filter&&(e=e.filter(n=>n.label.toLowerCase().includes(this.filter.toLowerCase())));let r=e.slice(0,this.limit);return Xe.html`
|
|
1363
1376
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1364
|
-
${this.parent==null?null:
|
|
1377
|
+
${this.parent==null?null:Xe.html`
|
|
1365
1378
|
<div tabindex="0"
|
|
1366
1379
|
part="controls go-back"
|
|
1367
1380
|
class="ft-filter-level--go-back"
|
|
@@ -1375,15 +1388,15 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1375
1388
|
<ft-typography variant="body2">${this.parent.label}</ft-typography>
|
|
1376
1389
|
</div>
|
|
1377
1390
|
`}
|
|
1378
|
-
${this.options.length===0&&this.noValuesLabel?
|
|
1391
|
+
${this.options.length===0&&this.noValuesLabel?Xe.html`
|
|
1379
1392
|
<ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
|
|
1380
1393
|
${this.noValuesLabel}
|
|
1381
1394
|
</ft-typography>
|
|
1382
|
-
`:
|
|
1383
|
-
${(0,
|
|
1395
|
+
`:Xe.nothing}
|
|
1396
|
+
${(0,_s.repeat)(r,n=>n.value,n=>{var i;return Xe.html`
|
|
1384
1397
|
<div class="ft-filter-level--option" part="options" tabindex="-1">
|
|
1385
1398
|
${this.multivalued?this.buildMultiValuedOption(n):this.buildMonoValuedOption(n)}
|
|
1386
|
-
${this.preventNavigation||n.selected||((i=n.subOptions)!==null&&i!==void 0?i:[]).length===0?
|
|
1399
|
+
${this.preventNavigation||n.selected||((i=n.subOptions)!==null&&i!==void 0?i:[]).length===0?Xe.nothing:Xe.html`
|
|
1387
1400
|
<ft-button icon="thin_arrow_right"
|
|
1388
1401
|
part="controls navigate-hierarchy"
|
|
1389
1402
|
aria-label="Expand node"
|
|
@@ -1393,7 +1406,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1393
1406
|
`}
|
|
1394
1407
|
</div>
|
|
1395
1408
|
`})}
|
|
1396
|
-
${r.length<e.length?
|
|
1409
|
+
${r.length<e.length?Xe.html`
|
|
1397
1410
|
<ft-button
|
|
1398
1411
|
class="ft-filter-level--display-more"
|
|
1399
1412
|
icon="thin_arrow"
|
|
@@ -1402,9 +1415,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1402
1415
|
@click=${this.displayMore}>
|
|
1403
1416
|
${this.moreValuesButtonLabel}
|
|
1404
1417
|
</ft-button>
|
|
1405
|
-
`:
|
|
1418
|
+
`:Xe.nothing}
|
|
1406
1419
|
</div>
|
|
1407
|
-
`}goBackOnKeyPress(e){(e.key==="Enter"||e.key===" ")&&this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(e){e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(e){var r;return
|
|
1420
|
+
`}goBackOnKeyPress(e){(e.key==="Enter"||e.key===" ")&&this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(e){e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(e){var r;return Xe.html`
|
|
1408
1421
|
<ft-checkbox name="${this.filterId}"
|
|
1409
1422
|
part="multivalued-option"
|
|
1410
1423
|
data-value="${e.value}"
|
|
@@ -1414,7 +1427,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1414
1427
|
@change=${n=>this.optionsChanged(n,e)}>
|
|
1415
1428
|
${e.renderOption?e.renderOption:e.label}${this.displayCount?` (${e.count})`:""}
|
|
1416
1429
|
</ft-checkbox>
|
|
1417
|
-
`}buildMonoValuedOption(e){return
|
|
1430
|
+
`}buildMonoValuedOption(e){return Xe.html`
|
|
1418
1431
|
<ft-radio name="${this.filterId+Math.round(Math.random()*1e6)}"
|
|
1419
1432
|
part="monovalued-option"
|
|
1420
1433
|
data-value="${e.value}"
|
|
@@ -1425,7 +1438,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1425
1438
|
@change=${r=>this.optionsChanged(r,e)}>
|
|
1426
1439
|
${e.renderOption?e.renderOption:e.label}${this.displayCount?` (${e.count})`:""}
|
|
1427
1440
|
</ft-radio>
|
|
1428
|
-
`}onRadioKeyDown(e,r){e.stopPropagation(),(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.optionsChanged(e,r))}optionsChanged(e,r){e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:r}))}displayLevel(e){this.dispatchEvent(new CustomEvent("display-level",{detail:e}))}};
|
|
1441
|
+
`}onRadioKeyDown(e,r){e.stopPropagation(),(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this.optionsChanged(e,r))}optionsChanged(e,r){e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:r}))}displayLevel(e){this.dispatchEvent(new CustomEvent("display-level",{detail:e}))}};he.elementDefinitions={"ft-button":ve,"ft-ripple":T,"ft-typography":q,"ft-checkbox":Be,"ft-icon":ae,"ft-radio":xe};he.styles=Fs;Ie([(0,Ce.property)({type:String})],he.prototype,"filterId",void 0);Ie([(0,Ce.property)({type:Object})],he.prototype,"parent",void 0);Ie([(0,Ce.property)({type:Array})],he.prototype,"options",void 0);Ie([(0,Ce.property)({type:Boolean})],he.prototype,"multivalued",void 0);Ie([(0,Ce.property)({type:Boolean})],he.prototype,"disabled",void 0);Ie([(0,Ce.property)({type:Boolean})],he.prototype,"hideSelectedOptions",void 0);Ie([(0,Ce.property)({type:Boolean})],he.prototype,"displayCount",void 0);Ie([(0,Ce.property)({type:Boolean})],he.prototype,"preventNavigation",void 0);Ie([(0,Ce.property)({type:String})],he.prototype,"filter",void 0);Ie([(0,Ce.property)({type:String})],he.prototype,"moreValuesButtonLabel",void 0);Ie([(0,Ce.property)({type:String})],he.prototype,"noValuesLabel",void 0);Ie([(0,Ce.property)({type:Number})],he.prototype,"displayedValuesLimit",void 0);Ie([(0,Ce.query)(".ft-filter-level--container")],he.prototype,"container",void 0);Ie([(0,Ce.state)()],he.prototype,"radios",void 0);Ie([(0,Ce.state)()],he.prototype,"displayedPages",void 0);var Us=u(w());var Ms=u(L()),Qe=u(Y()),wo=u(w());var Ws=u(st());var zs=u(L()),mt=u(w());var De={buttonsColor:mt.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",mt.designSystemVariables.colorPrimary),buttonsZIndex:mt.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:mt.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:mt.FtCssVariableFactory.external(mt.designSystemVariables.colorSurface,"Design system")},Ts=zs.css`
|
|
1429
1442
|
.ft-snap-scroll {
|
|
1430
1443
|
box-sizing: border-box;
|
|
1431
1444
|
position: relative;
|
|
@@ -1460,7 +1473,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1460
1473
|
flex-wrap: nowrap;
|
|
1461
1474
|
align-items: flex-start;
|
|
1462
1475
|
justify-content: flex-start;
|
|
1463
|
-
gap: ${
|
|
1476
|
+
gap: ${De.gap};
|
|
1464
1477
|
}
|
|
1465
1478
|
|
|
1466
1479
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1503,11 +1516,11 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1503
1516
|
.ft-snap-scroll--next {
|
|
1504
1517
|
position: absolute;
|
|
1505
1518
|
display: flex;
|
|
1506
|
-
z-index: ${
|
|
1519
|
+
z-index: ${De.buttonsZIndex};
|
|
1507
1520
|
opacity: 1;
|
|
1508
1521
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1509
|
-
${(0,mt.setVariable)(
|
|
1510
|
-
${(0,mt.setVariable)(
|
|
1522
|
+
${(0,mt.setVariable)(H.backgroundColor,"transparent")};
|
|
1523
|
+
${(0,mt.setVariable)(H.color,De.buttonsColor)};
|
|
1511
1524
|
}
|
|
1512
1525
|
|
|
1513
1526
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1520,37 +1533,37 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1520
1533
|
top: 0;
|
|
1521
1534
|
left: -1px;
|
|
1522
1535
|
bottom: 0;
|
|
1523
|
-
background: linear-gradient(to right, ${
|
|
1536
|
+
background: linear-gradient(to right, ${De.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1524
1537
|
}
|
|
1525
1538
|
|
|
1526
1539
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1527
1540
|
top: -1px;
|
|
1528
1541
|
left: 0;
|
|
1529
1542
|
right: 0;
|
|
1530
|
-
background: linear-gradient(to bottom, ${
|
|
1543
|
+
background: linear-gradient(to bottom, ${De.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1531
1544
|
}
|
|
1532
1545
|
|
|
1533
1546
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1534
1547
|
top: 0;
|
|
1535
1548
|
right: -1px;
|
|
1536
1549
|
bottom: 0;
|
|
1537
|
-
background: linear-gradient(to left, ${
|
|
1550
|
+
background: linear-gradient(to left, ${De.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1538
1551
|
}
|
|
1539
1552
|
|
|
1540
1553
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1541
1554
|
left: 0;
|
|
1542
1555
|
right: 0;
|
|
1543
1556
|
bottom: -1px;
|
|
1544
|
-
background: linear-gradient(to top, ${
|
|
1557
|
+
background: linear-gradient(to top, ${De.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1545
1558
|
}
|
|
1546
1559
|
|
|
1547
1560
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1548
1561
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1549
1562
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1550
1563
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1551
|
-
background-color: ${
|
|
1564
|
+
background-color: ${De.colorSurface};
|
|
1552
1565
|
}
|
|
1553
|
-
`;var Et=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
1566
|
+
`;var Et=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},li=class extends CustomEvent{constructor(e,r){super("current-element-change",{detail:{index:e,element:r}})}},ge=class extends wo.FtLitElement{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 wo.Debouncer(200),this.updateScrollDebouncer=new wo.Debouncer(100)}scrollToIndex(e){this.scrollToElement(this.elements[e])}scrollIndexIntoView(e){let r=this.elements[e];if(r){let n=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,i=this.contentSlot[this.scrollAttribute]+this.prevSize;(r[this.offsetAttribute]<i||r[this.offsetAttribute]+r[this.sizeAttribute]>n)&&this.scrollToElement(r)}}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(){let e=(0,Ws.classMap)({"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":wo.isSafari}),r=this.controls&&this.withScroll;return Ms.html`
|
|
1554
1567
|
<div part="container" class="${e}">
|
|
1555
1568
|
<ft-button
|
|
1556
1569
|
class="ft-snap-scroll--previous"
|
|
@@ -1574,7 +1587,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1574
1587
|
@click=${this.next}
|
|
1575
1588
|
></ft-button>
|
|
1576
1589
|
</div>
|
|
1577
|
-
`}update(e){super.update(e),e.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")),e.has("currentElement")&&this.dispatchEvent(new
|
|
1590
|
+
`}update(e){super.update(e),e.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")),e.has("currentElement")&&this.dispatchEvent(new li(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(e){var r;super.contentAvailableCallback(e),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,(r=this.listenedContainer)===null||r===void 0||r.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run(()=>this.snap()),this.scheduleUpdateScroll()}snap(){let e=this.closestElementFromStart();if(e!=null){let r=this.getDistanceFromStart(e);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<r&&(e=this.lastElement),this.scrollToElement(e)}}scrollToElement(e){var r,n;e&&(this.horizontal?(r=this.contentSlot)===null||r===void 0||r.scrollTo({left:this.getOffset(e)-this.controlsSize,behavior:"smooth"}):(n=this.contentSlot)===null||n===void 0||n.scrollTo({top:this.getOffset(e)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(e))}onSlotChange(){var e,r;this.elements=(r=(e=this.contentSlot)===null||e===void 0?void 0:e.assignedElements().map(n=>n))!==null&&r!==void 0?r:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let e=-1;for(let r=0;r<this.elements.length;r++)(e<0||this.getDistanceFromStart(this.elements[r])<this.getDistanceFromStart(this.elements[e]))&&(e=r);return e}scheduleUpdateScroll(){this.updateScrollDebouncer.run(()=>this.updateScroll())}updateScroll(){this.contentSlot!=null?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=this.contentSlot[this.scrollAttribute]===0,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 e=this.elements[0];return e?e[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(e){return e[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(e){let r=e===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(e)-this.contentSlot[this.scrollAttribute]-r)}};ge.elementDefinitions={"ft-button":ve};ge.styles=Ts;Et([(0,Qe.property)({type:Boolean})],ge.prototype,"horizontal",void 0);Et([(0,Qe.property)({type:Boolean})],ge.prototype,"hideScrollbar",void 0);Et([(0,Qe.property)({type:Boolean})],ge.prototype,"controls",void 0);Et([(0,Qe.property)({type:Boolean})],ge.prototype,"limitSize",void 0);Et([(0,Qe.state)()],ge.prototype,"elements",void 0);Et([(0,Qe.state)()],ge.prototype,"currentElement",void 0);Et([(0,Qe.state)()],ge.prototype,"withScroll",void 0);Et([(0,Qe.state)()],ge.prototype,"startReached",void 0);Et([(0,Qe.state)()],ge.prototype,"endReached",void 0);Et([(0,Qe.query)(".ft-snap-scroll--content")],ge.prototype,"contentSlot",void 0);(0,Us.customElement)("ft-snap-scroll")(ge);var Hs=u(L()),ee=u(w());var Ue={colorOutline:ee.FtCssVariableFactory.external(ee.designSystemVariables.colorOutline,"Design system"),colorOnSurface:ee.FtCssVariableFactory.external(ee.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:ee.FtCssVariableFactory.external(ee.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorPrimary:ee.FtCssVariableFactory.external(ee.designSystemVariables.colorPrimary,"Design system"),colorSurface:ee.FtCssVariableFactory.external(ee.designSystemVariables.colorSurface,"Design system"),transitionDuration:ee.FtCssVariableFactory.external(ee.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:ee.FtCssVariableFactory.external(ee.designSystemVariables.transitionTimingFunction,"Design system"),labelColor:ee.FtCssVariableFactory.extend("--ft-filter-label-color","",ee.designSystemVariables.colorOnSurface),labelFontSize:ee.FtCssVariableFactory.extend("--ft-filter-label-font-size","",$.fontSize,"16px")},Vs=[qt,ee.noTextInputDefaultClearButton,Hs.css`
|
|
1578
1591
|
:host {
|
|
1579
1592
|
display: flex;
|
|
1580
1593
|
max-height: 100%;
|
|
@@ -1602,7 +1615,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1602
1615
|
.ft-filter--header ft-button {
|
|
1603
1616
|
flex-shrink: 0;
|
|
1604
1617
|
margin-left: auto;
|
|
1605
|
-
${(0,ee.setVariable)(
|
|
1618
|
+
${(0,ee.setVariable)(H.iconSize,"18px")};
|
|
1606
1619
|
}
|
|
1607
1620
|
|
|
1608
1621
|
.filter-label {
|
|
@@ -1691,10 +1704,10 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1691
1704
|
slot:not([name]) {
|
|
1692
1705
|
display: none;
|
|
1693
1706
|
}
|
|
1694
|
-
`];var se=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
1707
|
+
`];var se=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},si=class extends CustomEvent{constructor(e){super("change",{detail:e})}},K=class extends ct.FtLitElement{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.displayCount=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver(()=>this.updateScroll()),this.levelsScrollDebouncer=new ct.Debouncer(300),this.changeDebouncer=new ct.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return(0,ct.flatDeep)(this.options,e=>{var r;return(r=e.subOptions)!==null&&r!==void 0?r:[]})}get childrenFilteredFlatOptions(){return(0,ct.flatDeep)(this.options,e=>{var r;return e.selected?[]:(r=e.subOptions)!==null&&r!==void 0?r:[]})}get selectedValues(){return this.childrenFilteredFlatOptions.filter(e=>e.selected).map(e=>e.value)}render(){let e=this.flatOptions.some(i=>i.selected),r=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,n=this.filterPlaceHolder.replace("{0}",this.label);return Eo.html`
|
|
1695
1708
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1696
1709
|
part="container">
|
|
1697
|
-
${!this.label&&!e?null:
|
|
1710
|
+
${!this.label&&!e?null:Eo.html`
|
|
1698
1711
|
|
|
1699
1712
|
<div class="ft-filter--header" part="header">
|
|
1700
1713
|
<div class="filter-label" id="id-group-${this.id}">
|
|
@@ -1703,7 +1716,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1703
1716
|
</ft-typography>
|
|
1704
1717
|
<slot name="label"></slot>
|
|
1705
1718
|
</div>
|
|
1706
|
-
${e&&!this.hideClearButton?
|
|
1719
|
+
${e&&!this.hideClearButton?Eo.html`
|
|
1707
1720
|
<ft-button icon="close" dense @click=${this.clear} part="clear-button">
|
|
1708
1721
|
${this.clearButtonLabel}
|
|
1709
1722
|
</ft-button>
|
|
@@ -1727,8 +1740,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1727
1740
|
@slotchange=${this.updateOptionsFromSlot}
|
|
1728
1741
|
@option-change=${this.optionsChanged}></slot>
|
|
1729
1742
|
</div>
|
|
1730
|
-
`}update(e){if(super.update(e),e.has("options")){let r=new Set(this.flatOptions.map(n=>n.value));this.displayedLevels=this.displayedLevels.filter(n=>r.has(n)),this.lastDispatchedValues=this.selectedValues}}contentAvailableCallback(e){var r,n,i,a,l;super.contentAvailableCallback(e),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),e.has("options")&&(this.updateScroll(),(r=this.levelsContainer)===null||r===void 0||r.scrollToIndex(this.displayedLevels.length)),e.has("slideIn")&&this.slideIn&&setTimeout(()=>{var c;(c=this.levelsContainer)===null||c===void 0||c.next(),this.slideIn=void 0},0),e.has("slideOut")&&this.slideOut&&((n=this.levelsContainer)===null||n===void 0||n.previous(),setTimeout(()=>{this.displayedLevels.pop(),this.slideOut=void 0},300)),this.lastLevelHasHiddenvalues=(l=(a=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".ft-filter--levels ft-filter-level:last-child"))===null||a===void 0?void 0:a.hasHiddenValues)!==null&&l!==void 0?l:!1}renderLevels(){let e=this.flatOptions,r=e.filter(a=>a.selected),n=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,i=n<0?"ft-filter--level-center":"ft-filter--level-left";return
|
|
1731
|
-
${this.raiseSelectedOptions&&r.length>0?
|
|
1743
|
+
`}update(e){if(super.update(e),e.has("options")){let r=new Set(this.flatOptions.map(n=>n.value));this.displayedLevels=this.displayedLevels.filter(n=>r.has(n)),this.lastDispatchedValues=this.selectedValues}}contentAvailableCallback(e){var r,n,i,a,l;super.contentAvailableCallback(e),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),e.has("options")&&(this.updateScroll(),(r=this.levelsContainer)===null||r===void 0||r.scrollToIndex(this.displayedLevels.length)),e.has("slideIn")&&this.slideIn&&setTimeout(()=>{var c;(c=this.levelsContainer)===null||c===void 0||c.next(),this.slideIn=void 0},0),e.has("slideOut")&&this.slideOut&&((n=this.levelsContainer)===null||n===void 0||n.previous(),setTimeout(()=>{this.displayedLevels.pop(),this.slideOut=void 0},300)),this.lastLevelHasHiddenvalues=(l=(a=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".ft-filter--levels ft-filter-level:last-child"))===null||a===void 0?void 0:a.hasHiddenValues)!==null&&l!==void 0?l:!1}renderLevels(){let e=this.flatOptions,r=e.filter(a=>a.selected),n=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,i=n<0?"ft-filter--level-center":"ft-filter--level-left";return Eo.html`
|
|
1744
|
+
${this.raiseSelectedOptions&&r.length>0?Eo.html`
|
|
1732
1745
|
<ft-filter-level
|
|
1733
1746
|
filterId="${this.id}"
|
|
1734
1747
|
?multivalued=${this.multivalued}
|
|
@@ -1748,7 +1761,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1748
1761
|
${this.renderLevel(i,this.options)}
|
|
1749
1762
|
${this.displayedLevels.map(a=>e.find(l=>l.value===a)).map((a,l)=>{var c;let p=a?.value===this.slideIn||a?.value===this.slideOut?"ft-filter--level-right":l===n?"ft-filter--level-center":"ft-filter--level-left";return this.renderLevel(p,(c=a?.subOptions)!==null&&c!==void 0?c:[],a)})}
|
|
1750
1763
|
</ft-snap-scroll>
|
|
1751
|
-
`}renderLevel(e,r,n){return
|
|
1764
|
+
`}renderLevel(e,r,n){return Eo.html`
|
|
1752
1765
|
<ft-filter-level
|
|
1753
1766
|
class="${e}"
|
|
1754
1767
|
filterId="${this.id}"
|
|
@@ -1768,9 +1781,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1768
1781
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1769
1782
|
noValuesLabel="${this.noValuesLabel}"
|
|
1770
1783
|
></ft-filter-level>
|
|
1771
|
-
`}goBack(e){this.slideOut=e.detail.value}onDisplayLevel(e){this.displayedLevels.push(e.detail.value),this.slideIn=e.detail.value}clear(){if(this.flatOptions.forEach(e=>e.selected=!1),this.displayedLevels.length>0){let e=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[e],this.slideOut=e}this.optionsChanged()}onChange(e){var r;e.stopPropagation();let n=this.flatOptions.find(a=>a.value===e.detail.value);n.selected=!n.selected;let i=a=>{var l;a!==n&&(a.selected=!1),(l=a.subOptions)===null||l===void 0||l.forEach(i)};this.multivalued?(r=n.subOptions)===null||r===void 0||r.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run(()=>{var e;this.sendEventIfValuesChanged(),this.requestUpdate(),(e=this.levels)===null||e===void 0||e.forEach(r=>r.requestUpdate())})}sendEventIfValuesChanged(){let e=this.selectedValues;(0,
|
|
1784
|
+
`}goBack(e){this.slideOut=e.detail.value}onDisplayLevel(e){this.displayedLevels.push(e.detail.value),this.slideIn=e.detail.value}clear(){if(this.flatOptions.forEach(e=>e.selected=!1),this.displayedLevels.length>0){let e=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[e],this.slideOut=e}this.optionsChanged()}onChange(e){var r;e.stopPropagation();let n=this.flatOptions.find(a=>a.value===e.detail.value);n.selected=!n.selected;let i=a=>{var l;a!==n&&(a.selected=!1),(l=a.subOptions)===null||l===void 0||l.forEach(i)};this.multivalued?(r=n.subOptions)===null||r===void 0||r.forEach(i):this.options.forEach(i),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run(()=>{var e;this.sendEventIfValuesChanged(),this.requestUpdate(),(e=this.levels)===null||e===void 0||e.forEach(r=>r.requestUpdate())})}sendEventIfValuesChanged(){let e=this.selectedValues;(0,ct.deepEqual)(this.lastDispatchedValues,e)||(this.dispatchEvent(new si(e)),this.lastDispatchedValues=e)}updateOptionsFromSlot(e){e.stopPropagation(),this.options=this.slotElement.assignedElements().map(r=>r),this.optionsChanged()}onFilterChange(){var e,r;this.filter=(r=(e=this.filterInput)===null||e===void 0?void 0:e.value)!==null&&r!==void 0?r:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}};K.elementDefinitions={"ft-button":ve,"ft-filter-level":he,"ft-snap-scroll":ge,"ft-typography":q};K.styles=Vs;se([(0,X.property)({type:String})],K.prototype,"id",void 0);se([(0,X.property)({type:String})],K.prototype,"label",void 0);se([(0,X.property)({type:String})],K.prototype,"filterPlaceHolder",void 0);se([(0,X.property)({type:String})],K.prototype,"clearButtonLabel",void 0);se([(0,X.property)({type:String})],K.prototype,"moreValuesButtonLabel",void 0);se([(0,X.property)({type:String})],K.prototype,"noValuesLabel",void 0);se([(0,ct.jsonProperty)([])],K.prototype,"options",void 0);se([(0,X.property)({type:Boolean})],K.prototype,"multivalued",void 0);se([(0,X.property)({type:Boolean})],K.prototype,"disabled",void 0);se([(0,X.property)({type:Boolean})],K.prototype,"raiseSelectedOptions",void 0);se([(0,X.property)({type:Boolean})],K.prototype,"displayCount",void 0);se([(0,X.property)({type:Number})],K.prototype,"displayedValuesLimit",void 0);se([(0,X.property)({type:Boolean})],K.prototype,"hideClearButton",void 0);se([(0,X.query)(".ft-filter--slot")],K.prototype,"slotElement",void 0);se([(0,X.query)(".ft-filter--container")],K.prototype,"container",void 0);se([(0,X.query)(".ft-filter--values")],K.prototype,"valuesContainer",void 0);se([(0,X.query)(".ft-filter--levels")],K.prototype,"levelsContainer",void 0);se([(0,X.state)()],K.prototype,"lastLevelHasHiddenvalues",void 0);se([(0,X.query)(".ft-filter--filter input")],K.prototype,"filterInput",void 0);se([(0,X.queryAll)(".ft-filter--levels ft-filter-level")],K.prototype,"levels",void 0);se([(0,X.state)()],K.prototype,"withScroll",void 0);se([(0,X.state)()],K.prototype,"filter",void 0);se([(0,X.state)()],K.prototype,"slideIn",void 0);se([(0,X.state)()],K.prototype,"slideOut",void 0);var on=u(w()),$o=u(Y()),Gs=u(L()),qo=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},Je=class extends on.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return Gs.html`
|
|
1772
1785
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1773
|
-
`}updateSubOptionsFromSlot(e){e.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(r=>r)}update(e){super.update(e),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Je.elementDefinitions={};qo([(0
|
|
1786
|
+
`}updateSubOptionsFromSlot(e){e.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(r=>r)}update(e){super.update(e),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Je.elementDefinitions={};qo([(0,$o.property)({type:String})],Je.prototype,"label",void 0);qo([(0,$o.property)({type:Object,converter:t=>t})],Je.prototype,"value",void 0);qo([(0,$o.property)({type:Boolean,reflect:!0})],Je.prototype,"selected",void 0);qo([(0,$o.property)({type:Object})],Je.prototype,"subOptions",void 0);qo([(0,on.jsonProperty)({})],Je.prototype,"renderOption",void 0);qo([(0,$o.query)(".ft-filter-option--slot")],Je.prototype,"slotElement",void 0);(0,ci.customElement)("ft-filter")(K);(0,ci.customElement)("ft-filter-option")(Je);var di=u(w());var qs=u(L()),rn=u(Y()),Ys=u(w());var js=u(L());var Ks=js.css`
|
|
1774
1787
|
.ft-accordion {
|
|
1775
1788
|
box-sizing: border-box;
|
|
1776
1789
|
}
|
|
@@ -1778,11 +1791,11 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1778
1791
|
<div class="ft-accordion">
|
|
1779
1792
|
<slot @activated=${this.onChange}></slot>
|
|
1780
1793
|
</div>
|
|
1781
|
-
`}onChange(e){e.stopPropagation(),this.multi||this.content.assignedElements().forEach(r=>r.active=r===e.target)}};$t.elementDefinitions={};$t.styles=Ks;Zs([(0,rn.property)({type:Boolean})],$t.prototype,"multi",void 0);Zs([(0,rn.query)("slot")],$t.prototype,"content",void 0);var
|
|
1794
|
+
`}onChange(e){e.stopPropagation(),this.multi||this.content.assignedElements().forEach(r=>r.active=r===e.target)}};$t.elementDefinitions={};$t.styles=Ks;Zs([(0,rn.property)({type:Boolean})],$t.prototype,"multi",void 0);Zs([(0,rn.query)("slot")],$t.prototype,"content",void 0);var vr=u(L()),xr=u(Y()),Js=u(w());var Xs=u(L()),ko=u(w()),Ro={horizontalSpacing:ko.FtCssVariableFactory.create("--ft-accordion-toggle-horizontal-spacing","","SIZE","16px"),verticalSpacing:ko.FtCssVariableFactory.create("--ft-accordion-toggle-vertical-spacing","","SIZE","16px"),colorOutline:ko.FtCssVariableFactory.external(ko.designSystemVariables.colorOutline,"Design system"),backgroundColor:ko.FtCssVariableFactory.create("--ft-accordion-item-background-color","","COLOR","#FFFFFF")},Qs=Xs.css`
|
|
1782
1795
|
.ft-accordion-item {
|
|
1783
1796
|
display: flex;
|
|
1784
1797
|
flex-direction: column;
|
|
1785
|
-
background-color: ${
|
|
1798
|
+
background-color: ${Ro.backgroundColor};
|
|
1786
1799
|
}
|
|
1787
1800
|
|
|
1788
1801
|
.ft-accordion-item--toggle {
|
|
@@ -1792,8 +1805,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1792
1805
|
display: flex;
|
|
1793
1806
|
align-items: center;
|
|
1794
1807
|
cursor: pointer;
|
|
1795
|
-
padding: ${
|
|
1796
|
-
gap: calc(${
|
|
1808
|
+
padding: ${Ro.verticalSpacing} ${Ro.horizontalSpacing};
|
|
1809
|
+
gap: calc(${Ro.horizontalSpacing} / 2);
|
|
1797
1810
|
outline: none;
|
|
1798
1811
|
}
|
|
1799
1812
|
|
|
@@ -1818,13 +1831,13 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1818
1831
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1819
1832
|
height: initial;
|
|
1820
1833
|
overflow: visible;
|
|
1821
|
-
padding: ${
|
|
1834
|
+
padding: ${Ro.verticalSpacing} ${Ro.horizontalSpacing};
|
|
1822
1835
|
}
|
|
1823
1836
|
|
|
1824
1837
|
.ft-accordion-item--separator {
|
|
1825
|
-
border-bottom: 1px solid ${
|
|
1838
|
+
border-bottom: 1px solid ${Ro.colorOutline};
|
|
1826
1839
|
}
|
|
1827
|
-
`;var nn=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
1840
|
+
`;var nn=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},dt=class extends Js.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return vr.html`
|
|
1828
1841
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1829
1842
|
<div class="ft-accordion-item--toggle"
|
|
1830
1843
|
part="toggle"
|
|
@@ -1835,13 +1848,13 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1835
1848
|
aria-controls="ft-accordion-item-content"
|
|
1836
1849
|
aria-expanded="${this.active}">
|
|
1837
1850
|
<ft-ripple part="toggle-ripple"></ft-ripple>
|
|
1838
|
-
${this.icon?
|
|
1851
|
+
${this.icon?vr.html`
|
|
1839
1852
|
<ft-icon .variant=${this.iconVariant} value="${this.icon}"></ft-icon>
|
|
1840
1853
|
`:null}
|
|
1841
|
-
${this.label?
|
|
1854
|
+
${this.label?vr.html`
|
|
1842
1855
|
<ft-typography class="ft-accordion-item--label" variant="body1" part="label">${this.label}
|
|
1843
1856
|
</ft-typography>
|
|
1844
|
-
`:
|
|
1857
|
+
`:vr.html`
|
|
1845
1858
|
<slot class="ft-accordion-item--label" name="toggle" part="label"></slot>
|
|
1846
1859
|
`}
|
|
1847
1860
|
<ft-icon variant="material">${this.active?"expand_less":"expand_more"}</ft-icon>
|
|
@@ -1854,7 +1867,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1854
1867
|
</div>
|
|
1855
1868
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1856
1869
|
</div>
|
|
1857
|
-
`}update(e){super.update(e),e.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.active=!this.active)}};
|
|
1870
|
+
`}update(e){super.update(e),e.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.active=!this.active)}};dt.elementDefinitions={"ft-ripple":T,"ft-typography":q,"ft-icon":ae};dt.styles=Qs;nn([(0,xr.property)()],dt.prototype,"icon",void 0);nn([(0,xr.property)()],dt.prototype,"iconVariant",void 0);nn([(0,xr.property)()],dt.prototype,"label",void 0);nn([(0,xr.property)({type:Boolean,reflect:!0})],dt.prototype,"active",void 0);(0,di.customElement)("ft-accordion")($t);(0,di.customElement)("ft-accordion-item")(dt);var hi=u(w());var ln=u(L()),_e=u(Y()),nc=u(st()),Yo=u(w());var an=u(L()),M=u(w());var ec=M.FtCssVariableFactory.extend("--ft-chip-color","",M.designSystemVariables.colorOnSurface),Fe={backgroundColor:M.FtCssVariableFactory.extend("--ft-chip-background-color","",M.designSystemVariables.colorSurface),color:ec,fontSize:M.FtCssVariableFactory.extend("--ft-chip-font-size","",we.fontSize),iconSize:M.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:M.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:M.FtCssVariableFactory.extend("--ft-chip-ripple-color","",ec),horizontalPadding:M.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:M.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),borderColor:M.FtCssVariableFactory.extend("--ft-chip-border-color","",M.designSystemVariables.colorOutline),opacityDisabled:M.FtCssVariableFactory.external(M.designSystemVariables.colorOpacityDisabled,"Design system")},tc=M.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",M.FtCssVariableFactory.extend("--ft-chip-color","",M.designSystemVariables.colorOnPrimary)),pi={backgroundColor:M.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",M.FtCssVariableFactory.extend("--ft-chip-background-color","",M.designSystemVariables.colorPrimary)),color:tc,rippleColor:M.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",tc)},oc={horizontalPadding:M.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:M.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},rc=[M.noTextSelect,an.css`
|
|
1858
1871
|
:host {
|
|
1859
1872
|
display: inline-block;
|
|
1860
1873
|
max-width: 100%;
|
|
@@ -1870,20 +1883,20 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1870
1883
|
box-sizing: border-box;
|
|
1871
1884
|
pointer-events: auto;
|
|
1872
1885
|
|
|
1873
|
-
--ft-chip-internal-font-size: ${
|
|
1886
|
+
--ft-chip-internal-font-size: ${Fe.fontSize};
|
|
1874
1887
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1875
|
-
${(0,M.setVariable)(
|
|
1876
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1877
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1888
|
+
${(0,M.setVariable)(pe.size,Fe.iconSize)};
|
|
1889
|
+
--ft-chip-internal-vertical-padding: ${Fe.verticalPadding};
|
|
1890
|
+
--ft-chip-internal-horizontal-padding: ${Fe.horizontalPadding};
|
|
1878
1891
|
--ft-chip-internal-icon-padding: 3px;
|
|
1879
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1892
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Fe.iconSize});
|
|
1880
1893
|
|
|
1881
|
-
border: 1px solid ${
|
|
1882
|
-
color: ${
|
|
1883
|
-
${(0,M.setVariable)(O.color,
|
|
1884
|
-
border-radius: var(${(0,an.unsafeCSS)(
|
|
1894
|
+
border: 1px solid ${Fe.borderColor};
|
|
1895
|
+
color: ${Fe.color};
|
|
1896
|
+
${(0,M.setVariable)(O.color,Fe.rippleColor)};
|
|
1897
|
+
border-radius: var(${(0,an.unsafeCSS)(Fe.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
|
|
1885
1898
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1886
|
-
background-color: ${
|
|
1899
|
+
background-color: ${Fe.backgroundColor};
|
|
1887
1900
|
line-height: var(--ft-chip-internal-content-height);
|
|
1888
1901
|
}
|
|
1889
1902
|
|
|
@@ -1906,15 +1919,15 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1906
1919
|
cursor: default;
|
|
1907
1920
|
pointer-events: none;
|
|
1908
1921
|
filter: grayscale(1);
|
|
1909
|
-
opacity: ${
|
|
1922
|
+
opacity: ${Fe.opacityDisabled};
|
|
1910
1923
|
}
|
|
1911
1924
|
|
|
1912
1925
|
.ft-chip--highlighted {
|
|
1913
1926
|
border: none;
|
|
1914
1927
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1915
|
-
background-color: ${
|
|
1916
|
-
${(0,M.setVariable)(O.color,
|
|
1917
|
-
color: ${
|
|
1928
|
+
background-color: ${pi.backgroundColor};
|
|
1929
|
+
${(0,M.setVariable)(O.color,pi.rippleColor)};
|
|
1930
|
+
color: ${pi.color};
|
|
1918
1931
|
}
|
|
1919
1932
|
|
|
1920
1933
|
.ft-chip--clickable {
|
|
@@ -1945,9 +1958,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1945
1958
|
}
|
|
1946
1959
|
|
|
1947
1960
|
.ft-chip--icon-button {
|
|
1948
|
-
${(0,M.setVariable)(
|
|
1949
|
-
${(0,M.setVariable)(
|
|
1950
|
-
${(0,M.setVariable)(
|
|
1961
|
+
${(0,M.setVariable)(H.iconSize,Fe.iconSize)};
|
|
1962
|
+
${(0,M.setVariable)(H.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1963
|
+
${(0,M.setVariable)(H.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1951
1964
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
1952
1965
|
}
|
|
1953
1966
|
|
|
@@ -1955,8 +1968,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1955
1968
|
vertical-align: bottom;
|
|
1956
1969
|
display: block;
|
|
1957
1970
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1958
|
-
${(0,M.setVariable)(
|
|
1959
|
-
${(0,M.setVariable)(
|
|
1971
|
+
${(0,M.setVariable)(we.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1972
|
+
${(0,M.setVariable)(we.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1960
1973
|
}
|
|
1961
1974
|
|
|
1962
1975
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -1992,7 +2005,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
1992
2005
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
1993
2006
|
order: -1;
|
|
1994
2007
|
}
|
|
1995
|
-
`];var
|
|
2008
|
+
`];var et=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},sn=class extends CustomEvent{constructor(){super("icon-click")}},ye=class extends Yo.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.iconLabel="",this.icon=void 0,this.trailingIcon=!1}render(){let e={"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":Yo.isSafari};return ln.html`
|
|
1996
2009
|
<div class="${(0,nc.classMap)(e)}"
|
|
1997
2010
|
aria-label="${this.getLabel()}"
|
|
1998
2011
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
@@ -2018,7 +2031,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2018
2031
|
<div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
|
|
2019
2032
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
|
|
2020
2033
|
</div>
|
|
2021
|
-
`}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new sn))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new sn))}getLabel(){return this.label||this.textContent}get textContent(){return(0,Yo.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};
|
|
2034
|
+
`}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new sn))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new sn))}getLabel(){return this.label||this.textContent}get textContent(){return(0,Yo.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};ye.elementDefinitions={"ft-ripple":T,"ft-typography":q,"ft-icon":ae,"ft-button":ve};ye.styles=rc;et([(0,_e.property)({type:Boolean})],ye.prototype,"highlighted",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"removable",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"disabled",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"clickable",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"iconClickable",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"dense",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"multiLine",void 0);et([(0,_e.property)()],ye.prototype,"label",void 0);et([(0,_e.property)()],ye.prototype,"iconLabel",void 0);et([(0,_e.property)()],ye.prototype,"icon",void 0);et([(0,_e.property)()],ye.prototype,"iconVariant",void 0);et([(0,_e.property)({type:Boolean})],ye.prototype,"trailingIcon",void 0);et([(0,_e.query)("ft-typography slot")],ye.prototype,"slottedContent",void 0);var Lo=u(L()),No=u(Y()),lc=u(st()),cn=u(w());var ic=u(L());var fi=u(w());var ac=[ic.css`
|
|
2022
2035
|
:host {
|
|
2023
2036
|
display: inline-block;
|
|
2024
2037
|
max-width: 100%;
|
|
@@ -2036,95 +2049,95 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2036
2049
|
|
|
2037
2050
|
/* MEDIUM VARIANT */
|
|
2038
2051
|
.ftds--size-medium {
|
|
2039
|
-
min-height: ${
|
|
2040
|
-
padding: 0 ${
|
|
2041
|
-
border-radius: ${
|
|
2042
|
-
border-width: ${
|
|
2052
|
+
min-height: ${U.mediumMinHeight};
|
|
2053
|
+
padding: 0 ${U.mediumHorizontalPadding};
|
|
2054
|
+
border-radius: ${U.mediumBorderRadius};
|
|
2055
|
+
border-width: ${U.mediumBorderWidth};
|
|
2043
2056
|
border-style: solid;
|
|
2044
|
-
gap: ${
|
|
2045
|
-
${(0,
|
|
2057
|
+
gap: ${U.mediumGap};
|
|
2058
|
+
${(0,fi.setVariable)(pe.size,U.mediumIconSize)}
|
|
2046
2059
|
}
|
|
2047
2060
|
|
|
2048
2061
|
.ftds--size-medium.ftds-chip--removable {
|
|
2049
|
-
padding-right: ${
|
|
2062
|
+
padding-right: ${U.mediumButtonRightPadding};
|
|
2050
2063
|
}
|
|
2051
2064
|
|
|
2052
2065
|
|
|
2053
2066
|
/* LARGE VARIANT */
|
|
2054
2067
|
.ftds--size-large {
|
|
2055
|
-
min-height: ${
|
|
2056
|
-
padding: 0 ${
|
|
2057
|
-
border-radius: ${
|
|
2058
|
-
border-width: ${
|
|
2068
|
+
min-height: ${U.largeMinHeight};
|
|
2069
|
+
padding: 0 ${U.largeHorizontalPadding};
|
|
2070
|
+
border-radius: ${U.largeBorderRadius};
|
|
2071
|
+
border-width: ${U.largeBorderWidth};
|
|
2059
2072
|
border-style: solid;
|
|
2060
|
-
gap: ${
|
|
2061
|
-
${(0,
|
|
2073
|
+
gap: ${U.largeGap};
|
|
2074
|
+
${(0,fi.setVariable)(pe.size,U.largeIconSize)}
|
|
2062
2075
|
}
|
|
2063
2076
|
|
|
2064
2077
|
.ftds--size-large.ftds-chip--removable {
|
|
2065
|
-
padding-right: ${
|
|
2078
|
+
padding-right: ${U.largeButtonRightPadding};
|
|
2066
2079
|
}
|
|
2067
2080
|
|
|
2068
2081
|
|
|
2069
2082
|
/* NEUTRAL COLORS */
|
|
2070
2083
|
.ftds--family-neutral {
|
|
2071
|
-
background-color: ${
|
|
2072
|
-
border-color: ${
|
|
2073
|
-
color: ${
|
|
2084
|
+
background-color: ${U.neutralBackgroundColor};
|
|
2085
|
+
border-color: ${U.neutralBorderColor};
|
|
2086
|
+
color: ${U.neutralColor};
|
|
2074
2087
|
}
|
|
2075
2088
|
|
|
2076
2089
|
.ftds--family-neutral .ftds-chip--icon-container {
|
|
2077
|
-
color: ${
|
|
2090
|
+
color: ${U.neutralIconColor};
|
|
2078
2091
|
}
|
|
2079
2092
|
|
|
2080
2093
|
|
|
2081
2094
|
/* INFO COLORS */
|
|
2082
2095
|
.ftds--family-info {
|
|
2083
|
-
background-color: ${
|
|
2084
|
-
border-color: ${
|
|
2085
|
-
color: ${
|
|
2096
|
+
background-color: ${U.infoBackgroundColor};
|
|
2097
|
+
border-color: ${U.infoBorderColor};
|
|
2098
|
+
color: ${U.infoColor};
|
|
2086
2099
|
}
|
|
2087
2100
|
|
|
2088
2101
|
.ftds--family-info .ftds-chip--icon-container {
|
|
2089
|
-
color: ${
|
|
2102
|
+
color: ${U.infoIconColor};
|
|
2090
2103
|
}
|
|
2091
2104
|
|
|
2092
2105
|
|
|
2093
2106
|
/* SUCCESS COLORS */
|
|
2094
2107
|
.ftds--family-success {
|
|
2095
|
-
background-color: ${
|
|
2096
|
-
border-color: ${
|
|
2097
|
-
color: ${
|
|
2108
|
+
background-color: ${U.successBackgroundColor};
|
|
2109
|
+
border-color: ${U.successBorderColor};
|
|
2110
|
+
color: ${U.successColor};
|
|
2098
2111
|
}
|
|
2099
2112
|
|
|
2100
2113
|
.ftds--family-success .ftds-chip--icon-container {
|
|
2101
|
-
color: ${
|
|
2114
|
+
color: ${U.successIconColor};
|
|
2102
2115
|
}
|
|
2103
2116
|
|
|
2104
2117
|
|
|
2105
2118
|
/* WARNING COLORS */
|
|
2106
2119
|
.ftds--family-warning {
|
|
2107
|
-
background-color: ${
|
|
2108
|
-
border-color: ${
|
|
2109
|
-
color: ${
|
|
2120
|
+
background-color: ${U.warningBackgroundColor};
|
|
2121
|
+
border-color: ${U.warningBorderColor};
|
|
2122
|
+
color: ${U.warningColor};
|
|
2110
2123
|
}
|
|
2111
2124
|
|
|
2112
2125
|
.ftds--family-warning .ftds-chip--icon-container {
|
|
2113
|
-
color: ${
|
|
2126
|
+
color: ${U.warningIconColor};
|
|
2114
2127
|
}
|
|
2115
2128
|
|
|
2116
2129
|
|
|
2117
2130
|
/* ERROR COLORS */
|
|
2118
2131
|
.ftds--family-error {
|
|
2119
|
-
background-color: ${
|
|
2120
|
-
border-color: ${
|
|
2121
|
-
color: ${
|
|
2132
|
+
background-color: ${U.errorBackgroundColor};
|
|
2133
|
+
border-color: ${U.errorBorderColor};
|
|
2134
|
+
color: ${U.errorColor};
|
|
2122
2135
|
}
|
|
2123
2136
|
|
|
2124
2137
|
.ftds--family-error .ftds-chip--icon-container {
|
|
2125
|
-
color: ${
|
|
2138
|
+
color: ${U.errorIconColor};
|
|
2126
2139
|
}
|
|
2127
|
-
`];var Sr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
2140
|
+
`];var Sr=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ui=class extends CustomEvent{constructor(){super("remove")}},gt=class extends cn.FtdsBase{constructor(){super(...arguments),this.removable=!1,this.removeButtonLabel="Remove",this.label=""}render(){let e={"ftds-chip":!0,"ftds-chip--removable":this.removable,"ftds-chip--with-icon":!!this.icon,...this.getDesignSystemBaseClasses()};return Lo.html`
|
|
2128
2141
|
<div class="${(0,lc.classMap)(e)}"
|
|
2129
2142
|
aria-label="${this.getLabel()}"
|
|
2130
2143
|
part="chip">
|
|
@@ -2134,11 +2147,11 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2134
2147
|
</ft-typography>
|
|
2135
2148
|
${this.renderRemoveButton()}
|
|
2136
2149
|
</div>
|
|
2137
|
-
`}renderIcon(){return this.icon?
|
|
2150
|
+
`}renderIcon(){return this.icon?Lo.html`
|
|
2138
2151
|
<div class="ftds-chip--icon-container" part="icon-container">
|
|
2139
|
-
<ft-icon .variant=${
|
|
2152
|
+
<ft-icon .variant=${Pe.fluid_topics} .value="${this.icon}" part="icon"></ft-icon>
|
|
2140
2153
|
</div>
|
|
2141
|
-
`:
|
|
2154
|
+
`:Lo.nothing}renderRemoveButton(){return this.removable?Lo.html`
|
|
2142
2155
|
<ftds-button round
|
|
2143
2156
|
class="ftds-chip--remove-button"
|
|
2144
2157
|
@click=${this.dispatchRemoveEvent}
|
|
@@ -2148,25 +2161,25 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2148
2161
|
size=${this.resolveButtonSize()}
|
|
2149
2162
|
part="icon-button"
|
|
2150
2163
|
></ftds-button>
|
|
2151
|
-
`:
|
|
2164
|
+
`:Lo.nothing}resolveButtonSize(){switch(this.size){case Ae.large:return Ae.medium;case Ae.medium:case Ae.small:return Ae.small}}getLabel(){return this.label||this.textContent}get textContent(){var e,r;return(r=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(n=>n.textContent).join("").trim())!==null&&r!==void 0?r:""}onSlotchange(){this.requestUpdate()}dispatchRemoveEvent(){this.dispatchEvent(new ui)}typographyVariant(){switch(this.size){case Ae.large:return at.body2medium;case Ae.medium:return at.caption1medium;case Ae.small:return at.caption2medium}}};gt.elementDefinitions={"ft-typography":q,"ft-icon":ae,"ftds-button":ht};gt.styles=ac;Sr([(0,No.property)({type:Boolean})],gt.prototype,"removable",void 0);Sr([(0,No.property)()],gt.prototype,"removeButtonLabel",void 0);Sr([(0,No.property)()],gt.prototype,"label",void 0);Sr([(0,No.property)()],gt.prototype,"icon",void 0);Sr([(0,No.query)("ft-typography slot")],gt.prototype,"slottedContent",void 0);(0,hi.customElement)("ft-chip")(ye);(0,hi.customElement)("ftds-chip")(gt);var gi=u(w());var Cr=u(L()),oe=u(Y()),mi=u(st()),yc=u(uo()),wr=u(w());var fc=u(w());var yi=u(L()),Xo=u(Y()),dc=u(st()),pc=u(w());var sc=u(L()),te=u(w());var z={fontSize:te.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:te.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:te.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:te.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:te.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:te.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:te.FtCssVariableFactory.extend("--ft-input-label-border-color","",te.designSystemVariables.colorOutline),textColor:te.FtCssVariableFactory.extend("--ft-input-label-text-color","",te.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:te.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",te.designSystemVariables.colorOnSurfaceDisabled),colorSurface:te.FtCssVariableFactory.external(te.designSystemVariables.colorSurface,"Design system"),borderRadiusS:te.FtCssVariableFactory.external(te.designSystemVariables.borderRadiusS,"Design system"),colorError:te.FtCssVariableFactory.external(te.designSystemVariables.colorError,"Design system")},cc=sc.css`
|
|
2152
2165
|
.ft-input-label {
|
|
2153
2166
|
position: absolute;
|
|
2154
2167
|
inset: 0;
|
|
2155
2168
|
display: flex;
|
|
2156
|
-
background-color: ${
|
|
2157
|
-
border-radius: ${
|
|
2169
|
+
background-color: ${z.colorSurface};
|
|
2170
|
+
border-radius: ${z.borderRadiusS} ${z.borderRadiusS} 0 0;
|
|
2158
2171
|
}
|
|
2159
2172
|
|
|
2160
2173
|
.ft-input-label--outlined {
|
|
2161
|
-
border-radius: ${
|
|
2174
|
+
border-radius: ${z.borderRadiusS};
|
|
2162
2175
|
}
|
|
2163
2176
|
|
|
2164
2177
|
.ft-input-label {
|
|
2165
|
-
border-color: ${
|
|
2178
|
+
border-color: ${z.borderColor};
|
|
2166
2179
|
}
|
|
2167
2180
|
|
|
2168
2181
|
.ft-input-label.ft-input-label--in-error {
|
|
2169
|
-
border-color: ${
|
|
2182
|
+
border-color: ${z.colorError}
|
|
2170
2183
|
}
|
|
2171
2184
|
|
|
2172
2185
|
.ft-input-label:before,
|
|
@@ -2179,7 +2192,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2179
2192
|
}
|
|
2180
2193
|
|
|
2181
2194
|
.ft-input-label:before {
|
|
2182
|
-
width: calc(${
|
|
2195
|
+
width: calc(${z.horizontalSpacing} - 4px);
|
|
2183
2196
|
flex-shrink: 0;
|
|
2184
2197
|
}
|
|
2185
2198
|
|
|
@@ -2195,20 +2208,20 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2195
2208
|
border-bottom-width: 1px;
|
|
2196
2209
|
border-bottom-style: solid;
|
|
2197
2210
|
border-color: inherit;
|
|
2198
|
-
color: ${
|
|
2211
|
+
color: ${z.textColor};
|
|
2199
2212
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
2200
|
-
max-width: calc(${
|
|
2213
|
+
max-width: calc(${z.labelMaxWidth} - 2 * (${z.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
2201
2214
|
text-overflow: ellipsis;
|
|
2202
|
-
${(0,te.setVariable)(ft.fontSize,
|
|
2203
|
-
${(0,te.setVariable)(ft.lineHeight,
|
|
2215
|
+
${(0,te.setVariable)(ft.fontSize,z.fontSize)};
|
|
2216
|
+
${(0,te.setVariable)(ft.lineHeight,z.fontSize)};
|
|
2204
2217
|
}
|
|
2205
2218
|
|
|
2206
2219
|
.ft-input-label--in-error .ft-input-label--text {
|
|
2207
|
-
color: ${
|
|
2220
|
+
color: ${z.colorError}
|
|
2208
2221
|
}
|
|
2209
2222
|
|
|
2210
2223
|
.ft-input-label--disabled .ft-input-label--text {
|
|
2211
|
-
color: ${
|
|
2224
|
+
color: ${z.disabledTextColor};
|
|
2212
2225
|
}
|
|
2213
2226
|
|
|
2214
2227
|
.ft-input-label--hidden-text {
|
|
@@ -2225,19 +2238,19 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2225
2238
|
overflow: hidden;
|
|
2226
2239
|
white-space: nowrap;
|
|
2227
2240
|
text-overflow: ellipsis;
|
|
2228
|
-
padding: ${
|
|
2229
|
-
margin: calc(${
|
|
2241
|
+
padding: ${z.verticalSpacing} 4px;
|
|
2242
|
+
margin: calc(${z.verticalSpacing} * -1) 0;
|
|
2230
2243
|
max-width: 100%;
|
|
2231
2244
|
box-sizing: border-box;
|
|
2232
2245
|
}
|
|
2233
2246
|
|
|
2234
2247
|
.ft-input-label--raised .ft-input-label--text {
|
|
2235
|
-
${(0,te.setVariable)(ft.fontSize,
|
|
2236
|
-
${(0,te.setVariable)(ft.lineHeight,
|
|
2248
|
+
${(0,te.setVariable)(ft.fontSize,z.raisedFontSize)};
|
|
2249
|
+
${(0,te.setVariable)(ft.lineHeight,z.raisedFontSize)};
|
|
2237
2250
|
}
|
|
2238
2251
|
|
|
2239
2252
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
2240
|
-
top: ${
|
|
2253
|
+
top: ${z.verticalSpacing};
|
|
2241
2254
|
}
|
|
2242
2255
|
|
|
2243
2256
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -2250,36 +2263,36 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2250
2263
|
.ft-input-label--outlined:before {
|
|
2251
2264
|
border-left-width: 1px;
|
|
2252
2265
|
border-left-style: solid;
|
|
2253
|
-
border-radius: ${
|
|
2266
|
+
border-radius: ${z.borderRadiusS} 0 0 ${z.borderRadiusS};
|
|
2254
2267
|
}
|
|
2255
2268
|
|
|
2256
2269
|
.ft-input-label--outlined:after {
|
|
2257
2270
|
border-right-width: 1px;
|
|
2258
2271
|
border-right-style: solid;
|
|
2259
|
-
border-radius: 0 ${
|
|
2272
|
+
border-radius: 0 ${z.borderRadiusS} ${z.borderRadiusS} 0;
|
|
2260
2273
|
}
|
|
2261
2274
|
|
|
2262
2275
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
2263
2276
|
padding: 2px 4px;
|
|
2264
|
-
z-index: ${
|
|
2265
|
-
background-color: ${
|
|
2266
|
-
border-radius: ${
|
|
2277
|
+
z-index: ${z.raisedZIndex};
|
|
2278
|
+
background-color: ${z.colorSurface};
|
|
2279
|
+
border-radius: ${z.borderRadiusS};
|
|
2267
2280
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
2268
2281
|
}
|
|
2269
2282
|
|
|
2270
2283
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
2271
2284
|
border-top: none;
|
|
2272
2285
|
}
|
|
2273
|
-
`;var Or=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},
|
|
2286
|
+
`;var Or=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},tt=class extends pc.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){let e={"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 yi.html`
|
|
2274
2287
|
<div class="${(0,dc.classMap)(e)}">
|
|
2275
|
-
${this.text?
|
|
2288
|
+
${this.text?yi.html`
|
|
2276
2289
|
<div class="ft-input-label--text ft-typography--caption">
|
|
2277
2290
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
2278
2291
|
<span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
|
|
2279
2292
|
</div>
|
|
2280
2293
|
`:null}
|
|
2281
2294
|
</div>
|
|
2282
|
-
`}};
|
|
2295
|
+
`}};tt.elementDefinitions={};tt.styles=[qt,cc];Or([(0,Xo.property)({type:String})],tt.prototype,"text",void 0);Or([(0,Xo.property)({type:Boolean})],tt.prototype,"raised",void 0);Or([(0,Xo.property)({type:Boolean})],tt.prototype,"outlined",void 0);Or([(0,Xo.property)({type:Boolean})],tt.prototype,"disabled",void 0);Or([(0,Xo.property)({type:Boolean})],tt.prototype,"error",void 0);(0,fc.customElement)("ft-input-label")(tt);var uc=u(L()),_=u(w());var V={labelSize:_.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:_.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:_.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:_.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:_.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","70vh"),selectedOptionColor:_.FtCssVariableFactory.extend("--ft-select-selected-option-color","",_.designSystemVariables.colorOnSurface),helperColor:_.FtCssVariableFactory.extend("--ft-select-helper-color","",_.designSystemVariables.colorOnSurfaceMedium),optionsColor:_.FtCssVariableFactory.extend("--ft-select-options-color","",_.designSystemVariables.colorOnSurface),optionsZIndex:_.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:_.FtCssVariableFactory.external(_.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:_.FtCssVariableFactory.external(_.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:_.FtCssVariableFactory.external(_.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:_.FtCssVariableFactory.external(_.designSystemVariables.borderRadiusS,"Design system"),elevation02:_.FtCssVariableFactory.external(_.designSystemVariables.elevation02,"Design system"),colorError:_.FtCssVariableFactory.external(_.designSystemVariables.colorError,"Design system")},hc=uc.css`
|
|
2283
2296
|
*:focus {
|
|
2284
2297
|
outline: none;
|
|
2285
2298
|
}
|
|
@@ -2293,7 +2306,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2293
2306
|
.ft-select--main-panel {
|
|
2294
2307
|
position: relative;
|
|
2295
2308
|
display: flex;
|
|
2296
|
-
height: calc(4 * ${
|
|
2309
|
+
height: calc(4 * ${V.verticalSpacing} + ${V.labelSize} + ${V.selectedOptionSize});
|
|
2297
2310
|
}
|
|
2298
2311
|
|
|
2299
2312
|
.ft-select--input-panel {
|
|
@@ -2302,17 +2315,17 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2302
2315
|
display: flex;
|
|
2303
2316
|
align-items: center;
|
|
2304
2317
|
overflow: hidden;
|
|
2305
|
-
padding-left: ${
|
|
2306
|
-
padding-right: ${
|
|
2318
|
+
padding-left: ${V.horizontalSpacing};
|
|
2319
|
+
padding-right: ${V.horizontalSpacing};
|
|
2307
2320
|
gap: 8px;
|
|
2308
|
-
color: ${
|
|
2309
|
-
${(0,
|
|
2321
|
+
color: ${V.selectedOptionColor};
|
|
2322
|
+
${(0,_.setVariable)(O.color,V.selectedOptionColor)};
|
|
2310
2323
|
}
|
|
2311
2324
|
|
|
2312
2325
|
.ft-select--input-panel,
|
|
2313
2326
|
.ft-select--option {
|
|
2314
|
-
${(0,
|
|
2315
|
-
${(0,
|
|
2327
|
+
${(0,_.setVariable)(O.opacityContentOnSurfaceHover,"0.08")};
|
|
2328
|
+
${(0,_.setVariable)(O.opacityContentOnSurfacePressed,"0.04")};
|
|
2316
2329
|
}
|
|
2317
2330
|
|
|
2318
2331
|
.ft-select--input-panel > *:not(ft-ripple),
|
|
@@ -2322,7 +2335,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2322
2335
|
|
|
2323
2336
|
.ft-select--disabled .ft-select--input-panel,
|
|
2324
2337
|
.ft-select--disabled .ft-select--option {
|
|
2325
|
-
color: ${
|
|
2338
|
+
color: ${V.colorOnSurfaceDisabled};
|
|
2326
2339
|
}
|
|
2327
2340
|
|
|
2328
2341
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -2331,20 +2344,20 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2331
2344
|
}
|
|
2332
2345
|
|
|
2333
2346
|
ft-input-label {
|
|
2334
|
-
${(0,
|
|
2335
|
-
${(0,
|
|
2336
|
-
${(0,
|
|
2337
|
-
${(0,
|
|
2338
|
-
${(0,
|
|
2347
|
+
${(0,_.setVariable)(z.fontSize,V.selectedOptionSize)};
|
|
2348
|
+
${(0,_.setVariable)(z.raisedFontSize,V.labelSize)};
|
|
2349
|
+
${(0,_.setVariable)(z.verticalSpacing,V.verticalSpacing)};
|
|
2350
|
+
${(0,_.setVariable)(z.horizontalSpacing,V.horizontalSpacing)};
|
|
2351
|
+
${(0,_.setVariable)(z.labelMaxWidth,`calc(100% - ${pe.size} - 8px)`)};
|
|
2339
2352
|
}
|
|
2340
2353
|
|
|
2341
2354
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
2342
|
-
color: ${
|
|
2355
|
+
color: ${V.colorPrimary};
|
|
2343
2356
|
}
|
|
2344
2357
|
|
|
2345
2358
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
2346
|
-
${(0,
|
|
2347
|
-
${(0,
|
|
2359
|
+
${(0,_.setVariable)(z.borderColor,V.colorPrimary)};
|
|
2360
|
+
${(0,_.setVariable)(z.textColor,V.colorPrimary)};
|
|
2348
2361
|
}
|
|
2349
2362
|
|
|
2350
2363
|
.ft-select--selected-option {
|
|
@@ -2354,12 +2367,12 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2354
2367
|
overflow: hidden;
|
|
2355
2368
|
white-space: nowrap;
|
|
2356
2369
|
text-overflow: ellipsis;
|
|
2357
|
-
${(0,
|
|
2358
|
-
${(0,
|
|
2370
|
+
${(0,_.setVariable)(Bt.fontSize,V.selectedOptionSize)};
|
|
2371
|
+
${(0,_.setVariable)(Bt.lineHeight,V.selectedOptionSize)};
|
|
2359
2372
|
}
|
|
2360
2373
|
|
|
2361
2374
|
.ft-select--in-error .ft-select--selected-option {
|
|
2362
|
-
color: ${
|
|
2375
|
+
color: ${V.colorError};
|
|
2363
2376
|
}
|
|
2364
2377
|
|
|
2365
2378
|
ft-icon {
|
|
@@ -2371,26 +2384,26 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2371
2384
|
}
|
|
2372
2385
|
|
|
2373
2386
|
.ft-select--filled .ft-select--input-panel {
|
|
2374
|
-
border-radius: ${
|
|
2387
|
+
border-radius: ${V.borderRadiusS} ${V.borderRadiusS} 0 0;
|
|
2375
2388
|
}
|
|
2376
2389
|
|
|
2377
2390
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
2378
2391
|
align-self: stretch;
|
|
2379
|
-
padding-top: calc(${
|
|
2392
|
+
padding-top: calc(${V.labelSize} + 2 * ${V.verticalSpacing});
|
|
2380
2393
|
}
|
|
2381
2394
|
|
|
2382
2395
|
.ft-select--outlined .ft-select--input-panel {
|
|
2383
|
-
border-radius: ${
|
|
2396
|
+
border-radius: ${V.borderRadiusS};
|
|
2384
2397
|
}
|
|
2385
2398
|
|
|
2386
2399
|
.ft-select--options {
|
|
2387
2400
|
display: none;
|
|
2388
2401
|
position: absolute;
|
|
2389
2402
|
top: 100%;
|
|
2390
|
-
color: ${
|
|
2391
|
-
background: ${
|
|
2392
|
-
z-index: ${
|
|
2393
|
-
box-shadow: ${
|
|
2403
|
+
color: ${V.optionsColor};
|
|
2404
|
+
background: ${V.colorSurface};
|
|
2405
|
+
z-index: ${V.optionsZIndex};
|
|
2406
|
+
box-shadow: ${V.elevation02};
|
|
2394
2407
|
}
|
|
2395
2408
|
|
|
2396
2409
|
.ft-select--fixed .ft-select--options {
|
|
@@ -2399,13 +2412,13 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2399
2412
|
|
|
2400
2413
|
.ft-select--options-displayed .ft-select--options {
|
|
2401
2414
|
display: block;
|
|
2402
|
-
max-height: ${
|
|
2415
|
+
max-height: ${V.optionsHeight};
|
|
2403
2416
|
overflow-y: auto;
|
|
2404
2417
|
}
|
|
2405
2418
|
|
|
2406
2419
|
.ft-select--option {
|
|
2407
2420
|
position: relative;
|
|
2408
|
-
padding: 4px ${
|
|
2421
|
+
padding: 4px ${V.horizontalSpacing};
|
|
2409
2422
|
min-height: 32px;
|
|
2410
2423
|
display: flex;
|
|
2411
2424
|
align-items: center;
|
|
@@ -2417,15 +2430,15 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2417
2430
|
}
|
|
2418
2431
|
|
|
2419
2432
|
.ft-select--helper-text {
|
|
2420
|
-
padding: 0 ${
|
|
2421
|
-
color: ${
|
|
2433
|
+
padding: 0 ${V.horizontalSpacing};
|
|
2434
|
+
color: ${V.helperColor};
|
|
2422
2435
|
}
|
|
2423
2436
|
|
|
2424
2437
|
.ft-select--in-error .ft-select--helper-text {
|
|
2425
|
-
color: ${
|
|
2438
|
+
color: ${V.colorError};
|
|
2426
2439
|
}
|
|
2427
|
-
`;var
|
|
2428
|
-
<div class="${(0,
|
|
2440
|
+
`;var fe=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},Rt=class extends wr.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return Cr.html``}update(e){super.update(e),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Rt.elementDefinitions={};fe([(0,oe.property)({type:String})],Rt.prototype,"label",void 0);fe([(0,oe.property)({type:Object,converter:t=>t})],Rt.prototype,"value",void 0);fe([(0,oe.property)({type:Boolean,reflect:!0})],Rt.prototype,"selected",void 0);var Q=class extends wr.FtLitElement{constructor(){super(...arguments),this.label="",this.ariaLabel="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=e=>this.optionsDisplayed=this.optionsDisplayed&&e.composedPath().includes(this.container)}render(){var e,r,n,i,a;let l=this.hasOptionsMenuOpen,c=this.disabled||!this.hasOptions,p=((e=this.selectedOption)===null||e===void 0?void 0:e.value)!=null||((n=(r=this.selectedOption)===null||r===void 0?void 0:r.label)!==null&&n!==void 0?n:"").length>0,f={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":c,"ft-select--options-displayed":l,"ft-select--has-option-selected":p,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return Cr.html`
|
|
2441
|
+
<div class="${(0,mi.classMap)(f)}" part="container">
|
|
2429
2442
|
<div class="ft-select--main-panel" part="main-panel">
|
|
2430
2443
|
<ft-input-label text="${this.label}"
|
|
2431
2444
|
part="label"
|
|
@@ -2464,7 +2477,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2464
2477
|
@option-change=${this.updateOptionsFromSlot}
|
|
2465
2478
|
></slot>
|
|
2466
2479
|
`}renderOption(e){let r=this.selectedOption===e;return Cr.html`
|
|
2467
|
-
<div class="${(0,
|
|
2480
|
+
<div class="${(0,mi.classMap)({"ft-select--option":!0,"ft-select--option-selected":r,"ft-typography--body2":!0})}"
|
|
2468
2481
|
part="option"
|
|
2469
2482
|
tabindex="0"
|
|
2470
2483
|
data-value="${e.value}"
|
|
@@ -2473,34 +2486,34 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2473
2486
|
<ft-ripple ?primary=${r} ?activated=${r}></ft-ripple>
|
|
2474
2487
|
<span>${e.label}</span>
|
|
2475
2488
|
</div>
|
|
2476
|
-
`}update(e){super.update(e),e.has("options")&&(this.selectedOption=this.options.filter(r=>r.selected)[0]),e.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(e){var r,n;super.contentAvailableCallback(e),e.has("focusOptions")&&this.focusOptions&&((n=(r=this.selectedOptionElement)!==null&&r!==void 0?r:this.firstOption)===null||n===void 0||n.focus(),this.focusOptions=!1),e.has("optionsDisplayed")&&this.hasOptionsMenuOpen&&(this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px",Zr(this.mainPanel,this.optionsMenu,"bottom").then(({x:i,y:a})=>{this.optionsMenu.style.left=`${i}px`,this.optionsMenu.style.top=`${a}px`}))}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(e){var r;e.stopPropagation();let n=(r=this.optionsSlot)===null||r===void 0?void 0:r.assignedElements().map(i=>i);n&&n.length>0&&(this.options=n)}onMainPanelKeyDown(e){switch(e.key){case" ":e.preventDefault(),e.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":e.preventDefault(),e.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0;break}}onOptionsKeyDown(e){var r,n,i,a,l;let c;switch(e.key){case"Escape":this.optionsDisplayed=!1,(r=this.mainPanel)===null||r===void 0||r.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":e.preventDefault(),e.stopPropagation(),c=(i=(n=this.focusedOption)===null||n===void 0?void 0:n.previousElementSibling)!==null&&i!==void 0?i:this.lastOption;break;case"ArrowDown":e.preventDefault(),e.stopPropagation(),c=(l=(a=this.focusedOption)===null||a===void 0?void 0:a.nextElementSibling)!==null&&l!==void 0?l:this.firstOption;break}c?.focus()}onOptionKeyDown(e,r){var n;(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),this.selectOption(r),this.optionsDisplayed=!1,(n=this.mainPanel)===null||n===void 0||n.focus())}selectOption(e){var r,n;if(!(0,wr.deepEqual)((r=this.selectedOption)===null||r===void 0?void 0:r.value,e.value)){this.selectedOption=e;for(let i of this.options)i.selected=i===e;this.dispatchEvent(new CustomEvent("change",{detail:(n=this.selectedOption)===null||n===void 0?void 0:n.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}};
|
|
2489
|
+
`}update(e){super.update(e),e.has("options")&&(this.selectedOption=this.options.filter(r=>r.selected)[0]),e.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(e){var r,n;super.contentAvailableCallback(e),e.has("focusOptions")&&this.focusOptions&&((n=(r=this.selectedOptionElement)!==null&&r!==void 0?r:this.firstOption)===null||n===void 0||n.focus(),this.focusOptions=!1),e.has("optionsDisplayed")&&this.hasOptionsMenuOpen&&(this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px",Zr(this.mainPanel,this.optionsMenu,"bottom").then(({x:i,y:a})=>{this.optionsMenu.style.left=`${i}px`,this.optionsMenu.style.top=`${a}px`}))}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(e){var r;e.stopPropagation();let n=(r=this.optionsSlot)===null||r===void 0?void 0:r.assignedElements().map(i=>i);n&&n.length>0&&(this.options=n)}onMainPanelKeyDown(e){switch(e.key){case" ":e.preventDefault(),e.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":e.preventDefault(),e.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0;break}}onOptionsKeyDown(e){var r,n,i,a,l;let c;switch(e.key){case"Escape":this.optionsDisplayed=!1,(r=this.mainPanel)===null||r===void 0||r.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":e.preventDefault(),e.stopPropagation(),c=(i=(n=this.focusedOption)===null||n===void 0?void 0:n.previousElementSibling)!==null&&i!==void 0?i:this.lastOption;break;case"ArrowDown":e.preventDefault(),e.stopPropagation(),c=(l=(a=this.focusedOption)===null||a===void 0?void 0:a.nextElementSibling)!==null&&l!==void 0?l:this.firstOption;break}c?.focus()}onOptionKeyDown(e,r){var n;(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),this.selectOption(r),this.optionsDisplayed=!1,(n=this.mainPanel)===null||n===void 0||n.focus())}selectOption(e){var r,n;if(!(0,wr.deepEqual)((r=this.selectedOption)===null||r===void 0?void 0:r.value,e.value)){this.selectedOption=e;for(let i of this.options)i.selected=i===e;this.dispatchEvent(new CustomEvent("change",{detail:(n=this.selectedOption)===null||n===void 0?void 0:n.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}};Q.elementDefinitions={"ft-input-label":tt,"ft-typography":q,"ft-ripple":T,"ft-icon":ae};Q.styles=[Vo,qt,hc];fe([(0,oe.property)({type:String})],Q.prototype,"label",void 0);fe([(0,oe.property)({type:String})],Q.prototype,"ariaLabel",void 0);fe([(0,oe.property)({type:String})],Q.prototype,"helper",void 0);fe([(0,oe.property)({type:Boolean})],Q.prototype,"outlined",void 0);fe([(0,oe.property)({type:Boolean})],Q.prototype,"disabled",void 0);fe([(0,oe.property)({type:Boolean})],Q.prototype,"error",void 0);fe([(0,oe.property)({type:Boolean})],Q.prototype,"fixedMenuPosition",void 0);fe([(0,oe.property)({type:Array})],Q.prototype,"options",void 0);fe([(0,oe.state)()],Q.prototype,"selectedOption",void 0);fe([(0,oe.state)()],Q.prototype,"optionsDisplayed",void 0);fe([(0,oe.state)()],Q.prototype,"focusOptions",void 0);fe([(0,oe.query)(".ft-select")],Q.prototype,"container",void 0);fe([(0,oe.query)(".ft-select--options")],Q.prototype,"optionsMenu",void 0);fe([(0,oe.query)(".ft-select--input-panel")],Q.prototype,"mainPanel",void 0);fe([(0,oe.query)(".ft-select--option:first-child")],Q.prototype,"firstOption",void 0);fe([(0,oe.query)(".ft-select--option:focus")],Q.prototype,"focusedOption",void 0);fe([(0,oe.query)(".ft-select--option.ft-select--option-selected")],Q.prototype,"selectedOptionElement",void 0);fe([(0,oe.query)(".ft-select--option:last-child")],Q.prototype,"lastOption",void 0);fe([(0,oe.query)("slot")],Q.prototype,"optionsSlot",void 0);(0,gi.customElement)("ft-select")(Q);(0,gi.customElement)("ft-select-option")(Rt);var I=u(w()),bi=u(L());var mc=u(L()),bt=u(w()),$e={display:bt.FtCssVariableFactory.create("--ft-skeleton--display","","DISPLAY","block"),width:bt.FtCssVariableFactory.create("--ft-skeleton--width","","SIZE","100%"),height:bt.FtCssVariableFactory.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:bt.FtCssVariableFactory.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:bt.FtCssVariableFactory.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:bt.FtCssVariableFactory.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:bt.FtCssVariableFactory.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:bt.FtCssVariableFactory.external(bt.designSystemVariables.borderRadiusM,"Design system")},gc=mc.css`
|
|
2477
2490
|
:host {
|
|
2478
|
-
width: ${
|
|
2479
|
-
height: ${
|
|
2480
|
-
display: ${
|
|
2491
|
+
width: ${$e.width};
|
|
2492
|
+
height: ${$e.height};
|
|
2493
|
+
display: ${$e.display};
|
|
2481
2494
|
overflow: hidden;
|
|
2482
|
-
border-radius: ${
|
|
2495
|
+
border-radius: ${$e.borderRadiusM};
|
|
2483
2496
|
background: linear-gradient(
|
|
2484
2497
|
90deg,
|
|
2485
2498
|
transparent,
|
|
2486
|
-
${
|
|
2487
|
-
${
|
|
2488
|
-
transparent ${
|
|
2489
|
-
), ${
|
|
2499
|
+
${$e.glareColor} calc(0.45 * ${$e.glareWidth}),
|
|
2500
|
+
${$e.glareColor} calc(0.55 * ${$e.glareWidth}),
|
|
2501
|
+
transparent ${$e.glareWidth}
|
|
2502
|
+
), ${$e.backgroundColor};
|
|
2490
2503
|
background-repeat: repeat-y;
|
|
2491
2504
|
background-size: 100vw 100vh;
|
|
2492
2505
|
background-attachment: fixed;
|
|
2493
|
-
background-position: calc(${
|
|
2494
|
-
animation: shine ${
|
|
2506
|
+
background-position: calc(${$e.glareWidth} * -1) 0;
|
|
2507
|
+
animation: shine ${$e.animationDuration} infinite;
|
|
2495
2508
|
animation-timing-function: linear;
|
|
2496
2509
|
}
|
|
2497
2510
|
|
|
2498
2511
|
@keyframes shine {
|
|
2499
2512
|
to {
|
|
2500
|
-
background-position: calc(100vw + ${
|
|
2513
|
+
background-position: calc(100vw + ${$e.glareWidth}) 0, calc(${$e.glareWidth} * -1) 0;
|
|
2501
2514
|
}
|
|
2502
2515
|
}
|
|
2503
|
-
`;var A={height:
|
|
2516
|
+
`;var A={height:I.FtCssVariableFactory.create("--ft-search-bar-height","","SIZE","38px"),borderRadius:I.FtCssVariableFactory.extend("--ft-search-bar-border-radius","",I.designSystemVariables.borderRadiusS),mobileOpenPosition:I.FtCssVariableFactory.create("--ft-search-bar-mobile-open-position","","POSITION","fixed"),mobileOpenTop:I.FtCssVariableFactory.create("--ft-search-bar-mobile-open-top","","SIZE","0"),mobileOpenBottom:I.FtCssVariableFactory.create("--ft-search-bar-mobile-open-bottom","","SIZE","0"),mobileOpenLeft:I.FtCssVariableFactory.create("--ft-search-bar-mobile-open-left","","SIZE","0"),mobileOpenRight:I.FtCssVariableFactory.create("--ft-search-bar-mobile-open-right","","SIZE","0"),desktopFiltersHeight:I.FtCssVariableFactory.create("--ft-search-bar-desktop-filters-height","","SIZE","350px"),floatingZIndex:I.FtCssVariableFactory.create("--ft-search-bar-floating-components-z-index","","NUMBER","3"),colorSurface:I.FtCssVariableFactory.external(I.designSystemVariables.colorSurface,"Design system"),colorOnSurface:I.FtCssVariableFactory.external(I.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:I.FtCssVariableFactory.external(I.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOutline:I.FtCssVariableFactory.external(I.designSystemVariables.colorOutline,"Design system"),colorPrimary:I.FtCssVariableFactory.external(I.designSystemVariables.colorPrimary,"Design system"),elevation02:I.FtCssVariableFactory.external(I.designSystemVariables.elevation02,"Design system"),buttonColor:I.FtCssVariableFactory.external(H.color,"Button"),buttonRippleColor:I.FtCssVariableFactory.external(H.rippleColor,"Button")},bc=bi.css`
|
|
2504
2517
|
* {
|
|
2505
2518
|
box-sizing: border-box;
|
|
2506
2519
|
}
|
|
@@ -2548,8 +2561,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2548
2561
|
}
|
|
2549
2562
|
|
|
2550
2563
|
.ft-search-bar--skeleton {
|
|
2551
|
-
${(0,
|
|
2552
|
-
${(0,
|
|
2564
|
+
${(0,I.setVariable)($e.height,A.height)};
|
|
2565
|
+
${(0,I.setVariable)($e.borderRadiusM,A.borderRadius)};
|
|
2553
2566
|
}
|
|
2554
2567
|
|
|
2555
2568
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
@@ -2603,17 +2616,17 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2603
2616
|
align-items: center;
|
|
2604
2617
|
height: 100%;
|
|
2605
2618
|
|
|
2606
|
-
${(0,
|
|
2619
|
+
${(0,I.setVariable)(Yt.zIndex,`calc(${A.floatingZIndex} + 1)`)};
|
|
2607
2620
|
}
|
|
2608
2621
|
|
|
2609
2622
|
.ft-search-bar > ft-button,
|
|
2610
2623
|
.ft-search-bar--actions ft-button {
|
|
2611
2624
|
flex-shrink: 0;
|
|
2612
|
-
${(0,
|
|
2625
|
+
${(0,I.setVariable)(H.backgroundColor,"transparent")};
|
|
2613
2626
|
}
|
|
2614
2627
|
|
|
2615
2628
|
.ft-search-bar--left-action {
|
|
2616
|
-
${(0,
|
|
2629
|
+
${(0,I.setVariable)(H.borderRadius,`calc(${A.borderRadius} - 1px) 0 0 calc(${A.borderRadius} - 1px)`)};
|
|
2617
2630
|
border-right: 1px solid ${A.colorOutline};
|
|
2618
2631
|
height: 100%;
|
|
2619
2632
|
}
|
|
@@ -2623,7 +2636,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2623
2636
|
}
|
|
2624
2637
|
|
|
2625
2638
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2626
|
-
${(0,
|
|
2639
|
+
${(0,I.setVariable)(H.borderRadius,`calc(${A.borderRadius} - 1px) 0 0 0`)};
|
|
2627
2640
|
}
|
|
2628
2641
|
|
|
2629
2642
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2637,9 +2650,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2637
2650
|
}
|
|
2638
2651
|
|
|
2639
2652
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2640
|
-
${(0,
|
|
2641
|
-
${(0,
|
|
2642
|
-
${(0,
|
|
2653
|
+
${(0,I.setVariable)(z.borderColor,"transparent")};
|
|
2654
|
+
${(0,I.setVariable)(z.borderRadiusS,`calc(${A.borderRadius} - 1px)`)};
|
|
2655
|
+
${(0,I.setVariable)(V.selectedOptionColor,A.buttonColor)};
|
|
2643
2656
|
}
|
|
2644
2657
|
|
|
2645
2658
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2683,7 +2696,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2683
2696
|
flex-shrink: 0;
|
|
2684
2697
|
padding: 0 10px;
|
|
2685
2698
|
margin-bottom: 8px;
|
|
2686
|
-
${(0,
|
|
2699
|
+
${(0,I.setVariable)($.fontSize,"14px")};
|
|
2687
2700
|
}
|
|
2688
2701
|
|
|
2689
2702
|
[part="content-locale-selector-label"] {
|
|
@@ -2691,18 +2704,18 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2691
2704
|
flex-shrink: 1;
|
|
2692
2705
|
flex-grow: 1;
|
|
2693
2706
|
word-break: break-word;
|
|
2694
|
-
${(0,
|
|
2695
|
-
${(0,
|
|
2707
|
+
${(0,I.setVariable)($.lineHeight,"22px")};
|
|
2708
|
+
${(0,I.setVariable)($.fontWeight,"bold")};
|
|
2696
2709
|
}
|
|
2697
2710
|
|
|
2698
|
-
`,
|
|
2711
|
+
`,vc=bi.css`
|
|
2699
2712
|
.ft-search-bar--presets {
|
|
2700
2713
|
min-width: 200px;
|
|
2701
2714
|
}
|
|
2702
2715
|
|
|
2703
2716
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2704
2717
|
margin-right: auto;
|
|
2705
|
-
${(0,
|
|
2718
|
+
${(0,I.setVariable)(V.optionsZIndex,"2")};
|
|
2706
2719
|
}
|
|
2707
2720
|
|
|
2708
2721
|
.ft-search-bar--desktop-menu {
|
|
@@ -2756,7 +2769,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2756
2769
|
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2757
2770
|
display: block;
|
|
2758
2771
|
height: ${A.desktopFiltersHeight};
|
|
2759
|
-
${(0,
|
|
2772
|
+
${(0,I.setVariable)(De.gap,"16px")};
|
|
2760
2773
|
}
|
|
2761
2774
|
|
|
2762
2775
|
.ft-search-bar--desktop-menu ft-filter {
|
|
@@ -2771,15 +2784,15 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2771
2784
|
}
|
|
2772
2785
|
|
|
2773
2786
|
.ft-search-bar--desktop-menu [data-filters-count="2"] ft-filter {
|
|
2774
|
-
max-width: calc(50% - ${
|
|
2787
|
+
max-width: calc(50% - ${De.gap} / 2);
|
|
2775
2788
|
}
|
|
2776
2789
|
|
|
2777
2790
|
.ft-search-bar--desktop-menu [data-filters-count="3"] ft-filter {
|
|
2778
|
-
max-width: max(250px, calc(33% - 2 * ${
|
|
2791
|
+
max-width: max(250px, calc(33% - 2 * ${De.gap} / 3));
|
|
2779
2792
|
}
|
|
2780
2793
|
|
|
2781
2794
|
.ft-search-bar--desktop-menu [data-filters-count="4"] ft-filter {
|
|
2782
|
-
max-width: max(250px, calc(25% - 3 * ${
|
|
2795
|
+
max-width: max(250px, calc(25% - 3 * ${De.gap} / 4));
|
|
2783
2796
|
}
|
|
2784
2797
|
|
|
2785
2798
|
.ft-search-bar--hierarchical-filter {
|
|
@@ -2856,17 +2869,17 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2856
2869
|
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2857
2870
|
margin: 0;
|
|
2858
2871
|
}
|
|
2859
|
-
`;var Oc=
|
|
2860
|
-
`}};
|
|
2872
|
+
`;var Oc=u(w());var xc=u(L()),Sc=u(w());var to=class extends Sc.FtLitElement{render(){return xc.html`
|
|
2873
|
+
`}};to.elementDefinitions={};to.styles=gc;(0,Oc.customElement)("ft-skeleton")(to);var Ao=u(L()),vi=u(uo());var dn=u(w());var kt=class{constructor(e,r=300){this.searchBar=e,this.updateDebouncer=new dn.Debouncer(r)}render(){let e=this.searchBar.recentSearches.filter(n=>n.toLowerCase().includes(this.searchBar.query.toLowerCase())),r=this.searchBar.suggestions.length>0||e.length>0;return Ao.html`
|
|
2861
2874
|
<div class="ft-search-bar--suggestions ft-word-wrap ${r?"ft-search-bar--suggestions-not-empty":""}"
|
|
2862
2875
|
part="suggestions-container"
|
|
2863
2876
|
@keydown=${n=>this.onSuggestKeyDown(n)}>
|
|
2864
|
-
${(0,
|
|
2877
|
+
${(0,vi.repeat)(e.slice(0,5),n=>n,n=>Ao.html`
|
|
2865
2878
|
<div part="suggestion-container">
|
|
2866
|
-
<a href="${this.
|
|
2879
|
+
<a href="${this.getRequestWithQuery(n)}"
|
|
2867
2880
|
part="suggestions"
|
|
2868
2881
|
class="ft-search-bar--suggestion ft-search-bar--recent-search"
|
|
2869
|
-
@keyup=${i=>this.onSuggestKeyUp(i
|
|
2882
|
+
@keyup=${i=>this.onSuggestKeyUp(i)}
|
|
2870
2883
|
@click=${i=>this.onSuggestClick(i,n)}>
|
|
2871
2884
|
<ft-ripple></ft-ripple>
|
|
2872
2885
|
<ft-icon variant="material" value="history" part="suggestion-icon"></ft-icon>
|
|
@@ -2882,12 +2895,12 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2882
2895
|
</ft-button>
|
|
2883
2896
|
</div>
|
|
2884
2897
|
`)}
|
|
2885
|
-
${(0,
|
|
2898
|
+
${(0,vi.repeat)(this.searchBar.suggestions,n=>n.value,n=>Ao.html`
|
|
2886
2899
|
<div part="suggestion-container">
|
|
2887
|
-
<a href="${this.
|
|
2900
|
+
<a href="${this.getRequestWithQuery(n.value)}"
|
|
2888
2901
|
part="suggestions"
|
|
2889
2902
|
class="ft-search-bar--suggestion"
|
|
2890
|
-
@keyup=${i=>this.onSuggestKeyUp(i
|
|
2903
|
+
@keyup=${i=>this.onSuggestKeyUp(i)}
|
|
2891
2904
|
@click=${i=>this.onSuggestClick(i,n.value)}>
|
|
2892
2905
|
<ft-ripple></ft-ripple>
|
|
2893
2906
|
${this.getIcon(n)}
|
|
@@ -2896,9 +2909,9 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2896
2909
|
</div>
|
|
2897
2910
|
`)}
|
|
2898
2911
|
</div>
|
|
2899
|
-
`}update(){return new Promise((e,r)=>{this.updateDebouncer.run(async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then(n=>n.suggestions).catch(()=>[]):[],e()})})}onSuggestKeyDown(e){var r,n;switch(e.key){case"ArrowUp":(r=this.previousSuggestionElement())===null||r===void 0||r.focus(),e.preventDefault(),e.stopPropagation();break;case"ArrowDown":(n=this.nextSuggestionElement())===null||n===void 0||n.focus(),e.preventDefault(),e.stopPropagation();break}}nextSuggestionElement(){var e,r;let n=(e=this.getFocusedSuggestionElement())===null||e===void 0?void 0:e.parentElement,i=(r=n?.nextElementSibling)===null||r===void 0?void 0:r.querySelector("[part=suggestions]");return i??this.getFirstSuggestionElement()}previousSuggestionElement(){var e,r;let n=(e=this.getFocusedSuggestionElement())===null||e===void 0?void 0:e.parentElement,i=(r=n?.previousElementSibling)===null||r===void 0?void 0:r.querySelector("[part=suggestions]");return i??this.getLastSuggestionElement()}onSuggestKeyUp(e
|
|
2912
|
+
`}getRequestWithQuery(e){return this.searchBar.searchRequestSerializer({...this.searchBar.request,paging:{page:1},query:e})}update(){return new Promise((e,r)=>{this.updateDebouncer.run(async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then(n=>n.suggestions).catch(()=>[]):[],e()})})}onSuggestKeyDown(e){var r,n;switch(e.key){case"ArrowUp":(r=this.previousSuggestionElement())===null||r===void 0||r.focus(),e.preventDefault(),e.stopPropagation();break;case"ArrowDown":(n=this.nextSuggestionElement())===null||n===void 0||n.focus(),e.preventDefault(),e.stopPropagation();break}}nextSuggestionElement(){var e,r;let n=(e=this.getFocusedSuggestionElement())===null||e===void 0?void 0:e.parentElement,i=(r=n?.nextElementSibling)===null||r===void 0?void 0:r.querySelector("[part=suggestions]");return i??this.getFirstSuggestionElement()}previousSuggestionElement(){var e,r;let n=(e=this.getFocusedSuggestionElement())===null||e===void 0?void 0:e.parentElement,i=(r=n?.previousElementSibling)===null||r===void 0?void 0:r.querySelector("[part=suggestions]");return i??this.getLastSuggestionElement()}onSuggestKeyUp(e){(e.key==="Enter"||e.key===" ")&&e.target.click()}onSuggestClick(e,r){this.searchBar.setQuery(r),this.searchBar.onLaunchSearch()}removeRecentSearch(e,r){var n,i,a,l;e.preventDefault(),e.stopPropagation();let c=e.target.closest("[part='suggestion-container']"),p=(l=(i=(n=c?.previousElementSibling)===null||n===void 0?void 0:n.querySelector("[part='suggestions']"))!==null&&i!==void 0?i:(a=c?.nextElementSibling)===null||a===void 0?void 0:a.querySelector("[part='suggestions']"))!==null&&l!==void 0?l:this.searchBar.input;p?.focus(),this.searchBar.recentSearches=this.searchBar.recentSearches.filter(f=>f.toLowerCase()!==r.toLowerCase()),this.searchBar.saveRecentSearches()}getIcon(e){let r=e.type==="DOCUMENT"?Pe.file_format:Pe.fluid_topics,n;switch(e.type){case"MAP":n=e.editorialType==="BOOK"?wt.BOOK:wt.ARTICLE;break;case"DOCUMENT":n=ds(e.mimeType,e.filenameExtension);break;case"TOPIC":n=wt.TOPICS;break}return Ao.html`
|
|
2900
2913
|
<ft-icon .variant="${r}" .value="${n}" part="suggestion-icon"></ft-icon>
|
|
2901
|
-
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let e=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return e.length>0?e[e.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var e;(e=this.getFirstSuggestionElement())===null||e===void 0||e.focus()}};kt.styles=[dn.wordWrap,
|
|
2914
|
+
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let e=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return e.length>0?e[e.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var e;(e=this.getFirstSuggestionElement())===null||e===void 0||e.focus()}};kt.styles=[dn.wordWrap,Ao.css`
|
|
2902
2915
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2903
2916
|
flex-grow: 1;
|
|
2904
2917
|
flex-shrink: 1;
|
|
@@ -2980,8 +2993,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2980
2993
|
flex-grow: 1;
|
|
2981
2994
|
flex-shrink: 1;
|
|
2982
2995
|
}
|
|
2983
|
-
`];var
|
|
2984
|
-
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||e)?
|
|
2996
|
+
`];var ke=u(L()),xi=u(uo());var pn=u(w());var Lt=class{constructor(e){this.searchBar=e}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return ke.html``;let e=this.searchBar.isMobile(),r=!e&&this.searchBar.dense||e&&this.searchBar.isMobileMenuOpen(),n=ke.html`
|
|
2997
|
+
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||e)?ke.html`
|
|
2985
2998
|
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2986
2999
|
?dense=${this.searchBar.dense&&!e}
|
|
2987
3000
|
?clickable=${e}
|
|
@@ -2991,47 +3004,47 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
2991
3004
|
${this.getLocaleLabel(this.searchBar.contentLocale)}
|
|
2992
3005
|
</ft-chip>
|
|
2993
3006
|
`:null}
|
|
2994
|
-
${(0,
|
|
3007
|
+
${(0,xi.repeat)(this.searchBar.facets,i=>i.key,i=>{let a=ml(i);return(0,xi.repeat)(a,l=>{let c=i.label+": "+ul(l),p=i.key.replace(":","-"),f=ke.html`
|
|
2995
3008
|
<ft-chip
|
|
2996
3009
|
part="selected-filters selected-filter-${p}"
|
|
2997
3010
|
?dense=${this.searchBar.dense&&!e}
|
|
2998
3011
|
?clickable=${e}
|
|
2999
3012
|
?removable=${!e}
|
|
3000
|
-
icon=${e?
|
|
3013
|
+
icon=${e?ke.nothing:"close"}
|
|
3001
3014
|
label="${c}"
|
|
3002
|
-
iconLabel=${e?
|
|
3003
|
-
title=${r?c:
|
|
3015
|
+
iconLabel=${e?ke.nothing:"Remove "+c}
|
|
3016
|
+
title=${r?c:ke.nothing}
|
|
3004
3017
|
@click=${()=>this.openMobileFilters(i.key)}
|
|
3005
3018
|
@icon-click=${()=>this.searchBar.setFilter(i.key,a.filter(y=>y!==l))}
|
|
3006
3019
|
data-key="${i.key}"
|
|
3007
3020
|
data-value="${l}">
|
|
3008
|
-
${
|
|
3021
|
+
${fl(l)}
|
|
3009
3022
|
</ft-chip>
|
|
3010
|
-
`;return r?f:
|
|
3023
|
+
`;return r?f:ke.html`
|
|
3011
3024
|
<ft-tooltip inline text="${c}">
|
|
3012
3025
|
${f}
|
|
3013
3026
|
</ft-tooltip>
|
|
3014
3027
|
`})})}
|
|
3015
|
-
${e?
|
|
3028
|
+
${e?ke.html`
|
|
3016
3029
|
<ft-chip part="selected-filters mobile-filters-opener"
|
|
3017
3030
|
icon="plus"
|
|
3018
3031
|
clickable
|
|
3019
3032
|
@click=${()=>{this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0}}>
|
|
3020
3033
|
${this.searchBar.labelResolver.resolve("filtersButton")}
|
|
3021
3034
|
</ft-chip>
|
|
3022
|
-
`:
|
|
3023
|
-
`;return r?
|
|
3035
|
+
`:ke.nothing}
|
|
3036
|
+
`;return r?ke.html`
|
|
3024
3037
|
<ft-snap-scroll horizontal controls hideScrollbar limitSize
|
|
3025
3038
|
class="ft-search-bar--selected-filters"
|
|
3026
3039
|
part="selected-filters-container"
|
|
3027
3040
|
exportpartsPrefix="selected-filters-container">
|
|
3028
3041
|
${n}
|
|
3029
3042
|
</ft-snap-scroll>
|
|
3030
|
-
`:
|
|
3043
|
+
`:ke.html`
|
|
3031
3044
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
3032
3045
|
${n}
|
|
3033
3046
|
</div>
|
|
3034
|
-
`}openMobileFilters(e){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=e)}getLocaleLabel(e){var r;return(r=this.searchBar.availableContentLocales.filter(n=>{var i;return((i=n.lang)!==null&&i!==void 0?i:"").toLowerCase()===(e??"").toLowerCase()}).map(n=>n.label).pop())!==null&&r!==void 0?r:e}};Lt.styles=
|
|
3047
|
+
`}openMobileFilters(e){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=e)}getLocaleLabel(e){var r;return(r=this.searchBar.availableContentLocales.filter(n=>{var i;return((i=n.lang)!==null&&i!==void 0?i:"").toLowerCase()===(e??"").toLowerCase()}).map(n=>n.label).pop())!==null&&r!==void 0?r:e}};Lt.styles=ke.css`
|
|
3035
3048
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
3036
3049
|
flex-shrink: 0;
|
|
3037
3050
|
display: flex;
|
|
@@ -3042,7 +3055,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3042
3055
|
|
|
3043
3056
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
3044
3057
|
overflow: hidden;
|
|
3045
|
-
${(0,pn.setVariable)(
|
|
3058
|
+
${(0,pn.setVariable)(De.gap,"4px")};
|
|
3046
3059
|
}
|
|
3047
3060
|
|
|
3048
3061
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -3050,8 +3063,8 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3050
3063
|
}
|
|
3051
3064
|
|
|
3052
3065
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
3053
|
-
${(0,pn.setVariable)(
|
|
3054
|
-
${(0,pn.setVariable)(
|
|
3066
|
+
${(0,pn.setVariable)(Fe.iconSize,"17px")};
|
|
3067
|
+
${(0,pn.setVariable)(Fe.fontSize,"12px")};
|
|
3055
3068
|
}
|
|
3056
3069
|
|
|
3057
3070
|
.ft-search-bar--selected-filters * {
|
|
@@ -3061,7 +3074,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3061
3074
|
.ft-search-bar--selected-filters ft-chip {
|
|
3062
3075
|
flex-grow: 0;
|
|
3063
3076
|
}
|
|
3064
|
-
`;var Nt=
|
|
3077
|
+
`;var Nt=u(L());var Cc=u(st()),Er=class{constructor(e,r,n){this.searchBar=e,this.selectedFacetsManager=r??new Lt(e),this.suggestManager=n??new kt(e)}render(){let e={"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 Nt.html`
|
|
3065
3078
|
<div class="${(0,Cc.classMap)(e)}" part="container" tabindex="-1">
|
|
3066
3079
|
<div class="ft-search-bar" role="search">
|
|
3067
3080
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
@@ -3082,9 +3095,10 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3082
3095
|
${this.searchBar.displayFacets?this.searchBar.renderMobileFacets():this.suggestManager.render()}
|
|
3083
3096
|
${this.searchBar.isMobileMenuOpen()||this.searchBar.displayFacets?Nt.html`
|
|
3084
3097
|
<ft-button class="ft-search-bar--launch-search"
|
|
3098
|
+
href="${this.searchBar.searchRequestSerializer(this.searchBar.request)}"
|
|
3085
3099
|
part="launch-search-in-panel"
|
|
3086
3100
|
icon="search"
|
|
3087
|
-
@click=${this.searchBar.
|
|
3101
|
+
@click=${()=>this.searchBar.onLaunchSearch()}>
|
|
3088
3102
|
${this.searchBar.labelResolver.resolve("searchButton")}
|
|
3089
3103
|
</ft-button>
|
|
3090
3104
|
`:Nt.nothing}
|
|
@@ -3103,17 +3117,18 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3103
3117
|
<div class="ft-search-bar--separator"></div>
|
|
3104
3118
|
`:Nt.nothing}
|
|
3105
3119
|
<ft-button class="ft-search-bar--launch-search"
|
|
3120
|
+
href="${this.searchBar.isMobileMenuOpen()?this.searchBar.searchRequestSerializer(this.searchBar.request):""}"
|
|
3106
3121
|
part="launch-search-in-bar"
|
|
3107
3122
|
icon="search"
|
|
3108
3123
|
round
|
|
3109
3124
|
label="${this.searchBar.labelResolver.resolve("searchButton")}"
|
|
3110
3125
|
tooltipPosition="left"
|
|
3111
|
-
@click=${()=>{var r;return this.searchBar.isMobileMenuOpen()?this.searchBar.
|
|
3126
|
+
@click=${()=>{var r;return this.searchBar.isMobileMenuOpen()?this.searchBar.onLaunchSearch():(r=this.searchBar.input)===null||r===void 0?void 0:r.focus()}}
|
|
3112
3127
|
></ft-button>
|
|
3113
3128
|
</div>
|
|
3114
|
-
`}onSearchBarKeyUp(e){e.key==="Enter"&&this.searchBar.
|
|
3129
|
+
`}onSearchBarKeyUp(e){var r;e.key==="Enter"&&((r=this.searchBar.launchSearchButton)===null||r===void 0||r.click())}onInput(e){let r=e.composedPath()[0];this.searchBar.query=r.value}};Er.styles=Nt.css`
|
|
3115
3130
|
|
|
3116
|
-
`;var He=
|
|
3131
|
+
`;var He=u(L()),wc=u(uo());var Ec=u(st()),$r=class{constructor(e,r,n){this.searchBar=e,this.selectedFacetsManager=r??new Lt(e),this.suggestManager=n??new kt(e)}render(){let e={"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,"ft-search-bar--react-to-focus":this.searchBar.reactToFocus};return He.html`
|
|
3117
3132
|
<div class="${(0,Ec.classMap)(e)}" part="container" tabindex="-1">
|
|
3118
3133
|
<div class="ft-search-bar" part="search-bar" role="search">
|
|
3119
3134
|
${this.renderSearchBarLeftAction()}
|
|
@@ -3176,19 +3191,20 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3176
3191
|
<div class="ft-search-bar--separator"></div>
|
|
3177
3192
|
`:null}
|
|
3178
3193
|
<ft-button class="ft-search-bar--launch-search"
|
|
3194
|
+
href="${this.searchBar.searchRequestSerializer(this.searchBar.request)}"
|
|
3179
3195
|
part="launch-search-in-bar"
|
|
3180
3196
|
icon="search"
|
|
3181
3197
|
round dense
|
|
3182
3198
|
label="${this.searchBar.labelResolver.resolve("searchButton")}"
|
|
3183
|
-
@click=${()=>this.searchBar.
|
|
3199
|
+
@click=${()=>this.searchBar.onLaunchSearch()}
|
|
3184
3200
|
></ft-button>
|
|
3185
3201
|
</div>
|
|
3186
|
-
`}onSearchBarKeyDown(e){var r;switch(e.key){case"Escape":this.searchBar.mobileMenuOpen=!1,(r=this.searchBar.input)===null||r===void 0||r.blur();break;case"ArrowDown":e.stopPropagation(),e.preventDefault(),this.suggestManager.focusFirstSuggestion();break}}onSearchBarKeyUp(e){e.key==="Enter"&&this.searchBar.
|
|
3202
|
+
`}onSearchBarKeyDown(e){var r;switch(e.key){case"Escape":this.searchBar.mobileMenuOpen=!1,(r=this.searchBar.input)===null||r===void 0||r.blur();break;case"ArrowDown":e.stopPropagation(),e.preventDefault(),this.suggestManager.focusFirstSuggestion();break}}onSearchBarKeyUp(e){var r;e.key==="Enter"&&((r=this.searchBar.launchSearchButton)===null||r===void 0||r.click())}onInput(e){let r=e.composedPath()[0];this.searchBar.query=r.value}};$r.styles=He.css`
|
|
3187
3203
|
|
|
3188
|
-
`;var Sd=
|
|
3189
|
-
`;var fn=
|
|
3204
|
+
`;var Sd=u(w());var Nc=u(L()),Ve=u(Y()),vt=u(w());var $c=u(L());var Rc=$c.css`
|
|
3205
|
+
`;var fn=u(w()),rp="ft-app-info",Si=class extends CustomEvent{constructor(e){super("authentication-change",{detail:e})}},np={session:(t,e)=>{(0,fn.deepEqual)(t.session,e.payload)||(t.session=e.payload,setTimeout(()=>P.dispatchEvent(new Si(e.payload)),0))}},P=fn.FtReduxStore.get({name:rp,reducers:np,initialState:{baseUrl:void 0,apiIntegrationIdentifier:void 0,uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],defaultLocales:void 0,searchInAllLanguagesAllowed:!1,metadataConfiguration:void 0,editorMode:!1,noCustom:!1,noCustomComponent:!1,session:void 0,openExternalDocumentInNewTab:!1,navigatorOnline:!0,forcedOffline:!1}});var ro=u(w());var Oi=u(w());var Po=class t{static get(e){let{baseUrl:r,apiIntegrationIdentifier:n}=P.getState(),i=e??n;if(r&&i&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(r,i,!0)}static await(e){return new Promise(r=>{let n=t.get(e);if(n)r(n);else{let i=P.subscribe(()=>{n=t.get(e),n&&(i(),r(n))})}})}};var oo=class{constructor(e=!0,r){var n;this.overrideApi=r;let i=this.constructor;i.commonCache=(n=i.commonCache)!==null&&n!==void 0?n:new Oi.CacheRegistry,this.cache=e?i.commonCache:new Oi.CacheRegistry}get api(){var e;return(e=this.overrideApi)!==null&&e!==void 0?e:Po.get()}get awaitApi(){return this.overrideApi?Promise.resolve(this.overrideApi):Po.await()}clearCache(){this.cache.clearAll()}};var kc,ip=Symbol("clearAfterUnitTest"),un=class extends oo{constructor(e){super(),this.messageContextProvider=e,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[kc]=()=>{this.defaultMessages={},this.cache=new ro.CacheRegistry,this.listeners={}},this.currentUiLocale=P.getState().uiLocale,P.subscribe(()=>this.clearWhenUiLocaleChanges())}clearWhenUiLocaleChanges(){let{uiLocale:e}=P.getState();this.currentUiLocale!==e&&(this.currentUiLocale=e,this.cache.clearAll(),this.notifyAll())}addContext(e){let r=e.name.toLowerCase();this.cache.setFinal(r,e),this.notify(r)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(e,r){var n;if(e=e.toLowerCase(),Object.keys(r).length>0){let i={...(n=this.defaultMessages[e])!==null&&n!==void 0?n:{},...r};(0,ro.deepEqual)(this.defaultMessages[e],i)||(this.defaultMessages[e]=i,await this.notify(e))}await this.fetchContext(e)}resolveContext(e){var r,n;return this.fetchContext(e),(n=(r=this.cache.getNow(e))===null||r===void 0?void 0:r.messages)!==null&&n!==void 0?n:{}}resolveRawMessage(e,r){let n=e.toLowerCase();return this.resolveContext(n)[r]}resolveMessage(e,r,...n){var i;let a=e.toLowerCase(),l=this.resolveContext(a);return new ro.ParametrizedLabelResolver((i=this.defaultMessages[a])!==null&&i!==void 0?i:{},l).resolve(r,...n)}async fetchContext(e){if(!this.cache.has(e))try{await this.cache.get(e,()=>this.messageContextProvider(this.currentUiLocale,e)),await this.notify(e)}catch(r){console.error(r)}}subscribe(e,r){var n;return e=e.toLowerCase(),this.listeners[e]=(n=this.listeners[e])!==null&&n!==void 0?n:new Set,this.listeners[e].add(r),()=>{var i;return(i=this.listeners[e])===null||i===void 0?void 0:i.delete(r)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map(e=>this.notify(e)))}async notify(e){this.listeners[e]!=null&&await Promise.all([...this.listeners[e].values()].map(r=>(0,ro.delay)(0).then(()=>r()).catch(()=>null)))}};kc=ip;window.FluidTopicsI18nService==null&&(window.FluidTopicsI18nService=new class extends un{constructor(){super(async(t,e)=>(await this.awaitApi).getFluidTopicsMessageContext(t,e))}});window.FluidTopicsCustomI18nService==null&&(window.FluidTopicsCustomI18nService=new class extends un{constructor(){super(async(t,e)=>(await this.awaitApi).getCustomMessageContext(t,e))}});var Lc=window.FluidTopicsI18nService,D0=window.FluidTopicsCustomI18nService;var Le=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},ue=class extends vt.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.editorMode=!1,this.noCustom=!1,this.openExternalDocumentInNewTab=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.navigatorOnline=!1,this.forcedOffline=!1,this.apiProvider=()=>Po.get(),this.messageContexts=[],this.cache=new vt.CacheRegistry,this.cleanSessionDebouncer=new vt.Debouncer}render(){return Nc.html`
|
|
3190
3206
|
<slot></slot>
|
|
3191
|
-
`}update(e){super.update(e),e.has("baseUrl")&&(z.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),e.has("apiIntegrationIdentifier")&&z.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),e.has("uiLocale")&&z.actions.uiLocale(this.uiLocale),e.has("metadataConfiguration")&&z.actions.metadataConfiguration(this.metadataConfiguration),e.has("noCustom")&&z.actions.noCustom(this.noCustom),e.has("editorMode")&&z.actions.editorMode(this.editorMode),e.has("noCustomComponent")&&z.actions.noCustomComponent(this.noCustomComponent),e.has("session")&&z.actions.session(this.session),e.has("availableUiLocales")&&z.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),e.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(r=>Lc.addContext(r)),e.has("openExternalDocumentInNewTab")&&z.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),e.has("navigatorOnline")&&z.actions.navigatorOnline(this.navigatorOnline),e.has("forcedOffline")&&z.actions.forcedOffline(this.forcedOffline),setTimeout(()=>this.updateIfNeeded())}async updateIfNeeded(){!this.withManualResources&&this.apiProvider()&&(this.session==null&&this.updateSession(),this.availableUiLocales==null&&this.updateUiLocales(),this.metadataConfiguration==null&&this.updateMetadataConfiguration())}async updateSession(){this.session=await this.cache.get("session",async()=>{let e=await this.apiProvider().getCurrentSession();return e.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.session=void 0},e.idleTimeoutInMillis),e})}async updateUiLocales(){this.availableUiLocales=await this.cache.get("availableUiLocales",()=>this.apiProvider().getAvailableUiLocales())}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration())}};ye.elementDefinitions={};ye.styles=Rc;Fe([(0,dt.property)()],ye.prototype,"baseUrl",void 0);Fe([(0,dt.property)()],ye.prototype,"apiIntegrationIdentifier",void 0);Fe([(0,dt.property)()],ye.prototype,"uiLocale",void 0);Fe([(0,xt.jsonProperty)(null)],ye.prototype,"availableUiLocales",void 0);Fe([(0,xt.jsonProperty)(null)],ye.prototype,"metadataConfiguration",void 0);Fe([(0,dt.property)({type:Boolean})],ye.prototype,"editorMode",void 0);Fe([(0,dt.property)({type:Boolean})],ye.prototype,"noCustom",void 0);Fe([(0,dt.property)({type:Boolean})],ye.prototype,"openExternalDocumentInNewTab",void 0);Fe([(0,dt.property)({converter:{fromAttribute(t){return t==="false"?!1:t==="true"||(t??!1)}}})],ye.prototype,"noCustomComponent",void 0);Fe([(0,dt.property)({type:Boolean})],ye.prototype,"withManualResources",void 0);Fe([(0,dt.property)({type:Boolean})],ye.prototype,"navigatorOnline",void 0);Fe([(0,dt.property)({type:Boolean})],ye.prototype,"forcedOffline",void 0);Fe([(0,dt.property)({type:Object})],ye.prototype,"apiProvider",void 0);Fe([(0,xt.jsonProperty)([])],ye.prototype,"messageContexts",void 0);Fe([(0,xt.jsonProperty)(void 0)],ye.prototype,"session",void 0);var Gp=h(Y());function ap(t,e){if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){if(t.constructor!==e.constructor)return!1;var r,n,i;if(Array.isArray(t)){if(r=t.length,r!=e.length)return!1;for(n=r;n--!==0;)if(!hn(t[n],e[n]))return!1;return!0}if(t instanceof Map&&e instanceof Map){if(t.size!==e.size)return!1;for(n of t.entries())if(!e.has(n[0]))return!1;for(n of t.entries())if(!hn(n[1],e.get(n[0])))return!1;return!0}if(t instanceof Set&&e instanceof Set){if(t.size!==e.size)return!1;for(n of t.entries())if(!e.has(n[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===e.source&&t.flags===e.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===e.valueOf();if(i=Object.keys(t),r=i.length,r!==Object.keys(e).length)return!1;for(n=r;n--!==0;)if(!Object.prototype.hasOwnProperty.call(e,i[n]))return!1;for(n=r;n--!==0;){var a=i[n];if(!hn(t[a],e[a]))return!1}return!0}return t!==t&&e!==e}function hn(t,e){try{return ap(t,e)}catch{return!1}}function Si(t,e){return!hn(t,e)}var lp=h(Y(),1);var yn=class{constructor(){this.queue=[]}add(e,r=!1){r&&(this.queue=this.queue.filter(n=>n.type!==e.type)),this.queue.push(e)}consume(e){let r=this.queue.find(n=>n.type===e);return r&&(this.queue=this.queue.filter(n=>n!==r)),r}};var Rr=h(Y(),1);var Ac=h(Y(),1);function Pc(t,e){let r=()=>JSON.parse(JSON.stringify(t));return(0,Ac.property)({type:Object,converter:{fromAttribute:n=>{if(n==null)return r();try{return JSON.parse(n)}catch{return r()}},toAttribute:n=>JSON.stringify(n)},hasChanged:Si,...e??{}})}var mn=class{constructor(e=0){this.timeout=e,this.callbacks=[]}run(e,r){return this.callbacks=[e],this.debounce(r)}queue(e,r){return this.callbacks.push(e),this.debounce(r)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(e){return this.promise==null&&(this.promise=new Promise((r,n)=>{this.resolvePromise=r,this.rejectPromise=n})),this.clearTimeout(),this._debounce=window.setTimeout(()=>this.runCallbacks(),e??this.timeout),this.promise}async runCallbacks(){var e,r;let n=[...this.callbacks];this.callbacks=[];let i=(e=this.rejectPromise)!==null&&e!==void 0?e:()=>null,a=(r=this.resolvePromise)!==null&&r!==void 0?r:()=>null;this.clearPromise();for(let l of n)try{await l()}catch(c){i(c);return}a(!0)}clearTimeout(){this._debounce!=null&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}};var Ic=h(L(),1);var gn=window,sp=gn.ShadowRoot&&(gn.ShadyCSS===void 0||gn.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,q0=Symbol();var Bc=(t,e)=>{sp?t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{let n=document.createElement("style"),i=gn.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=r.cssText,t.appendChild(n)})};var bn=class extends Ic.LitElement{createRenderRoot(){let e=this.constructor;e.elementDefinitions&&!e.registry&&(e.registry=new CustomElementRegistry,Object.entries(e.elementDefinitions).forEach(([i,a])=>e.registry.define(i,a)));let r={...e.shadowRootOptions,customElements:e.registry},n=this.renderOptions.creationScope=this.attachShadow(r);return Bc(n,e.elementStyles),n}};var xn=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},_c,Dc=Symbol("constructorPrototype"),Fc=Symbol("constructorName"),Tc=Symbol("exportpartsDebouncer"),zc=Symbol("dynamicDependenciesLoaded"),ro=class extends bn{constructor(){super(),this.useAdoptedStyleSheets=!0,this.adoptedCustomStyleSheet=new CSSStyleSheet,this[_c]=new mn(5),this[Fc]=this.constructor.name,this[Dc]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Fc]&&Object.setPrototypeOf(this,this[Dc])}connectedCallback(){super.connectedCallback();try{this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(this.adoptedCustomStyleSheet)&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,this.adoptedCustomStyleSheet]),this.useAdoptedStyleSheets=!0}catch(r){this.useAdoptedStyleSheets=!1,console.error("Cannot use adopted stylesheets",r)}let e=this.constructor;e[zc]||(e[zc]=!0,this.importDynamicDependencies())}importDynamicDependencies(){}updated(e){super.updated(e),this.updateComplete.then(()=>{this.contentAvailableCallback(e),this.applyCustomStylesheet(e),this.scheduleExportpartsUpdate()})}contentAvailableCallback(e){}applyCustomStylesheet(e){var r,n,i;if(((n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll(".ft-lit-element--custom-stylesheet"))!==null&&n!==void 0?n:[]).forEach(a=>a.remove()),this.useAdoptedStyleSheets){if(e.has("customStylesheet"))try{this.adoptedCustomStyleSheet.replaceSync((i=this.customStylesheet)!==null&&i!==void 0?i:"")}catch(a){console.error(a,this.customStylesheet),this.useAdoptedStyleSheets=!1}}else if(this.customStylesheet){let a=document.createElement("style");a.classList.add("ft-lit-element--custom-stylesheet"),a.innerHTML=this.customStylesheet,this.shadowRoot.append(a)}}scheduleExportpartsUpdate(){var e,r,n;(!((e=this.exportpartsPrefix)===null||e===void 0)&&e.trim()||(n=(r=this.exportpartsPrefixes)===null||r===void 0?void 0:r.length)!==null&&n!==void 0&&n)&&this[Tc].run(()=>{var i,a;!((i=this.exportpartsPrefix)===null||i===void 0)&&i.trim()?this.setExportpartsAttribute([this.exportpartsPrefix]):this.exportpartsPrefixes!=null&&((a=this.exportpartsPrefixes)===null||a===void 0?void 0:a.length)>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)})}setExportpartsAttribute(e){var r,n,i,a,l,c;let p=g=>g!=null&&g.trim().length>0,f=e.filter(p).map(g=>g.trim());if(f.length===0){this.removeAttribute("exportparts");return}let y=new Set;for(let g of(n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll("[part],[exportparts]"))!==null&&n!==void 0?n:[]){let x=(a=(i=g.getAttribute("part"))===null||i===void 0?void 0:i.split(" "))!==null&&a!==void 0?a:[],b=(c=(l=g.getAttribute("exportparts"))===null||l===void 0?void 0:l.split(",").map(S=>S.split(":")[1]))!==null&&c!==void 0?c:[];new Array(...x,...b).filter(p).map(S=>S.trim()).forEach(S=>y.add(S))}if(y.size===0){this.removeAttribute("exportparts");return}let m=[...y.values()].flatMap(g=>f.map(x=>`${g}:${x}--${g}`));this.setAttribute("exportparts",[...this.part,...m].join(", "))}};_c=Tc;xn([(0,Rr.property)()],ro.prototype,"exportpartsPrefix",void 0);xn([Pc([])],ro.prototype,"exportpartsPrefixes",void 0);xn([(0,Rr.property)()],ro.prototype,"customStylesheet",void 0);xn([(0,Rr.state)()],ro.prototype,"useAdoptedStyleSheets",void 0);function kr(t){var e;return(e=t?.isFtReduxStore)!==null&&e!==void 0?e:!1}var Mc,Wc,Uc,vn=Symbol("internalReduxEventsUnsubscribers"),no=Symbol("internalStoresUnsubscribers"),Po=Symbol("internalStores"),Lr=class extends ro{constructor(){super(...arguments),this[Mc]=new Map,this[Wc]=new Map,this[Uc]=[]}get reduxConstructor(){return this.constructor}update(e){super.update(e),[...this.reduxConstructor.reduxReactiveProperties].some(r=>e.has(r))&&this.updateFromStores()}getUnnamedStore(){if(this[Po].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[Po].values()][0]}getStore(e){return e==null?this.getUnnamedStore():this[Po].get(e)}addStore(e,r){var n;r=(n=r??(kr(e)?e.name:void 0))!==null&&n!==void 0?n:"default-store",this.unsubscribeFromStore(r),this.setupStore(r,e)}removeStore(e){let r=typeof e=="string"?e:e.name;this.unsubscribeFromStore(r),this[Po].delete(r)}setupStore(e,r){this[Po].set(e,r),this.subscribeToStore(e,r),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[Po].forEach((e,r)=>this.subscribeToStore(r,e)),this.updateFromStores()}updateFromStores(){this.reduxConstructor.reduxProperties.forEach((e,r)=>{let n=this.constructor.getPropertyOptions(r);if(!n?.attribute||!this.hasAttribute(typeof n?.attribute=="string"?n.attribute:r)){let i=this.getStore(e.store);i&&(e.store?this[no].has(e.store):this[no].size>0)&&(this[r]=e.selector(i.getState(),this))}})}subscribeToStore(e,r){var n;this[no].set(e,r.subscribe(()=>this.updateFromStores())),kr(r)&&r.eventBus&&((n=this.reduxConstructor.reduxEventListeners)===null||n===void 0||n.forEach((i,a)=>{if(typeof this[a]=="function"&&(!i.store||r.name===i.store)){let l=c=>this[a](c);r.eventBus.addEventListener(i.eventName,l),this[vn].push(()=>r.eventBus.removeEventListener(i.eventName,l))}})),this.onStoreAvailable(e)}unsubscribeFromStores(){this[no].forEach((e,r)=>this.unsubscribeFromStore(r)),this[vn].forEach(e=>e()),this[vn]=[]}unsubscribeFromStore(e){this[no].has(e)&&this[no].get(e)(),this[no].delete(e)}onStoreAvailable(e){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeFromStores()}};Mc=no,Wc=Po,Uc=vn;Lr.reduxProperties=new Map;Lr.reduxReactiveProperties=new Set;Lr.reduxEventListeners=new Map;function pt(t){for(var e=arguments.length,r=Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];if(0)var i,a;throw Error("[Immer] minified error nr: "+t+(r.length?" "+r.map(function(l){return"'"+l+"'"}).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function Vt(t){return!!t&&!!t[ce]}function vt(t){var e;return!!t&&(function(r){if(!r||typeof r!="object")return!1;var n=Object.getPrototypeOf(r);if(n===null)return!0;var i=Object.hasOwnProperty.call(n,"constructor")&&n.constructor;return i===Object||typeof i=="function"&&Function.toString.call(i)===mp}(t)||Array.isArray(t)||!!t[qc]||!!(!((e=t.constructor)===null||e===void 0)&&e[qc])||Ni(t)||Ai(t))}function Bo(t,e,r){r===void 0&&(r=!1),er(t)===0?(r?Object.keys:Qo)(t).forEach(function(n){r&&typeof n=="symbol"||e(n,t[n],t)}):t.forEach(function(n,i){return e(i,n,t)})}function er(t){var e=t[ce];return e?e.i>3?e.i-4:e.i:Array.isArray(t)?1:Ni(t)?2:Ai(t)?3:0}function Jo(t,e){return er(t)===2?t.has(e):Object.prototype.hasOwnProperty.call(t,e)}function cp(t,e){return er(t)===2?t.get(e):t[e]}function Yc(t,e,r){var n=er(t);n===2?t.set(e,r):n===3?t.add(r):t[e]=r}function Xc(t,e){return t===e?t!==0||1/t==1/e:t!=t&&e!=e}function Ni(t){return hp&&t instanceof Map}function Ai(t){return yp&&t instanceof Set}function io(t){return t.o||t.t}function Pi(t){if(Array.isArray(t))return Array.prototype.slice.call(t);var e=ed(t);delete e[ce];for(var r=Qo(e),n=0;n<r.length;n++){var i=r[n],a=e[i];a.writable===!1&&(a.writable=!0,a.configurable=!0),(a.get||a.set)&&(e[i]={configurable:!0,writable:!0,enumerable:a.enumerable,value:t[i]})}return Object.create(Object.getPrototypeOf(t),e)}function Bi(t,e){return e===void 0&&(e=!1),Ii(t)||Vt(t)||!vt(t)||(er(t)>1&&(t.set=t.add=t.clear=t.delete=dp),Object.freeze(t),e&&Bo(t,function(r,n){return Bi(n,!0)},!0)),t}function dp(){pt(2)}function Ii(t){return t==null||typeof t!="object"||Object.isFrozen(t)}function At(t){var e=Li[t];return e||pt(18,t),e}function pp(t,e){Li[t]||(Li[t]=e)}function $i(){return Ar}function Oi(t,e){e&&(At("Patches"),t.u=[],t.s=[],t.v=e)}function Sn(t){Ri(t),t.p.forEach(fp),t.p=null}function Ri(t){t===Ar&&(Ar=t.l)}function Hc(t){return Ar={p:[],l:Ar,h:t,m:!0,_:0}}function fp(t){var e=t[ce];e.i===0||e.i===1?e.j():e.g=!0}function Ci(t,e){e._=e.p.length;var r=e.p[0],n=t!==void 0&&t!==r;return e.h.O||At("ES5").S(e,t,n),n?(r[ce].P&&(Sn(e),pt(4)),vt(t)&&(t=On(e,t),e.l||Cn(e,t)),e.u&&At("Patches").M(r[ce].t,t,e.u,e.s)):t=On(e,r,[]),Sn(e),e.u&&e.v(e.u,e.s),t!==Qc?t:void 0}function On(t,e,r){if(Ii(e))return e;var n=e[ce];if(!n)return Bo(e,function(c,p){return Vc(t,n,e,c,p,r)},!0),e;if(n.A!==t)return e;if(!n.P)return Cn(t,n.t,!0),n.t;if(!n.I){n.I=!0,n.A._--;var i=n.i===4||n.i===5?n.o=Pi(n.k):n.o,a=i,l=!1;n.i===3&&(a=new Set(i),i.clear(),l=!0),Bo(a,function(c,p){return Vc(t,n,i,c,p,r,l)}),Cn(t,i,!1),r&&t.u&&At("Patches").N(n,r,t.u,t.s)}return n.o}function Vc(t,e,r,n,i,a,l){if(Vt(i)){var c=On(t,i,a&&e&&e.i!==3&&!Jo(e.R,n)?a.concat(n):void 0);if(Yc(r,n,c),!Vt(c))return;t.m=!1}else l&&r.add(i);if(vt(i)&&!Ii(i)){if(!t.h.D&&t._<1)return;On(t,i),e&&e.A.l||Cn(t,i)}}function Cn(t,e,r){r===void 0&&(r=!1),!t.l&&t.h.D&&t.m&&Bi(e,r)}function wi(t,e){var r=t[ce];return(r?io(r):t)[e]}function Gc(t,e){if(e in t)for(var r=Object.getPrototypeOf(t);r;){var n=Object.getOwnPropertyDescriptor(r,e);if(n)return n;r=Object.getPrototypeOf(r)}}function ao(t){t.P||(t.P=!0,t.l&&ao(t.l))}function Ei(t){t.o||(t.o=Pi(t.t))}function ki(t,e,r){var n=Ni(e)?At("MapSet").F(e,r):Ai(e)?At("MapSet").T(e,r):t.O?function(i,a){var l=Array.isArray(i),c={i:l?1:0,A:a?a.A:$i(),P:!1,I:!1,R:{},l:a,t:i,k:null,o:null,j:null,C:!1},p=c,f=Pr;l&&(p=[c],f=Nr);var y=Proxy.revocable(p,f),m=y.revoke,g=y.proxy;return c.k=g,c.j=m,g}(e,r):At("ES5").J(e,r);return(r?r.A:$i()).p.push(n),n}function up(t){return Vt(t)||pt(22,t),function e(r){if(!vt(r))return r;var n,i=r[ce],a=er(r);if(i){if(!i.P&&(i.i<4||!At("ES5").K(i)))return i.t;i.I=!0,n=jc(r,a),i.I=!1}else n=jc(r,a);return Bo(n,function(l,c){i&&cp(i.t,l)===c||Yc(n,l,e(c))}),a===3?new Set(n):n}(t)}function jc(t,e){switch(e){case 2:return new Map(t);case 3:return Array.from(t)}return Pi(t)}function Jc(){function t(l,c){var p=a[l];return p?p.enumerable=c:a[l]=p={configurable:!0,enumerable:c,get:function(){var f=this[ce];return Pr.get(f,l)},set:function(f){var y=this[ce];Pr.set(y,l,f)}},p}function e(l){for(var c=l.length-1;c>=0;c--){var p=l[c][ce];if(!p.P)switch(p.i){case 5:n(p)&&ao(p);break;case 4:r(p)&&ao(p)}}}function r(l){for(var c=l.t,p=l.k,f=Qo(p),y=f.length-1;y>=0;y--){var m=f[y];if(m!==ce){var g=c[m];if(g===void 0&&!Jo(c,m))return!0;var x=p[m],b=x&&x[ce];if(b?b.t!==g:!Xc(x,g))return!0}}var S=!!c[ce];return f.length!==Qo(c).length+(S?0:1)}function n(l){var c=l.k;if(c.length!==l.t.length)return!0;var p=Object.getOwnPropertyDescriptor(c,c.length-1);if(p&&!p.get)return!0;for(var f=0;f<c.length;f++)if(!c.hasOwnProperty(f))return!0;return!1}function i(l){l.g&&pt(3,JSON.stringify(io(l)))}var a={};pp("ES5",{J:function(l,c){var p=Array.isArray(l),f=function(m,g){if(m){for(var x=Array(g.length),b=0;b<g.length;b++)Object.defineProperty(x,""+b,t(b,!0));return x}var S=ed(g);delete S[ce];for(var N=Qo(S),R=0;R<N.length;R++){var k=N[R];S[k]=t(k,m||!!S[k].enumerable)}return Object.create(Object.getPrototypeOf(g),S)}(p,l),y={i:p?5:4,A:c?c.A:$i(),P:!1,I:!1,R:{},l:c,t:l,k:f,o:null,g:!1,C:!1};return Object.defineProperty(f,ce,{value:y,writable:!0}),f},S:function(l,c,p){p?Vt(c)&&c[ce].A===l&&e(l.p):(l.u&&function f(y){if(y&&typeof y=="object"){var m=y[ce];if(m){var g=m.t,x=m.k,b=m.R,S=m.i;if(S===4)Bo(x,function(G){G!==ce&&(g[G]!==void 0||Jo(g,G)?b[G]||f(x[G]):(b[G]=!0,ao(m)))}),Bo(g,function(G){x[G]!==void 0||Jo(x,G)||(b[G]=!1,ao(m))});else if(S===5){if(n(m)&&(ao(m),b.length=!0),x.length<g.length)for(var N=x.length;N<g.length;N++)b[N]=!1;else for(var R=g.length;R<x.length;R++)b[R]=!0;for(var k=Math.min(x.length,g.length),I=0;I<k;I++)x.hasOwnProperty(I)||(b[I]=!0),b[I]===void 0&&f(x[I])}}}}(l.p[0]),e(l.p))},K:function(l){return l.i===4?r(l):n(l)}})}var Kc,Ar,Di=typeof Symbol<"u"&&typeof Symbol("x")=="symbol",hp=typeof Map<"u",yp=typeof Set<"u",Zc=typeof Proxy<"u"&&Proxy.revocable!==void 0&&typeof Reflect<"u",Qc=Di?Symbol.for("immer-nothing"):((Kc={})["immer-nothing"]=!0,Kc),qc=Di?Symbol.for("immer-draftable"):"__$immer_draftable",ce=Di?Symbol.for("immer-state"):"__$immer_state";var mp=""+Object.prototype.constructor,Qo=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Object.getOwnPropertySymbols!==void 0?function(t){return Object.getOwnPropertyNames(t).concat(Object.getOwnPropertySymbols(t))}:Object.getOwnPropertyNames,ed=Object.getOwnPropertyDescriptors||function(t){var e={};return Qo(t).forEach(function(r){e[r]=Object.getOwnPropertyDescriptor(t,r)}),e},Li={},Pr={get:function(t,e){if(e===ce)return t;var r=io(t);if(!Jo(r,e))return function(i,a,l){var c,p=Gc(a,l);return p?"value"in p?p.value:(c=p.get)===null||c===void 0?void 0:c.call(i.k):void 0}(t,r,e);var n=r[e];return t.I||!vt(n)?n:n===wi(t.t,e)?(Ei(t),t.o[e]=ki(t.A.h,n,t)):n},has:function(t,e){return e in io(t)},ownKeys:function(t){return Reflect.ownKeys(io(t))},set:function(t,e,r){var n=Gc(io(t),e);if(n?.set)return n.set.call(t.k,r),!0;if(!t.P){var i=wi(io(t),e),a=i?.[ce];if(a&&a.t===r)return t.o[e]=r,t.R[e]=!1,!0;if(Xc(r,i)&&(r!==void 0||Jo(t.t,e)))return!0;Ei(t),ao(t)}return t.o[e]===r&&(r!==void 0||e in t.o)||Number.isNaN(r)&&Number.isNaN(t.o[e])||(t.o[e]=r,t.R[e]=!0),!0},deleteProperty:function(t,e){return wi(t.t,e)!==void 0||e in t.t?(t.R[e]=!1,Ei(t),ao(t)):delete t.R[e],t.o&&delete t.o[e],!0},getOwnPropertyDescriptor:function(t,e){var r=io(t),n=Reflect.getOwnPropertyDescriptor(r,e);return n&&{writable:!0,configurable:t.i!==1||e!=="length",enumerable:n.enumerable,value:r[e]}},defineProperty:function(){pt(11)},getPrototypeOf:function(t){return Object.getPrototypeOf(t.t)},setPrototypeOf:function(){pt(12)}},Nr={};Bo(Pr,function(t,e){Nr[t]=function(){return arguments[0]=arguments[0][0],e.apply(this,arguments)}}),Nr.deleteProperty=function(t,e){return Nr.set.call(this,t,e,void 0)},Nr.set=function(t,e,r){return Pr.set.call(this,t[0],e,r,t[0])};var gp=function(){function t(r){var n=this;this.O=Zc,this.D=!0,this.produce=function(i,a,l){if(typeof i=="function"&&typeof a!="function"){var c=a;a=i;var p=n;return function(S){var N=this;S===void 0&&(S=c);for(var R=arguments.length,k=Array(R>1?R-1:0),I=1;I<R;I++)k[I-1]=arguments[I];return p.produce(S,function(G){var Q;return(Q=a).call.apply(Q,[N,G].concat(k))})}}var f;if(typeof a!="function"&&pt(6),l!==void 0&&typeof l!="function"&&pt(7),vt(i)){var y=Hc(n),m=ki(n,i,void 0),g=!0;try{f=a(m),g=!1}finally{g?Sn(y):Ri(y)}return typeof Promise<"u"&&f instanceof Promise?f.then(function(S){return Oi(y,l),Ci(S,y)},function(S){throw Sn(y),S}):(Oi(y,l),Ci(f,y))}if(!i||typeof i!="object"){if((f=a(i))===void 0&&(f=i),f===Qc&&(f=void 0),n.D&&Bi(f,!0),l){var x=[],b=[];At("Patches").M(i,f,x,b),l(x,b)}return f}pt(21,i)},this.produceWithPatches=function(i,a){if(typeof i=="function")return function(f){for(var y=arguments.length,m=Array(y>1?y-1:0),g=1;g<y;g++)m[g-1]=arguments[g];return n.produceWithPatches(f,function(x){return i.apply(void 0,[x].concat(m))})};var l,c,p=n.produce(i,a,function(f,y){l=f,c=y});return typeof Promise<"u"&&p instanceof Promise?p.then(function(f){return[f,l,c]}):[p,l,c]},typeof r?.useProxies=="boolean"&&this.setUseProxies(r.useProxies),typeof r?.autoFreeze=="boolean"&&this.setAutoFreeze(r.autoFreeze)}var e=t.prototype;return e.createDraft=function(r){vt(r)||pt(8),Vt(r)&&(r=up(r));var n=Hc(this),i=ki(this,r,void 0);return i[ce].C=!0,Ri(n),i},e.finishDraft=function(r,n){var i=r&&r[ce],a=i.A;return Oi(a,n),Ci(void 0,a)},e.setAutoFreeze=function(r){this.D=r},e.setUseProxies=function(r){r&&!Zc&&pt(20),this.O=r},e.applyPatches=function(r,n){var i;for(i=n.length-1;i>=0;i--){var a=n[i];if(a.path.length===0&&a.op==="replace"){r=a.value;break}}i>-1&&(n=n.slice(i+1));var l=At("Patches").$;return Vt(r)?l(r,n):this.produce(r,function(c){return l(c,n)})},t}(),tt=new gp,bp=tt.produce,lS=tt.produceWithPatches.bind(tt),sS=tt.setAutoFreeze.bind(tt),cS=tt.setUseProxies.bind(tt),dS=tt.applyPatches.bind(tt),pS=tt.createDraft.bind(tt),fS=tt.finishDraft.bind(tt),wn=bp;function lo(t){"@babel/helpers - typeof";return lo=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},lo(t)}function Fi(t,e){if(lo(t)!=="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e||"default");if(lo(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function zi(t){var e=Fi(t,"string");return lo(e)==="symbol"?e:String(e)}function _i(t,e,r){return e=zi(e),e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function td(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function En(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?td(Object(r),!0).forEach(function(n){_i(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):td(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function ke(t){return"Minified Redux error #"+t+"; visit https://redux.js.org/Errors?code="+t+" for the full message or use the non-minified dev environment for full errors. "}var od=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),Ti=function(){return Math.random().toString(36).substring(7).split("").join(".")},$n={INIT:"@@redux/INIT"+Ti(),REPLACE:"@@redux/REPLACE"+Ti(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+Ti()}};function xp(t){if(typeof t!="object"||t===null)return!1;for(var e=t;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(t)===e}function Mi(t,e,r){var n;if(typeof e=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(ke(0));if(typeof e=="function"&&typeof r>"u"&&(r=e,e=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(ke(1));return r(Mi)(t,e)}if(typeof t!="function")throw new Error(ke(2));var i=t,a=e,l=[],c=l,p=!1;function f(){c===l&&(c=l.slice())}function y(){if(p)throw new Error(ke(3));return a}function m(S){if(typeof S!="function")throw new Error(ke(4));if(p)throw new Error(ke(5));var N=!0;return f(),c.push(S),function(){if(N){if(p)throw new Error(ke(6));N=!1,f();var k=c.indexOf(S);c.splice(k,1),l=null}}}function g(S){if(!xp(S))throw new Error(ke(7));if(typeof S.type>"u")throw new Error(ke(8));if(p)throw new Error(ke(9));try{p=!0,a=i(a,S)}finally{p=!1}for(var N=l=c,R=0;R<N.length;R++){var k=N[R];k()}return S}function x(S){if(typeof S!="function")throw new Error(ke(10));i=S,g({type:$n.REPLACE})}function b(){var S,N=m;return S={subscribe:function(k){if(typeof k!="object"||k===null)throw new Error(ke(11));function I(){k.next&&k.next(y())}I();var G=N(I);return{unsubscribe:G}}},S[od]=function(){return this},S}return g({type:$n.INIT}),n={dispatch:g,subscribe:m,getState:y,replaceReducer:x},n[od]=b,n}function vp(t){Object.keys(t).forEach(function(e){var r=t[e],n=r(void 0,{type:$n.INIT});if(typeof n>"u")throw new Error(ke(12));if(typeof r(void 0,{type:$n.PROBE_UNKNOWN_ACTION()})>"u")throw new Error(ke(13))})}function rd(t){for(var e=Object.keys(t),r={},n=0;n<e.length;n++){var i=e[n];typeof t[i]=="function"&&(r[i]=t[i])}var a=Object.keys(r),l,c;try{vp(r)}catch(p){c=p}return function(f,y){if(f===void 0&&(f={}),c)throw c;if(0)var m;for(var g=!1,x={},b=0;b<a.length;b++){var S=a[b],N=r[S],R=f[S],k=N(R,y);if(typeof k>"u"){var I=y&&y.type;throw new Error(ke(14))}x[S]=k,g=g||k!==R}return g=g||a.length!==Object.keys(f).length,g?x:f}}function tr(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return e.length===0?function(n){return n}:e.length===1?e[0]:e.reduce(function(n,i){return function(){return n(i.apply(void 0,arguments))}})}function nd(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return function(){var i=n.apply(void 0,arguments),a=function(){throw new Error(ke(15))},l={getState:i.getState,dispatch:function(){return a.apply(void 0,arguments)}},c=e.map(function(p){return p(l)});return a=tr.apply(void 0,c)(i.dispatch),En(En({},i),{},{dispatch:a})}}}function id(t){var e=function(n){var i=n.dispatch,a=n.getState;return function(l){return function(c){return typeof c=="function"?c(i,a,t):l(c)}}};return e}var ad=id();ad.withExtraArgument=id;var Wi=ad;var pd=function(){var t=function(e,r){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,i){n.__proto__=i}||function(n,i){for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(n[a]=i[a])},t(e,r)};return function(e,r){if(typeof r!="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(e,r);function n(){this.constructor=e}e.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}(),Sp=function(t,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol=="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(f){return function(y){return p([f,y])}}function p(f){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,i&&(a=f[0]&2?i.return:f[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;switch(i=0,a&&(f=[f[0]&2,a.value]),f[0]){case 0:case 1:a=f;break;case 4:return r.label++,{value:f[1],done:!1};case 5:r.label++,i=f[1],f=[0];continue;case 7:f=r.ops.pop(),r.trys.pop();continue;default:if(a=r.trys,!(a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){r=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){r.label=f[1];break}if(f[0]===6&&r.label<a[1]){r.label=a[1],a=f;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(f);break}a[2]&&r.ops.pop(),r.trys.pop();continue}f=e.call(t,r)}catch(y){f=[6,y],i=0}finally{n=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:!0}}},or=function(t,e){for(var r=0,n=e.length,i=t.length;r<n;r++,i++)t[i]=e[r];return t},Op=Object.defineProperty,Cp=Object.defineProperties,wp=Object.getOwnPropertyDescriptors,ld=Object.getOwnPropertySymbols,Ep=Object.prototype.hasOwnProperty,$p=Object.prototype.propertyIsEnumerable,sd=function(t,e,r){return e in t?Op(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r},so=function(t,e){for(var r in e||(e={}))Ep.call(e,r)&&sd(t,r,e[r]);if(ld)for(var n=0,i=ld(e);n<i.length;n++){var r=i[n];$p.call(e,r)&&sd(t,r,e[r])}return t},Ui=function(t,e){return Cp(t,wp(e))},Rp=function(t,e,r){return new Promise(function(n,i){var a=function(p){try{c(r.next(p))}catch(f){i(f)}},l=function(p){try{c(r.throw(p))}catch(f){i(f)}},c=function(p){return p.done?n(p.value):Promise.resolve(p.value).then(a,l)};c((r=r.apply(t,e)).next())})};var kp=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__:function(){if(arguments.length!==0)return typeof arguments[0]=="object"?tr:tr.apply(null,arguments)},NS=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION__?window.__REDUX_DEVTOOLS_EXTENSION__:function(){return function(t){return t}};function Lp(t){if(typeof t!="object"||t===null)return!1;var e=Object.getPrototypeOf(t);if(e===null)return!0;for(var r=e;Object.getPrototypeOf(r)!==null;)r=Object.getPrototypeOf(r);return e===r}var Np=function(t){pd(e,t);function e(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var i=t.apply(this,r)||this;return Object.setPrototypeOf(i,e.prototype),i}return Object.defineProperty(e,Symbol.species,{get:function(){return e},enumerable:!1,configurable:!0}),e.prototype.concat=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return t.prototype.concat.apply(this,r)},e.prototype.prepend=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return r.length===1&&Array.isArray(r[0])?new(e.bind.apply(e,or([void 0],r[0].concat(this)))):new(e.bind.apply(e,or([void 0],r.concat(this))))},e}(Array),Ap=function(t){pd(e,t);function e(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var i=t.apply(this,r)||this;return Object.setPrototypeOf(i,e.prototype),i}return Object.defineProperty(e,Symbol.species,{get:function(){return e},enumerable:!1,configurable:!0}),e.prototype.concat=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return t.prototype.concat.apply(this,r)},e.prototype.prepend=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return r.length===1&&Array.isArray(r[0])?new(e.bind.apply(e,or([void 0],r[0].concat(this)))):new(e.bind.apply(e,or([void 0],r.concat(this))))},e}(Array);function Gi(t){return vt(t)?wn(t,function(){}):t}function Pp(t){return typeof t=="boolean"}function Bp(){return function(e){return Ip(e)}}function Ip(t){t===void 0&&(t={});var e=t.thunk,r=e===void 0?!0:e,n=t.immutableCheck,i=n===void 0?!0:n,a=t.serializableCheck,l=a===void 0?!0:a,c=new Np;if(r&&(Pp(r)?c.push(Wi):c.push(Wi.withExtraArgument(r.extraArgument))),0){if(i)var p;if(l)var f}return c}var Hi=!0;function fd(t){var e=Bp(),r=t||{},n=r.reducer,i=n===void 0?void 0:n,a=r.middleware,l=a===void 0?e():a,c=r.devTools,p=c===void 0?!0:c,f=r.preloadedState,y=f===void 0?void 0:f,m=r.enhancers,g=m===void 0?void 0:m,x;if(typeof i=="function")x=i;else if(Lp(i))x=rd(i);else throw new Error('"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers');var b=l;if(typeof b=="function"&&(b=b(e),!Hi&&!Array.isArray(b)))throw new Error("when using a middleware builder function, an array of middleware must be returned");if(!Hi&&b.some(function(G){return typeof G!="function"}))throw new Error("each middleware provided to configureStore must be a function");var S=nd.apply(void 0,b),N=tr;p&&(N=kp(so({trace:!Hi},typeof p=="object"&&p)));var R=new Ap(S),k=R;Array.isArray(g)?k=or([S],g):typeof g=="function"&&(k=g(R));var I=N.apply(void 0,k);return Mi(x,y,I)}function co(t,e){function r(){for(var n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];if(e){var a=e.apply(void 0,n);if(!a)throw new Error("prepareAction did not return an object");return so(so({type:t,payload:a.payload},"meta"in a&&{meta:a.meta}),"error"in a&&{error:a.error})}return{type:t,payload:n[0]}}return r.toString=function(){return""+t},r.type=t,r.match=function(n){return n.type===t},r}function ud(t){var e={},r=[],n,i={addCase:function(a,l){var c=typeof a=="string"?a:a.type;if(c in e)throw new Error("addCase cannot be called with two reducers for the same action type");return e[c]=l,i},addMatcher:function(a,l){return r.push({matcher:a,reducer:l}),i},addDefaultCase:function(a){return n=a,i}};return t(i),[e,r,n]}function Dp(t){return typeof t=="function"}function Fp(t,e,r,n){r===void 0&&(r=[]);var i=typeof e=="function"?ud(e):[e,r,n],a=i[0],l=i[1],c=i[2],p;if(Dp(t))p=function(){return Gi(t())};else{var f=Gi(t);p=function(){return f}}function y(m,g){m===void 0&&(m=p());var x=or([a[g.type]],l.filter(function(b){var S=b.matcher;return S(g)}).map(function(b){var S=b.reducer;return S}));return x.filter(function(b){return!!b}).length===0&&(x=[c]),x.reduce(function(b,S){if(S)if(Vt(b)){var N=b,R=S(N,g);return R===void 0?b:R}else{if(vt(b))return wn(b,function(k){return S(k,g)});var R=S(b,g);if(R===void 0){if(b===null)return b;throw Error("A case reducer on a non-draftable value must not return undefined")}return R}return b},m)}return y.getInitialState=p,y}function zp(t,e){return t+"/"+e}function hd(t){var e=t.name;if(!e)throw new Error("`name` is a required option for createSlice");typeof process<"u";var r=typeof t.initialState=="function"?t.initialState:Gi(t.initialState),n=t.reducers||{},i=Object.keys(n),a={},l={},c={};i.forEach(function(y){var m=n[y],g=zp(e,y),x,b;"reducer"in m?(x=m.reducer,b=m.prepare):x=m,a[y]=x,l[g]=x,c[y]=b?co(g,b):co(g)});function p(){var y=typeof t.extraReducers=="function"?ud(t.extraReducers):[t.extraReducers],m=y[0],g=m===void 0?{}:m,x=y[1],b=x===void 0?[]:x,S=y[2],N=S===void 0?void 0:S,R=so(so({},g),l);return Fp(r,function(k){for(var I in R)k.addCase(I,R[I]);for(var G=0,Q=b;G<Q.length;G++){var ot=Q[G];k.addMatcher(ot.matcher,ot.reducer)}N&&k.addDefaultCase(N)})}var f;return{name:e,reducer:function(y,m){return f||(f=p()),f(y,m)},actions:c,caseReducers:a,getInitialState:function(){return f||(f=p()),f.getInitialState()}}}var _p="ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW",Tp=function(t){t===void 0&&(t=21);for(var e="",r=t;r--;)e+=_p[Math.random()*64|0];return e},Mp=["name","message","stack","code"],Vi=function(){function t(e,r){this.payload=e,this.meta=r}return t}(),cd=function(){function t(e,r){this.payload=e,this.meta=r}return t}(),Wp=function(t){if(typeof t=="object"&&t!==null){for(var e={},r=0,n=Mp;r<n.length;r++){var i=n[r];typeof t[i]=="string"&&(e[i]=t[i])}return e}return{message:String(t)}},IS=function(){function t(e,r,n){var i=co(e+"/fulfilled",function(y,m,g,x){return{payload:y,meta:Ui(so({},x||{}),{arg:g,requestId:m,requestStatus:"fulfilled"})}}),a=co(e+"/pending",function(y,m,g){return{payload:void 0,meta:Ui(so({},g||{}),{arg:m,requestId:y,requestStatus:"pending"})}}),l=co(e+"/rejected",function(y,m,g,x,b){return{payload:x,error:(n&&n.serializeError||Wp)(y||"Rejected"),meta:Ui(so({},b||{}),{arg:g,requestId:m,rejectedWithValue:!!x,requestStatus:"rejected",aborted:y?.name==="AbortError",condition:y?.name==="ConditionError"})}}),c=!1,p=typeof AbortController<"u"?AbortController:function(){function y(){this.signal={aborted:!1,addEventListener:function(){},dispatchEvent:function(){return!1},onabort:function(){},removeEventListener:function(){},reason:void 0,throwIfAborted:function(){}}}return y.prototype.abort=function(){},y}();function f(y){return function(m,g,x){var b=n?.idGenerator?n.idGenerator(y):Tp(),S=new p,N,R=!1;function k(G){N=G,S.abort()}var I=function(){return Rp(this,null,function(){var G,Q,ot,Gt,An,jt,Ve;return Sp(this,function(rt){switch(rt.label){case 0:return rt.trys.push([0,4,,5]),Gt=(G=n?.condition)==null?void 0:G.call(n,y,{getState:g,extra:x}),Hp(Gt)?[4,Gt]:[3,2];case 1:Gt=rt.sent(),rt.label=2;case 2:if(Gt===!1||S.signal.aborted)throw{name:"ConditionError",message:"Aborted due to condition callback returning false."};return R=!0,An=new Promise(function(Ge,po){return S.signal.addEventListener("abort",function(){return po({name:"AbortError",message:N||"Aborted"})})}),m(a(b,y,(Q=n?.getPendingMeta)==null?void 0:Q.call(n,{requestId:b,arg:y},{getState:g,extra:x}))),[4,Promise.race([An,Promise.resolve(r(y,{dispatch:m,getState:g,extra:x,requestId:b,signal:S.signal,abort:k,rejectWithValue:function(Ge,po){return new Vi(Ge,po)},fulfillWithValue:function(Ge,po){return new cd(Ge,po)}})).then(function(Ge){if(Ge instanceof Vi)throw Ge;return Ge instanceof cd?i(Ge.payload,b,y,Ge.meta):i(Ge,b,y)})])];case 3:return ot=rt.sent(),[3,5];case 4:return jt=rt.sent(),ot=jt instanceof Vi?l(null,b,y,jt.payload,jt.meta):l(jt,b,y),[3,5];case 5:return Ve=n&&!n.dispatchConditionRejection&&l.match(ot)&&ot.meta.condition,Ve||m(ot),[2,ot]}})})}();return Object.assign(I,{abort:k,requestId:b,arg:y,unwrap:function(){return I.then(Up)}})}}return Object.assign(f,{pending:a,rejected:l,fulfilled:i,typePrefix:e})}return t.withTypes=function(){return t},t}();function Up(t){if(t.meta&&t.meta.rejectedWithValue)throw t.payload;if(t.error)throw t.error;return t.payload}function Hp(t){return t!==null&&typeof t=="object"&&typeof t.then=="function"}var yd="listener",md="completed",gd="cancelled",DS="task-"+gd,FS="task-"+md,zS=yd+"-"+gd,_S=yd+"-"+md;var ji="listenerMiddleware";var TS=co(ji+"/add"),MS=co(ji+"/removeAll"),WS=co(ji+"/remove");var dd,US=typeof queueMicrotask=="function"?queueMicrotask.bind(typeof window<"u"?window:typeof global<"u"?global:globalThis):function(t){return(dd||(dd=Promise.resolve())).then(t).catch(function(e){return setTimeout(function(){throw e},0)})},Vp=function(t){return function(e){setTimeout(e,t)}},HS=typeof window<"u"&&window.requestAnimationFrame?window.requestAnimationFrame:Vp(10);Jc();window.ftReduxStores||(window.ftReduxStores={});var bd=class t{static get(e){var r;let n=typeof e=="string"?e:e.name,i=typeof e=="string"?void 0:e,a=window.ftReduxStores[n];if(kr(a))return a;if(i==null)return;let l=hd({...i,reducers:(r=i.reducers)!==null&&r!==void 0?r:{}}),c=fd({reducer:(p,f)=>f.type==="CLEAR_FT_REDUX_STORE"?l.getInitialState():typeof f.type=="string"&&f.type.startsWith("DEFAULT_VALUE_SETTER__")?{...p,...f.overwrites}:l.reducer(p,f)});return window.ftReduxStores[i.name]=new t(l,c)}constructor(e,r){this.reduxSlice=e,this.reduxStore=r,this.isFtReduxStore=!0,this.eventBus=document.createElement("event-bus"),this.commands=new yn,this.actions=new Proxy(this.reduxSlice.actions,{get:(n,i,a)=>{let l=i,c=n[l];return c?(...p)=>{let f=c(...p);return this.reduxStore.dispatch(f),f}:p=>{this.setState({[l]:p})}}})}clear(){this.reduxStore.dispatch({type:"CLEAR_FT_REDUX_STORE"})}setState(e){this.reduxStore.dispatch({type:"DEFAULT_VALUE_SETTER__"+Object.keys(e).join("_"),overwrites:e})}get dispatch(){throw new Error("Don't use this method, actions are automatically dispatched when called.")}[Symbol.observable](){return this.reduxStore[Symbol.observable]()}getState(){return this.reduxStore.getState()}replaceReducer(e){throw new Error("Not implemented yet.")}subscribe(e){return this.reduxStore.subscribe(e)}get name(){return this.reduxSlice.name}get reducer(){return this.reduxSlice.reducer}get caseReducers(){return this.reduxSlice.caseReducers}getInitialState(){return this.reduxSlice.getInitialState()}};var Nn=h(w());var Rn=class extends to{async listMySearches(){let e=z.getState().session;return e?.sessionAuthenticated?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(e.profile.userId),5*60*1e3):[]}};var kn=class extends to{async listMyBookmarks(){let e=z.getState().session;return e?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(e.profile.userId),5*60*1e3):[]}};var jp="ft-user-assets",Ln=Nn.FtReduxStore.get({name:jp,initialState:{savedSearches:void 0,bookmarks:void 0}}),Ki=class{constructor(){this.currentSession=z.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new kn,this.savedSearchesService=new Rn,z.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var e;let{session:r}=z.getState();(0,Nn.deepEqual)((e=this.currentSession)===null||e===void 0?void 0:e.profile,r?.profile)||(this.currentSession=r,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),Ln.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),Ln.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let e=await this.savedSearchesService.listMySearches();Ln.actions.savedSearches(e)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var e;if(this.bookmarksAreUsed){let r=!((e=this.currentSession)===null||e===void 0)&&e.sessionAuthenticated?await this.bookmarksService.listMyBookmarks():void 0;Ln.actions.bookmarks(r)}}},bO=new Ki;var Zi=class{addCommand(e,r=!1){z.commands.add(e,r)}consumeCommand(e){return z.commands.consume(e)}};window.FluidTopicsAppInfoStoreService=new Zi;var xd=h(w()),qi=class{highlightHtml(e,r,n){(0,xd.highlightHtml)(e,r,n)}};window.FluidTopicsHighlightHtmlService=new qi;var vd=h(w());var Yi=class{isDate(e){var r,n,i,a;return(a=(i=((n=(r=z.getState().metadataConfiguration)===null||r===void 0?void 0:r.descriptors)!==null&&n!==void 0?n:[]).find(c=>c.key===e))===null||i===void 0?void 0:i.date)!==null&&a!==void 0?a:!1}format(e,r){var n,i,a;return vd.DateFormatter.format(e,(n=r?.locale)!==null&&n!==void 0?n:z.getState().uiLocale,(i=r?.longFormat)!==null&&i!==void 0?i:!1,(a=r?.withTime)!==null&&a!==void 0?a:!1)}};window.FluidTopicsDateService=new Yi;(0,Sd.customElement)("ft-app-context")(ye);var V=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a};window.fluidtopics==null&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");var Od={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 {0}",back:"Back",selectLocale:"Select a language"},Xi=class extends CustomEvent{constructor(e){super("launch-search",{detail:e,bubbles:!0,composed:!0})}},Ji=class extends CustomEvent{constructor(e){super("change",{detail:e})}},Kp=()=>{},B=class extends re.FtLitElement{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 re.ParametrizedLabelResolver(Od,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=e=>new re.SearchPlaceConverter(this.baseUrl,{}).serialize(e),this.focusOnDisplay=!1,this.metadataFilters=[],this.sizeCategory=nt.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.reactToFocus=!0,this.suggestManager=new kt(this),this.selectedFacetsManager=new Lt(this),this.desktopSearchBarManager=new $r(this),this.mobileSearchBarManager=new Er(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new re.Debouncer(10),this.updateLocalesDebouncer=new re.Debouncer(10),this.initSearchData=()=>{this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run(()=>{var e;(e=this.api)===null||e===void 0||e.getAvailableSearchLocales().then(r=>r.contentLocales).catch(()=>[]).then(r=>{this.availableContentLocales=r,this.availableContentLocalesInitialized=!0})}),this.updateFacetsDebouncer.run(()=>{this.retrieveFacetsFromSearch().then(()=>{this.facetsLoaded=!0,this.facetsInitialized=!0})},this.facetsInitialized?500:10)},this.facetsLoaded=!1,this.updateFacetsDebouncer=new re.Debouncer(500),this.closeFloatingContainer=e=>{this.isMobile()||(this.displayFacets=this.displayFacets&&e.composedPath().some(r=>r===this.floatingContainer))},this.compareUnknownFilters=(e,r)=>e.valueFilter&&r.valueFilter?this.compareValueFilters(e.valueFilter,r.valueFilter):e.dateFilter&&r.dateFilter?this.compareDateFilters(e.dateFilter,r.dateFilter):e.rangeFilter&&r.rangeFilter?this.compareRangeFilters(e.rangeFilter,r.rangeFilter):!1,this.compareValueFilters=(e,r)=>e.negative==r.negative&&e.values.length===r.values.length&&e.values.every(n=>r.values.includes(n)),this.compareDateFilters=(e,r)=>e.type===r.type,this.compareRangeFilters=(e,r)=>e.from===r.from&&e.to===r.to,this.compareFilters=(e,r)=>e.key===r.key&&this.compareUnknownFilters(e,r),this.compareRequests=(e,r)=>(e.contentLocale==null||r.contentLocale==null||e.contentLocale===r.contentLocale)&&e.metadataFilters.length===r.metadataFilters.length&&e.metadataFilters.every(n=>r.metadataFilters.some(i=>this.compareFilters(n,i))),this.enableFocusReactionCallback=()=>this.enableFocusReaction()}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,metadataFilters:this.metadataFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){let e=this.metadataFilters.filter(r=>{var n,i;return((i=(n=r.valueFilter)===null||n===void 0?void 0:n.values.length)!==null&&i!==void 0?i:0)>0&&!this.displayedFilters.includes(r.key)}).map(r=>({id:r.key}));return[...this.displayedFilters.map(r=>({id:r})),...e]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,metadataFilters:this.metadataFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===nt.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return this.presets!=null&&this.presets.length>0}get hasPriors(){return this.priors!=null&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var e;(e=this.container)===null||e===void 0||e.focus()}async focusInput(e=!1){this.reactToFocus=e,await(0,re.waitFor)(()=>this.input,50),this.input.focus(),e||this.enableFocusReactionOnAnyUserInteraction()}clear(){this.query="",this.metadataFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return Z.html`
|
|
3207
|
+
`}update(e){var r,n,i,a,l;super.update(e),e.has("baseUrl")&&(P.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),e.has("apiIntegrationIdentifier")&&P.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),e.has("uiLocale")&&P.actions.uiLocale(this.uiLocale),e.has("metadataConfiguration")&&P.actions.metadataConfiguration(this.metadataConfiguration),e.has("noCustom")&&P.actions.noCustom(this.noCustom),e.has("editorMode")&&P.actions.editorMode(this.editorMode),e.has("noCustomComponent")&&P.actions.noCustomComponent(this.noCustomComponent),e.has("session")&&P.actions.session(this.session),e.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(c=>Lc.addContext(c)),e.has("openExternalDocumentInNewTab")&&P.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),e.has("navigatorOnline")&&P.actions.navigatorOnline(this.navigatorOnline),e.has("forcedOffline")&&P.actions.forcedOffline(this.forcedOffline),e.has("localesConfiguration")&&(P.actions.defaultLocales((r=this.localesConfiguration)===null||r===void 0?void 0:r.defaultLocales),P.actions.availableUiLocales((i=(n=this.localesConfiguration)===null||n===void 0?void 0:n.availableUiLocales)!==null&&i!==void 0?i:[]),P.actions.searchInAllLanguagesAllowed((l=(a=this.localesConfiguration)===null||a===void 0?void 0:a.allLanguagesAllowed)!==null&&l!==void 0?l:!1)),setTimeout(()=>this.updateIfNeeded())}async updateIfNeeded(){this.apiProvider()&&(this.withManualResources||(this.session==null&&this.updateSession(),this.metadataConfiguration==null&&this.updateMetadataConfiguration()),this.localesConfiguration==null&&this.updateLocalesConfiguration())}async updateSession(){this.session=await this.cache.get("session",async()=>{let e=await this.apiProvider().getCurrentSession();return e.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.session=void 0},e.idleTimeoutInMillis),e})}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration())}async updateLocalesConfiguration(){this.localesConfiguration=await this.cache.get("localesConfiguration",()=>this.apiProvider().getLocalesConfiguration())}};ue.elementDefinitions={};ue.styles=Rc;Le([(0,Ve.property)()],ue.prototype,"baseUrl",void 0);Le([(0,Ve.property)()],ue.prototype,"apiIntegrationIdentifier",void 0);Le([(0,Ve.property)()],ue.prototype,"uiLocale",void 0);Le([(0,vt.jsonProperty)(null)],ue.prototype,"availableUiLocales",void 0);Le([(0,vt.jsonProperty)(null)],ue.prototype,"metadataConfiguration",void 0);Le([(0,Ve.property)({type:Boolean})],ue.prototype,"editorMode",void 0);Le([(0,Ve.property)({type:Boolean})],ue.prototype,"noCustom",void 0);Le([(0,Ve.property)({type:Boolean})],ue.prototype,"openExternalDocumentInNewTab",void 0);Le([(0,Ve.property)({converter:{fromAttribute(t){return t==="false"?!1:t==="true"||(t??!1)}}})],ue.prototype,"noCustomComponent",void 0);Le([(0,Ve.property)({type:Boolean})],ue.prototype,"withManualResources",void 0);Le([(0,Ve.property)({type:Boolean})],ue.prototype,"navigatorOnline",void 0);Le([(0,Ve.property)({type:Boolean})],ue.prototype,"forcedOffline",void 0);Le([(0,Ve.property)({type:Object})],ue.prototype,"apiProvider",void 0);Le([(0,vt.jsonProperty)([])],ue.prototype,"messageContexts",void 0);Le([(0,vt.jsonProperty)(void 0)],ue.prototype,"session",void 0);Le([(0,Ve.state)()],ue.prototype,"localesConfiguration",void 0);var jp=u(Y());function ap(t,e){if(t===e)return!0;if(t&&e&&typeof t=="object"&&typeof e=="object"){if(t.constructor!==e.constructor)return!1;var r,n,i;if(Array.isArray(t)){if(r=t.length,r!=e.length)return!1;for(n=r;n--!==0;)if(!hn(t[n],e[n]))return!1;return!0}if(t instanceof Map&&e instanceof Map){if(t.size!==e.size)return!1;for(n of t.entries())if(!e.has(n[0]))return!1;for(n of t.entries())if(!hn(n[1],e.get(n[0])))return!1;return!0}if(t instanceof Set&&e instanceof Set){if(t.size!==e.size)return!1;for(n of t.entries())if(!e.has(n[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===e.source&&t.flags===e.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===e.valueOf();if(i=Object.keys(t),r=i.length,r!==Object.keys(e).length)return!1;for(n=r;n--!==0;)if(!Object.prototype.hasOwnProperty.call(e,i[n]))return!1;for(n=r;n--!==0;){var a=i[n];if(!hn(t[a],e[a]))return!1}return!0}return t!==t&&e!==e}function hn(t,e){try{return ap(t,e)}catch{return!1}}function Ci(t,e){return!hn(t,e)}var lp=u(Y(),1);var yn=class{constructor(){this.queue=[]}add(e,r=!1){r&&(this.queue=this.queue.filter(n=>n.type!==e.type)),this.queue.push(e)}consume(e){let r=this.queue.find(n=>n.type===e);return r&&(this.queue=this.queue.filter(n=>n!==r)),r}};var Rr=u(Y(),1);var Ac=u(Y(),1);function Pc(t,e){let r=()=>JSON.parse(JSON.stringify(t));return(0,Ac.property)({type:Object,converter:{fromAttribute:n=>{if(n==null)return r();try{return JSON.parse(n)}catch{return r()}},toAttribute:n=>JSON.stringify(n)},hasChanged:Ci,...e??{}})}var mn=class{constructor(e=0){this.timeout=e,this.callbacks=[]}run(e,r){return this.callbacks=[e],this.debounce(r)}queue(e,r){return this.callbacks.push(e),this.debounce(r)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(e){return this.promise==null&&(this.promise=new Promise((r,n)=>{this.resolvePromise=r,this.rejectPromise=n})),this.clearTimeout(),this._debounce=window.setTimeout(()=>this.runCallbacks(),e??this.timeout),this.promise}async runCallbacks(){var e,r;let n=[...this.callbacks];this.callbacks=[];let i=(e=this.rejectPromise)!==null&&e!==void 0?e:()=>null,a=(r=this.resolvePromise)!==null&&r!==void 0?r:()=>null;this.clearPromise();for(let l of n)try{await l()}catch(c){i(c);return}a(!0)}clearTimeout(){this._debounce!=null&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}};var Ic=u(L(),1);var gn=window,sp=gn.ShadowRoot&&(gn.ShadyCSS===void 0||gn.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,X0=Symbol();var Bc=(t,e)=>{sp?t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{let n=document.createElement("style"),i=gn.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=r.cssText,t.appendChild(n)})};var bn=class extends Ic.LitElement{createRenderRoot(){let e=this.constructor;e.elementDefinitions&&!e.registry&&(e.registry=new CustomElementRegistry,Object.entries(e.elementDefinitions).forEach(([i,a])=>e.registry.define(i,a)));let r={...e.shadowRootOptions,customElements:e.registry},n=this.renderOptions.creationScope=this.attachShadow(r);return Bc(n,e.elementStyles),n}};var vn=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},zc,Dc=Symbol("constructorPrototype"),Fc=Symbol("constructorName"),Tc=Symbol("exportpartsDebouncer"),_c=Symbol("dynamicDependenciesLoaded"),no=class extends bn{constructor(){super(),this.useAdoptedStyleSheets=!0,this.adoptedCustomStyleSheet=new CSSStyleSheet,this[zc]=new mn(5),this[Fc]=this.constructor.name,this[Dc]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Fc]&&Object.setPrototypeOf(this,this[Dc])}connectedCallback(){super.connectedCallback();try{this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(this.adoptedCustomStyleSheet)&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,this.adoptedCustomStyleSheet]),this.useAdoptedStyleSheets=!0}catch(r){this.useAdoptedStyleSheets=!1,console.error("Cannot use adopted stylesheets",r)}let e=this.constructor;e[_c]||(e[_c]=!0,this.importDynamicDependencies())}importDynamicDependencies(){}updated(e){super.updated(e),this.updateComplete.then(()=>{this.contentAvailableCallback(e),this.applyCustomStylesheet(e),this.scheduleExportpartsUpdate()})}contentAvailableCallback(e){}applyCustomStylesheet(e){var r,n,i;if(((n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll(".ft-lit-element--custom-stylesheet"))!==null&&n!==void 0?n:[]).forEach(a=>a.remove()),this.useAdoptedStyleSheets){if(e.has("customStylesheet"))try{this.adoptedCustomStyleSheet.replaceSync((i=this.customStylesheet)!==null&&i!==void 0?i:"")}catch(a){console.error(a,this.customStylesheet),this.useAdoptedStyleSheets=!1}}else if(this.customStylesheet){let a=document.createElement("style");a.classList.add("ft-lit-element--custom-stylesheet"),a.innerHTML=this.customStylesheet,this.shadowRoot.append(a)}}scheduleExportpartsUpdate(){var e,r,n;(!((e=this.exportpartsPrefix)===null||e===void 0)&&e.trim()||(n=(r=this.exportpartsPrefixes)===null||r===void 0?void 0:r.length)!==null&&n!==void 0&&n)&&this[Tc].run(()=>{var i,a;!((i=this.exportpartsPrefix)===null||i===void 0)&&i.trim()?this.setExportpartsAttribute([this.exportpartsPrefix]):this.exportpartsPrefixes!=null&&((a=this.exportpartsPrefixes)===null||a===void 0?void 0:a.length)>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)})}setExportpartsAttribute(e){var r,n,i,a,l,c;let p=g=>g!=null&&g.trim().length>0,f=e.filter(p).map(g=>g.trim());if(f.length===0){this.removeAttribute("exportparts");return}let y=new Set;for(let g of(n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll("[part],[exportparts]"))!==null&&n!==void 0?n:[]){let v=(a=(i=g.getAttribute("part"))===null||i===void 0?void 0:i.split(" "))!==null&&a!==void 0?a:[],b=(c=(l=g.getAttribute("exportparts"))===null||l===void 0?void 0:l.split(",").map(S=>S.split(":")[1]))!==null&&c!==void 0?c:[];new Array(...v,...b).filter(p).map(S=>S.trim()).forEach(S=>y.add(S))}if(y.size===0){this.removeAttribute("exportparts");return}let m=[...y.values()].flatMap(g=>f.map(v=>`${g}:${v}--${g}`));this.setAttribute("exportparts",[...this.part,...m].join(", "))}};zc=Tc;vn([(0,Rr.property)()],no.prototype,"exportpartsPrefix",void 0);vn([Pc([])],no.prototype,"exportpartsPrefixes",void 0);vn([(0,Rr.property)()],no.prototype,"customStylesheet",void 0);vn([(0,Rr.state)()],no.prototype,"useAdoptedStyleSheets",void 0);function kr(t){var e;return(e=t?.isFtReduxStore)!==null&&e!==void 0?e:!1}var Mc,Wc,Uc,xn=Symbol("internalReduxEventsUnsubscribers"),io=Symbol("internalStoresUnsubscribers"),Bo=Symbol("internalStores"),Lr=class extends no{constructor(){super(...arguments),this[Mc]=new Map,this[Wc]=new Map,this[Uc]=[]}get reduxConstructor(){return this.constructor}update(e){super.update(e),[...this.reduxConstructor.reduxReactiveProperties].some(r=>e.has(r))&&this.updateFromStores()}getUnnamedStore(){if(this[Bo].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[Bo].values()][0]}getStore(e){return e==null?this.getUnnamedStore():this[Bo].get(e)}addStore(e,r){var n;r=(n=r??(kr(e)?e.name:void 0))!==null&&n!==void 0?n:"default-store",this.unsubscribeFromStore(r),this.setupStore(r,e)}removeStore(e){let r=typeof e=="string"?e:e.name;this.unsubscribeFromStore(r),this[Bo].delete(r)}setupStore(e,r){this[Bo].set(e,r),this.subscribeToStore(e,r),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[Bo].forEach((e,r)=>this.subscribeToStore(r,e)),this.updateFromStores()}updateFromStores(){this.reduxConstructor.reduxProperties.forEach((e,r)=>{let n=this.constructor.getPropertyOptions(r);if(!n?.attribute||!this.hasAttribute(typeof n?.attribute=="string"?n.attribute:r)){let i=this.getStore(e.store);i&&(e.store?this[io].has(e.store):this[io].size>0)&&(this[r]=e.selector(i.getState(),this))}})}subscribeToStore(e,r){var n;this[io].set(e,r.subscribe(()=>this.updateFromStores())),kr(r)&&r.eventBus&&((n=this.reduxConstructor.reduxEventListeners)===null||n===void 0||n.forEach((i,a)=>{if(typeof this[a]=="function"&&(!i.store||r.name===i.store)){let l=c=>this[a](c);r.addEventListener(i.eventName,l),this[xn].push(()=>r.removeEventListener(i.eventName,l))}})),this.onStoreAvailable(e)}unsubscribeFromStores(){this[io].forEach((e,r)=>this.unsubscribeFromStore(r)),this[xn].forEach(e=>e()),this[xn]=[]}unsubscribeFromStore(e){this[io].has(e)&&this[io].get(e)(),this[io].delete(e)}onStoreAvailable(e){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeFromStores()}};Mc=io,Wc=Bo,Uc=xn;Lr.reduxProperties=new Map;Lr.reduxReactiveProperties=new Set;Lr.reduxEventListeners=new Map;function pt(t){for(var e=arguments.length,r=Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];if(0)var i,a;throw Error("[Immer] minified error nr: "+t+(r.length?" "+r.map(function(l){return"'"+l+"'"}).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function Vt(t){return!!t&&!!t[ce]}function xt(t){var e;return!!t&&(function(r){if(!r||typeof r!="object")return!1;var n=Object.getPrototypeOf(r);if(n===null)return!0;var i=Object.hasOwnProperty.call(n,"constructor")&&n.constructor;return i===Object||typeof i=="function"&&Function.toString.call(i)===mp}(t)||Array.isArray(t)||!!t[qc]||!!(!((e=t.constructor)===null||e===void 0)&&e[qc])||Pi(t)||Bi(t))}function Io(t,e,r){r===void 0&&(r=!1),er(t)===0?(r?Object.keys:Jo)(t).forEach(function(n){r&&typeof n=="symbol"||e(n,t[n],t)}):t.forEach(function(n,i){return e(i,n,t)})}function er(t){var e=t[ce];return e?e.i>3?e.i-4:e.i:Array.isArray(t)?1:Pi(t)?2:Bi(t)?3:0}function Qo(t,e){return er(t)===2?t.has(e):Object.prototype.hasOwnProperty.call(t,e)}function cp(t,e){return er(t)===2?t.get(e):t[e]}function Yc(t,e,r){var n=er(t);n===2?t.set(e,r):n===3?t.add(r):t[e]=r}function Xc(t,e){return t===e?t!==0||1/t==1/e:t!=t&&e!=e}function Pi(t){return hp&&t instanceof Map}function Bi(t){return yp&&t instanceof Set}function ao(t){return t.o||t.t}function Ii(t){if(Array.isArray(t))return Array.prototype.slice.call(t);var e=ed(t);delete e[ce];for(var r=Jo(e),n=0;n<r.length;n++){var i=r[n],a=e[i];a.writable===!1&&(a.writable=!0,a.configurable=!0),(a.get||a.set)&&(e[i]={configurable:!0,writable:!0,enumerable:a.enumerable,value:t[i]})}return Object.create(Object.getPrototypeOf(t),e)}function Di(t,e){return e===void 0&&(e=!1),Fi(t)||Vt(t)||!xt(t)||(er(t)>1&&(t.set=t.add=t.clear=t.delete=dp),Object.freeze(t),e&&Io(t,function(r,n){return Di(n,!0)},!0)),t}function dp(){pt(2)}function Fi(t){return t==null||typeof t!="object"||Object.isFrozen(t)}function At(t){var e=Ai[t];return e||pt(18,t),e}function pp(t,e){Ai[t]||(Ai[t]=e)}function ki(){return Ar}function wi(t,e){e&&(At("Patches"),t.u=[],t.s=[],t.v=e)}function Sn(t){Li(t),t.p.forEach(fp),t.p=null}function Li(t){t===Ar&&(Ar=t.l)}function Hc(t){return Ar={p:[],l:Ar,h:t,m:!0,_:0}}function fp(t){var e=t[ce];e.i===0||e.i===1?e.j():e.g=!0}function Ei(t,e){e._=e.p.length;var r=e.p[0],n=t!==void 0&&t!==r;return e.h.O||At("ES5").S(e,t,n),n?(r[ce].P&&(Sn(e),pt(4)),xt(t)&&(t=On(e,t),e.l||Cn(e,t)),e.u&&At("Patches").M(r[ce].t,t,e.u,e.s)):t=On(e,r,[]),Sn(e),e.u&&e.v(e.u,e.s),t!==Jc?t:void 0}function On(t,e,r){if(Fi(e))return e;var n=e[ce];if(!n)return Io(e,function(c,p){return Vc(t,n,e,c,p,r)},!0),e;if(n.A!==t)return e;if(!n.P)return Cn(t,n.t,!0),n.t;if(!n.I){n.I=!0,n.A._--;var i=n.i===4||n.i===5?n.o=Ii(n.k):n.o,a=i,l=!1;n.i===3&&(a=new Set(i),i.clear(),l=!0),Io(a,function(c,p){return Vc(t,n,i,c,p,r,l)}),Cn(t,i,!1),r&&t.u&&At("Patches").N(n,r,t.u,t.s)}return n.o}function Vc(t,e,r,n,i,a,l){if(Vt(i)){var c=On(t,i,a&&e&&e.i!==3&&!Qo(e.R,n)?a.concat(n):void 0);if(Yc(r,n,c),!Vt(c))return;t.m=!1}else l&&r.add(i);if(xt(i)&&!Fi(i)){if(!t.h.D&&t._<1)return;On(t,i),e&&e.A.l||Cn(t,i)}}function Cn(t,e,r){r===void 0&&(r=!1),!t.l&&t.h.D&&t.m&&Di(e,r)}function $i(t,e){var r=t[ce];return(r?ao(r):t)[e]}function Gc(t,e){if(e in t)for(var r=Object.getPrototypeOf(t);r;){var n=Object.getOwnPropertyDescriptor(r,e);if(n)return n;r=Object.getPrototypeOf(r)}}function lo(t){t.P||(t.P=!0,t.l&&lo(t.l))}function Ri(t){t.o||(t.o=Ii(t.t))}function Ni(t,e,r){var n=Pi(e)?At("MapSet").F(e,r):Bi(e)?At("MapSet").T(e,r):t.O?function(i,a){var l=Array.isArray(i),c={i:l?1:0,A:a?a.A:ki(),P:!1,I:!1,R:{},l:a,t:i,k:null,o:null,j:null,C:!1},p=c,f=Pr;l&&(p=[c],f=Nr);var y=Proxy.revocable(p,f),m=y.revoke,g=y.proxy;return c.k=g,c.j=m,g}(e,r):At("ES5").J(e,r);return(r?r.A:ki()).p.push(n),n}function up(t){return Vt(t)||pt(22,t),function e(r){if(!xt(r))return r;var n,i=r[ce],a=er(r);if(i){if(!i.P&&(i.i<4||!At("ES5").K(i)))return i.t;i.I=!0,n=jc(r,a),i.I=!1}else n=jc(r,a);return Io(n,function(l,c){i&&cp(i.t,l)===c||Yc(n,l,e(c))}),a===3?new Set(n):n}(t)}function jc(t,e){switch(e){case 2:return new Map(t);case 3:return Array.from(t)}return Ii(t)}function Qc(){function t(l,c){var p=a[l];return p?p.enumerable=c:a[l]=p={configurable:!0,enumerable:c,get:function(){var f=this[ce];return Pr.get(f,l)},set:function(f){var y=this[ce];Pr.set(y,l,f)}},p}function e(l){for(var c=l.length-1;c>=0;c--){var p=l[c][ce];if(!p.P)switch(p.i){case 5:n(p)&&lo(p);break;case 4:r(p)&&lo(p)}}}function r(l){for(var c=l.t,p=l.k,f=Jo(p),y=f.length-1;y>=0;y--){var m=f[y];if(m!==ce){var g=c[m];if(g===void 0&&!Qo(c,m))return!0;var v=p[m],b=v&&v[ce];if(b?b.t!==g:!Xc(v,g))return!0}}var S=!!c[ce];return f.length!==Jo(c).length+(S?0:1)}function n(l){var c=l.k;if(c.length!==l.t.length)return!0;var p=Object.getOwnPropertyDescriptor(c,c.length-1);if(p&&!p.get)return!0;for(var f=0;f<c.length;f++)if(!c.hasOwnProperty(f))return!0;return!1}function i(l){l.g&&pt(3,JSON.stringify(ao(l)))}var a={};pp("ES5",{J:function(l,c){var p=Array.isArray(l),f=function(m,g){if(m){for(var v=Array(g.length),b=0;b<g.length;b++)Object.defineProperty(v,""+b,t(b,!0));return v}var S=ed(g);delete S[ce];for(var N=Jo(S),R=0;R<N.length;R++){var k=N[R];S[k]=t(k,m||!!S[k].enumerable)}return Object.create(Object.getPrototypeOf(g),S)}(p,l),y={i:p?5:4,A:c?c.A:ki(),P:!1,I:!1,R:{},l:c,t:l,k:f,o:null,g:!1,C:!1};return Object.defineProperty(f,ce,{value:y,writable:!0}),f},S:function(l,c,p){p?Vt(c)&&c[ce].A===l&&e(l.p):(l.u&&function f(y){if(y&&typeof y=="object"){var m=y[ce];if(m){var g=m.t,v=m.k,b=m.R,S=m.i;if(S===4)Io(v,function(j){j!==ce&&(g[j]!==void 0||Qo(g,j)?b[j]||f(v[j]):(b[j]=!0,lo(m)))}),Io(g,function(j){v[j]!==void 0||Qo(v,j)||(b[j]=!1,lo(m))});else if(S===5){if(n(m)&&(lo(m),b.length=!0),v.length<g.length)for(var N=v.length;N<g.length;N++)b[N]=!1;else for(var R=g.length;R<v.length;R++)b[R]=!0;for(var k=Math.min(v.length,g.length),D=0;D<k;D++)v.hasOwnProperty(D)||(b[D]=!0),b[D]===void 0&&f(v[D])}}}}(l.p[0]),e(l.p))},K:function(l){return l.i===4?r(l):n(l)}})}var Kc,Ar,_i=typeof Symbol<"u"&&typeof Symbol("x")=="symbol",hp=typeof Map<"u",yp=typeof Set<"u",Zc=typeof Proxy<"u"&&Proxy.revocable!==void 0&&typeof Reflect<"u",Jc=_i?Symbol.for("immer-nothing"):((Kc={})["immer-nothing"]=!0,Kc),qc=_i?Symbol.for("immer-draftable"):"__$immer_draftable",ce=_i?Symbol.for("immer-state"):"__$immer_state";var mp=""+Object.prototype.constructor,Jo=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Object.getOwnPropertySymbols!==void 0?function(t){return Object.getOwnPropertyNames(t).concat(Object.getOwnPropertySymbols(t))}:Object.getOwnPropertyNames,ed=Object.getOwnPropertyDescriptors||function(t){var e={};return Jo(t).forEach(function(r){e[r]=Object.getOwnPropertyDescriptor(t,r)}),e},Ai={},Pr={get:function(t,e){if(e===ce)return t;var r=ao(t);if(!Qo(r,e))return function(i,a,l){var c,p=Gc(a,l);return p?"value"in p?p.value:(c=p.get)===null||c===void 0?void 0:c.call(i.k):void 0}(t,r,e);var n=r[e];return t.I||!xt(n)?n:n===$i(t.t,e)?(Ri(t),t.o[e]=Ni(t.A.h,n,t)):n},has:function(t,e){return e in ao(t)},ownKeys:function(t){return Reflect.ownKeys(ao(t))},set:function(t,e,r){var n=Gc(ao(t),e);if(n?.set)return n.set.call(t.k,r),!0;if(!t.P){var i=$i(ao(t),e),a=i?.[ce];if(a&&a.t===r)return t.o[e]=r,t.R[e]=!1,!0;if(Xc(r,i)&&(r!==void 0||Qo(t.t,e)))return!0;Ri(t),lo(t)}return t.o[e]===r&&(r!==void 0||e in t.o)||Number.isNaN(r)&&Number.isNaN(t.o[e])||(t.o[e]=r,t.R[e]=!0),!0},deleteProperty:function(t,e){return $i(t.t,e)!==void 0||e in t.t?(t.R[e]=!1,Ri(t),lo(t)):delete t.R[e],t.o&&delete t.o[e],!0},getOwnPropertyDescriptor:function(t,e){var r=ao(t),n=Reflect.getOwnPropertyDescriptor(r,e);return n&&{writable:!0,configurable:t.i!==1||e!=="length",enumerable:n.enumerable,value:r[e]}},defineProperty:function(){pt(11)},getPrototypeOf:function(t){return Object.getPrototypeOf(t.t)},setPrototypeOf:function(){pt(12)}},Nr={};Io(Pr,function(t,e){Nr[t]=function(){return arguments[0]=arguments[0][0],e.apply(this,arguments)}}),Nr.deleteProperty=function(t,e){return Nr.set.call(this,t,e,void 0)},Nr.set=function(t,e,r){return Pr.set.call(this,t[0],e,r,t[0])};var gp=function(){function t(r){var n=this;this.O=Zc,this.D=!0,this.produce=function(i,a,l){if(typeof i=="function"&&typeof a!="function"){var c=a;a=i;var p=n;return function(S){var N=this;S===void 0&&(S=c);for(var R=arguments.length,k=Array(R>1?R-1:0),D=1;D<R;D++)k[D-1]=arguments[D];return p.produce(S,function(j){var J;return(J=a).call.apply(J,[N,j].concat(k))})}}var f;if(typeof a!="function"&&pt(6),l!==void 0&&typeof l!="function"&&pt(7),xt(i)){var y=Hc(n),m=Ni(n,i,void 0),g=!0;try{f=a(m),g=!1}finally{g?Sn(y):Li(y)}return typeof Promise<"u"&&f instanceof Promise?f.then(function(S){return wi(y,l),Ei(S,y)},function(S){throw Sn(y),S}):(wi(y,l),Ei(f,y))}if(!i||typeof i!="object"){if((f=a(i))===void 0&&(f=i),f===Jc&&(f=void 0),n.D&&Di(f,!0),l){var v=[],b=[];At("Patches").M(i,f,v,b),l(v,b)}return f}pt(21,i)},this.produceWithPatches=function(i,a){if(typeof i=="function")return function(f){for(var y=arguments.length,m=Array(y>1?y-1:0),g=1;g<y;g++)m[g-1]=arguments[g];return n.produceWithPatches(f,function(v){return i.apply(void 0,[v].concat(m))})};var l,c,p=n.produce(i,a,function(f,y){l=f,c=y});return typeof Promise<"u"&&p instanceof Promise?p.then(function(f){return[f,l,c]}):[p,l,c]},typeof r?.useProxies=="boolean"&&this.setUseProxies(r.useProxies),typeof r?.autoFreeze=="boolean"&&this.setAutoFreeze(r.autoFreeze)}var e=t.prototype;return e.createDraft=function(r){xt(r)||pt(8),Vt(r)&&(r=up(r));var n=Hc(this),i=Ni(this,r,void 0);return i[ce].C=!0,Li(n),i},e.finishDraft=function(r,n){var i=r&&r[ce],a=i.A;return wi(a,n),Ei(void 0,a)},e.setAutoFreeze=function(r){this.D=r},e.setUseProxies=function(r){r&&!Zc&&pt(20),this.O=r},e.applyPatches=function(r,n){var i;for(i=n.length-1;i>=0;i--){var a=n[i];if(a.path.length===0&&a.op==="replace"){r=a.value;break}}i>-1&&(n=n.slice(i+1));var l=At("Patches").$;return Vt(r)?l(r,n):this.produce(r,function(c){return l(c,n)})},t}(),ot=new gp,bp=ot.produce,cS=ot.produceWithPatches.bind(ot),dS=ot.setAutoFreeze.bind(ot),pS=ot.setUseProxies.bind(ot),fS=ot.applyPatches.bind(ot),uS=ot.createDraft.bind(ot),hS=ot.finishDraft.bind(ot),wn=bp;function so(t){"@babel/helpers - typeof";return so=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},so(t)}function zi(t,e){if(so(t)!=="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e||"default");if(so(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function Ti(t){var e=zi(t,"string");return so(e)==="symbol"?e:String(e)}function Mi(t,e,r){return e=Ti(e),e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function td(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function En(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?td(Object(r),!0).forEach(function(n){Mi(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):td(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Ne(t){return"Minified Redux error #"+t+"; visit https://redux.js.org/Errors?code="+t+" for the full message or use the non-minified dev environment for full errors. "}var od=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),Wi=function(){return Math.random().toString(36).substring(7).split("").join(".")},$n={INIT:"@@redux/INIT"+Wi(),REPLACE:"@@redux/REPLACE"+Wi(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+Wi()}};function vp(t){if(typeof t!="object"||t===null)return!1;for(var e=t;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(t)===e}function Ui(t,e,r){var n;if(typeof e=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(Ne(0));if(typeof e=="function"&&typeof r>"u"&&(r=e,e=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(Ne(1));return r(Ui)(t,e)}if(typeof t!="function")throw new Error(Ne(2));var i=t,a=e,l=[],c=l,p=!1;function f(){c===l&&(c=l.slice())}function y(){if(p)throw new Error(Ne(3));return a}function m(S){if(typeof S!="function")throw new Error(Ne(4));if(p)throw new Error(Ne(5));var N=!0;return f(),c.push(S),function(){if(N){if(p)throw new Error(Ne(6));N=!1,f();var k=c.indexOf(S);c.splice(k,1),l=null}}}function g(S){if(!vp(S))throw new Error(Ne(7));if(typeof S.type>"u")throw new Error(Ne(8));if(p)throw new Error(Ne(9));try{p=!0,a=i(a,S)}finally{p=!1}for(var N=l=c,R=0;R<N.length;R++){var k=N[R];k()}return S}function v(S){if(typeof S!="function")throw new Error(Ne(10));i=S,g({type:$n.REPLACE})}function b(){var S,N=m;return S={subscribe:function(k){if(typeof k!="object"||k===null)throw new Error(Ne(11));function D(){k.next&&k.next(y())}D();var j=N(D);return{unsubscribe:j}}},S[od]=function(){return this},S}return g({type:$n.INIT}),n={dispatch:g,subscribe:m,getState:y,replaceReducer:v},n[od]=b,n}function xp(t){Object.keys(t).forEach(function(e){var r=t[e],n=r(void 0,{type:$n.INIT});if(typeof n>"u")throw new Error(Ne(12));if(typeof r(void 0,{type:$n.PROBE_UNKNOWN_ACTION()})>"u")throw new Error(Ne(13))})}function rd(t){for(var e=Object.keys(t),r={},n=0;n<e.length;n++){var i=e[n];typeof t[i]=="function"&&(r[i]=t[i])}var a=Object.keys(r),l,c;try{xp(r)}catch(p){c=p}return function(f,y){if(f===void 0&&(f={}),c)throw c;if(0)var m;for(var g=!1,v={},b=0;b<a.length;b++){var S=a[b],N=r[S],R=f[S],k=N(R,y);if(typeof k>"u"){var D=y&&y.type;throw new Error(Ne(14))}v[S]=k,g=g||k!==R}return g=g||a.length!==Object.keys(f).length,g?v:f}}function tr(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return e.length===0?function(n){return n}:e.length===1?e[0]:e.reduce(function(n,i){return function(){return n(i.apply(void 0,arguments))}})}function nd(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return function(){var i=n.apply(void 0,arguments),a=function(){throw new Error(Ne(15))},l={getState:i.getState,dispatch:function(){return a.apply(void 0,arguments)}},c=e.map(function(p){return p(l)});return a=tr.apply(void 0,c)(i.dispatch),En(En({},i),{},{dispatch:a})}}}function id(t){var e=function(n){var i=n.dispatch,a=n.getState;return function(l){return function(c){return typeof c=="function"?c(i,a,t):l(c)}}};return e}var ad=id();ad.withExtraArgument=id;var Hi=ad;var pd=function(){var t=function(e,r){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,i){n.__proto__=i}||function(n,i){for(var a in i)Object.prototype.hasOwnProperty.call(i,a)&&(n[a]=i[a])},t(e,r)};return function(e,r){if(typeof r!="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(e,r);function n(){this.constructor=e}e.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}(),Sp=function(t,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,l;return l={next:c(0),throw:c(1),return:c(2)},typeof Symbol=="function"&&(l[Symbol.iterator]=function(){return this}),l;function c(f){return function(y){return p([f,y])}}function p(f){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,i&&(a=f[0]&2?i.return:f[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;switch(i=0,a&&(f=[f[0]&2,a.value]),f[0]){case 0:case 1:a=f;break;case 4:return r.label++,{value:f[1],done:!1};case 5:r.label++,i=f[1],f=[0];continue;case 7:f=r.ops.pop(),r.trys.pop();continue;default:if(a=r.trys,!(a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){r=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){r.label=f[1];break}if(f[0]===6&&r.label<a[1]){r.label=a[1],a=f;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(f);break}a[2]&&r.ops.pop(),r.trys.pop();continue}f=e.call(t,r)}catch(y){f=[6,y],i=0}finally{n=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:!0}}},or=function(t,e){for(var r=0,n=e.length,i=t.length;r<n;r++,i++)t[i]=e[r];return t},Op=Object.defineProperty,Cp=Object.defineProperties,wp=Object.getOwnPropertyDescriptors,ld=Object.getOwnPropertySymbols,Ep=Object.prototype.hasOwnProperty,$p=Object.prototype.propertyIsEnumerable,sd=function(t,e,r){return e in t?Op(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r},co=function(t,e){for(var r in e||(e={}))Ep.call(e,r)&&sd(t,r,e[r]);if(ld)for(var n=0,i=ld(e);n<i.length;n++){var r=i[n];$p.call(e,r)&&sd(t,r,e[r])}return t},Vi=function(t,e){return Cp(t,wp(e))},Rp=function(t,e,r){return new Promise(function(n,i){var a=function(p){try{c(r.next(p))}catch(f){i(f)}},l=function(p){try{c(r.throw(p))}catch(f){i(f)}},c=function(p){return p.done?n(p.value):Promise.resolve(p.value).then(a,l)};c((r=r.apply(t,e)).next())})};var kp=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__:function(){if(arguments.length!==0)return typeof arguments[0]=="object"?tr:tr.apply(null,arguments)},PS=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION__?window.__REDUX_DEVTOOLS_EXTENSION__:function(){return function(t){return t}};function Lp(t){if(typeof t!="object"||t===null)return!1;var e=Object.getPrototypeOf(t);if(e===null)return!0;for(var r=e;Object.getPrototypeOf(r)!==null;)r=Object.getPrototypeOf(r);return e===r}var Np=function(t){pd(e,t);function e(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var i=t.apply(this,r)||this;return Object.setPrototypeOf(i,e.prototype),i}return Object.defineProperty(e,Symbol.species,{get:function(){return e},enumerable:!1,configurable:!0}),e.prototype.concat=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return t.prototype.concat.apply(this,r)},e.prototype.prepend=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return r.length===1&&Array.isArray(r[0])?new(e.bind.apply(e,or([void 0],r[0].concat(this)))):new(e.bind.apply(e,or([void 0],r.concat(this))))},e}(Array),Ap=function(t){pd(e,t);function e(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var i=t.apply(this,r)||this;return Object.setPrototypeOf(i,e.prototype),i}return Object.defineProperty(e,Symbol.species,{get:function(){return e},enumerable:!1,configurable:!0}),e.prototype.concat=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return t.prototype.concat.apply(this,r)},e.prototype.prepend=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return r.length===1&&Array.isArray(r[0])?new(e.bind.apply(e,or([void 0],r[0].concat(this)))):new(e.bind.apply(e,or([void 0],r.concat(this))))},e}(Array);function Ki(t){return xt(t)?wn(t,function(){}):t}function Pp(t){return typeof t=="boolean"}function Bp(){return function(e){return Ip(e)}}function Ip(t){t===void 0&&(t={});var e=t.thunk,r=e===void 0?!0:e,n=t.immutableCheck,i=n===void 0?!0:n,a=t.serializableCheck,l=a===void 0?!0:a,c=new Np;if(r&&(Pp(r)?c.push(Hi):c.push(Hi.withExtraArgument(r.extraArgument))),0){if(i)var p;if(l)var f}return c}var Gi=!0;function fd(t){var e=Bp(),r=t||{},n=r.reducer,i=n===void 0?void 0:n,a=r.middleware,l=a===void 0?e():a,c=r.devTools,p=c===void 0?!0:c,f=r.preloadedState,y=f===void 0?void 0:f,m=r.enhancers,g=m===void 0?void 0:m,v;if(typeof i=="function")v=i;else if(Lp(i))v=rd(i);else throw new Error('"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers');var b=l;if(typeof b=="function"&&(b=b(e),!Gi&&!Array.isArray(b)))throw new Error("when using a middleware builder function, an array of middleware must be returned");if(!Gi&&b.some(function(j){return typeof j!="function"}))throw new Error("each middleware provided to configureStore must be a function");var S=nd.apply(void 0,b),N=tr;p&&(N=kp(co({trace:!Gi},typeof p=="object"&&p)));var R=new Ap(S),k=R;Array.isArray(g)?k=or([S],g):typeof g=="function"&&(k=g(R));var D=N.apply(void 0,k);return Ui(v,y,D)}function po(t,e){function r(){for(var n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];if(e){var a=e.apply(void 0,n);if(!a)throw new Error("prepareAction did not return an object");return co(co({type:t,payload:a.payload},"meta"in a&&{meta:a.meta}),"error"in a&&{error:a.error})}return{type:t,payload:n[0]}}return r.toString=function(){return""+t},r.type=t,r.match=function(n){return n.type===t},r}function ud(t){var e={},r=[],n,i={addCase:function(a,l){var c=typeof a=="string"?a:a.type;if(c in e)throw new Error("addCase cannot be called with two reducers for the same action type");return e[c]=l,i},addMatcher:function(a,l){return r.push({matcher:a,reducer:l}),i},addDefaultCase:function(a){return n=a,i}};return t(i),[e,r,n]}function Dp(t){return typeof t=="function"}function Fp(t,e,r,n){r===void 0&&(r=[]);var i=typeof e=="function"?ud(e):[e,r,n],a=i[0],l=i[1],c=i[2],p;if(Dp(t))p=function(){return Ki(t())};else{var f=Ki(t);p=function(){return f}}function y(m,g){m===void 0&&(m=p());var v=or([a[g.type]],l.filter(function(b){var S=b.matcher;return S(g)}).map(function(b){var S=b.reducer;return S}));return v.filter(function(b){return!!b}).length===0&&(v=[c]),v.reduce(function(b,S){if(S)if(Vt(b)){var N=b,R=S(N,g);return R===void 0?b:R}else{if(xt(b))return wn(b,function(k){return S(k,g)});var R=S(b,g);if(R===void 0){if(b===null)return b;throw Error("A case reducer on a non-draftable value must not return undefined")}return R}return b},m)}return y.getInitialState=p,y}function _p(t,e){return t+"/"+e}function hd(t){var e=t.name;if(!e)throw new Error("`name` is a required option for createSlice");typeof process<"u";var r=typeof t.initialState=="function"?t.initialState:Ki(t.initialState),n=t.reducers||{},i=Object.keys(n),a={},l={},c={};i.forEach(function(y){var m=n[y],g=_p(e,y),v,b;"reducer"in m?(v=m.reducer,b=m.prepare):v=m,a[y]=v,l[g]=v,c[y]=b?po(g,b):po(g)});function p(){var y=typeof t.extraReducers=="function"?ud(t.extraReducers):[t.extraReducers],m=y[0],g=m===void 0?{}:m,v=y[1],b=v===void 0?[]:v,S=y[2],N=S===void 0?void 0:S,R=co(co({},g),l);return Fp(r,function(k){for(var D in R)k.addCase(D,R[D]);for(var j=0,J=b;j<J.length;j++){var rt=J[j];k.addMatcher(rt.matcher,rt.reducer)}N&&k.addDefaultCase(N)})}var f;return{name:e,reducer:function(y,m){return f||(f=p()),f(y,m)},actions:c,caseReducers:a,getInitialState:function(){return f||(f=p()),f.getInitialState()}}}var zp="ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW",Tp=function(t){t===void 0&&(t=21);for(var e="",r=t;r--;)e+=zp[Math.random()*64|0];return e},Mp=["name","message","stack","code"],ji=function(){function t(e,r){this.payload=e,this.meta=r}return t}(),cd=function(){function t(e,r){this.payload=e,this.meta=r}return t}(),Wp=function(t){if(typeof t=="object"&&t!==null){for(var e={},r=0,n=Mp;r<n.length;r++){var i=n[r];typeof t[i]=="string"&&(e[i]=t[i])}return e}return{message:String(t)}},FS=function(){function t(e,r,n){var i=po(e+"/fulfilled",function(y,m,g,v){return{payload:y,meta:Vi(co({},v||{}),{arg:g,requestId:m,requestStatus:"fulfilled"})}}),a=po(e+"/pending",function(y,m,g){return{payload:void 0,meta:Vi(co({},g||{}),{arg:m,requestId:y,requestStatus:"pending"})}}),l=po(e+"/rejected",function(y,m,g,v,b){return{payload:v,error:(n&&n.serializeError||Wp)(y||"Rejected"),meta:Vi(co({},b||{}),{arg:g,requestId:m,rejectedWithValue:!!v,requestStatus:"rejected",aborted:y?.name==="AbortError",condition:y?.name==="ConditionError"})}}),c=!1,p=typeof AbortController<"u"?AbortController:function(){function y(){this.signal={aborted:!1,addEventListener:function(){},dispatchEvent:function(){return!1},onabort:function(){},removeEventListener:function(){},reason:void 0,throwIfAborted:function(){}}}return y.prototype.abort=function(){},y}();function f(y){return function(m,g,v){var b=n?.idGenerator?n.idGenerator(y):Tp(),S=new p,N,R=!1;function k(j){N=j,S.abort()}var D=function(){return Rp(this,null,function(){var j,J,rt,Gt,Pn,jt,Ge;return Sp(this,function(nt){switch(nt.label){case 0:return nt.trys.push([0,4,,5]),Gt=(j=n?.condition)==null?void 0:j.call(n,y,{getState:g,extra:v}),Hp(Gt)?[4,Gt]:[3,2];case 1:Gt=nt.sent(),nt.label=2;case 2:if(Gt===!1||S.signal.aborted)throw{name:"ConditionError",message:"Aborted due to condition callback returning false."};return R=!0,Pn=new Promise(function(je,fo){return S.signal.addEventListener("abort",function(){return fo({name:"AbortError",message:N||"Aborted"})})}),m(a(b,y,(J=n?.getPendingMeta)==null?void 0:J.call(n,{requestId:b,arg:y},{getState:g,extra:v}))),[4,Promise.race([Pn,Promise.resolve(r(y,{dispatch:m,getState:g,extra:v,requestId:b,signal:S.signal,abort:k,rejectWithValue:function(je,fo){return new ji(je,fo)},fulfillWithValue:function(je,fo){return new cd(je,fo)}})).then(function(je){if(je instanceof ji)throw je;return je instanceof cd?i(je.payload,b,y,je.meta):i(je,b,y)})])];case 3:return rt=nt.sent(),[3,5];case 4:return jt=nt.sent(),rt=jt instanceof ji?l(null,b,y,jt.payload,jt.meta):l(jt,b,y),[3,5];case 5:return Ge=n&&!n.dispatchConditionRejection&&l.match(rt)&&rt.meta.condition,Ge||m(rt),[2,rt]}})})}();return Object.assign(D,{abort:k,requestId:b,arg:y,unwrap:function(){return D.then(Up)}})}}return Object.assign(f,{pending:a,rejected:l,fulfilled:i,typePrefix:e})}return t.withTypes=function(){return t},t}();function Up(t){if(t.meta&&t.meta.rejectedWithValue)throw t.payload;if(t.error)throw t.error;return t.payload}function Hp(t){return t!==null&&typeof t=="object"&&typeof t.then=="function"}var yd="listener",md="completed",gd="cancelled",_S="task-"+gd,zS="task-"+md,TS=yd+"-"+gd,MS=yd+"-"+md;var Zi="listenerMiddleware";var WS=po(Zi+"/add"),US=po(Zi+"/removeAll"),HS=po(Zi+"/remove");var dd,VS=typeof queueMicrotask=="function"?queueMicrotask.bind(typeof window<"u"?window:typeof global<"u"?global:globalThis):function(t){return(dd||(dd=Promise.resolve())).then(t).catch(function(e){return setTimeout(function(){throw e},0)})},Vp=function(t){return function(e){setTimeout(e,t)}},GS=typeof window<"u"&&window.requestAnimationFrame?window.requestAnimationFrame:Vp(10);Qc();function Gp(t,e){return class extends t{constructor(){super(...arguments),this.eventBus=e??document.createElement("span")}addEventListener(r,n,i){this.eventBus.addEventListener(r,n,i)}dispatchEvent(r){return this.eventBus.dispatchEvent(r)}removeEventListener(r,n,i){this.eventBus.removeEventListener(r,n,i)}}}var Rn=class extends Gp(Object){};window.ftReduxStores||(window.ftReduxStores={});var bd=class t extends Rn{static get(e){var r;let n=typeof e=="string"?e:e.name,i=typeof e=="string"?void 0:e,a=window.ftReduxStores[n];if(kr(a))return a;if(i==null)return;let l=hd({...i,reducers:(r=i.reducers)!==null&&r!==void 0?r:{}}),c=fd({reducer:(p,f)=>f.type==="CLEAR_FT_REDUX_STORE"?l.getInitialState():typeof f.type=="string"&&f.type.startsWith("DEFAULT_VALUE_SETTER__")?{...p,...f.overwrites}:l.reducer(p,f)});return window.ftReduxStores[i.name]=new t(l,c)}constructor(e,r){super(),this.reduxSlice=e,this.reduxStore=r,this.isFtReduxStore=!0,this.commands=new yn,this.actions=new Proxy(this.reduxSlice.actions,{get:(n,i,a)=>{let l=i,c=n[l];return c?(...p)=>{let f=c(...p);return this.reduxStore.dispatch(f),f}:p=>{this.setState({[l]:p})}}})}clear(){this.reduxStore.dispatch({type:"CLEAR_FT_REDUX_STORE"})}setState(e){this.reduxStore.dispatch({type:"DEFAULT_VALUE_SETTER__"+Object.keys(e).join("_"),overwrites:e})}get dispatch(){throw new Error("Don't use this method, actions are automatically dispatched when called.")}[Symbol.observable](){return this.reduxStore[Symbol.observable]()}getState(){return this.reduxStore.getState()}replaceReducer(e){throw new Error("Not implemented yet.")}subscribe(e){return this.reduxStore.subscribe(e)}get name(){return this.reduxSlice.name}get reducer(){return this.reduxSlice.reducer}get caseReducers(){return this.reduxSlice.caseReducers}getInitialState(){return this.reduxSlice.getInitialState()}};var An=u(w());var kn=class extends oo{async listMySearches(){let e=P.getState().session;return e?.sessionAuthenticated?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(e.profile.userId),5*60*1e3):[]}};var Ln=class extends oo{async listMyBookmarks(){let e=P.getState().session;return e?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(e.profile.userId),5*60*1e3):[]}};var Kp="ft-user-assets",Nn=An.FtReduxStore.get({name:Kp,initialState:{savedSearches:void 0,bookmarks:void 0}}),qi=class{constructor(){this.currentSession=P.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new Ln,this.savedSearchesService=new kn,P.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var e;let{session:r}=P.getState();(0,An.deepEqual)((e=this.currentSession)===null||e===void 0?void 0:e.profile,r?.profile)||(this.currentSession=r,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),Nn.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),Nn.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let e=await this.savedSearchesService.listMySearches();Nn.actions.savedSearches(e)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var e;if(this.bookmarksAreUsed){let r=!((e=this.currentSession)===null||e===void 0)&&e.sessionAuthenticated?await this.bookmarksService.listMyBookmarks():void 0;Nn.actions.bookmarks(r)}}},CO=new qi;var Yi=class{addCommand(e,r=!1){P.commands.add(e,r)}consumeCommand(e){return P.commands.consume(e)}};window.FluidTopicsAppInfoStoreService=new Yi;var vd=u(w()),Xi=class{highlightHtml(e,r,n){(0,vd.highlightHtml)(e,r,n)}};window.FluidTopicsHighlightHtmlService=new Xi;var xd=u(w());var Qi=class{isDate(e){var r,n,i,a;return(a=(i=((n=(r=P.getState().metadataConfiguration)===null||r===void 0?void 0:r.descriptors)!==null&&n!==void 0?n:[]).find(c=>c.key===e))===null||i===void 0?void 0:i.date)!==null&&a!==void 0?a:!1}format(e,r){var n,i,a;return xd.DateFormatter.format(e,(n=r?.locale)!==null&&n!==void 0?n:P.getState().uiLocale,(i=r?.longFormat)!==null&&i!==void 0?i:!1,(a=r?.withTime)!==null&&a!==void 0?a:!1)}};window.FluidTopicsDateService=new Qi;var Zp=u(w());(0,Sd.customElement)("ft-app-context")(ue);var W=function(t,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(l=t[c])&&(a=(i<3?l(a):i>3?l(e,r,a):l(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a};window.fluidtopics==null&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");var Od={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 {0}",back:"Back",selectLocale:"Select a language"},Ji=class extends CustomEvent{constructor(e){super("change",{detail:e})}},qp=()=>{},B=class extends re.FtLitElement{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 re.ParametrizedLabelResolver(Od,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=e=>new re.SearchPlaceConverter(this.baseUrl,{}).serialize(e),this.focusOnDisplay=!1,this.metadataFilters=[],this.sizeCategory=it.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.reactToFocus=!0,this.suggestManager=new kt(this),this.selectedFacetsManager=new Lt(this),this.desktopSearchBarManager=new $r(this),this.mobileSearchBarManager=new Er(this,this.selectedFacetsManager,this.suggestManager),this.stateChangeEventDebouncer=new re.Debouncer(10),this.updateLocalesDebouncer=new re.Debouncer(10),this.initSearchData=()=>{this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run(()=>{var e;(e=this.api)===null||e===void 0||e.getAvailableSearchLocales().then(r=>r.contentLocales).catch(()=>[]).then(r=>{this.availableContentLocales=r,this.availableContentLocalesInitialized=!0})}),this.updateFacetsDebouncer.run(()=>{this.retrieveFacetsFromSearch().then(()=>{this.facetsLoaded=!0,this.facetsInitialized=!0})},this.facetsInitialized?500:10)},this.facetsLoaded=!1,this.updateFacetsDebouncer=new re.Debouncer(500),this.closeFloatingContainer=e=>{this.isMobile()||(this.displayFacets=this.displayFacets&&e.composedPath().some(r=>r===this.floatingContainer))},this.compareUnknownFilters=(e,r)=>e.valueFilter&&r.valueFilter?this.compareValueFilters(e.valueFilter,r.valueFilter):e.dateFilter&&r.dateFilter?this.compareDateFilters(e.dateFilter,r.dateFilter):e.rangeFilter&&r.rangeFilter?this.compareRangeFilters(e.rangeFilter,r.rangeFilter):!1,this.compareValueFilters=(e,r)=>e.negative==r.negative&&e.values.length===r.values.length&&e.values.every(n=>r.values.includes(n)),this.compareDateFilters=(e,r)=>e.type===r.type,this.compareRangeFilters=(e,r)=>e.from===r.from&&e.to===r.to,this.compareFilters=(e,r)=>e.key===r.key&&this.compareUnknownFilters(e,r),this.compareRequests=(e,r)=>(e.contentLocale==null||r.contentLocale==null||e.contentLocale===r.contentLocale)&&e.metadataFilters.length===r.metadataFilters.length&&e.metadataFilters.every(n=>r.metadataFilters.some(i=>this.compareFilters(n,i))),this.enableFocusReactionCallback=()=>this.enableFocusReaction()}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,metadataFilters:this.metadataFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){let e=this.metadataFilters.filter(r=>{var n,i;return((i=(n=r.valueFilter)===null||n===void 0?void 0:n.values.length)!==null&&i!==void 0?i:0)>0&&!this.displayedFilters.includes(r.key)}).map(r=>({id:r.key}));return[...this.displayedFilters.map(r=>({id:r})),...e]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,metadataFilters:this.metadataFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===it.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return this.presets!=null&&this.presets.length>0}get hasPriors(){return this.priors!=null&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var e;(e=this.container)===null||e===void 0||e.focus()}async focusInput(e=!1){this.reactToFocus=e,await(0,re.waitFor)(()=>this.input,50),this.input.focus(),e||this.enableFocusReactionOnAnyUserInteraction()}clear(){this.query="",this.metadataFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return Z.html`
|
|
3192
3208
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
3193
3209
|
${this.renderSearchBar()}
|
|
3194
3210
|
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():Z.html`
|
|
@@ -3213,7 +3229,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3213
3229
|
</div>
|
|
3214
3230
|
</ft-accordion-item>
|
|
3215
3231
|
`:null}
|
|
3216
|
-
${(0,Br.repeat)(this.facets,r=>r.key,r=>{let n=
|
|
3232
|
+
${(0,Br.repeat)(this.facets,r=>r.key,r=>{let n=Gn(r),i=r.key.replace(":","-"),a=yl(n);return r.rootNodes.length>0?Z.html`
|
|
3217
3233
|
<ft-accordion-item data-facet-key="${r.key}">
|
|
3218
3234
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
3219
3235
|
<ft-typography variant="button">${r.label}</ft-typography>
|
|
@@ -3257,9 +3273,10 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3257
3273
|
<div class="ft-search-bar--facets-actions">
|
|
3258
3274
|
${this.forceMenuOpen?this.renderDesktopClearFilters():Z.nothing}
|
|
3259
3275
|
<ft-button class="ft-search-bar--launch-search"
|
|
3276
|
+
href="${this.searchRequestSerializer(this.request)}"
|
|
3260
3277
|
part="launch-search-in-panel"
|
|
3261
3278
|
icon="search"
|
|
3262
|
-
@click=${this.
|
|
3279
|
+
@click=${()=>this.onLaunchSearch()}>
|
|
3263
3280
|
${this.labelResolver.resolve("searchButton")}
|
|
3264
3281
|
</ft-button>
|
|
3265
3282
|
</div>
|
|
@@ -3305,7 +3322,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3305
3322
|
${this.getContentLocaleRadioGroup()}
|
|
3306
3323
|
</div>
|
|
3307
3324
|
`:Z.nothing}
|
|
3308
|
-
${(0,Br.repeat)(this.facets,e=>e.key,e=>{let r=
|
|
3325
|
+
${(0,Br.repeat)(this.facets,e=>e.key,e=>{let r=Gn(e),n=r.options.some(a=>{var l,c;return((c=(l=a.subOptions)===null||l===void 0?void 0:l.length)!==null&&c!==void 0?c:0)>0}),i=e.key.replace(":","-");return Z.html`
|
|
3309
3326
|
<ft-filter
|
|
3310
3327
|
class="${n?"ft-search-bar--hierarchical-filter":""}"
|
|
3311
3328
|
part="filters filter filter-${i}"
|
|
@@ -3324,14 +3341,14 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:o.extend("--ft-conte
|
|
|
3324
3341
|
></ft-filter>
|
|
3325
3342
|
`})}
|
|
3326
3343
|
</ft-snap-scroll>
|
|
3327
|
-
`:Z.nothing}async firstUpdated(e){super.firstUpdated(e),this.initApi(),window.addEventListener("storage",r=>{r.key===this.recentSearchesStorageKey&&this.initRecentSearches()})}update(e){var r,n,i,a,l;if(e.has("labels")&&(this.labelResolver=new re.ParametrizedLabelResolver(Od,this.labels)),e.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(e),(e.has("availableContentLocales")||e.has("contentLocale"))&&this.availableContentLocales.length>0){let c=p=>this.availableContentLocales.some(f=>f.lang==p);c(this.contentLocale)||(this.contentLocale=e.has("contentLocale")&&c(e.get("contentLocale"))?e.get("contentLocale"):(r=this.availableContentLocales[0])===null||r===void 0?void 0:r.lang)}if(e.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),e.has("presets")&&((n=this.presets)!==null&&n!==void 0?n:[]).forEach(c=>c.metadataFilters.forEach(p=>{p.valueFilter&&(p.valueFilter.values=p.valueFilter.values.map(f=>Wr(f)))})),e.has("presets")||e.has("selectedPreset")){let c=((i=this.presets)!==null&&i!==void 0?i:[]).find(p=>p.name===this.selectedPreset);c&&!this.compareRequests(this.request,c)&&this.setFiltersFromPreset(c)}e.has("contentLocale")&&this.contentLocale!=null&&(this.knownFacetLabels=new Map),["contentLocale","metadataFilters"].some(c=>e.has(c))&&(this.selectedPreset=(l=((a=this.presets)!==null&&a!==void 0?a:[]).find(c=>this.compareRequests(c,this.request)))===null||l===void 0?void 0:l.name),["baseUrl","apiIntegrationIdentifier"].some(c=>e.has(c))&&(this.api=void 0,this.initApi()),e.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","metadataFilters","displayedFilters"].some(c=>e.has(c))&&this.updateFacets(),["query","uiLocale","contentLocale","metadataFilters","displayedFilters","api"].some(c=>e.has(c))&&this.suggestManager.update(),["query","uiLocale","contentLocale","metadataFilters"].some(c=>e.has(c))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run(()=>this.dispatchEvent(new Ji(this.request)))}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(e){var r,n,i;if(super.contentAvailableCallback(e),e.has("displayFacets")&&this.displayFacets&&((r=this.floatingContainer)===null||r===void 0||r.focus()),this.scrollToFacet!=null&&this.facetsLoaded){(n=this.scrollingFiltersContainer)===null||n===void 0||n.scrollIndexIntoView(this.facets.findIndex(l=>l.key===this.scrollToFacet));let a=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);a&&(a.active=!0),this.scrollToFacet=void 0}}initApi(){this.api==null&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout(()=>this.initApi(),10))}async retrieveFacetsFromSearch(){var e;let r=new Map;await((e=this.api)===null||e===void 0?void 0:e.search({...this.request,query:""}).then(n=>n.facets.forEach(i=>{this.knownFacetLabels.set(i.key,i.label),r.set(i.key,i)})).catch(
|
|
3344
|
+
`:Z.nothing}async firstUpdated(e){super.firstUpdated(e),this.initApi(),window.addEventListener("storage",r=>{r.key===this.recentSearchesStorageKey&&this.initRecentSearches()})}update(e){var r,n,i,a,l;if(e.has("labels")&&(this.labelResolver=new re.ParametrizedLabelResolver(Od,this.labels)),e.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(e),(e.has("availableContentLocales")||e.has("contentLocale"))&&this.availableContentLocales.length>0){let c=p=>this.availableContentLocales.some(f=>f.lang==p);c(this.contentLocale)||(this.contentLocale=e.has("contentLocale")&&c(e.get("contentLocale"))?e.get("contentLocale"):(r=this.availableContentLocales[0])===null||r===void 0?void 0:r.lang)}if(e.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),e.has("presets")&&((n=this.presets)!==null&&n!==void 0?n:[]).forEach(c=>c.metadataFilters.forEach(p=>{p.valueFilter&&(p.valueFilter.values=p.valueFilter.values.map(f=>Wr(f)))})),e.has("presets")||e.has("selectedPreset")){let c=((i=this.presets)!==null&&i!==void 0?i:[]).find(p=>p.name===this.selectedPreset);c&&!this.compareRequests(this.request,c)&&this.setFiltersFromPreset(c)}e.has("contentLocale")&&this.contentLocale!=null&&(this.knownFacetLabels=new Map),["contentLocale","metadataFilters"].some(c=>e.has(c))&&(this.selectedPreset=(l=((a=this.presets)!==null&&a!==void 0?a:[]).find(c=>this.compareRequests(c,this.request)))===null||l===void 0?void 0:l.name),["baseUrl","apiIntegrationIdentifier"].some(c=>e.has(c))&&(this.api=void 0,this.initApi()),e.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","metadataFilters","displayedFilters"].some(c=>e.has(c))&&this.updateFacets(),["query","uiLocale","contentLocale","metadataFilters","displayedFilters","api"].some(c=>e.has(c))&&this.suggestManager.update(),["query","uiLocale","contentLocale","metadataFilters"].some(c=>e.has(c))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run(()=>this.dispatchEvent(new Ji(this.request)))}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(e){var r,n,i;if(super.contentAvailableCallback(e),e.has("displayFacets")&&this.displayFacets&&((r=this.floatingContainer)===null||r===void 0||r.focus()),this.scrollToFacet!=null&&this.facetsLoaded){(n=this.scrollingFiltersContainer)===null||n===void 0||n.scrollIndexIntoView(this.facets.findIndex(l=>l.key===this.scrollToFacet));let a=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);a&&(a.active=!0),this.scrollToFacet=void 0}}initApi(){this.api==null&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout(()=>this.initApi(),10))}async retrieveFacetsFromSearch(){var e;let r=new Map;await((e=this.api)===null||e===void 0?void 0:e.search({...this.request,query:""}).then(n=>n.facets.forEach(i=>{this.knownFacetLabels.set(i.key,i.label),r.set(i.key,i)})).catch(qp)),this.facets=[];for(let n of this.facetsRequest)r.has(n.id)?this.facets.push(r.get(n.id)):this.knownFacetLabels.has(n.id)&&this.facets.push({key:n.id,label:this.knownFacetLabels.get(n.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(e){var r;e.key==="Escape"&&(this.displayFacets=!1,(r=this.filtersOpener)===null||r===void 0||r.focus())}setQuery(e){this.input&&(this.input.value=e),this.query=e}onLaunchSearch(){if(this.query){let e=this.recentSearches.filter(r=>r.toLowerCase()!==this.query.toLowerCase()).filter((r,n)=>n<20);this.recentSearches=[this.query,...e],this.saveRecentSearches()}this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var e;this.recentSearches=JSON.parse((e=window.localStorage.getItem(this.recentSearchesStorageKey))!==null&&e!==void 0?e:"[]")}saveRecentSearches(){let e=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,e),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:e,storageArea:window.localStorage,url:window.location.href}))}async connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer),this.focusOnDisplay&&!re.isTouchScreen&&this.focusInput(),P.addEventListener("authentication-change",this.initSearchData),this.initSearchData()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer),P.removeEventListener("authentication-change",this.initSearchData)}updateSize(e){this.sizeCategory=e.detail.category}setFilter(e,r){let n=this.metadataFilters.filter(i=>!i.valueFilter||i.key!==e);this.facets.forEach(i=>{i.key===e&&(0,re.flatDeep)(i.rootNodes,a=>a.childNodes).forEach(a=>a.selected=r.includes(a.value))}),r.length&&n.push({key:e,valueFilter:{negative:!1,values:r}}),this.metadataFilters=n,this.scrollToFacet=e}setFiltersFromPreset(e){e!=null&&(e.contentLocale!=null&&(this.contentLocale=e.contentLocale),this.metadataFilters=e.metadataFilters)}clearFilters(){this.facets.forEach(r=>(0,re.flatDeep)(r.rootNodes,n=>n.childNodes).forEach(n=>n.selected=!1)),this.metadataFilters=[];let e=this.facets[0];this.scrollToFacet=e?.key}querySelector(e){return this.shadowRoot.querySelector(e)}querySelectorAll(e){return this.shadowRoot.querySelectorAll(e)}renderDesktopFloatingMenu(){return this.forceMenuOpen?Z.nothing:Z.html`
|
|
3328
3345
|
<div class="ft-search-bar--floating-panel"
|
|
3329
3346
|
id="ft-search-bar-floating-panel"
|
|
3330
3347
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
3331
3348
|
part="floating-panel"
|
|
3332
3349
|
tabindex="-1">
|
|
3333
3350
|
${this.renderDesktopMenu()}
|
|
3334
|
-
</div>`}enableFocusReactionOnAnyUserInteraction(){this.addEventListener("blur",this.enableFocusReactionCallback),this.addEventListener("click",this.enableFocusReactionCallback),this.addEventListener("keyup",this.enableFocusReactionCallback)}enableFocusReaction(){this.reactToFocus=!0,this.removeEventListener("blur",this.enableFocusReactionCallback),this.removeEventListener("click",this.enableFocusReactionCallback),this.removeEventListener("keyup",this.enableFocusReactionCallback)}};B.elementDefinitions={"ft-accordion":$t,"ft-accordion-item":
|
|
3351
|
+
</div>`}enableFocusReactionOnAnyUserInteraction(){this.addEventListener("blur",this.enableFocusReactionCallback),this.addEventListener("click",this.enableFocusReactionCallback),this.addEventListener("keyup",this.enableFocusReactionCallback)}enableFocusReaction(){this.reactToFocus=!0,this.removeEventListener("blur",this.enableFocusReactionCallback),this.removeEventListener("click",this.enableFocusReactionCallback),this.removeEventListener("keyup",this.enableFocusReactionCallback)}};B.elementDefinitions={"ft-accordion":$t,"ft-accordion-item":dt,"ft-button":ve,"ft-chip":ye,"ft-filter":K,"ft-filter-option":Je,"ft-icon":ae,"ft-ripple":T,"ft-select":Q,"ft-select-option":Rt,"ft-size-watcher":Ke,"ft-skeleton":to,"ft-snap-scroll":ge,"ft-tooltip":ie,"ft-typography":q,"ft-radio-group":We,"ft-radio":xe};B.styles=[Vo,re.noTextInputDefaultClearButton,bc,vc,Lt.styles,kt.styles];W([(0,G.property)({type:Boolean})],B.prototype,"dense",void 0);W([(0,G.property)()],B.prototype,"mode",void 0);W([(0,G.property)({type:Boolean})],B.prototype,"forceMobileMenuOpen",void 0);W([(0,G.property)({type:Boolean})],B.prototype,"forceMenuOpen",void 0);W([(0,G.property)()],B.prototype,"baseUrl",void 0);W([(0,G.property)()],B.prototype,"apiIntegrationIdentifier",void 0);W([(0,G.property)()],B.prototype,"contentLocale",void 0);W([(0,G.state)()],B.prototype,"availableContentLocales",void 0);W([(0,G.state)()],B.prototype,"availableContentLocalesInitialized",void 0);W([(0,G.property)()],B.prototype,"uiLocale",void 0);W([(0,re.jsonProperty)({})],B.prototype,"labels",void 0);W([(0,re.jsonProperty)([])],B.prototype,"displayedFilters",void 0);W([(0,re.jsonProperty)([])],B.prototype,"presets",void 0);W([(0,G.property)({type:String,reflect:!0})],B.prototype,"selectedPreset",void 0);W([(0,re.jsonProperty)([])],B.prototype,"priors",void 0);W([(0,G.property)()],B.prototype,"searchRequestSerializer",void 0);W([(0,G.property)({type:Boolean})],B.prototype,"focusOnDisplay",void 0);W([(0,G.state)()],B.prototype,"metadataFilters",void 0);W([(0,G.state)()],B.prototype,"sizeCategory",void 0);W([(0,G.state)()],B.prototype,"displayFacets",void 0);W([(0,G.state)()],B.prototype,"mobileMenuOpen",void 0);W([(0,G.state)()],B.prototype,"facets",void 0);W([(0,G.state)()],B.prototype,"facetsInitialized",void 0);W([(0,G.query)(".ft-search-bar--container")],B.prototype,"container",void 0);W([(0,G.query)(".ft-search-bar--filters-opener")],B.prototype,"filtersOpener",void 0);W([(0,G.query)(".ft-search-bar--floating-panel")],B.prototype,"floatingContainer",void 0);W([(0,G.query)("ft-snap-scroll.ft-search-bar--filters-container")],B.prototype,"scrollingFiltersContainer",void 0);W([(0,G.query)(".ft-search-bar--input")],B.prototype,"input",void 0);W([(0,G.query)(".ft-search-bar--launch-search")],B.prototype,"launchSearchButton",void 0);W([(0,G.state)()],B.prototype,"query",void 0);W([(0,G.state)()],B.prototype,"suggestions",void 0);W([(0,G.state)()],B.prototype,"recentSearches",void 0);W([(0,G.state)()],B.prototype,"scrollToFacet",void 0);W([(0,G.state)()],B.prototype,"api",void 0);W([(0,G.state)()],B.prototype,"reactToFocus",void 0);W([(0,G.state)()],B.prototype,"facetsLoaded",void 0);(0,Cd.customElement)("ft-search-bar")(B);})();
|
|
3335
3352
|
/*! Bundled license information:
|
|
3336
3353
|
|
|
3337
3354
|
lit-html/lit-html.js:
|