@fluid-topics/ft-text-field 1.2.4 → 1.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-text-field-suggestion.d.ts +1 -0
- package/build/ft-text-field-suggestion.js +14 -2
- package/build/ft-text-field-suggestion.styles.js +13 -1
- package/build/ft-text-field.d.ts +4 -1
- package/build/ft-text-field.js +35 -19
- package/build/ft-text-field.light.js +204 -184
- package/build/ft-text-field.min.js +200 -180
- package/build/ft-text-field.properties.d.ts +1 -0
- package/package.json +7 -7
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),qe=/'/g,Qe=/"/g,ro=/^(?:script|style|textarea|title)$/i,ao=e=>(o,...a)=>({_$litType$:e,strings:o,values:a}),no=ao(1),io=ao(2),Zt=Symbol.for("lit-noChange"),B=Symbol.for("lit-nothing"),Je=new WeakMap,mt=bt.createTreeWalker(bt,129);function lo(e,o){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ye!==void 0?Ye.createHTML(o):o}var ca=(e,o)=>{let a=e.length-1,i=[],l,s=o===2?"<svg>":"",c=Dt;for(let p=0;p<a;p++){let d=e[p],u,m,y=-1,N=0;for(;N<d.length&&(c.lastIndex=N,m=c.exec(d),m!==null);)N=c.lastIndex,c===Dt?m[1]==="!--"?c=je:m[1]!==void 0?c=Xe:m[2]!==void 0?(ro.test(m[2])&&(l=RegExp("</"+m[2],"g")),c=ht):m[3]!==void 0&&(c=ht):c===ht?m[0]===">"?(c=l??Dt,y=-1):m[1]===void 0?y=-2:(y=c.lastIndex-m[2].length,u=m[1],c=m[3]===void 0?ht:m[3]==='"'?Qe:qe):c===Qe||c===qe?c=ht:c===je||c===Xe?c=Dt:(c=ht,l=void 0);let S=c===ht&&e[p+1].startsWith("/>")?" ":"";s+=c===Dt?d+ia:y>=0?(i.push(u),d.slice(0,y)+to+d.slice(y)+pt+S):d+pt+(y===-2?p:S)}return[lo(e,s+(e[a]||"<?>")+(o===2?"</svg>":"")),i]},Mt=class e{constructor({strings:o,_$litType$:a},i){let l;this.parts=[];let s=0,c=0,p=o.length-1,d=this.parts,[u,m]=ca(o,a);if(this.el=e.createElement(u,i),mt.currentNode=this.el.content,a===2){let y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(l=mt.nextNode())!==null&&d.length<p;){if(l.nodeType===1){if(l.hasAttributes())for(let y of l.getAttributeNames())if(y.endsWith(to)){let N=m[c++],S=l.getAttribute(y).split(pt),w=/([.?@])?(.*)/.exec(N);d.push({type:1,index:s,name:w[2],strings:S,ctor:w[1]==="."?me:w[1]==="?"?be:w[1]==="@"?xe:Nt}),l.removeAttribute(y)}else y.startsWith(pt)&&(d.push({type:6,index:s}),l.removeAttribute(y));if(ro.test(l.tagName)){let y=l.textContent.split(pt),N=y.length-1;if(N>0){l.textContent=te?te.emptyScript:"";for(let S=0;S<N;S++)l.append(y[S],ee()),mt.nextNode(),d.push({type:2,index:++s});l.append(y[N],ee())}}}else if(l.nodeType===8)if(l.data===eo)d.push({type:2,index:s});else{let y=-1;for(;(y=l.data.indexOf(pt,y+1))!==-1;)d.push({type:7,index:s}),y+=pt.length-1}s++}}static createElement(o,a){let i=bt.createElement("template");return i.innerHTML=o,i}};function vt(e,o,a=e,i){if(o===Zt)return o;let l=i!==void 0?a._$Co?.[i]:a._$Cl,s=Gt(o)?void 0:o._$litDirective$;return l?.constructor!==s&&(l?._$AO?.(!1),s===void 0?l=void 0:(l=new s(e),l._$AT(e,a,i)),i!==void 0?(a._$Co??=[])[i]=l:a._$Cl=l),l!==void 0&&(o=vt(e,l._$AS(e,o.values),l,i)),o}var he=class{constructor(o,a){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=a}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:a},parts:i}=this._$AD,l=(o?.creationScope??bt).importNode(a,!0);mt.currentNode=l;let s=mt.nextNode(),c=0,p=0,d=i[0];for(;d!==void 0;){if(c===d.index){let u;d.type===2?u=new oe(s,s.nextSibling,this,o):d.type===1?u=new d.ctor(s,d.name,d.strings,this,o):d.type===6&&(u=new Se(s,this,o)),this._$AV.push(u),d=i[++p]}c!==d?.index&&(s=mt.nextNode(),c++)}return mt.currentNode=bt,l}p(o){let a=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,a),a+=i.strings.length-2):i._$AI(o[a])),a++}},oe=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,a,i,l){this.type=2,this._$AH=B,this._$AN=void 0,this._$AA=o,this._$AB=a,this._$AM=i,this.options=l,this._$Cv=l?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,a=this._$AM;return a!==void 0&&o?.nodeType===11&&(o=a.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,a=this){o=vt(this,o,a),Gt(o)?o===B||o==null||o===""?(this._$AH!==B&&this._$AR(),this._$AH=B):o!==this._$AH&&o!==Zt&&this._(o):o._$litType$!==void 0?this.g(o):o.nodeType!==void 0?this.$(o):la(o)?this.T(o):this._(o)}k(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}$(o){this._$AH!==o&&(this._$AR(),this._$AH=this.k(o))}_(o){this._$AH!==B&&Gt(this._$AH)?this._$AA.nextSibling.data=o:this.$(bt.createTextNode(o)),this._$AH=o}g(o){let{values:a,_$litType$:i}=o,l=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=Mt.createElement(lo(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===l)this._$AH.p(a);else{let s=new he(l,this),c=s.u(this.options);s.p(a),this.$(c),this._$AH=s}}_$AC(o){let a=Je.get(o.strings);return a===void 0&&Je.set(o.strings,a=new Mt(o)),a}T(o){oo(this._$AH)||(this._$AH=[],this._$AR());let a=this._$AH,i,l=0;for(let s of o)l===a.length?a.push(i=new e(this.k(ee()),this.k(ee()),this,this.options)):i=a[l],i._$AI(s),l++;l<a.length&&(this._$AR(i&&i._$AB.nextSibling,l),a.length=l)}_$AR(o=this._$AA.nextSibling,a){for(this._$AP?.(!1,!0,a);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},Nt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,a,i,l,s){this.type=1,this._$AH=B,this._$AN=void 0,this.element=o,this.name=a,this._$AM=l,this.options=s,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=B}_$AI(o,a=this,i,l){let s=this.strings,c=!1;if(s===void 0)o=vt(this,o,a,0),c=!Gt(o)||o!==this._$AH&&o!==Zt,c&&(this._$AH=o);else{let p=o,d,u;for(o=s[0],d=0;d<s.length-1;d++)u=vt(this,p[i+d],a,d),u===Zt&&(u=this._$AH[d]),c||=!Gt(u)||u!==this._$AH[d],u===B?o=B:o!==B&&(o+=(u??"")+s[d+1]),this._$AH[d]=u}c&&!l&&this.O(o)}O(o){o===B?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},me=class extends Nt{constructor(){super(...arguments),this.type=3}O(o){this.element[this.name]=o===B?void 0:o}},be=class extends Nt{constructor(){super(...arguments),this.type=4}O(o){this.element.toggleAttribute(this.name,!!o&&o!==B)}},xe=class extends Nt{constructor(o,a,i,l,s){super(o,a,i,l,s),this.type=5}_$AI(o,a=this){if((o=vt(this,o,a,0)??B)===Zt)return;let i=this._$AH,l=o===B&&i!==B||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,s=o!==B&&(i===B||l);l&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},Se=class{constructor(o,a,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=a,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){vt(this,o)}};var sa=Oe.litHtmlPolyfillSupport;sa?.(Mt,oe),(Oe.litHtmlVersions??=[]).push("3.1.0");var Ce=e=>e??B;var kt=x(T());var Jo=x(T());var so=Symbol.for(""),pa=e=>{if(e?.r===so)return e?._$litStatic$},ve=e=>({_$litStatic$:e,r:so});var co=new Map,po=e=>(o,...a)=>{let i=a.length,l,s,c=[],p=[],d,u=0,m=!1;for(;u<i;){for(d=o[u];u<i&&(s=a[u],(l=pa(s))!==void 0);)d+=l+o[++u],m=!0;u!==i&&p.push(s),c.push(d),u++}if(u===i&&c.push(o[i]),m){let y=c.join("$$lit$$");(o=co.get(y))===void 0&&(c.raw=c,co.set(y,o=c)),a=p}return e(o,...a)},Ne=po(no),Ma=po(io);var Ee=x(yt()),Qo=x(T());var re;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(re||(re={}));var F=x(U()),g=x(T());var et=x(U(),1),dt=e=>typeof e=="string"?(0,et.unsafeCSS)(e):e,t=class{static create(o,a,i,l){let s=p=>dt(p??l),c=et.css`var(${dt(o)}, ${s(l)})`;return c.name=o,c.description=a,c.category=i,c.defaultValue=l,c.defaultCssValue=s,c.get=p=>et.css`var(${dt(o)}, ${s(p)})`,c.breadcrumb=()=>[],c.lastResortDefaultValue=()=>l,c}static extend(o,a,i,l){let s=p=>i.get(p??l),c=et.css`var(${dt(o)}, ${s(l)})`;return c.name=o,c.description=a,c.category=i.category,c.fallbackVariable=i,c.defaultValue=l,c.defaultCssValue=s,c.get=p=>et.css`var(${dt(o)}, ${s(p)})`,c.breadcrumb=()=>[i.name,...i.breadcrumb()],c.lastResortDefaultValue=()=>l??i.lastResortDefaultValue(),c}static external(o,a){let i=s=>o.fallbackVariable?o.fallbackVariable.get(s??o.defaultValue):dt(s??o.lastResortDefaultValue()),l=et.css`var(${dt(o.name)}, ${i(o.defaultValue)})`;return l.name=o.name,l.category=o.category,l.fallbackVariable=o.fallbackVariable,l.defaultValue=o.defaultValue,l.context=a,l.defaultCssValue=i,l.get=s=>et.css`var(${dt(o.name)}, ${i(s)})`,l.breadcrumb=()=>o.fallbackVariable?[o.fallbackVariable.name,...o.fallbackVariable.breadcrumb()]:[],l.lastResortDefaultValue=()=>o.lastResortDefaultValue(),l}};var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:t.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:t.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.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:t.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:t.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:t.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:t.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:t.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:t.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:t.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:t.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)")},fo={fontFamily:t.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-textCase","","UNKNOWN","none")},go={fontFamily:t.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},uo={fontFamily:t.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},yo={fontFamily:t.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},ho={fontFamily:t.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},mo={fontFamily:t.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},bo={fontFamily:t.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},xo={fontFamily:t.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},So={fontFamily:t.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},da={fontFamily:t.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:t.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:t.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},Oo={fontFamily:t.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},Co={fontFamily:t.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},vo={fontFamily:t.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},No={fontFamily:t.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},Eo={fontFamily:t.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},wo={fontFamily:t.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Ro={fontFamily:t.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Lo={fontFamily:t.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Ao={fontFamily:t.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Io={fontFamily:t.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Wo={fontFamily:t.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Bo={fontFamily:t.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},Po={fontFamily:t.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},$o={fontFamily:t.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},zo={fontFamily:t.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},To={fontFamily:t.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},ae={display:fo,"title-1":go,"title-2":uo,"title-3":yo,"body-1-regular":ho,"body-1-medium":mo,"body-1-semibold":bo,"body-2-regular":xo,"body-2-medium":So,"body-2-medium-underline":da,"body-2-semibold":Oo,"label-1-medium":Co,"label-1-semibold":vo,"label-1-bold":No,"label-2-medium":Eo,"label-2-semibold":wo,"label-2-bold":Ro,"caption-1-medium":Lo,"caption-1-semibold":Ao,"caption-1-bold":Io,"caption-2-medium":Wo,"caption-2-semibold":Bo,"caption-2-bold":Po,"caption-3-medium":$o,"caption-3-semibold":zo,"caption-3-bold":To};var n={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",r.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",r.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",r.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",r.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",r.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",r.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",r.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",r.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",r.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",r.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",r.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",r.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",r.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",r.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",r.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",r.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",r.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",r.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
4
|
-
Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",r.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",r.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",r.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",r.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",r.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",r.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",r.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",r.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",r.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",r.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",r.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",r.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",r.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",r.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",r.colorGray80),borderNeutralPrimary:t.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",r.colorGray200)};var an={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",r.spacing4),largeGap:t.extend("--ft-button-large-gap","",r.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",r.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",r.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",r.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",r.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",r.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",r.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",r.spacing2),smallGap:t.extend("--ft-button-small-gap","",r.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",r.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",r.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",r.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",r.borderRadiusPill),primaryBrandBackgroundColor:t.extend("--ft-button-primary-brand-background-color","",n.backgroundActionPrimary),primaryBrandColor:t.extend("--ft-button-primary-brand-color","",n.contentGlobalOnColor),primaryBrandIconColor:t.extend("--ft-button-primary-brand-icon-color","",n.contentGlobalOnColor),primaryBrandStateLayerColor:t.extend("--ft-button-primary-brand-state-layer-color","",n.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:t.extend("--ft-button-primary-brand-hover-state-layer-opacity","",r.opacity16),primaryBrandFocusStateLayerOpacity:t.extend("--ft-button-primary-brand-focus-state-layer-opacity","",r.opacity16),primaryBrandActiveStateLayerOpacity:t.extend("--ft-button-primary-brand-active-state-layer-opacity","",r.opacity24),primaryBrandDisabledComponentOpacity:t.extend("--ft-button-primary-brand-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",n.borderActionFocusRing),tertiaryBrandBackgroundColor:t.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:t.extend("--ft-button-tertiary-brand-color","",n.contentActionPrimary),tertiaryBrandIconColor:t.extend("--ft-button-tertiary-brand-icon-color","",n.contentActionPrimary),tertiaryBrandStateLayerColor:t.extend("--ft-button-tertiary-brand-state-layer-color","",n.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:t.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",r.opacity8),tertiaryBrandFocusStateLayerOpacity:t.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",r.opacity8),tertiaryBrandActiveStateLayerOpacity:t.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",r.opacity16),tertiaryBrandDisabledComponentOpacity:t.extend("--ft-button-tertiary-brand-disabled-component-opacity","",r.opacity40),tertiaryInfoBackgroundColor:t.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:t.extend("--ft-button-tertiary-info-color","",n.contentInfoPrimary),tertiaryInfoIconColor:t.extend("--ft-button-tertiary-info-icon-color","",n.contentInfoPrimary),tertiaryInfoStateLayerColor:t.extend("--ft-button-tertiary-info-state-layer-color","",n.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:t.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",r.opacity8),tertiaryInfoHoverStateLayerOpacity:t.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",r.opacity8),tertiaryInfoActiveStateLayerOpacity:t.extend("--ft-button-tertiary-info-active-state-layer-opacity","",r.opacity16),tertiaryInfoDisabledComponentOpacity:t.extend("--ft-button-tertiary-info-disabled-component-opacity","",r.opacity40),tertiarySuccessBackgroundColor:t.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:t.extend("--ft-button-tertiary-success-color","",n.contentSuccessPrimary),tertiarySuccessIconColor:t.extend("--ft-button-tertiary-success-icon-color","",n.contentSuccessPrimary),tertiarySuccessStateLayerColor:t.extend("--ft-button-tertiary-success-state-layer-color","",n.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:t.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",r.opacity8),tertiarySuccessFocusStateLayerOpacity:t.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",r.opacity8),tertiarySuccessActiveStateLayerOpacity:t.extend("--ft-button-tertiary-success-active-state-layer-opacity","",r.opacity16),tertiarySuccessDisabledComponentOpacity:t.extend("--ft-button-tertiary-success-disabled-component-opacity","",r.opacity40),tertiaryWarningBackgroundColor:t.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:t.extend("--ft-button-tertiary-warning-color","",n.contentWarningPrimary),tertiaryWarningIconColor:t.extend("--ft-button-tertiary-warning-icon-color","",n.contentWarningPrimary),tertiaryWarningStateLayerColor:t.extend("--ft-button-tertiary-warning-state-layer-color","",n.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:t.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",r.opacity8),tertiaryWarningFocusStateLayerOpacity:t.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",r.opacity8),tertiaryWarningActiveStateLayerOpacity:t.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",r.opacity16),tertiaryWarningDisabledComponentOpacity:t.extend("--ft-button-tertiary-warning-disabled-component-opacity","",r.opacity40),tertiaryErrorBackgroundColor:t.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:t.extend("--ft-button-tertiary-error-color","",n.contentErrorPrimary),tertiaryErrorIconColor:t.extend("--ft-button-tertiary-error-icon-color","",n.contentErrorPrimary),tertiaryErrorStateLayerColor:t.extend("--ft-button-tertiary-error-state-layer-color","",n.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:t.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",r.opacity8),tertiaryErrorFocusStateLayerOpacity:t.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",r.opacity8),tertiaryErrorActiveStateLayerOpacity:t.extend("--ft-button-tertiary-error-active-state-layer-opacity","",r.opacity16),tertiaryErrorDisabledComponentOpacity:t.extend("--ft-button-tertiary-error-disabled-component-opacity","",r.opacity40),tertiaryNeutralBackgroundColor:t.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:t.extend("--ft-button-tertiary-neutral-icon-color","",n.contentGlobalSecondary),tertiaryNeutralColor:t.extend("--ft-button-tertiary-neutral-color","",n.contentGlobalSecondary),tertiaryNeutralStateLayerColor:t.extend("--ft-button-tertiary-neutral-state-layer-color","",n.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",r.opacity8),tertiaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",r.opacity8),tertiaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",r.opacity16),tertiaryNeutralDisabledComponentOpacity:t.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",r.opacity40),secondaryBrandBackgroundColor:t.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:t.extend("--ft-button-secondary-brand-color","",n.contentActionPrimary),secondaryBrandIconColor:t.extend("--ft-button-secondary-brand-icon-color","",n.contentActionPrimary),secondaryBrandStateLayerColor:t.extend("--ft-button-secondary-brand-state-layer-color","",n.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:t.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",r.opacity8),secondaryBrandFocusStateLayerOpacity:t.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",r.opacity8),secondaryBrandActiveStateLayerOpacity:t.extend("--ft-button-secondary-brand-active-state-layer-opacity","",r.opacity16),secondaryBrandDisabledComponentOpacity:t.extend("--ft-button-secondary-brand-disabled-component-opacity","",r.opacity40),secondaryBrandBorderColor:t.extend("--ft-button-secondary-brand-border-color","",n.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",r.opacity8),secondaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",r.opacity8),secondaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",r.opacity16),secondaryNeutralDisabledComponentOpacity:t.extend("--ft-button-secondary-neutral-disabled-component-opacity","",r.opacity40),secondaryNeutralBackgroundColor:t.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:t.extend("--ft-button-secondary-neutral-color","",n.contentGlobalSecondary),secondaryNeutralIconColor:t.extend("--ft-button-secondary-neutral-icon-color","",n.contentGlobalSecondary),secondaryNeutralStateLayerColor:t.extend("--ft-button-secondary-neutral-state-layer-color","",n.contentGlobalSecondary),secondaryNeutralBorderColor:t.extend("--ft-button-secondary-neutral-border-color","",n.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:t.extend("--ft-button-secondary-info-hover-state-layer-opacity","",r.opacity8),secondaryInfoFocusStateLayerOpacity:t.extend("--ft-button-secondary-info-focus-state-layer-opacity","",r.opacity8),secondaryInfoActiveStateLayerOpacity:t.extend("--ft-button-secondary-info-active-state-layer-opacity","",r.opacity16),secondaryInfoDisabledComponentOpacity:t.extend("--ft-button-secondary-info-disabled-component-opacity","",r.opacity40),secondaryInfoBackgroundColor:t.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:t.extend("--ft-button-secondary-info-border-color","",n.borderInfoPrimary),secondaryInfoColor:t.extend("--ft-button-secondary-info-color","",n.contentInfoPrimary),secondaryInfoIconColor:t.extend("--ft-button-secondary-info-icon-color","",n.contentInfoPrimary),secondaryInfoStateLayerColor:t.extend("--ft-button-secondary-info-state-layer-color","",n.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:t.extend("--ft-button-secondary-success-hover-state-layer-opacity","",r.opacity8),secondarySuccessFocusStateLayerOpacity:t.extend("--ft-button-secondary-success-focus-state-layer-opacity","",r.opacity8),secondarySuccessActiveStateLayerOpacity:t.extend("--ft-button-secondary-success-active-state-layer-opacity","",r.opacity16),secondarySuccessDisabledComponentOpacity:t.extend("--ft-button-secondary-success-disabled-component-opacity","",r.opacity40),secondarySuccessBackgroundColor:t.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:t.extend("--ft-button-secondary-success-border-color","",n.borderSuccessPrimary),secondarySuccessColor:t.extend("--ft-button-secondary-success-color","",n.contentSuccessPrimary),secondarySuccessIconColor:t.extend("--ft-button-secondary-success-icon-color","",n.contentSuccessPrimary),secondarySuccessStateLayerColor:t.extend("--ft-button-secondary-success-state-layer-color","",n.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:t.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",r.opacity8),secondaryWarningFocusStateLayerOpacity:t.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",r.opacity8),secondaryWarningActiveStateLayerOpacity:t.extend("--ft-button-secondary-warning-active-state-layer-opacity","",r.opacity16),secondaryWarningDisabledComponentOpacity:t.extend("--ft-button-secondary-warning-disabled-component-opacity","",r.opacity40),secondaryWarningBackgroundColor:t.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:t.extend("--ft-button-secondary-warning-border-color","",n.borderWarningPrimary),secondaryWarningColor:t.extend("--ft-button-secondary-warning-color","",n.contentWarningPrimary),secondaryWarningIconColor:t.extend("--ft-button-secondary-warning-icon-color","",n.contentWarningPrimary),secondaryWarningStateLayerColor:t.extend("--ft-button-secondary-warning-state-layer-color","",n.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:t.extend("--ft-button-secondary-error-hover-state-layer-opacity","",r.opacity8),secondaryErrorFocusStateLayerOpacity:t.extend("--ft-button-secondary-error-focus-state-layer-opacity","",r.opacity8),secondaryErrorActiveStateLayerOpacity:t.extend("--ft-button-secondary-error-active-state-layer-opacity","",r.opacity16),secondaryErrorDisabledComponentOpacity:t.extend("--ft-button-secondary-error-disabled-component-opacity","",r.opacity40),secondaryErrorBackgroundColor:t.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:t.extend("--ft-button-secondary-error-border-color","",n.contentErrorPrimary),secondaryErrorColor:t.extend("--ft-button-secondary-error-color","",n.contentErrorPrimary),secondaryErrorIconColor:t.extend("--ft-button-secondary-error-icon-color","",n.contentErrorPrimary),secondaryErrorStateLayerColor:t.extend("--ft-button-secondary-error-state-layer-color","",n.contentErrorPrimary)};var pn={neutralOffHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",r.opacity8),neutralOffFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",r.opacity8),neutralOffFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",n.borderActionFocusRing),neutralOffActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",r.opacity16),neutralOffBackgroundColor:t.extend("--ft-chip-choice-neutral-off-background-color","",n.backgroundGlobalOnSurface),neutralOffBorderColor:t.extend("--ft-chip-choice-neutral-off-border-color","",n.borderGlobalPrimary),neutralOffColor:t.extend("--ft-chip-choice-neutral-off-color","",n.contentGlobalSecondary),neutralOffStateLayerColor:t.extend("--ft-chip-choice-neutral-off-state-layer-color","",n.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",r.opacity16),neutralOnHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",r.opacity24),neutralOnFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",r.opacity24),neutralOnFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",n.borderActionFocusRing),neutralOnActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",r.opacity32),neutralOnBackgroundColor:t.extend("--ft-chip-choice-neutral-on-background-color","",n.backgroundGlobalOnSurface),neutralOnBorderColor:t.extend("--ft-chip-choice-neutral-on-border-color","",n.borderGlobalPrimary),neutralOnColor:t.extend("--ft-chip-choice-neutral-on-color","",n.contentGlobalPrimary),neutralOnIconColor:t.extend("--ft-chip-choice-neutral-on-icon-color","",n.contentGlobalPrimary),neutralOnStateLayerColor:t.extend("--ft-chip-choice-neutral-on-state-layer-color","",n.contentGlobalPrimary),largeMinHeight:t.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-choice-large-horizontal-padding","",r.spacing3),largeGap:t.extend("--ft-chip-choice-large-gap","",r.spacing1),largeBorderRadius:t.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-choice-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-choice-medium-horizontal-padding","",r.spacing2),mediumGap:t.extend("--ft-chip-choice-medium-gap","",r.spacing1),mediumBorderRadius:t.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-choice-medium-icon-size","",r.iconSize2)};var yn={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",r.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",r.spacing1),largeGap:t.extend("--ft-chip-large-gap","",r.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",r.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",r.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",r.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",r.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",r.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",r.spacing05),smallGap:t.extend("--ft-chip-small-gap","",r.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",r.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",n.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",n.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",n.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",n.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",n.borderErrorSubtle)};var Sn={brandHoverOpacity:t.extend("--ft-link-brand-hover-opacity","",r.opacity80),brandHoverColor:t.extend("--ft-link-brand-hover-color","",n.contentActionPrimary),brandFocusFocusRingColor:t.extend("--ft-link-brand-focus-focus-ring-color","",n.borderActionFocusRing),brandFocusColor:t.extend("--ft-link-brand-focus-color","",n.contentActionPrimary),brandDefaultColor:t.extend("--ft-link-brand-default-color","",n.contentActionPrimary),brandActiveColor:t.extend("--ft-link-brand-active-color","",n.contentActionPrimary),infoHoverOpacity:t.extend("--ft-link-info-hover-opacity","",r.opacity80),infoHoverColor:t.extend("--ft-link-info-hover-color","",n.contentInfoPrimary),infoFocusFocusRingColor:t.extend("--ft-link-info-focus-focus-ring-color","",n.borderActionFocusRing),infoFocusColor:t.extend("--ft-link-info-focus-color","",n.contentInfoPrimary),infoDefaultColor:t.extend("--ft-link-info-default-color","",n.contentInfoPrimary),infoActiveColor:t.extend("--ft-link-info-active-color","",n.contentInfoPrimary),neutralFocusFocusRingColor:t.extend("--ft-link-neutral-focus-focus-ring-color","",n.borderActionFocusRing),neutralFocusColor:t.extend("--ft-link-neutral-focus-color","",n.contentActionPrimary),neutralDefaultColor:t.extend("--ft-link-neutral-default-color","",n.contentGlobalPrimary),neutralHoverColor:t.extend("--ft-link-neutral-hover-color","",n.contentActionPrimary),neutralActiveColor:t.extend("--ft-link-neutral-active-color","",n.contentActionPrimary),neutralVisitedColor:t.extend("--ft-link-neutral-visited-color","",r.colorBrand100)};var En={iconSize:t.extend("--ft-banner-icon-size","",r.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",r.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",r.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",r.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",r.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",r.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",r.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",r.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",n.borderInfoSubtle)};var In={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",r.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",r.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",r.borderRadiusPill),color:t.extend("--ft-badge-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",n.contentActionPrimary)};var zn={horizontalGap:t.extend("--ft-title-breadcrumb-horizontal-gap","",r.spacing1),currentColor:t.extend("--ft-title-breadcrumb-current-color","",n.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-title-breadcrumb-previous-non-clickable-color","",n.contentGlobalSecondary),iconColor:t.extend("--ft-title-breadcrumb-icon-color","",n.contentGlobalSubtle)};var Un={parentHorizontalPadding:t.extend("--ft-page-header-parent-horizontal-padding","",r.spacing6),parentTopPadding:t.extend("--ft-page-header-parent-top-padding","",r.spacing4),parentBottomPadding:t.extend("--ft-page-header-parent-bottom-padding","",r.spacing6),parentHelpLeftMargin:t.extend("--ft-page-header-parent-help-left-margin","",r.spacing1),parentTitleColor:t.extend("--ft-page-header-parent-title-color","",n.contentGlobalPrimary),parentSubtitleColor:t.extend("--ft-page-header-parent-subtitle-color","",n.contentGlobalSecondary),parentChipLeftMargin:t.extend("--ft-page-header-parent-chip-left-margin","",r.spacing4),parentVerticalGap:t.extend("--ft-page-header-parent-vertical-gap","",r.spacing2),parentButtonsGroupHorizontalGap:t.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",r.spacing4),parentButtonsGroupVerticalGap:t.extend("--ft-page-header-parent-buttons-group-vertical-gap","",r.spacing4),parentChipsGroupHorizontalGap:t.extend("--ft-page-header-parent-chips-group-horizontal-gap","",r.spacing2),parentChipsGroupVerticalGap:t.extend("--ft-page-header-parent-chips-group-vertical-gap","",r.spacing2),childHorizontalPadding:t.extend("--ft-page-header-child-horizontal-padding","",r.spacing6),childTopPadding:t.extend("--ft-page-header-child-top-padding","",r.spacing2),childBottomPadding:t.extend("--ft-page-header-child-bottom-padding","",r.spacing2),childHelpLeftMargin:t.extend("--ft-page-header-child-help-left-margin","",r.spacing1),childChipLeftMargin:t.extend("--ft-page-header-child-chip-left-margin","",r.spacing4),childVerticalGap:t.extend("--ft-page-header-child-vertical-gap","",r.spacing2),childMinHeight:t.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:t.extend("--ft-page-header-child-buttons-group-horizontal-gap","",r.spacing4),childButtonsGroupVerticalGap:t.extend("--ft-page-header-child-buttons-group-vertical-gap","",r.spacing4),childChipsGroupHorizontalGap:t.extend("--ft-page-header-child-chips-group-horizontal-gap","",r.spacing2),childChipsGroupVerticalGap:t.extend("--ft-page-header-child-chips-group-vertical-gap","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",n.borderGlobalSubtle),bottomBorderWidth:t.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var Kn={horizontalPadding:t.extend("--ft-page-footer-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-page-footer-vertical-padding","",r.spacing2),verticalGap:t.extend("--ft-page-footer-vertical-gap","",r.spacing2),minHeight:t.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:t.extend("--ft-page-footer-background-color","",r.colorWhite),topBorderColor:t.extend("--ft-page-footer-top-border-color","",n.borderGlobalSubtle),topBorderWidth:t.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:t.extend("--ft-page-footer-buttons-group-gap","",r.spacing4)};var jn={contentHorizontalPadding:t.extend("--ft-page-layout-content-horizontal-padding","",r.spacing6),contentVerticalPadding:t.extend("--ft-page-layout-content-vertical-padding","",r.spacing6)};var ti={smallContainerTargetWidth:t.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:t.extend("--ft-modal-small-container-margin","",r.spacing6),mediumContainerTargetWidth:t.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:t.extend("--ft-modal-medium-container-margin","",r.spacing6),largeContainerTargetWidth:t.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:t.extend("--ft-modal-large-container-margin","",r.spacing6),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",r.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-modal-shadow","",r.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",r.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",r.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",r.spacing6),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",n.contentGlobalPrimary),headerLeadingIconColor:t.extend("--ft-modal-header-leading-icon-color","",n.contentGlobalPrimary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",r.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",r.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",r.spacing6),headerGap:t.extend("--ft-modal-header-gap","",r.spacing2),headerBorderBottomWidth:t.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var ni={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",r.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",r.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",r.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",n.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",n.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",r.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",r.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",n.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",n.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",n.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing6),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",r.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",r.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",r.colorGray700)};var pi={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",r.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",r.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",r.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-tabs-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",n.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",n.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",r.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",r.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",r.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",r.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",r.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity24),onColor:t.extend("--ft-tabs-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",n.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",n.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",r.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",r.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",r.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",r.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",n.borderActionFocusRing)};var yi={fieldHorizontalPadding:t.extend("--ft-text-input-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-input-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-input-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-text-input-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-text-input-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-input-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-input-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-input-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-text-input-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",n.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",n.contentErrorIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var Si={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",n.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",n.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",r.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",r.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",r.borderRadiusM)};var Ei={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",r.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",n.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",n.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",n.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",r.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",r.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",r.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",r.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",n.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",r.shadowElevation02)};var Ii={fieldHorizontalPadding:t.extend("--ft-combobox-single-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-single-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-single-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-single-select-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-combobox-single-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-single-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-single-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-single-select-helper-icon-size","",r.iconSize2),menuVerticalGap:t.extend("--ft-combobox-single-select-menu-vertical-gap","",r.spacing2),borderRadius:t.extend("--ft-combobox-single-select-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",n.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",n.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",n.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",r.opacity40)};var zi={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",n.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",n.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",n.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",n.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",r.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",r.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",r.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",r.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",r.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",r.borderRadiusM)};var Ui={backgroundColor:t.extend("--ft-popover-background-color","",n.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",r.spacing6),titleColor:t.extend("--ft-popover-title-color","",n.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",n.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",n.contentActionPrimary),gap:t.extend("--ft-popover-gap","",r.spacing3),borderRadius:t.extend("--ft-popover-border-radius","",r.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-popover-max-width","","SIZE","440px")};var Ki={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",r.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",r.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",n.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",r.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",r.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",r.spacing3),color:t.extend("--ft-collapsible-color","",n.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",n.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",n.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",n.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var Xi={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",r.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",r.spacing1),groupGap:t.extend("--ft-switch-group-gap","",r.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",n.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",n.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",r.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",r.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",r.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",r.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-switch-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",r.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",r.opacity40),onColor:t.extend("--ft-switch-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",n.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",r.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",r.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",n.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var tl={color1Light:t.extend("--ft-chart-1-light","for area color charts",r.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",r.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",r.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",r.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",r.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",r.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",r.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",r.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",r.colorRed40),color5Base:t.extend("--ft-chart-5-base","",r.colorRed60),color6Light:t.extend("--ft-chart-6-light","",r.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",r.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",r.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",r.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",r.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",r.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",r.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",r.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",r.colorGray50),color10Base:t.extend("--ft-chart-10-base","",r.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",r.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",r.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",r.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",r.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",r.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",r.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",r.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",r.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",r.colorCyan10),scatterplotQuadrantUnpopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",r.colorRed10),scatterplotDatapointInitialDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",r.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",r.opacity48),scatterplotDatapointInitialHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",r.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",r.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",r.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",r.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",r.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",r.colorGray70),scatterplotDatapointHoverHoverRingColor:t.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",r.colorCyan200)};var al={color1IconColor:t.extend("--ft-page-designer-1-icon-color","for area color charts",r.colorCyan0),color1ToolbarColor:t.extend("--ft-page-designer-1-toolbar-color","for area color charts",r.colorCyan0),color2IconColor:t.extend("--ft-page-designer-2-icon-color","for area color charts",r.colorBrand0),color2ToolbarColor:t.extend("--ft-page-designer-2-toolbar-color","for area color charts",r.colorBrand0),color3IconColor:t.extend("--ft-page-designer-3-icon-color","for area color charts",r.colorYellow200),color3ToolbarColor:t.extend("--ft-page-designer-3-toolbar-color","for area color charts",r.colorYellow200),color4IconColor:t.extend("--ft-page-designer-4-icon-color","for area color charts",r.colorUltramarine50),color4ToolbarColor:t.extend("--ft-page-designer-4-toolbar-color","for area color charts",r.colorUltramarine50),color5IconColor:t.extend("--ft-page-designer-5-icon-color","for area color charts",r.colorGreen0),color5ToolbarColor:t.extend("--ft-page-designer-5-toolbar-color","for area color charts",r.colorGreen0),color6IconColor:t.extend("--ft-page-designer-6-icon-color","for area color charts",r.colorOrange0),color6ToolbarColor:t.extend("--ft-page-designer-6-toolbar-color","for area color charts",r.colorOrange0),color7IconColor:t.extend("--ft-page-designer-7-icon-color","for area color charts",r.colorAvocado200),color7ToolbarColor:t.extend("--ft-page-designer-7-toolbar-color","for area color charts",r.colorAvocado200),color8IconColor:t.extend("--ft-page-designer-8-icon-color","for area color charts",r.colorBrown0),color8ToolbarColor:t.extend("--ft-page-designer-8-toolbar-color","for area color charts",r.colorBrown0)};var sl={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",r.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",r.borderRadiusS),gap:t.extend("--ft-notice-gap","",r.spacing2),iconSize:t.extend("--ft-notice-icon-size","",r.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",n.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",n.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",n.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",n.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",n.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",n.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",n.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",n.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",n.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",n.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",n.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",n.contentSuccessIconOnly)};var ul={color:t.extend("--ft-checkbox-color","",n.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",n.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",n.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",n.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",r.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",r.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",r.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",r.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",r.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",r.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",r.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",r.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",r.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-checkbox-gap","",r.spacing3)};var xl={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",r.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",r.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",r.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",r.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",n.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",r.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",r.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",r.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",n.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",n.contentActionPrimary),color:t.extend("--ft-toggle-color","",n.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",n.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var Nl={color:t.extend("--ft-radio-color","",n.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",n.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",n.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",r.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",r.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",r.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",r.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",n.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",n.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",r.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",r.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",r.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-radio-gap","",r.spacing3)};var Al={iconSize:t.extend("--ft-notification-icon-size","",r.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",r.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",r.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",r.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",n.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",r.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",r.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",r.spacing8)};var $l={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",r.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",r.borderRadiusS),color:t.extend("--ft-tooltip-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",n.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var ko;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})(ko||(ko={}));var Ho;(function(e){e.large="large",e.medium="medium",e.small="small"})(Ho||(Ho={}));var ne=x(U());function _o(e){let o=ae[e];return ne.css`
|
|
5
|
-
.ft-typography--${(0,
|
|
1
|
+
"use strict";(()=>{var ea=Object.create;var Me=Object.defineProperty;var oa=Object.getOwnPropertyDescriptor;var ra=Object.getOwnPropertyNames;var aa=Object.getPrototypeOf,na=Object.prototype.hasOwnProperty;var Ut=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var ia=(e,o,a,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of ra(o))!na.call(e,l)&&l!==a&&Me(e,l,{get:()=>o[l],enumerable:!(i=oa(o,l))||i.enumerable});return e};var b=(e,o,a)=>(a=e!=null?ea(aa(e)):{},ia(o||!e||!e.__esModule?Me(a,"default",{value:e,enumerable:!0}):a,e));var T=Ut((za,Ke)=>{Ke.exports=ftGlobals.wcUtils});var U=Ut((Ta,Fe)=>{Fe.exports=ftGlobals.lit});var yt=Ut((ka,Ve)=>{Ve.exports=ftGlobals.litDecorators});var Dt=Ut((Ha,Ye)=>{Ye.exports=ftGlobals.litClassMap});var mr=Ut((vs,hr)=>{hr.exports=ftGlobals.litUnsafeHTML});var Ue=b(T());var M=b(U()),N=b(yt()),Qr=b(Dt());var ve=globalThis,ee=ve.trustedTypes,je=ee?ee.createPolicy("lit-html",{createHTML:e=>e}):void 0,eo="$lit$",pt=`lit$${(Math.random()+"").slice(9)}$`,oo="?"+pt,la=`<${oo}>`,xt=document,oe=()=>xt.createComment(""),Zt=e=>e===null||typeof e!="object"&&typeof e!="function",ro=Array.isArray,ca=e=>ro(e)||typeof e?.[Symbol.iterator]=="function",me=`[
|
|
2
|
+
\f\r]`,Gt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Xe=/-->/g,qe=/>/g,ht=RegExp(`>|${me}(?:([^\\s"'>=/]+)(${me}*=${me}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Qe=/'/g,Je=/"/g,ao=/^(?:script|style|textarea|title)$/i,no=e=>(o,...a)=>({_$litType$:e,strings:o,values:a}),io=no(1),lo=no(2),Mt=Symbol.for("lit-noChange"),B=Symbol.for("lit-nothing"),to=new WeakMap,mt=xt.createTreeWalker(xt,129);function co(e,o){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return je!==void 0?je.createHTML(o):o}var sa=(e,o)=>{let a=e.length-1,i=[],l,s=o===2?"<svg>":"",c=Gt;for(let p=0;p<a;p++){let d=e[p],u,m,y=-1,E=0;for(;E<d.length&&(c.lastIndex=E,m=c.exec(d),m!==null);)E=c.lastIndex,c===Gt?m[1]==="!--"?c=Xe:m[1]!==void 0?c=qe:m[2]!==void 0?(ao.test(m[2])&&(l=RegExp("</"+m[2],"g")),c=ht):m[3]!==void 0&&(c=ht):c===ht?m[0]===">"?(c=l??Gt,y=-1):m[1]===void 0?y=-2:(y=c.lastIndex-m[2].length,u=m[1],c=m[3]===void 0?ht:m[3]==='"'?Je:Qe):c===Je||c===Qe?c=ht:c===Xe||c===qe?c=Gt:(c=ht,l=void 0);let O=c===ht&&e[p+1].startsWith("/>")?" ":"";s+=c===Gt?d+la:y>=0?(i.push(u),d.slice(0,y)+eo+d.slice(y)+pt+O):d+pt+(y===-2?p:O)}return[co(e,s+(e[a]||"<?>")+(o===2?"</svg>":"")),i]},Kt=class e{constructor({strings:o,_$litType$:a},i){let l;this.parts=[];let s=0,c=0,p=o.length-1,d=this.parts,[u,m]=sa(o,a);if(this.el=e.createElement(u,i),mt.currentNode=this.el.content,a===2){let y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(l=mt.nextNode())!==null&&d.length<p;){if(l.nodeType===1){if(l.hasAttributes())for(let y of l.getAttributeNames())if(y.endsWith(eo)){let E=m[c++],O=l.getAttribute(y).split(pt),w=/([.?@])?(.*)/.exec(E);d.push({type:1,index:s,name:w[2],strings:O,ctor:w[1]==="."?be:w[1]==="?"?Se:w[1]==="@"?Oe:Et}),l.removeAttribute(y)}else y.startsWith(pt)&&(d.push({type:6,index:s}),l.removeAttribute(y));if(ao.test(l.tagName)){let y=l.textContent.split(pt),E=y.length-1;if(E>0){l.textContent=ee?ee.emptyScript:"";for(let O=0;O<E;O++)l.append(y[O],oe()),mt.nextNode(),d.push({type:2,index:++s});l.append(y[E],oe())}}}else if(l.nodeType===8)if(l.data===oo)d.push({type:2,index:s});else{let y=-1;for(;(y=l.data.indexOf(pt,y+1))!==-1;)d.push({type:7,index:s}),y+=pt.length-1}s++}}static createElement(o,a){let i=xt.createElement("template");return i.innerHTML=o,i}};function Nt(e,o,a=e,i){if(o===Mt)return o;let l=i!==void 0?a._$Co?.[i]:a._$Cl,s=Zt(o)?void 0:o._$litDirective$;return l?.constructor!==s&&(l?._$AO?.(!1),s===void 0?l=void 0:(l=new s(e),l._$AT(e,a,i)),i!==void 0?(a._$Co??=[])[i]=l:a._$Cl=l),l!==void 0&&(o=Nt(e,l._$AS(e,o.values),l,i)),o}var xe=class{constructor(o,a){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=a}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:a},parts:i}=this._$AD,l=(o?.creationScope??xt).importNode(a,!0);mt.currentNode=l;let s=mt.nextNode(),c=0,p=0,d=i[0];for(;d!==void 0;){if(c===d.index){let u;d.type===2?u=new re(s,s.nextSibling,this,o):d.type===1?u=new d.ctor(s,d.name,d.strings,this,o):d.type===6&&(u=new Ce(s,this,o)),this._$AV.push(u),d=i[++p]}c!==d?.index&&(s=mt.nextNode(),c++)}return mt.currentNode=xt,l}p(o){let a=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,a),a+=i.strings.length-2):i._$AI(o[a])),a++}},re=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,a,i,l){this.type=2,this._$AH=B,this._$AN=void 0,this._$AA=o,this._$AB=a,this._$AM=i,this.options=l,this._$Cv=l?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,a=this._$AM;return a!==void 0&&o?.nodeType===11&&(o=a.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,a=this){o=Nt(this,o,a),Zt(o)?o===B||o==null||o===""?(this._$AH!==B&&this._$AR(),this._$AH=B):o!==this._$AH&&o!==Mt&&this._(o):o._$litType$!==void 0?this.g(o):o.nodeType!==void 0?this.$(o):ca(o)?this.T(o):this._(o)}k(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}$(o){this._$AH!==o&&(this._$AR(),this._$AH=this.k(o))}_(o){this._$AH!==B&&Zt(this._$AH)?this._$AA.nextSibling.data=o:this.$(xt.createTextNode(o)),this._$AH=o}g(o){let{values:a,_$litType$:i}=o,l=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=Kt.createElement(co(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===l)this._$AH.p(a);else{let s=new xe(l,this),c=s.u(this.options);s.p(a),this.$(c),this._$AH=s}}_$AC(o){let a=to.get(o.strings);return a===void 0&&to.set(o.strings,a=new Kt(o)),a}T(o){ro(this._$AH)||(this._$AH=[],this._$AR());let a=this._$AH,i,l=0;for(let s of o)l===a.length?a.push(i=new e(this.k(oe()),this.k(oe()),this,this.options)):i=a[l],i._$AI(s),l++;l<a.length&&(this._$AR(i&&i._$AB.nextSibling,l),a.length=l)}_$AR(o=this._$AA.nextSibling,a){for(this._$AP?.(!1,!0,a);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},Et=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,a,i,l,s){this.type=1,this._$AH=B,this._$AN=void 0,this.element=o,this.name=a,this._$AM=l,this.options=s,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=B}_$AI(o,a=this,i,l){let s=this.strings,c=!1;if(s===void 0)o=Nt(this,o,a,0),c=!Zt(o)||o!==this._$AH&&o!==Mt,c&&(this._$AH=o);else{let p=o,d,u;for(o=s[0],d=0;d<s.length-1;d++)u=Nt(this,p[i+d],a,d),u===Mt&&(u=this._$AH[d]),c||=!Zt(u)||u!==this._$AH[d],u===B?o=B:o!==B&&(o+=(u??"")+s[d+1]),this._$AH[d]=u}c&&!l&&this.O(o)}O(o){o===B?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},be=class extends Et{constructor(){super(...arguments),this.type=3}O(o){this.element[this.name]=o===B?void 0:o}},Se=class extends Et{constructor(){super(...arguments),this.type=4}O(o){this.element.toggleAttribute(this.name,!!o&&o!==B)}},Oe=class extends Et{constructor(o,a,i,l,s){super(o,a,i,l,s),this.type=5}_$AI(o,a=this){if((o=Nt(this,o,a,0)??B)===Mt)return;let i=this._$AH,l=o===B&&i!==B||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,s=o!==B&&(i===B||l);l&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},Ce=class{constructor(o,a,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=a,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){Nt(this,o)}};var pa=ve.litHtmlPolyfillSupport;pa?.(Kt,re),(ve.litHtmlVersions??=[]).push("3.1.0");var Ne=e=>e??B;var Ht=b(T());var tr=b(T());var po=Symbol.for(""),da=e=>{if(e?.r===po)return e?._$litStatic$},Ee=e=>({_$litStatic$:e,r:po});var so=new Map,fo=e=>(o,...a)=>{let i=a.length,l,s,c=[],p=[],d,u=0,m=!1;for(;u<i;){for(d=o[u];u<i&&(s=a[u],(l=da(s))!==void 0);)d+=l+o[++u],m=!0;u!==i&&p.push(s),c.push(d),u++}if(u===i&&c.push(o[i]),m){let y=c.join("$$lit$$");(o=so.get(y))===void 0&&(c.raw=c,so.set(y,o=c)),a=p}return e(o,...a)},we=fo(io),Ka=fo(lo);var Re=b(yt()),Jo=b(T());var ae;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(ae||(ae={}));var V=b(U()),g=b(T());var ot=b(U(),1),dt=e=>typeof e=="string"?(0,ot.unsafeCSS)(e):e,t=class{static create(o,a,i,l){let s=p=>dt(p??l),c=ot.css`var(${dt(o)}, ${s(l)})`;return c.name=o,c.description=a,c.category=i,c.defaultValue=l,c.defaultCssValue=s,c.get=p=>ot.css`var(${dt(o)}, ${s(p)})`,c.breadcrumb=()=>[],c.lastResortDefaultValue=()=>l,c}static extend(o,a,i,l){let s=p=>i.get(p??l),c=ot.css`var(${dt(o)}, ${s(l)})`;return c.name=o,c.description=a,c.category=i.category,c.fallbackVariable=i,c.defaultValue=l,c.defaultCssValue=s,c.get=p=>ot.css`var(${dt(o)}, ${s(p)})`,c.breadcrumb=()=>[i.name,...i.breadcrumb()],c.lastResortDefaultValue=()=>l??i.lastResortDefaultValue(),c}static external(o,a){let i=s=>o.fallbackVariable?o.fallbackVariable.get(s??o.defaultValue):dt(s??o.lastResortDefaultValue()),l=ot.css`var(${dt(o.name)}, ${i(o.defaultValue)})`;return l.name=o.name,l.category=o.category,l.fallbackVariable=o.fallbackVariable,l.defaultValue=o.defaultValue,l.context=a,l.defaultCssValue=i,l.get=s=>ot.css`var(${dt(o.name)}, ${i(s)})`,l.breadcrumb=()=>o.fallbackVariable?[o.fallbackVariable.name,...o.fallbackVariable.breadcrumb()]:[],l.lastResortDefaultValue=()=>o.lastResortDefaultValue(),l}};var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:t.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:t.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.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:t.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:t.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:t.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:t.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:t.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:t.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:t.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:t.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)")},go={fontFamily:t.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-textCase","","UNKNOWN","none")},uo={fontFamily:t.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},yo={fontFamily:t.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},ho={fontFamily:t.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},mo={fontFamily:t.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},xo={fontFamily:t.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},bo={fontFamily:t.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},So={fontFamily:t.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},Oo={fontFamily:t.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},fa={fontFamily:t.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:t.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:t.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},Co={fontFamily:t.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},vo={fontFamily:t.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},No={fontFamily:t.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},Eo={fontFamily:t.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},wo={fontFamily:t.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},Ro={fontFamily:t.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Lo={fontFamily:t.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Ao={fontFamily:t.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Io={fontFamily:t.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Wo={fontFamily:t.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Bo={fontFamily:t.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Po={fontFamily:t.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},$o={fontFamily:t.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},zo={fontFamily:t.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},To={fontFamily:t.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},ko={fontFamily:t.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},ne={display:go,"title-1":uo,"title-2":yo,"title-3":ho,"body-1-regular":mo,"body-1-medium":xo,"body-1-semibold":bo,"body-2-regular":So,"body-2-medium":Oo,"body-2-medium-underline":fa,"body-2-semibold":Co,"label-1-medium":vo,"label-1-semibold":No,"label-1-bold":Eo,"label-2-medium":wo,"label-2-semibold":Ro,"label-2-bold":Lo,"caption-1-medium":Ao,"caption-1-semibold":Io,"caption-1-bold":Wo,"caption-2-medium":Bo,"caption-2-semibold":Po,"caption-2-bold":$o,"caption-3-medium":zo,"caption-3-semibold":To,"caption-3-bold":ko};var n={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",r.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",r.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",r.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",r.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",r.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",r.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",r.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",r.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",r.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",r.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",r.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",r.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",r.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",r.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",r.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",r.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",r.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",r.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
4
|
+
Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",r.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",r.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",r.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",r.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",r.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",r.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",r.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",r.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",r.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",r.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",r.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",r.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",r.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",r.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",r.colorGray80),borderNeutralPrimary:t.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",r.colorGray200)};var nn={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",r.spacing4),largeGap:t.extend("--ft-button-large-gap","",r.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",r.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",r.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",r.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",r.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",r.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",r.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",r.spacing2),smallGap:t.extend("--ft-button-small-gap","",r.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",r.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",r.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",r.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",r.borderRadiusPill),primaryBrandBackgroundColor:t.extend("--ft-button-primary-brand-background-color","",n.backgroundActionPrimary),primaryBrandColor:t.extend("--ft-button-primary-brand-color","",n.contentGlobalOnColor),primaryBrandIconColor:t.extend("--ft-button-primary-brand-icon-color","",n.contentGlobalOnColor),primaryBrandStateLayerColor:t.extend("--ft-button-primary-brand-state-layer-color","",n.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:t.extend("--ft-button-primary-brand-hover-state-layer-opacity","",r.opacity16),primaryBrandFocusStateLayerOpacity:t.extend("--ft-button-primary-brand-focus-state-layer-opacity","",r.opacity16),primaryBrandActiveStateLayerOpacity:t.extend("--ft-button-primary-brand-active-state-layer-opacity","",r.opacity24),primaryBrandDisabledComponentOpacity:t.extend("--ft-button-primary-brand-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",n.borderActionFocusRing),tertiaryBrandBackgroundColor:t.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:t.extend("--ft-button-tertiary-brand-color","",n.contentActionPrimary),tertiaryBrandIconColor:t.extend("--ft-button-tertiary-brand-icon-color","",n.contentActionPrimary),tertiaryBrandStateLayerColor:t.extend("--ft-button-tertiary-brand-state-layer-color","",n.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:t.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",r.opacity8),tertiaryBrandFocusStateLayerOpacity:t.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",r.opacity8),tertiaryBrandActiveStateLayerOpacity:t.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",r.opacity16),tertiaryBrandDisabledComponentOpacity:t.extend("--ft-button-tertiary-brand-disabled-component-opacity","",r.opacity40),tertiaryInfoBackgroundColor:t.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:t.extend("--ft-button-tertiary-info-color","",n.contentInfoPrimary),tertiaryInfoIconColor:t.extend("--ft-button-tertiary-info-icon-color","",n.contentInfoPrimary),tertiaryInfoStateLayerColor:t.extend("--ft-button-tertiary-info-state-layer-color","",n.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:t.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",r.opacity8),tertiaryInfoHoverStateLayerOpacity:t.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",r.opacity8),tertiaryInfoActiveStateLayerOpacity:t.extend("--ft-button-tertiary-info-active-state-layer-opacity","",r.opacity16),tertiaryInfoDisabledComponentOpacity:t.extend("--ft-button-tertiary-info-disabled-component-opacity","",r.opacity40),tertiarySuccessBackgroundColor:t.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:t.extend("--ft-button-tertiary-success-color","",n.contentSuccessPrimary),tertiarySuccessIconColor:t.extend("--ft-button-tertiary-success-icon-color","",n.contentSuccessPrimary),tertiarySuccessStateLayerColor:t.extend("--ft-button-tertiary-success-state-layer-color","",n.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:t.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",r.opacity8),tertiarySuccessFocusStateLayerOpacity:t.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",r.opacity8),tertiarySuccessActiveStateLayerOpacity:t.extend("--ft-button-tertiary-success-active-state-layer-opacity","",r.opacity16),tertiarySuccessDisabledComponentOpacity:t.extend("--ft-button-tertiary-success-disabled-component-opacity","",r.opacity40),tertiaryWarningBackgroundColor:t.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:t.extend("--ft-button-tertiary-warning-color","",n.contentWarningPrimary),tertiaryWarningIconColor:t.extend("--ft-button-tertiary-warning-icon-color","",n.contentWarningPrimary),tertiaryWarningStateLayerColor:t.extend("--ft-button-tertiary-warning-state-layer-color","",n.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:t.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",r.opacity8),tertiaryWarningFocusStateLayerOpacity:t.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",r.opacity8),tertiaryWarningActiveStateLayerOpacity:t.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",r.opacity16),tertiaryWarningDisabledComponentOpacity:t.extend("--ft-button-tertiary-warning-disabled-component-opacity","",r.opacity40),tertiaryErrorBackgroundColor:t.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:t.extend("--ft-button-tertiary-error-color","",n.contentErrorPrimary),tertiaryErrorIconColor:t.extend("--ft-button-tertiary-error-icon-color","",n.contentErrorPrimary),tertiaryErrorStateLayerColor:t.extend("--ft-button-tertiary-error-state-layer-color","",n.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:t.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",r.opacity8),tertiaryErrorFocusStateLayerOpacity:t.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",r.opacity8),tertiaryErrorActiveStateLayerOpacity:t.extend("--ft-button-tertiary-error-active-state-layer-opacity","",r.opacity16),tertiaryErrorDisabledComponentOpacity:t.extend("--ft-button-tertiary-error-disabled-component-opacity","",r.opacity40),tertiaryNeutralBackgroundColor:t.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:t.extend("--ft-button-tertiary-neutral-icon-color","",n.contentGlobalSecondary),tertiaryNeutralColor:t.extend("--ft-button-tertiary-neutral-color","",n.contentGlobalSecondary),tertiaryNeutralStateLayerColor:t.extend("--ft-button-tertiary-neutral-state-layer-color","",n.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",r.opacity8),tertiaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",r.opacity8),tertiaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",r.opacity16),tertiaryNeutralDisabledComponentOpacity:t.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",r.opacity40),secondaryBrandBackgroundColor:t.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:t.extend("--ft-button-secondary-brand-color","",n.contentActionPrimary),secondaryBrandIconColor:t.extend("--ft-button-secondary-brand-icon-color","",n.contentActionPrimary),secondaryBrandStateLayerColor:t.extend("--ft-button-secondary-brand-state-layer-color","",n.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:t.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",r.opacity8),secondaryBrandFocusStateLayerOpacity:t.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",r.opacity8),secondaryBrandActiveStateLayerOpacity:t.extend("--ft-button-secondary-brand-active-state-layer-opacity","",r.opacity16),secondaryBrandDisabledComponentOpacity:t.extend("--ft-button-secondary-brand-disabled-component-opacity","",r.opacity40),secondaryBrandBorderColor:t.extend("--ft-button-secondary-brand-border-color","",n.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",r.opacity8),secondaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",r.opacity8),secondaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",r.opacity16),secondaryNeutralDisabledComponentOpacity:t.extend("--ft-button-secondary-neutral-disabled-component-opacity","",r.opacity40),secondaryNeutralBackgroundColor:t.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:t.extend("--ft-button-secondary-neutral-color","",n.contentGlobalSecondary),secondaryNeutralIconColor:t.extend("--ft-button-secondary-neutral-icon-color","",n.contentGlobalSecondary),secondaryNeutralStateLayerColor:t.extend("--ft-button-secondary-neutral-state-layer-color","",n.contentGlobalSecondary),secondaryNeutralBorderColor:t.extend("--ft-button-secondary-neutral-border-color","",n.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:t.extend("--ft-button-secondary-info-hover-state-layer-opacity","",r.opacity8),secondaryInfoFocusStateLayerOpacity:t.extend("--ft-button-secondary-info-focus-state-layer-opacity","",r.opacity8),secondaryInfoActiveStateLayerOpacity:t.extend("--ft-button-secondary-info-active-state-layer-opacity","",r.opacity16),secondaryInfoDisabledComponentOpacity:t.extend("--ft-button-secondary-info-disabled-component-opacity","",r.opacity40),secondaryInfoBackgroundColor:t.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:t.extend("--ft-button-secondary-info-border-color","",n.borderInfoPrimary),secondaryInfoColor:t.extend("--ft-button-secondary-info-color","",n.contentInfoPrimary),secondaryInfoIconColor:t.extend("--ft-button-secondary-info-icon-color","",n.contentInfoPrimary),secondaryInfoStateLayerColor:t.extend("--ft-button-secondary-info-state-layer-color","",n.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:t.extend("--ft-button-secondary-success-hover-state-layer-opacity","",r.opacity8),secondarySuccessFocusStateLayerOpacity:t.extend("--ft-button-secondary-success-focus-state-layer-opacity","",r.opacity8),secondarySuccessActiveStateLayerOpacity:t.extend("--ft-button-secondary-success-active-state-layer-opacity","",r.opacity16),secondarySuccessDisabledComponentOpacity:t.extend("--ft-button-secondary-success-disabled-component-opacity","",r.opacity40),secondarySuccessBackgroundColor:t.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:t.extend("--ft-button-secondary-success-border-color","",n.borderSuccessPrimary),secondarySuccessColor:t.extend("--ft-button-secondary-success-color","",n.contentSuccessPrimary),secondarySuccessIconColor:t.extend("--ft-button-secondary-success-icon-color","",n.contentSuccessPrimary),secondarySuccessStateLayerColor:t.extend("--ft-button-secondary-success-state-layer-color","",n.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:t.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",r.opacity8),secondaryWarningFocusStateLayerOpacity:t.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",r.opacity8),secondaryWarningActiveStateLayerOpacity:t.extend("--ft-button-secondary-warning-active-state-layer-opacity","",r.opacity16),secondaryWarningDisabledComponentOpacity:t.extend("--ft-button-secondary-warning-disabled-component-opacity","",r.opacity40),secondaryWarningBackgroundColor:t.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:t.extend("--ft-button-secondary-warning-border-color","",n.borderWarningPrimary),secondaryWarningColor:t.extend("--ft-button-secondary-warning-color","",n.contentWarningPrimary),secondaryWarningIconColor:t.extend("--ft-button-secondary-warning-icon-color","",n.contentWarningPrimary),secondaryWarningStateLayerColor:t.extend("--ft-button-secondary-warning-state-layer-color","",n.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:t.extend("--ft-button-secondary-error-hover-state-layer-opacity","",r.opacity8),secondaryErrorFocusStateLayerOpacity:t.extend("--ft-button-secondary-error-focus-state-layer-opacity","",r.opacity8),secondaryErrorActiveStateLayerOpacity:t.extend("--ft-button-secondary-error-active-state-layer-opacity","",r.opacity16),secondaryErrorDisabledComponentOpacity:t.extend("--ft-button-secondary-error-disabled-component-opacity","",r.opacity40),secondaryErrorBackgroundColor:t.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:t.extend("--ft-button-secondary-error-border-color","",n.contentErrorPrimary),secondaryErrorColor:t.extend("--ft-button-secondary-error-color","",n.contentErrorPrimary),secondaryErrorIconColor:t.extend("--ft-button-secondary-error-icon-color","",n.contentErrorPrimary),secondaryErrorStateLayerColor:t.extend("--ft-button-secondary-error-state-layer-color","",n.contentErrorPrimary)};var dn={neutralOffHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",r.opacity8),neutralOffFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",r.opacity8),neutralOffFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",n.borderActionFocusRing),neutralOffActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",r.opacity16),neutralOffBackgroundColor:t.extend("--ft-chip-choice-neutral-off-background-color","",n.backgroundGlobalOnSurface),neutralOffBorderColor:t.extend("--ft-chip-choice-neutral-off-border-color","",n.borderGlobalPrimary),neutralOffColor:t.extend("--ft-chip-choice-neutral-off-color","",n.contentGlobalSecondary),neutralOffStateLayerColor:t.extend("--ft-chip-choice-neutral-off-state-layer-color","",n.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",r.opacity16),neutralOnHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",r.opacity24),neutralOnFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",r.opacity24),neutralOnFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",n.borderActionFocusRing),neutralOnActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",r.opacity32),neutralOnBackgroundColor:t.extend("--ft-chip-choice-neutral-on-background-color","",n.backgroundGlobalOnSurface),neutralOnBorderColor:t.extend("--ft-chip-choice-neutral-on-border-color","",n.borderGlobalPrimary),neutralOnColor:t.extend("--ft-chip-choice-neutral-on-color","",n.contentGlobalPrimary),neutralOnIconColor:t.extend("--ft-chip-choice-neutral-on-icon-color","",n.contentGlobalPrimary),neutralOnStateLayerColor:t.extend("--ft-chip-choice-neutral-on-state-layer-color","",n.contentGlobalPrimary),largeMinHeight:t.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-choice-large-horizontal-padding","",r.spacing3),largeGap:t.extend("--ft-chip-choice-large-gap","",r.spacing1),largeBorderRadius:t.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-choice-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-choice-medium-horizontal-padding","",r.spacing2),mediumGap:t.extend("--ft-chip-choice-medium-gap","",r.spacing1),mediumBorderRadius:t.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-choice-medium-icon-size","",r.iconSize2)};var hn={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",r.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",r.spacing1),largeGap:t.extend("--ft-chip-large-gap","",r.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",r.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",r.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",r.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",r.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",r.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",r.spacing05),smallGap:t.extend("--ft-chip-small-gap","",r.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",r.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",n.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",n.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",n.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",n.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",n.borderErrorSubtle)};var On={brandHoverOpacity:t.extend("--ft-link-brand-hover-opacity","",r.opacity80),brandHoverColor:t.extend("--ft-link-brand-hover-color","",n.contentActionPrimary),brandFocusFocusRingColor:t.extend("--ft-link-brand-focus-focus-ring-color","",n.borderActionFocusRing),brandFocusColor:t.extend("--ft-link-brand-focus-color","",n.contentActionPrimary),brandDefaultColor:t.extend("--ft-link-brand-default-color","",n.contentActionPrimary),brandActiveColor:t.extend("--ft-link-brand-active-color","",n.contentActionPrimary),infoHoverOpacity:t.extend("--ft-link-info-hover-opacity","",r.opacity80),infoHoverColor:t.extend("--ft-link-info-hover-color","",n.contentInfoPrimary),infoFocusFocusRingColor:t.extend("--ft-link-info-focus-focus-ring-color","",n.borderActionFocusRing),infoFocusColor:t.extend("--ft-link-info-focus-color","",n.contentInfoPrimary),infoDefaultColor:t.extend("--ft-link-info-default-color","",n.contentInfoPrimary),infoActiveColor:t.extend("--ft-link-info-active-color","",n.contentInfoPrimary),neutralFocusFocusRingColor:t.extend("--ft-link-neutral-focus-focus-ring-color","",n.borderActionFocusRing),neutralFocusColor:t.extend("--ft-link-neutral-focus-color","",n.contentActionPrimary),neutralDefaultColor:t.extend("--ft-link-neutral-default-color","",n.contentGlobalPrimary),neutralHoverColor:t.extend("--ft-link-neutral-hover-color","",n.contentActionPrimary),neutralActiveColor:t.extend("--ft-link-neutral-active-color","",n.contentActionPrimary),neutralVisitedColor:t.extend("--ft-link-neutral-visited-color","",r.colorBrand100)};var wn={iconSize:t.extend("--ft-banner-icon-size","",r.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",r.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",r.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",r.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",r.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",r.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",r.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",r.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",n.borderInfoSubtle)};var Wn={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",r.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",r.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",r.borderRadiusPill),color:t.extend("--ft-badge-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",n.contentActionPrimary)};var Tn={horizontalGap:t.extend("--ft-title-breadcrumb-horizontal-gap","",r.spacing1),currentColor:t.extend("--ft-title-breadcrumb-current-color","",n.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-title-breadcrumb-previous-non-clickable-color","",n.contentGlobalSecondary),iconColor:t.extend("--ft-title-breadcrumb-icon-color","",n.contentGlobalSubtle)};var Dn={parentHorizontalPadding:t.extend("--ft-page-header-parent-horizontal-padding","",r.spacing6),parentTopPadding:t.extend("--ft-page-header-parent-top-padding","",r.spacing4),parentBottomPadding:t.extend("--ft-page-header-parent-bottom-padding","",r.spacing6),parentHelpLeftMargin:t.extend("--ft-page-header-parent-help-left-margin","",r.spacing1),parentTitleColor:t.extend("--ft-page-header-parent-title-color","",n.contentGlobalPrimary),parentSubtitleColor:t.extend("--ft-page-header-parent-subtitle-color","",n.contentGlobalSecondary),parentChipLeftMargin:t.extend("--ft-page-header-parent-chip-left-margin","",r.spacing4),parentVerticalGap:t.extend("--ft-page-header-parent-vertical-gap","",r.spacing2),parentButtonsGroupHorizontalGap:t.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",r.spacing4),parentButtonsGroupVerticalGap:t.extend("--ft-page-header-parent-buttons-group-vertical-gap","",r.spacing4),parentChipsGroupHorizontalGap:t.extend("--ft-page-header-parent-chips-group-horizontal-gap","",r.spacing2),parentChipsGroupVerticalGap:t.extend("--ft-page-header-parent-chips-group-vertical-gap","",r.spacing2),childHorizontalPadding:t.extend("--ft-page-header-child-horizontal-padding","",r.spacing6),childTopPadding:t.extend("--ft-page-header-child-top-padding","",r.spacing2),childBottomPadding:t.extend("--ft-page-header-child-bottom-padding","",r.spacing2),childHelpLeftMargin:t.extend("--ft-page-header-child-help-left-margin","",r.spacing1),childChipLeftMargin:t.extend("--ft-page-header-child-chip-left-margin","",r.spacing4),childVerticalGap:t.extend("--ft-page-header-child-vertical-gap","",r.spacing2),childMinHeight:t.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:t.extend("--ft-page-header-child-buttons-group-horizontal-gap","",r.spacing4),childButtonsGroupVerticalGap:t.extend("--ft-page-header-child-buttons-group-vertical-gap","",r.spacing4),childChipsGroupHorizontalGap:t.extend("--ft-page-header-child-chips-group-horizontal-gap","",r.spacing2),childChipsGroupVerticalGap:t.extend("--ft-page-header-child-chips-group-vertical-gap","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",n.borderGlobalSubtle),bottomBorderWidth:t.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var Fn={horizontalPadding:t.extend("--ft-page-footer-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-page-footer-vertical-padding","",r.spacing2),verticalGap:t.extend("--ft-page-footer-vertical-gap","",r.spacing2),minHeight:t.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:t.extend("--ft-page-footer-background-color","",r.colorWhite),topBorderColor:t.extend("--ft-page-footer-top-border-color","",n.borderGlobalSubtle),topBorderWidth:t.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:t.extend("--ft-page-footer-buttons-group-gap","",r.spacing4)};var Xn={contentHorizontalPadding:t.extend("--ft-page-layout-content-horizontal-padding","",r.spacing6),contentVerticalPadding:t.extend("--ft-page-layout-content-vertical-padding","",r.spacing6)};var ei={smallContainerTargetWidth:t.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:t.extend("--ft-modal-small-container-margin","",r.spacing6),mediumContainerTargetWidth:t.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:t.extend("--ft-modal-medium-container-margin","",r.spacing6),largeContainerTargetWidth:t.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:t.extend("--ft-modal-large-container-margin","",r.spacing6),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",r.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-modal-shadow","",r.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",r.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",r.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",r.spacing6),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",n.contentGlobalPrimary),headerLeadingIconColor:t.extend("--ft-modal-header-leading-icon-color","",n.contentGlobalPrimary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",r.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",r.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",r.spacing6),headerGap:t.extend("--ft-modal-header-gap","",r.spacing2),headerBorderBottomWidth:t.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var ii={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",r.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",r.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",r.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",n.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",n.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",r.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",r.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",n.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",n.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",n.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing6),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",r.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",r.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",r.colorGray700)};var di={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",r.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",r.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",r.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-tabs-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",n.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",n.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",r.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",r.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",r.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",r.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",r.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity24),onColor:t.extend("--ft-tabs-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",n.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",n.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",r.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",r.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",r.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",r.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",n.borderActionFocusRing)};var hi={fieldHorizontalPadding:t.extend("--ft-text-input-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-input-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-input-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-text-input-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-text-input-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-input-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-input-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-input-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-text-input-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",n.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",n.contentErrorIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var Oi={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",n.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",n.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",r.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",r.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",r.borderRadiusM)};var wi={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",r.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",n.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",n.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",n.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",r.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",r.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",r.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",r.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",n.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",r.shadowElevation02)};var Wi={fieldHorizontalPadding:t.extend("--ft-combobox-single-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-single-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-single-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-single-select-field-icon-size","",r.iconSize3),fieldHeight:t.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-combobox-single-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-single-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-single-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-single-select-helper-icon-size","",r.iconSize2),menuVerticalGap:t.extend("--ft-combobox-single-select-menu-vertical-gap","",r.spacing2),borderRadius:t.extend("--ft-combobox-single-select-border-radius","",r.borderRadiusM),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",n.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",n.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",n.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",r.opacity40)};var Ti={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",n.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",n.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",n.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",n.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",r.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",r.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",r.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",r.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",r.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",r.borderRadiusM)};var Di={backgroundColor:t.extend("--ft-popover-background-color","",n.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",r.spacing6),titleColor:t.extend("--ft-popover-title-color","",n.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",n.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",n.contentActionPrimary),gap:t.extend("--ft-popover-gap","",r.spacing3),borderRadius:t.extend("--ft-popover-border-radius","",r.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-popover-max-width","","SIZE","440px")};var Fi={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",r.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",r.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",n.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",r.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",r.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",r.spacing3),color:t.extend("--ft-collapsible-color","",n.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",n.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",n.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",n.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var qi={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",r.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",r.spacing1),groupGap:t.extend("--ft-switch-group-gap","",r.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",n.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",n.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",r.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",r.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",r.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",r.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-switch-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",r.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",r.opacity40),onColor:t.extend("--ft-switch-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",n.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",r.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",r.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",n.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var el={color1Light:t.extend("--ft-chart-1-light","for area color charts",r.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",r.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",r.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",r.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",r.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",r.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",r.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",r.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",r.colorRed40),color5Base:t.extend("--ft-chart-5-base","",r.colorRed60),color6Light:t.extend("--ft-chart-6-light","",r.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",r.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",r.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",r.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",r.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",r.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",r.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",r.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",r.colorGray50),color10Base:t.extend("--ft-chart-10-base","",r.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",r.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",r.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",r.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",r.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",r.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",r.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",r.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",r.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",r.colorCyan10),scatterplotQuadrantUnpopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",r.colorRed10),scatterplotDatapointInitialDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",r.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",r.opacity48),scatterplotDatapointInitialHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",r.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",r.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",r.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",r.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",r.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",r.colorGray70),scatterplotDatapointHoverHoverRingColor:t.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",r.colorCyan200)};var nl={color1IconColor:t.extend("--ft-page-designer-1-icon-color","for area color charts",r.colorCyan0),color1ToolbarColor:t.extend("--ft-page-designer-1-toolbar-color","for area color charts",r.colorCyan0),color2IconColor:t.extend("--ft-page-designer-2-icon-color","for area color charts",r.colorBrand0),color2ToolbarColor:t.extend("--ft-page-designer-2-toolbar-color","for area color charts",r.colorBrand0),color3IconColor:t.extend("--ft-page-designer-3-icon-color","for area color charts",r.colorYellow200),color3ToolbarColor:t.extend("--ft-page-designer-3-toolbar-color","for area color charts",r.colorYellow200),color4IconColor:t.extend("--ft-page-designer-4-icon-color","for area color charts",r.colorUltramarine50),color4ToolbarColor:t.extend("--ft-page-designer-4-toolbar-color","for area color charts",r.colorUltramarine50),color5IconColor:t.extend("--ft-page-designer-5-icon-color","for area color charts",r.colorGreen0),color5ToolbarColor:t.extend("--ft-page-designer-5-toolbar-color","for area color charts",r.colorGreen0),color6IconColor:t.extend("--ft-page-designer-6-icon-color","for area color charts",r.colorOrange0),color6ToolbarColor:t.extend("--ft-page-designer-6-toolbar-color","for area color charts",r.colorOrange0),color7IconColor:t.extend("--ft-page-designer-7-icon-color","for area color charts",r.colorAvocado200),color7ToolbarColor:t.extend("--ft-page-designer-7-toolbar-color","for area color charts",r.colorAvocado200),color8IconColor:t.extend("--ft-page-designer-8-icon-color","for area color charts",r.colorBrown0),color8ToolbarColor:t.extend("--ft-page-designer-8-toolbar-color","for area color charts",r.colorBrown0)};var pl={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",r.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",r.borderRadiusS),gap:t.extend("--ft-notice-gap","",r.spacing2),iconSize:t.extend("--ft-notice-icon-size","",r.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",n.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",n.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",n.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",n.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",n.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",n.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",n.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",n.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",n.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",n.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",n.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",n.contentSuccessIconOnly)};var yl={color:t.extend("--ft-checkbox-color","",n.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",n.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",n.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",n.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",r.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",r.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",r.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",r.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",r.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",r.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",r.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",r.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",r.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-checkbox-gap","",r.spacing3)};var Sl={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",r.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",r.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",r.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",r.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",n.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",r.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",r.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",r.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",n.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",n.contentActionPrimary),color:t.extend("--ft-toggle-color","",n.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",n.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var El={color:t.extend("--ft-radio-color","",n.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",n.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",n.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",r.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",r.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",r.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",r.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",n.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",n.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",r.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",r.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",r.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-radio-gap","",r.spacing3)};var Il={iconSize:t.extend("--ft-notification-icon-size","",r.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",r.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",r.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",r.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",n.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",r.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",r.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",r.spacing8)};var zl={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",r.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",r.borderRadiusS),color:t.extend("--ft-tooltip-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",n.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var Ho;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})(Ho||(Ho={}));var _o;(function(e){e.large="large",e.medium="medium",e.small="small"})(_o||(_o={}));var ie=b(U());function Uo(e){let o=ne[e];return ie.css`
|
|
5
|
+
.ft-typography--${(0,ie.unsafeCSS)(e)} {
|
|
6
6
|
font-family: ${o.fontFamily};
|
|
7
7
|
font-size: ${o.fontSize};
|
|
8
8
|
font-weight: ${o.fontWeight};
|
|
@@ -10,17 +10,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
10
10
|
line-height: ${o.lineHeight};
|
|
11
11
|
text-transform: ${o.textCase};
|
|
12
12
|
}
|
|
13
|
-
`}var
|
|
13
|
+
`}var Do=g.FtCssVariableFactory.extend("--ft-typography-font-family","",g.designSystemVariables.titleFont),at=g.FtCssVariableFactory.extend("--ft-typography-font-family","",g.designSystemVariables.contentFont),h={fontFamily:at,fontSize:g.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:g.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:g.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:g.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:g.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},wt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Do),fontSize:g.FtCssVariableFactory.extend("--ft-typography-title-font-size","",h.fontSize,"20px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",h.letterSpacing,"0.15px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-title-line-height","",h.lineHeight,"1.2"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",h.textTransform,"inherit")},Rt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Do),fontSize:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",h.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",h.letterSpacing,"0.105px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",h.lineHeight,"1.7"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",h.textTransform,"inherit")},Lt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",h.fontSize,"16px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",h.fontWeight,"600"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",h.letterSpacing,"0.144px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",h.lineHeight,"1.5"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",h.textTransform,"inherit")},At={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",h.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",h.letterSpacing,"0.098px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",h.lineHeight,"1.7"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",h.textTransform,"inherit")},rt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",h.fontSize,"16px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",h.letterSpacing,"0.496px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",h.lineHeight,"1.5"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",h.textTransform,"inherit")},It={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",h.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",h.letterSpacing,"0.252px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",h.lineHeight,"1.4"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",h.textTransform,"inherit")},j={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",h.fontSize,"12px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",h.letterSpacing,"0.396px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",h.lineHeight,"1.33"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",h.textTransform,"inherit")},Wt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",h.fontSize,"10px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",h.letterSpacing,"0.33px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",h.lineHeight,"1.6"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",h.textTransform,"inherit")},Bt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",h.fontSize,"10px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",h.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",h.letterSpacing,"1.5px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",h.lineHeight,"1.6"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",h.textTransform,"uppercase")},Pt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-button-font-family","",at),fontSize:g.FtCssVariableFactory.extend("--ft-typography-button-font-size","",h.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",h.fontWeight,"600"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",h.letterSpacing,"1.246px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-button-line-height","",h.lineHeight,"1.15"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",h.textTransform,"uppercase")},Go=V.css`
|
|
14
14
|
.ft-typography--title {
|
|
15
|
-
font-family: ${Et.fontFamily};
|
|
16
|
-
font-size: ${Et.fontSize};
|
|
17
|
-
font-weight: ${Et.fontWeight};
|
|
18
|
-
letter-spacing: ${Et.letterSpacing};
|
|
19
|
-
line-height: ${Et.lineHeight};
|
|
20
|
-
text-transform: ${Et.textTransform};
|
|
21
|
-
}
|
|
22
|
-
`,Go=F.css`
|
|
23
|
-
.ft-typography--title-dense {
|
|
24
15
|
font-family: ${wt.fontFamily};
|
|
25
16
|
font-size: ${wt.fontSize};
|
|
26
17
|
font-weight: ${wt.fontWeight};
|
|
@@ -28,8 +19,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
28
19
|
line-height: ${wt.lineHeight};
|
|
29
20
|
text-transform: ${wt.textTransform};
|
|
30
21
|
}
|
|
31
|
-
`,Zo=
|
|
32
|
-
.ft-typography--
|
|
22
|
+
`,Zo=V.css`
|
|
23
|
+
.ft-typography--title-dense {
|
|
33
24
|
font-family: ${Rt.fontFamily};
|
|
34
25
|
font-size: ${Rt.fontSize};
|
|
35
26
|
font-weight: ${Rt.fontWeight};
|
|
@@ -37,8 +28,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
37
28
|
line-height: ${Rt.lineHeight};
|
|
38
29
|
text-transform: ${Rt.textTransform};
|
|
39
30
|
}
|
|
40
|
-
`,Mo=
|
|
41
|
-
.ft-typography--
|
|
31
|
+
`,Mo=V.css`
|
|
32
|
+
.ft-typography--subtitle1 {
|
|
42
33
|
font-family: ${Lt.fontFamily};
|
|
43
34
|
font-size: ${Lt.fontSize};
|
|
44
35
|
font-weight: ${Lt.fontWeight};
|
|
@@ -46,18 +37,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
46
37
|
line-height: ${Lt.lineHeight};
|
|
47
38
|
text-transform: ${Lt.textTransform};
|
|
48
39
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
.ft-typography--body1 {
|
|
52
|
-
font-family: ${ot.fontFamily};
|
|
53
|
-
font-size: ${ot.fontSize};
|
|
54
|
-
font-weight: ${ot.fontWeight};
|
|
55
|
-
letter-spacing: ${ot.letterSpacing};
|
|
56
|
-
line-height: ${ot.lineHeight};
|
|
57
|
-
text-transform: ${ot.textTransform};
|
|
58
|
-
}
|
|
59
|
-
`,Ko=F.css`
|
|
60
|
-
.ft-typography--body2 {
|
|
40
|
+
`,Ko=V.css`
|
|
41
|
+
.ft-typography--subtitle2 {
|
|
61
42
|
font-family: ${At.fontFamily};
|
|
62
43
|
font-size: ${At.fontSize};
|
|
63
44
|
font-weight: ${At.fontWeight};
|
|
@@ -65,17 +46,18 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
65
46
|
line-height: ${At.lineHeight};
|
|
66
47
|
text-transform: ${At.textTransform};
|
|
67
48
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
font-
|
|
72
|
-
font-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
49
|
+
|
|
50
|
+
`,le=V.css`
|
|
51
|
+
.ft-typography--body1 {
|
|
52
|
+
font-family: ${rt.fontFamily};
|
|
53
|
+
font-size: ${rt.fontSize};
|
|
54
|
+
font-weight: ${rt.fontWeight};
|
|
55
|
+
letter-spacing: ${rt.letterSpacing};
|
|
56
|
+
line-height: ${rt.lineHeight};
|
|
57
|
+
text-transform: ${rt.textTransform};
|
|
58
|
+
}
|
|
59
|
+
`,Fo=V.css`
|
|
60
|
+
.ft-typography--body2 {
|
|
79
61
|
font-family: ${It.fontFamily};
|
|
80
62
|
font-size: ${It.fontSize};
|
|
81
63
|
font-weight: ${It.fontWeight};
|
|
@@ -83,8 +65,17 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
83
65
|
line-height: ${It.lineHeight};
|
|
84
66
|
text-transform: ${It.textTransform};
|
|
85
67
|
}
|
|
86
|
-
`,
|
|
87
|
-
.ft-typography--
|
|
68
|
+
`,ce=V.css`
|
|
69
|
+
.ft-typography--caption {
|
|
70
|
+
font-family: ${j.fontFamily};
|
|
71
|
+
font-size: ${j.fontSize};
|
|
72
|
+
font-weight: ${j.fontWeight};
|
|
73
|
+
letter-spacing: ${j.letterSpacing};
|
|
74
|
+
line-height: ${j.lineHeight};
|
|
75
|
+
text-transform: ${j.textTransform};
|
|
76
|
+
}
|
|
77
|
+
`,Vo=V.css`
|
|
78
|
+
.ft-typography--breadcrumb {
|
|
88
79
|
font-family: ${Wt.fontFamily};
|
|
89
80
|
font-size: ${Wt.fontSize};
|
|
90
81
|
font-weight: ${Wt.fontWeight};
|
|
@@ -92,8 +83,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
92
83
|
line-height: ${Wt.lineHeight};
|
|
93
84
|
text-transform: ${Wt.textTransform};
|
|
94
85
|
}
|
|
95
|
-
`,Yo=
|
|
96
|
-
.ft-typography--
|
|
86
|
+
`,Yo=V.css`
|
|
87
|
+
.ft-typography--overline {
|
|
97
88
|
font-family: ${Bt.fontFamily};
|
|
98
89
|
font-size: ${Bt.fontSize};
|
|
99
90
|
font-weight: ${Bt.fontWeight};
|
|
@@ -101,37 +92,46 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
101
92
|
line-height: ${Bt.lineHeight};
|
|
102
93
|
text-transform: ${Bt.textTransform};
|
|
103
94
|
}
|
|
104
|
-
`,jo=
|
|
95
|
+
`,jo=V.css`
|
|
96
|
+
.ft-typography--button {
|
|
97
|
+
font-family: ${Pt.fontFamily};
|
|
98
|
+
font-size: ${Pt.fontSize};
|
|
99
|
+
font-weight: ${Pt.fontWeight};
|
|
100
|
+
letter-spacing: ${Pt.letterSpacing};
|
|
101
|
+
line-height: ${Pt.lineHeight};
|
|
102
|
+
text-transform: ${Pt.textTransform};
|
|
103
|
+
}
|
|
104
|
+
`,Xo=V.css`
|
|
105
105
|
.ft-typography {
|
|
106
106
|
vertical-align: inherit;
|
|
107
107
|
}
|
|
108
|
-
`,
|
|
109
|
-
<${
|
|
108
|
+
`,qo=[Object.keys(ne).map(e=>Uo(e))];var Qo=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},X=class extends Jo.FtLitElement{constructor(){super(...arguments),this.variant=ae.body1}render(){return this.element?we`
|
|
109
|
+
<${Ee(this.element)}
|
|
110
110
|
part="text"
|
|
111
111
|
class="ft-typography ft-typography--${this.variant}">
|
|
112
112
|
<slot></slot>
|
|
113
|
-
</${
|
|
114
|
-
`:
|
|
113
|
+
</${Ee(this.element)}>
|
|
114
|
+
`:we`
|
|
115
115
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
116
|
-
`}};
|
|
116
|
+
`}};X.styles=[Go,Zo,Mo,Ko,le,Fo,ce,Vo,Yo,jo,Xo,...qo];Qo([(0,Re.property)()],X.prototype,"element",void 0);Qo([(0,Re.property)()],X.prototype,"variant",void 0);(0,tr.customElement)("ft-typography")(X);var nr=b(T());var Le=b(U()),$t=b(yt()),rr=b(Dt()),ar=b(T());var er=b(U()),L=b(T());var C={fontSize:L.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:L.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:L.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:L.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:L.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:L.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:L.FtCssVariableFactory.extend("--ft-input-label-border-color","",L.designSystemVariables.colorOutline),textColor:L.FtCssVariableFactory.extend("--ft-input-label-text-color","",L.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:L.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",L.designSystemVariables.colorOnSurfaceDisabled),colorSurface:L.FtCssVariableFactory.external(L.designSystemVariables.colorSurface,"Design system"),borderRadiusS:L.FtCssVariableFactory.external(L.designSystemVariables.borderRadiusS,"Design system"),colorError:L.FtCssVariableFactory.external(L.designSystemVariables.colorError,"Design system")},or=er.css`
|
|
117
117
|
.ft-input-label {
|
|
118
118
|
position: absolute;
|
|
119
119
|
inset: 0;
|
|
120
120
|
display: flex;
|
|
121
|
-
background-color: ${
|
|
122
|
-
border-radius: ${
|
|
121
|
+
background-color: ${C.colorSurface};
|
|
122
|
+
border-radius: ${C.borderRadiusS} ${C.borderRadiusS} 0 0;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.ft-input-label--outlined {
|
|
126
|
-
border-radius: ${
|
|
126
|
+
border-radius: ${C.borderRadiusS};
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.ft-input-label {
|
|
130
|
-
border-color: ${
|
|
130
|
+
border-color: ${C.borderColor};
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.ft-input-label.ft-input-label--in-error {
|
|
134
|
-
border-color: ${
|
|
134
|
+
border-color: ${C.colorError}
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.ft-input-label:before,
|
|
@@ -144,7 +144,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
.ft-input-label:before {
|
|
147
|
-
width: calc(${
|
|
147
|
+
width: calc(${C.horizontalSpacing} - 4px);
|
|
148
148
|
flex-shrink: 0;
|
|
149
149
|
}
|
|
150
150
|
|
|
@@ -160,20 +160,20 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
160
160
|
border-bottom-width: 1px;
|
|
161
161
|
border-bottom-style: solid;
|
|
162
162
|
border-color: inherit;
|
|
163
|
-
color: ${
|
|
163
|
+
color: ${C.textColor};
|
|
164
164
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
165
|
-
max-width: calc(${
|
|
165
|
+
max-width: calc(${C.labelMaxWidth} - 2 * (${C.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
166
166
|
text-overflow: ellipsis;
|
|
167
|
-
${(0,L.setVariable)(
|
|
168
|
-
${(0,L.setVariable)(
|
|
167
|
+
${(0,L.setVariable)(j.fontSize,C.fontSize)};
|
|
168
|
+
${(0,L.setVariable)(j.lineHeight,C.fontSize)};
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.ft-input-label--in-error .ft-input-label--text {
|
|
172
|
-
color: ${
|
|
172
|
+
color: ${C.colorError}
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
.ft-input-label--disabled .ft-input-label--text {
|
|
176
|
-
color: ${
|
|
176
|
+
color: ${C.disabledTextColor};
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
.ft-input-label--hidden-text {
|
|
@@ -190,19 +190,19 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
190
190
|
overflow: hidden;
|
|
191
191
|
white-space: nowrap;
|
|
192
192
|
text-overflow: ellipsis;
|
|
193
|
-
padding: ${
|
|
194
|
-
margin: calc(${
|
|
193
|
+
padding: ${C.verticalSpacing} 4px;
|
|
194
|
+
margin: calc(${C.verticalSpacing} * -1) 0;
|
|
195
195
|
max-width: 100%;
|
|
196
196
|
box-sizing: border-box;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
199
|
.ft-input-label--raised .ft-input-label--text {
|
|
200
|
-
${(0,L.setVariable)(
|
|
201
|
-
${(0,L.setVariable)(
|
|
200
|
+
${(0,L.setVariable)(j.fontSize,C.raisedFontSize)};
|
|
201
|
+
${(0,L.setVariable)(j.lineHeight,C.raisedFontSize)};
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
205
|
-
top: ${
|
|
205
|
+
top: ${C.verticalSpacing};
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -215,36 +215,36 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
215
215
|
.ft-input-label--outlined:before {
|
|
216
216
|
border-left-width: 1px;
|
|
217
217
|
border-left-style: solid;
|
|
218
|
-
border-radius: ${
|
|
218
|
+
border-radius: ${C.borderRadiusS} 0 0 ${C.borderRadiusS};
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.ft-input-label--outlined:after {
|
|
222
222
|
border-right-width: 1px;
|
|
223
223
|
border-right-style: solid;
|
|
224
|
-
border-radius: 0 ${
|
|
224
|
+
border-radius: 0 ${C.borderRadiusS} ${C.borderRadiusS} 0;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
228
228
|
padding: 2px 4px;
|
|
229
|
-
z-index: ${
|
|
230
|
-
background-color: ${
|
|
231
|
-
border-radius: ${
|
|
229
|
+
z-index: ${C.raisedZIndex};
|
|
230
|
+
background-color: ${C.colorSurface};
|
|
231
|
+
border-radius: ${C.borderRadiusS};
|
|
232
232
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
236
236
|
border-top: none;
|
|
237
237
|
}
|
|
238
|
-
`;var
|
|
239
|
-
<div class="${(0,
|
|
240
|
-
${this.text?
|
|
238
|
+
`;var Ft=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},K=class extends ar.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){let o={"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 Le.html`
|
|
239
|
+
<div class="${(0,rr.classMap)(o)}">
|
|
240
|
+
${this.text?Le.html`
|
|
241
241
|
<div class="ft-input-label--text ft-typography--caption">
|
|
242
242
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
243
243
|
<span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
|
|
244
244
|
</div>
|
|
245
245
|
`:null}
|
|
246
246
|
</div>
|
|
247
|
-
`}};
|
|
247
|
+
`}};K.elementDefinitions={};K.styles=[ce,or];Ft([(0,$t.property)({type:String})],K.prototype,"text",void 0);Ft([(0,$t.property)({type:Boolean})],K.prototype,"raised",void 0);Ft([(0,$t.property)({type:Boolean})],K.prototype,"outlined",void 0);Ft([(0,$t.property)({type:Boolean})],K.prototype,"disabled",void 0);Ft([(0,$t.property)({type:Boolean})],K.prototype,"error",void 0);(0,nr.customElement)("ft-input-label")(K);var yr=b(T());var gr=b(U()),k=b(yt()),ur=b(Dt()),Vt=b(T());var dr=b(U()),P=b(T()),ir=P.FtCssVariableFactory.extend("--ft-ripple-color","",P.designSystemVariables.colorContent),tt={color:ir,backgroundColor:P.FtCssVariableFactory.extend("--ft-ripple-background-color","",ir),opacityContentOnSurfacePressed:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:P.FtCssVariableFactory.external(P.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:P.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},lr=P.FtCssVariableFactory.extend("--ft-ripple-color","",P.designSystemVariables.colorPrimary),cr={color:lr,backgroundColor:P.FtCssVariableFactory.extend("--ft-ripple-background-color","",lr)},sr=P.FtCssVariableFactory.extend("--ft-ripple-color","",P.designSystemVariables.colorSecondary),pr={color:sr,backgroundColor:P.FtCssVariableFactory.extend("--ft-ripple-background-color","",sr)},fr=dr.css`
|
|
248
248
|
:host {
|
|
249
249
|
display: contents;
|
|
250
250
|
}
|
|
@@ -257,7 +257,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
257
257
|
|
|
258
258
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
259
259
|
overflow: hidden;
|
|
260
|
-
border-radius: ${
|
|
260
|
+
border-radius: ${tt.borderRadius};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
.ft-ripple .ft-ripple--background,
|
|
@@ -291,27 +291,27 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
.ft-ripple .ft-ripple--background {
|
|
294
|
-
background-color: ${
|
|
294
|
+
background-color: ${tt.backgroundColor};
|
|
295
295
|
}
|
|
296
296
|
|
|
297
297
|
.ft-ripple .ft-ripple--effect {
|
|
298
|
-
background-color: ${
|
|
298
|
+
background-color: ${tt.color};
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
302
|
-
background-color: ${
|
|
302
|
+
background-color: ${pr.backgroundColor};
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
306
|
-
background-color: ${
|
|
306
|
+
background-color: ${pr.color};
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
310
|
-
background-color: ${
|
|
310
|
+
background-color: ${cr.backgroundColor};
|
|
311
311
|
}
|
|
312
312
|
|
|
313
313
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
314
|
-
background-color: ${
|
|
314
|
+
background-color: ${cr.color};
|
|
315
315
|
}
|
|
316
316
|
|
|
317
317
|
.ft-ripple .ft-ripple--background {
|
|
@@ -341,33 +341,33 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
341
341
|
}
|
|
342
342
|
|
|
343
343
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
344
|
-
opacity: ${
|
|
344
|
+
opacity: ${tt.opacityContentOnSurfaceHover};
|
|
345
345
|
}
|
|
346
346
|
|
|
347
347
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
348
|
-
opacity: ${
|
|
348
|
+
opacity: ${tt.opacityContentOnSurfaceSelected};
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
352
|
-
opacity: ${
|
|
352
|
+
opacity: ${tt.opacityContentOnSurfaceFocused};
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
356
|
-
opacity: ${
|
|
356
|
+
opacity: ${tt.opacityContentOnSurfacePressed};
|
|
357
357
|
transform: translate(-50%, -50%) scale(1);
|
|
358
358
|
}
|
|
359
|
-
`;var D=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},A=class extends
|
|
359
|
+
`;var D=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},A=class extends Vt.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 Vt.Debouncer(1e3),this.onTransitionStart=o=>{o.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=o=>{o.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new Vt.Debouncer(10),this.moveRipple=o=>{var a,i;let{x:l,y:s}=this.getCoordinates(o),c=(i=(a=this.ripple)===null||a===void 0?void 0:a.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(l!=null?l-c.x:c.width/2),this.originY=Math.round(s!=null?s-c.y:c.height/2)},this.startPress=o=>{this.moveRipple(o),this.pressed=!this.isIgnored(o)},this.endPress=()=>{this.pressed=!1},this.startHover=o=>{this.hovered=!this.isIgnored(o)},this.endHover=()=>{this.hovered=!1},this.startFocus=o=>{this.focused=this.isFocusVisible(o?.target)&&!this.isIgnored(o)},this.endFocus=()=>{this.focused=!1}}render(){let o={"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 gr.html`
|
|
360
360
|
<style>
|
|
361
361
|
.ft-ripple .ft-ripple--effect {
|
|
362
362
|
left: ${this.originX}px;
|
|
363
363
|
top: ${this.originY}px;
|
|
364
364
|
}
|
|
365
365
|
</style>
|
|
366
|
-
<div class="${(0,
|
|
366
|
+
<div class="${(0,ur.classMap)(o)}">
|
|
367
367
|
<div class="ft-ripple--background"></div>
|
|
368
368
|
<div class="ft-ripple--effect"></div>
|
|
369
369
|
</div>
|
|
370
|
-
`}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var a,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(a=this.target)===null||a===void 0||a.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.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 o,a;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((a=this.target)!==null&&a!==void 0?a:i)}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let a=(...p)=>d=>{p.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},i=a("mouseup","contextmenu"),l=a("touchend","touchcancel"),s=p=>{["Enter"," "].includes(p.key)&&a("keyup")(p)},c={passive:!0};o.addEventListener("mouseover",this.startHover,c),o.addEventListener("mousemove",this.moveRipple,c),o.addEventListener("mouseleave",this.endHover,c),o.addEventListener("mousedown",i,c),o.addEventListener("touchstart",l,c),o.addEventListener("touchmove",this.moveRipple,c),o.addEventListener("keydown",s,c),o.addEventListener("focus",this.startFocus,c),o.addEventListener("blur",this.endFocus,c),o.addEventListener("focusin",this.startFocus,c),o.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,c),o.removeEventListener("mousemove",this.moveRipple,c),o.removeEventListener("mouseleave",this.endHover,c),o.removeEventListener("mousedown",i,c),o.removeEventListener("touchstart",l,c),o.removeEventListener("touchmove",this.moveRipple,c),o.removeEventListener("keydown",s,c),o.removeEventListener("focus",this.startFocus,c),o.removeEventListener("blur",this.endFocus,c),o.removeEventListener("focusin",this.startFocus,c),o.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let a=o,i=o,l,s;return a.x!=null?{x:l,y:s}=a:i.touches!=null&&(l=i.touches[0].clientX,s=i.touches[0].clientY),{x:l,y:s}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let a of o.composedPath()){if(a===this.target)break;if("hasAttribute"in a&&a.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};A.elementDefinitions={};A.styles=dr;D([(0,k.property)({type:Boolean})],A.prototype,"primary",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"secondary",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"unbounded",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"activated",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"selected",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"disabled",void 0);D([(0,k.state)()],A.prototype,"hovered",void 0);D([(0,k.state)()],A.prototype,"focused",void 0);D([(0,k.state)()],A.prototype,"pressed",void 0);D([(0,k.state)()],A.prototype,"rippling",void 0);D([(0,k.state)()],A.prototype,"originX",void 0);D([(0,k.state)()],A.prototype,"originY",void 0);D([(0,k.query)(".ft-ripple")],A.prototype,"ripple",void 0);D([(0,k.query)(".ft-ripple--effect")],A.prototype,"rippleEffect",void 0);(0,ur.customElement)("ft-ripple")(A);var Or=x(T());var Vt=x(U()),St=x(yt()),xr=x(T()),Sr=x(hr());var xt;(function(e){e.ADD_TO_PBK="",e.ALERT="",e.ADD_ALERT="",e.BACK_TO_SEARCH="",e.ADD_BOOKMARK="",e.BOOKMARK="",e.BOOKS="",e.MENU="",e.DOWNLOAD="",e.EDIT="",e.FEEDBACK="",e.HOME="",e.MODIFY_PBK="",e.SCHEDULED="",e.SEARCH="",e.EXPORT="",e.TOC="",e.WRITE_UGC="",e.TRASH="",e.USER="",e.EXTLINK="",e.CALENDAR="",e.OFFLINE="",e.BOOK="",e.DOWNLOAD_PLAIN="",e.CHECK="",e.STAR_PLAIN="",e.TOPICS="",e.DISC="",e.CIRCLE="",e.SHARED="",e.SORT_UNSORTED="",e.SORT_UP="",e.SORT_DOWN="",e.WORKING="",e.CLOSE="",e.ZOOM_OUT="",e.ZOOM_IN="",e.ZOOM_REALSIZE="",e.ZOOM_FULLSCREEN="",e.ADMIN_RESTRICTED="",e.ADMIN="",e.ADMIN_KHUB="",e.ADMIN_THEME="",e.ADMIN_USERS="",e.WARNING="",e.CONTEXT="",e.SEARCH_HOME="",e.STEPS="",e.ICON_EXPAND="",e.ICON_COLLAPSE="",e.INFO="",e.MINUS_PLAIN="",e.PLUS_PLAIN="",e.FACET_HAS_DESCENDANT="",e.TRIANGLE_BOTTOM="",e.TRIANGLE_LEFT="",e.TRIANGLE_RIGHT="",e.TRIANGLE_TOP="",e.THIN_ARROW="",e.SIGN_IN="",e.LOGOUT="",e.TRANSLATE="",e.CLOSE_PLAIN="",e.CHECK_PLAIN="",e.ARTICLE="",e.COLUMNS="",e.ANALYTICS="",e.COLLECTIONS="",e.ARROW_DOWN="",e.ARROW_LEFT="",e.ARROW_RIGHT="",e.ARROW_UP="",e.SEARCH_IN_PUBLICATION="",e.COPY_TO_CLIPBOARD="",e.SHARED_PBK="",e.ATTACHMENTS="",e.STRIPE_ARROW_LEFT="",e.STRIPE_ARROW_RIGHT="",e.FILTERS="",e.DOT="",e.MINUS="",e.PLUS="",e.MAILS_AND_NOTIFICATIONS="",e.SAVE="",e.LOCKER="",e.ADMIN_INTEGRATION="",e.SYNC="",e.TAG="",e.BOOK_PLAIN="",e.UPLOAD="",e.ONLINE="",e.TAG_PLAIN="",e.ACCOUNT_SETTINGS="",e.PRINT="",e.DEFAULT_ROLES="",e.SHORTCUT_MENU="",e.RELATIVES_PLAIN="",e.RELATIVES="",e.PAUSE="",e.PLAY="",e.ADMIN_PORTAL="",e.STAR="",e.THUMBS_DOWN="",e.THUMBS_DOWN_PLAIN="",e.THUMBS_UP="",e.THUMBS_UP_PLAIN="",e.FEEDBACK_PLAIN="",e.RATE_PLAIN="",e.RATE="",e.OFFLINE_SETTINGS="",e.MY_COLLECTIONS="",e.THIN_ARROW_LEFT="",e.THIN_ARROW_RIGHT="",e.RESET="",e.MY_LIBRARY="",e.UNSTRUCTURED_DOC="",e.CONTEXTUAL="",e.THIN_ARROW_UP="",e.ARROW_RIGHT_TO_LINE="",e.DESKTOP="",e.TABLET_LANDSCAPE="",e.TABLET_PORTRAIT="",e.MOBILE_LANDSCAPE="",e.MOBILE_PORTRAIT="",e.DIAGRAM_SUNBURST="",e.DIAGRAM_SANKEY="",e.COMMENT_QUESTION="",e.COMMENT_QUESTION_PLAIN="",e.MESSAGE_BOT="",e.CHART_SIMPLE="",e.BARS_PROGRESS="",e.BOOK_OPEN_GEAR="",e.BOOK_OPEN_GEAR_SLASH="",e.LINE_CHART="",e.STACKED_CHART="",e.CHART_BAR_STACKED="",e.CHART_BAR_GROUPED="",e.EYE_SLASH="",e.X_MARK="",e.EXPAND_WIDE="",e.PIP="",e.PIP_WIDE="",e.LIFE_RING="",e.GLOBE="",e.PIGGY_BANK="",e.EXTLINK_LIGHT="",e.CLONE="",e.CLONE_LINK_SIMPLE="",e.CHART_BAR_NORMALIZED="",e.CONSUMER="",e.OCTAGON_XMARK="",e.HOURGLASS_HALF="",e.CLOCK="",e.CLOCK_THREE="",e.CALENDAR_DAY="",e.COMPUTER_MOUSE_MAGNIFYING_GLASS="",e.WAND_MAGIC_SPARKLES="",e.PAPER_PLANE="",e.CIRCLE_STOP="",e.ARROW_ROTATE_RIGHT="",e.ARROWS_ROTATE="",e.ALIGN_RIGHT="",e.FORMAT_CLEAR="",e.ALIGN_CENTER="",e.ALIGN_LEFT="",e.PALETTE="",e.BOLD="",e.ITALIC="",e.UNDERLINE="",e.STRIKETHROUGH="",e.LINK_SIMPLE_SLASH="",e.LINK_SIMPLE="",e.ROUTE="",e.CIRCLE_USER_SLASH="",e.CIRCLE_USER_CHECK="",e.LIST_MAGNIFYING_GLASS="",e.MEDAL="",e.THUMBS_UP_THUMBS_DOWN_SOLID="",e.ARROW_TURN_DOWN_RIGHT="",e.FLASK="",e.LOCK_KEYHOLE_OPEN_SOLID="",e.HOURGLASS_END="",e.CIRCLE_QUESTION="",e.EYE="",e.SHARE="󨃱",e.GRIP_LINES_SOLID="",e.TRANSLATE_SPARKLE_SOLID=""})(xt||(xt={}));var f;(function(e){e.UNKNOWN="",e.ABW="",e.AUDIO="",e.AVI="",e.CHM="",e.CODE="",e.CSV="",e.DITA="",e.EPUB="",e.EXCEL="",e.FLAC="",e.GIF="",e.GZIP="",e.HTML="",e.IMAGE="",e.JPEG="",e.JSON="",e.M4A="",e.MOV="",e.MP3="",e.MP4="",e.OGG="",e.PDF="",e.PNG="",e.POWERPOINT="",e.RAR="",e.STP="",e.TEXT="",e.VIDEO="",e.WAV="",e.WMA="",e.WORD="",e.XML="",e.YAML="",e.ZIP=""})(f||(f={}));var vs=new Map([...["abw"].map(e=>[e,f.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(e=>[e,f.AUDIO]),...["avi"].map(e=>[e,f.AVI]),...["chm","xhs"].map(e=>[e,f.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(e=>[e,f.CODE]),...["csv"].map(e=>[e,f.CSV]),...["dita","ditamap","ditaval"].map(e=>[e,f.DITA]),...["epub"].map(e=>[e,f.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(e=>[e,f.EXCEL]),...["flac"].map(e=>[e,f.FLAC]),...["gif"].map(e=>[e,f.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(e=>[e,f.GZIP]),...["html","htm","xhtml"].map(e=>[e,f.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(e=>[e,f.IMAGE]),...["jpeg","jpg","jpe"].map(e=>[e,f.JPEG]),...["json"].map(e=>[e,f.JSON]),...["m4a","m4p"].map(e=>[e,f.M4A]),...["mov","qt"].map(e=>[e,f.MOV]),...["mp3"].map(e=>[e,f.MP3]),...["mp4","m4v"].map(e=>[e,f.MP4]),...["ogg","oga"].map(e=>[e,f.OGG]),...["pdf","ps"].map(e=>[e,f.PDF]),...["png"].map(e=>[e,f.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(e=>[e,f.POWERPOINT]),...["rar"].map(e=>[e,f.RAR]),...["stp"].map(e=>[e,f.STP]),...["txt","rtf","md","mdown"].map(e=>[e,f.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(e=>[e,f.VIDEO]),...["wav"].map(e=>[e,f.WAV]),...["wma"].map(e=>[e,f.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(e=>[e,f.WORD]),...["xml","xsl","rdf"].map(e=>[e,f.XML]),...["yaml","yml","x-yaml"].map(e=>[e,f.YAML]),...["zip"].map(e=>[e,f.ZIP])]);var Ns={[f.ABW]:"#91ABC6",[f.AUDIO]:"#1795E3",[f.AVI]:"#E63324",[f.CHM]:"#71C3EB",[f.CODE]:"#71C3EB",[f.CSV]:"#1F7345",[f.DITA]:"#71C3EB",[f.EPUB]:"#85B926",[f.EXCEL]:"#1F7345",[f.FLAC]:"#1795E3",[f.GIF]:"#59B031",[f.GZIP]:"#F8AB36",[f.HTML]:"#71C3EB",[f.IMAGE]:"#59B031",[f.JPEG]:"#59B031",[f.JSON]:"#71C3EB",[f.M4A]:"#1795E3",[f.MOV]:"#E63324",[f.MP3]:"#1795E3",[f.MP4]:"#E63324",[f.OGG]:"#1795E3",[f.PDF]:"#E44948",[f.PNG]:"#59B031",[f.POWERPOINT]:"#B54A2B",[f.RAR]:"#F8AB36",[f.STP]:"#3764B1",[f.TEXT]:"#3162AB",[f.UNKNOWN]:"#999999",[f.VIDEO]:"#E63324",[f.WAV]:"#1795E3",[f.WMA]:"#1795E3",[f.WORD]:"#3162AB",[f.XML]:"#71C3EB",[f.YAML]:"#71C3EB",[f.ZIP]:"#F8AB36"};var mr=x(U()),at=x(T()),X={size:at.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:at.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",at.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:at.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",at.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:at.FtCssVariableFactory.extend("--ft-icon-material-font-family","",at.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:at.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},br=mr.css`
|
|
370
|
+
`}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var a,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(a=this.target)===null||a===void 0||a.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.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 o,a;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((a=this.target)!==null&&a!==void 0?a:i)}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let a=(...p)=>d=>{p.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(d)},i=a("mouseup","contextmenu"),l=a("touchend","touchcancel"),s=p=>{["Enter"," "].includes(p.key)&&a("keyup")(p)},c={passive:!0};o.addEventListener("mouseover",this.startHover,c),o.addEventListener("mousemove",this.moveRipple,c),o.addEventListener("mouseleave",this.endHover,c),o.addEventListener("mousedown",i,c),o.addEventListener("touchstart",l,c),o.addEventListener("touchmove",this.moveRipple,c),o.addEventListener("keydown",s,c),o.addEventListener("focus",this.startFocus,c),o.addEventListener("blur",this.endFocus,c),o.addEventListener("focusin",this.startFocus,c),o.addEventListener("focusout",this.endFocus,c),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,c),o.removeEventListener("mousemove",this.moveRipple,c),o.removeEventListener("mouseleave",this.endHover,c),o.removeEventListener("mousedown",i,c),o.removeEventListener("touchstart",l,c),o.removeEventListener("touchmove",this.moveRipple,c),o.removeEventListener("keydown",s,c),o.removeEventListener("focus",this.startFocus,c),o.removeEventListener("blur",this.endFocus,c),o.removeEventListener("focusin",this.startFocus,c),o.removeEventListener("focusout",this.endFocus,c),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let a=o,i=o,l,s;return a.x!=null?{x:l,y:s}=a:i.touches!=null&&(l=i.touches[0].clientX,s=i.touches[0].clientY),{x:l,y:s}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let a of o.composedPath()){if(a===this.target)break;if("hasAttribute"in a&&a.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};A.elementDefinitions={};A.styles=fr;D([(0,k.property)({type:Boolean})],A.prototype,"primary",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"secondary",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"unbounded",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"activated",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"selected",void 0);D([(0,k.property)({type:Boolean})],A.prototype,"disabled",void 0);D([(0,k.state)()],A.prototype,"hovered",void 0);D([(0,k.state)()],A.prototype,"focused",void 0);D([(0,k.state)()],A.prototype,"pressed",void 0);D([(0,k.state)()],A.prototype,"rippling",void 0);D([(0,k.state)()],A.prototype,"originX",void 0);D([(0,k.state)()],A.prototype,"originY",void 0);D([(0,k.query)(".ft-ripple")],A.prototype,"ripple",void 0);D([(0,k.query)(".ft-ripple--effect")],A.prototype,"rippleEffect",void 0);(0,yr.customElement)("ft-ripple")(A);var Cr=b(T());var Yt=b(U()),St=b(yt()),Sr=b(T()),Or=b(mr());var bt;(function(e){e.ADD_TO_PBK="",e.ALERT="",e.ADD_ALERT="",e.BACK_TO_SEARCH="",e.ADD_BOOKMARK="",e.BOOKMARK="",e.BOOKS="",e.MENU="",e.DOWNLOAD="",e.EDIT="",e.FEEDBACK="",e.HOME="",e.MODIFY_PBK="",e.SCHEDULED="",e.SEARCH="",e.EXPORT="",e.TOC="",e.WRITE_UGC="",e.TRASH="",e.USER="",e.EXTLINK="",e.CALENDAR="",e.OFFLINE="",e.BOOK="",e.DOWNLOAD_PLAIN="",e.CHECK="",e.STAR_PLAIN="",e.TOPICS="",e.DISC="",e.CIRCLE="",e.SHARED="",e.SORT_UNSORTED="",e.SORT_UP="",e.SORT_DOWN="",e.WORKING="",e.CLOSE="",e.ZOOM_OUT="",e.ZOOM_IN="",e.ZOOM_REALSIZE="",e.ZOOM_FULLSCREEN="",e.ADMIN_RESTRICTED="",e.ADMIN="",e.ADMIN_KHUB="",e.ADMIN_THEME="",e.ADMIN_USERS="",e.WARNING="",e.CONTEXT="",e.SEARCH_HOME="",e.STEPS="",e.ICON_EXPAND="",e.ICON_COLLAPSE="",e.INFO="",e.MINUS_PLAIN="",e.PLUS_PLAIN="",e.FACET_HAS_DESCENDANT="",e.TRIANGLE_BOTTOM="",e.TRIANGLE_LEFT="",e.TRIANGLE_RIGHT="",e.TRIANGLE_TOP="",e.THIN_ARROW="",e.SIGN_IN="",e.LOGOUT="",e.TRANSLATE="",e.CLOSE_PLAIN="",e.CHECK_PLAIN="",e.ARTICLE="",e.COLUMNS="",e.ANALYTICS="",e.COLLECTIONS="",e.ARROW_DOWN="",e.ARROW_LEFT="",e.ARROW_RIGHT="",e.ARROW_UP="",e.SEARCH_IN_PUBLICATION="",e.COPY_TO_CLIPBOARD="",e.SHARED_PBK="",e.ATTACHMENTS="",e.STRIPE_ARROW_LEFT="",e.STRIPE_ARROW_RIGHT="",e.FILTERS="",e.DOT="",e.MINUS="",e.PLUS="",e.MAILS_AND_NOTIFICATIONS="",e.SAVE="",e.LOCKER="",e.ADMIN_INTEGRATION="",e.SYNC="",e.TAG="",e.BOOK_PLAIN="",e.UPLOAD="",e.ONLINE="",e.TAG_PLAIN="",e.ACCOUNT_SETTINGS="",e.PRINT="",e.DEFAULT_ROLES="",e.SHORTCUT_MENU="",e.RELATIVES_PLAIN="",e.RELATIVES="",e.PAUSE="",e.PLAY="",e.ADMIN_PORTAL="",e.STAR="",e.THUMBS_DOWN="",e.THUMBS_DOWN_PLAIN="",e.THUMBS_UP="",e.THUMBS_UP_PLAIN="",e.FEEDBACK_PLAIN="",e.RATE_PLAIN="",e.RATE="",e.OFFLINE_SETTINGS="",e.MY_COLLECTIONS="",e.THIN_ARROW_LEFT="",e.THIN_ARROW_RIGHT="",e.RESET="",e.MY_LIBRARY="",e.UNSTRUCTURED_DOC="",e.CONTEXTUAL="",e.THIN_ARROW_UP="",e.ARROW_RIGHT_TO_LINE="",e.DESKTOP="",e.TABLET_LANDSCAPE="",e.TABLET_PORTRAIT="",e.MOBILE_LANDSCAPE="",e.MOBILE_PORTRAIT="",e.DIAGRAM_SUNBURST="",e.DIAGRAM_SANKEY="",e.COMMENT_QUESTION="",e.COMMENT_QUESTION_PLAIN="",e.MESSAGE_BOT="",e.CHART_SIMPLE="",e.BARS_PROGRESS="",e.BOOK_OPEN_GEAR="",e.BOOK_OPEN_GEAR_SLASH="",e.LINE_CHART="",e.STACKED_CHART="",e.CHART_BAR_STACKED="",e.CHART_BAR_GROUPED="",e.EYE_SLASH="",e.X_MARK="",e.EXPAND_WIDE="",e.PIP="",e.PIP_WIDE="",e.LIFE_RING="",e.GLOBE="",e.PIGGY_BANK="",e.EXTLINK_LIGHT="",e.CLONE="",e.CLONE_LINK_SIMPLE="",e.CHART_BAR_NORMALIZED="",e.CONSUMER="",e.OCTAGON_XMARK="",e.HOURGLASS_HALF="",e.CLOCK="",e.CLOCK_THREE="",e.CALENDAR_DAY="",e.COMPUTER_MOUSE_MAGNIFYING_GLASS="",e.WAND_MAGIC_SPARKLES="",e.PAPER_PLANE="",e.CIRCLE_STOP="",e.ARROW_ROTATE_RIGHT="",e.ARROWS_ROTATE="",e.ALIGN_RIGHT="",e.FORMAT_CLEAR="",e.ALIGN_CENTER="",e.ALIGN_LEFT="",e.PALETTE="",e.BOLD="",e.ITALIC="",e.UNDERLINE="",e.STRIKETHROUGH="",e.LINK_SIMPLE_SLASH="",e.LINK_SIMPLE="",e.ROUTE="",e.CIRCLE_USER_SLASH="",e.CIRCLE_USER_CHECK="",e.LIST_MAGNIFYING_GLASS="",e.MEDAL="",e.THUMBS_UP_THUMBS_DOWN_SOLID="",e.ARROW_TURN_DOWN_RIGHT="",e.FLASK="",e.LOCK_KEYHOLE_OPEN_SOLID="",e.HOURGLASS_END="",e.CIRCLE_QUESTION="",e.EYE="",e.SHARE="󨃱",e.GRIP_LINES_SOLID="",e.TRANSLATE_SPARKLE_SOLID="",e.CODE=""})(bt||(bt={}));var f;(function(e){e.UNKNOWN="",e.ABW="",e.AUDIO="",e.AVI="",e.CHM="",e.CODE="",e.CSV="",e.DITA="",e.EPUB="",e.EXCEL="",e.FLAC="",e.GIF="",e.GZIP="",e.HTML="",e.IMAGE="",e.JPEG="",e.JSON="",e.M4A="",e.MOV="",e.MP3="",e.MP4="",e.OGG="",e.PDF="",e.PNG="",e.POWERPOINT="",e.RAR="",e.STP="",e.TEXT="",e.VIDEO="",e.WAV="",e.WMA="",e.WORD="",e.XML="",e.YAML="",e.ZIP=""})(f||(f={}));var Ns=new Map([...["abw"].map(e=>[e,f.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(e=>[e,f.AUDIO]),...["avi"].map(e=>[e,f.AVI]),...["chm","xhs"].map(e=>[e,f.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(e=>[e,f.CODE]),...["csv"].map(e=>[e,f.CSV]),...["dita","ditamap","ditaval"].map(e=>[e,f.DITA]),...["epub"].map(e=>[e,f.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(e=>[e,f.EXCEL]),...["flac"].map(e=>[e,f.FLAC]),...["gif"].map(e=>[e,f.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(e=>[e,f.GZIP]),...["html","htm","xhtml"].map(e=>[e,f.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(e=>[e,f.IMAGE]),...["jpeg","jpg","jpe"].map(e=>[e,f.JPEG]),...["json"].map(e=>[e,f.JSON]),...["m4a","m4p"].map(e=>[e,f.M4A]),...["mov","qt"].map(e=>[e,f.MOV]),...["mp3"].map(e=>[e,f.MP3]),...["mp4","m4v"].map(e=>[e,f.MP4]),...["ogg","oga"].map(e=>[e,f.OGG]),...["pdf","ps"].map(e=>[e,f.PDF]),...["png"].map(e=>[e,f.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(e=>[e,f.POWERPOINT]),...["rar"].map(e=>[e,f.RAR]),...["stp"].map(e=>[e,f.STP]),...["txt","rtf","md","mdown"].map(e=>[e,f.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(e=>[e,f.VIDEO]),...["wav"].map(e=>[e,f.WAV]),...["wma"].map(e=>[e,f.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(e=>[e,f.WORD]),...["xml","xsl","rdf"].map(e=>[e,f.XML]),...["yaml","yml","x-yaml"].map(e=>[e,f.YAML]),...["zip"].map(e=>[e,f.ZIP])]);var Es={[f.ABW]:"#91ABC6",[f.AUDIO]:"#1795E3",[f.AVI]:"#E63324",[f.CHM]:"#71C3EB",[f.CODE]:"#71C3EB",[f.CSV]:"#1F7345",[f.DITA]:"#71C3EB",[f.EPUB]:"#85B926",[f.EXCEL]:"#1F7345",[f.FLAC]:"#1795E3",[f.GIF]:"#59B031",[f.GZIP]:"#F8AB36",[f.HTML]:"#71C3EB",[f.IMAGE]:"#59B031",[f.JPEG]:"#59B031",[f.JSON]:"#71C3EB",[f.M4A]:"#1795E3",[f.MOV]:"#E63324",[f.MP3]:"#1795E3",[f.MP4]:"#E63324",[f.OGG]:"#1795E3",[f.PDF]:"#E44948",[f.PNG]:"#59B031",[f.POWERPOINT]:"#B54A2B",[f.RAR]:"#F8AB36",[f.STP]:"#3764B1",[f.TEXT]:"#3162AB",[f.UNKNOWN]:"#999999",[f.VIDEO]:"#E63324",[f.WAV]:"#1795E3",[f.WMA]:"#1795E3",[f.WORD]:"#3162AB",[f.XML]:"#71C3EB",[f.YAML]:"#71C3EB",[f.ZIP]:"#F8AB36"};var xr=b(U()),nt=b(T()),q={size:nt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:nt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",nt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:nt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",nt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:nt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",nt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:nt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},br=xr.css`
|
|
371
371
|
:host, i.ft-icon {
|
|
372
372
|
display: inline-flex;
|
|
373
373
|
align-items: center;
|
|
@@ -376,14 +376,14 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
376
376
|
}
|
|
377
377
|
|
|
378
378
|
:host {
|
|
379
|
-
width: ${
|
|
380
|
-
height: ${
|
|
379
|
+
width: ${q.size};
|
|
380
|
+
height: ${q.size};
|
|
381
381
|
}
|
|
382
382
|
|
|
383
383
|
i.ft-icon {
|
|
384
384
|
width: 100%;
|
|
385
385
|
height: 100%;
|
|
386
|
-
font-size: ${
|
|
386
|
+
font-size: ${q.size};
|
|
387
387
|
line-height: 1;
|
|
388
388
|
font-weight: normal;
|
|
389
389
|
text-transform: none;
|
|
@@ -394,33 +394,33 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
394
394
|
text-rendering: auto;
|
|
395
395
|
-webkit-font-smoothing: antialiased;
|
|
396
396
|
-moz-osx-font-smoothing: grayscale;
|
|
397
|
-
vertical-align: ${
|
|
397
|
+
vertical-align: ${q.verticalAlign};
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
i.ft-icon.ft-icon--fluid-topics {
|
|
401
|
-
font-family: ${
|
|
401
|
+
font-family: ${q.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
402
402
|
|
|
403
403
|
/* Ugly fix because font is broken */
|
|
404
|
-
font-size: calc(0.75 * ${
|
|
405
|
-
line-height: ${
|
|
404
|
+
font-size: calc(0.75 * ${q.size});
|
|
405
|
+
line-height: ${q.size};
|
|
406
406
|
position: relative;
|
|
407
407
|
top: -4%;
|
|
408
408
|
justify-content: center;
|
|
409
409
|
}
|
|
410
410
|
|
|
411
411
|
.ft-icon--file-format {
|
|
412
|
-
font-family: ${
|
|
412
|
+
font-family: ${q.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
413
413
|
}
|
|
414
414
|
|
|
415
415
|
.ft-icon--material {
|
|
416
|
-
font-family: ${
|
|
416
|
+
font-family: ${q.materialFontFamily}, "Material Icons", sans-serif;
|
|
417
417
|
}
|
|
418
|
-
`;var ft;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(ft||(ft={}));var
|
|
418
|
+
`;var ft;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(ft||(ft={}));var se=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},G=class extends Sr.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=Yt.nothing}render(){let o=this.variant&&Object.values(ft).includes(this.variant)?this.variant:ft.fluid_topics,a=o!==ft.material||!!this.value;return Yt.html`
|
|
419
419
|
<i class="ft-icon ft-icon--${o}" part="icon icon-${o}">
|
|
420
|
-
${(0,
|
|
420
|
+
${(0,Or.unsafeHTML)(this.resolvedIcon)}
|
|
421
421
|
<slot ?hidden=${a}></slot>
|
|
422
422
|
</i>
|
|
423
|
-
`}get textContent(){var o,a;return(a=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&a!==void 0?a:""}update(o){super.update(o),["value","variant"].some(a=>o.has(a))&&this.resolveIcon()}resolveIcon(){var o,a;let i=this.value||this.textContent;switch(this.variant){case ft.file_format:this.resolvedIcon=(o=f[i.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:i;break;case ft.material:this.resolvedIcon=this.value||
|
|
423
|
+
`}get textContent(){var o,a;return(a=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&a!==void 0?a:""}update(o){super.update(o),["value","variant"].some(a=>o.has(a))&&this.resolveIcon()}resolveIcon(){var o,a;let i=this.value||this.textContent;switch(this.variant){case ft.file_format:this.resolvedIcon=(o=f[i.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:i;break;case ft.material:this.resolvedIcon=this.value||Yt.nothing;break;default:this.resolvedIcon=(a=bt[i.replace("-","_").toUpperCase()])!==null&&a!==void 0?a:i;break}}firstUpdated(o){super.firstUpdated(o),setTimeout(()=>this.resolveIcon())}};G.elementDefinitions={};G.styles=br;se([(0,St.property)()],G.prototype,"variant",void 0);se([(0,St.property)()],G.prototype,"value",void 0);se([(0,St.state)()],G.prototype,"resolvedIcon",void 0);se([(0,St.query)("slot")],G.prototype,"slottedContent",void 0);(0,Cr.customElement)("ft-icon")(G);var vr=b(U()),x=b(T());var S={fontSize:x.FtCssVariableFactory.create("--ft-text-field-font-size","","SIZE","14px"),labelSize:x.FtCssVariableFactory.create("--ft-text-field-label-size","","SIZE","11px"),verticalSpacing:x.FtCssVariableFactory.create("--ft-text-field-vertical-spacing","","SIZE","4px"),horizontalSpacing:x.FtCssVariableFactory.create("--ft-text-field-horizontal-spacing","","SIZE","16px"),helperColor:x.FtCssVariableFactory.extend("--ft-text-field-helper-color","",x.designSystemVariables.colorOnSurfaceMedium),colorPrimary:x.FtCssVariableFactory.external(x.designSystemVariables.colorPrimary,"Design system"),colorOnSurface:x.FtCssVariableFactory.external(x.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceDisabled:x.FtCssVariableFactory.external(x.designSystemVariables.colorOnSurfaceDisabled,"Design system"),borderRadiusS:x.FtCssVariableFactory.external(x.designSystemVariables.borderRadiusS,"Design system"),colorError:x.FtCssVariableFactory.external(x.designSystemVariables.colorError,"Design system"),prefixColor:x.FtCssVariableFactory.extend("--ft-text-field-prefix-color","",x.designSystemVariables.colorOnSurfaceMedium),iconColor:x.FtCssVariableFactory.extend("--ft-text-field-icon-color","",x.designSystemVariables.colorOnSurfaceMedium),floatingZIndex:x.FtCssVariableFactory.create("--ft-text-field-floating-components-z-index","","NUMBER","3"),colorSurface:x.FtCssVariableFactory.external(x.designSystemVariables.colorSurface,"Design system"),colorOutline:x.FtCssVariableFactory.external(x.designSystemVariables.colorOutline,"Design system"),elevation02:x.FtCssVariableFactory.external(x.designSystemVariables.elevation02,"Design system"),suggestSize:x.FtCssVariableFactory.create("--ft-text-field-suggest-size","","SIZE","300px")},Nr=vr.css`
|
|
424
424
|
*:focus {
|
|
425
425
|
outline: none;
|
|
426
426
|
}
|
|
@@ -433,16 +433,16 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
ft-input-label {
|
|
436
|
-
${(0,
|
|
437
|
-
${(0,
|
|
438
|
-
${(0,
|
|
439
|
-
${(0,
|
|
436
|
+
${(0,x.setVariable)(C.fontSize,S.fontSize)};
|
|
437
|
+
${(0,x.setVariable)(C.raisedFontSize,S.labelSize)};
|
|
438
|
+
${(0,x.setVariable)(C.verticalSpacing,S.verticalSpacing)};
|
|
439
|
+
${(0,x.setVariable)(C.horizontalSpacing,S.horizontalSpacing)};
|
|
440
440
|
}
|
|
441
441
|
|
|
442
442
|
.ft-text-field--main-panel {
|
|
443
443
|
position: relative;
|
|
444
444
|
display: flex;
|
|
445
|
-
height: calc(4 * ${
|
|
445
|
+
height: calc(4 * ${S.verticalSpacing} + ${S.labelSize} + ${S.fontSize});
|
|
446
446
|
}
|
|
447
447
|
|
|
448
448
|
.ft-text-field--input-panel {
|
|
@@ -451,24 +451,24 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
451
451
|
display: flex;
|
|
452
452
|
align-items: center;
|
|
453
453
|
overflow: hidden;
|
|
454
|
-
padding: 0 ${
|
|
454
|
+
padding: 0 ${S.horizontalSpacing};
|
|
455
455
|
|
|
456
|
-
${(0,
|
|
457
|
-
${(0,
|
|
456
|
+
${(0,x.setVariable)(rt.fontSize,S.fontSize)};
|
|
457
|
+
${(0,x.setVariable)(rt.lineHeight,S.fontSize)};
|
|
458
458
|
}
|
|
459
459
|
|
|
460
460
|
.ft-text-field--input-panel ft-ripple {
|
|
461
|
-
${(0,
|
|
462
|
-
${(0,
|
|
461
|
+
${(0,x.setVariable)(tt.opacityContentOnSurfaceHover,"0.08")};
|
|
462
|
+
${(0,x.setVariable)(tt.opacityContentOnSurfacePressed,"0.04")};
|
|
463
463
|
}
|
|
464
464
|
|
|
465
465
|
.ft-text-field--filled.ft-text-field--with-label .ft-text-field--input-panel {
|
|
466
466
|
align-items: flex-end;
|
|
467
|
-
padding: 0 ${
|
|
467
|
+
padding: 0 ${S.horizontalSpacing} ${S.verticalSpacing} ${S.horizontalSpacing};
|
|
468
468
|
}
|
|
469
469
|
|
|
470
470
|
.ft-text-field--prefix {
|
|
471
|
-
color: ${
|
|
471
|
+
color: ${S.prefixColor};
|
|
472
472
|
margin-right: 2px;
|
|
473
473
|
flex-shrink: 1;
|
|
474
474
|
overflow: hidden;
|
|
@@ -487,15 +487,15 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
487
487
|
flex-shrink: 1;
|
|
488
488
|
min-width: 0; /* flex sets this to auto an prevents input from shrinking properly */
|
|
489
489
|
|
|
490
|
-
color: ${
|
|
491
|
-
padding: calc(2 * ${
|
|
490
|
+
color: ${S.colorOnSurface};
|
|
491
|
+
padding: calc(2 * ${S.verticalSpacing}) 0;
|
|
492
492
|
border: none;
|
|
493
493
|
background: none;
|
|
494
494
|
}
|
|
495
495
|
|
|
496
496
|
.ft-text-field--filled.ft-text-field--with-label .ft-text-field--input {
|
|
497
497
|
padding-bottom: 0;
|
|
498
|
-
padding-top: calc(${
|
|
498
|
+
padding-top: calc(${S.labelSize} + 2 * ${S.verticalSpacing});
|
|
499
499
|
}
|
|
500
500
|
|
|
501
501
|
.ft-text-field--input::-webkit-calendar-picker-indicator,
|
|
@@ -504,37 +504,37 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
504
504
|
}
|
|
505
505
|
|
|
506
506
|
.ft-text-field--disabled .ft-text-field--input {
|
|
507
|
-
color: ${
|
|
507
|
+
color: ${S.colorOnSurfaceDisabled};
|
|
508
508
|
}
|
|
509
509
|
|
|
510
510
|
.ft-text-field:not(.ft-text-field--disabled):focus-within ft-input-label {
|
|
511
|
-
${(0,
|
|
512
|
-
${(0,
|
|
511
|
+
${(0,x.setVariable)(C.borderColor,S.colorPrimary)};
|
|
512
|
+
${(0,x.setVariable)(C.textColor,S.colorPrimary)};
|
|
513
513
|
}
|
|
514
514
|
|
|
515
515
|
.ft-text-field--filled .ft-text-field--input-panel {
|
|
516
|
-
border-radius: ${
|
|
516
|
+
border-radius: ${S.borderRadiusS} ${S.borderRadiusS} 0 0;
|
|
517
517
|
}
|
|
518
518
|
|
|
519
519
|
.ft-text-field--outlined .ft-text-field--input-panel {
|
|
520
|
-
border-radius: ${
|
|
520
|
+
border-radius: ${S.borderRadiusS};
|
|
521
521
|
}
|
|
522
522
|
|
|
523
523
|
.ft-text-field--helper-text {
|
|
524
|
-
padding: 0 12px 0 ${
|
|
525
|
-
color: ${
|
|
524
|
+
padding: 0 12px 0 ${S.horizontalSpacing};
|
|
525
|
+
color: ${S.helperColor};
|
|
526
526
|
}
|
|
527
527
|
|
|
528
528
|
.ft-text-field--in-error .ft-text-field--input,
|
|
529
529
|
.ft-text-field--in-error .ft-text-field--helper-text,
|
|
530
530
|
.ft-text-field--in-error .ft-text-field--prefix {
|
|
531
|
-
color: ${
|
|
531
|
+
color: ${S.colorError};
|
|
532
532
|
}
|
|
533
533
|
|
|
534
534
|
.ft-text-field--icon {
|
|
535
535
|
align-self: center;
|
|
536
536
|
margin-left: 8px;
|
|
537
|
-
color: ${
|
|
537
|
+
color: ${S.iconColor};
|
|
538
538
|
}
|
|
539
539
|
|
|
540
540
|
.ft-text-field--container {
|
|
@@ -545,13 +545,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
545
545
|
display: none;
|
|
546
546
|
flex-direction: column;
|
|
547
547
|
position: absolute;
|
|
548
|
-
z-index: ${
|
|
549
|
-
background: ${
|
|
550
|
-
border: 1px solid ${
|
|
551
|
-
border-radius: 0 0 ${
|
|
552
|
-
box-shadow: ${
|
|
548
|
+
z-index: ${S.floatingZIndex};
|
|
549
|
+
background: ${S.colorSurface};
|
|
550
|
+
border: 1px solid ${S.colorOutline};
|
|
551
|
+
border-radius: 0 0 ${S.borderRadiusS} ${S.borderRadiusS};
|
|
552
|
+
box-shadow: ${S.elevation02};
|
|
553
553
|
outline: none;
|
|
554
|
-
max-height: ${
|
|
554
|
+
max-height: ${S.suggestSize};
|
|
555
555
|
overflow-y: auto;
|
|
556
556
|
}
|
|
557
557
|
|
|
@@ -564,14 +564,66 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
564
564
|
}
|
|
565
565
|
|
|
566
566
|
.ft-text-field--with-icon {
|
|
567
|
-
${(0,
|
|
567
|
+
${(0,x.setVariable)(C.labelMaxWidth,`calc(100% - ${q.size} - ${C.horizontalSpacing})`)};
|
|
568
568
|
}
|
|
569
569
|
|
|
570
570
|
.ft-text-field--with-password ft-icon:hover {
|
|
571
571
|
cursor: pointer;
|
|
572
572
|
}
|
|
573
|
-
`;var Er=["top","right","bottom","left"],Nr=["start","end"],Le=Er.reduce((e,o)=>e.concat(o,o+"-"+Nr[0],o+"-"+Nr[1]),[]),Yt=Math.min,gt=Math.max,jt=Math.round;var nt=e=>({x:e,y:e}),fa={left:"right",right:"left",bottom:"top",top:"bottom"},ga={start:"end",end:"start"};function Ae(e,o,a){return gt(e,Yt(o,a))}function se(e,o){return typeof e=="function"?e(o):e}function $t(e){return e.split("-")[0]}function ut(e){return e.split("-")[1]}function Ie(e){return e==="x"?"y":"x"}function We(e){return e==="y"?"height":"width"}function pe(e){return["top","bottom"].includes($t(e))?"y":"x"}function Be(e){return Ie(pe(e))}function wr(e,o,a){a===void 0&&(a=!1);let i=ut(e),l=Be(e),s=We(l),c=l==="x"?i===(a?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(c=Re(c)),[c,Re(c)]}function Rr(e){return e.replace(/start|end/g,o=>ga[o])}function Re(e){return e.replace(/left|right|bottom|top/g,o=>fa[o])}function ua(e){return{top:0,right:0,bottom:0,left:0,...e}}function Lr(e){return typeof e!="number"?ua(e):{top:e,right:e,bottom:e,left:e}}function Ot(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Ar(e,o,a){let{reference:i,floating:l}=e,s=pe(o),c=Be(o),p=We(c),d=$t(o),u=s==="y",m=i.x+i.width/2-l.width/2,y=i.y+i.height/2-l.height/2,N=i[p]/2-l[p]/2,S;switch(d){case"top":S={x:m,y:i.y-l.height};break;case"bottom":S={x:m,y:i.y+i.height};break;case"right":S={x:i.x+i.width,y};break;case"left":S={x:i.x-l.width,y};break;default:S={x:i.x,y:i.y}}switch(ut(o)){case"start":S[c]-=N*(a&&u?-1:1);break;case"end":S[c]+=N*(a&&u?-1:1);break}return S}var Ir=async(e,o,a)=>{let{placement:i="bottom",strategy:l="absolute",middleware:s=[],platform:c}=a,p=s.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),u=await c.getElementRects({reference:e,floating:o,strategy:l}),{x:m,y}=Ar(u,i,d),N=i,S={},w=0;for(let I=0;I<p.length;I++){let{name:$,fn:W}=p[I],{x:z,y:_,data:st,reset:H}=await W({x:m,y,initialPlacement:i,placement:N,strategy:l,middlewareData:S,rects:u,platform:c,elements:{reference:e,floating:o}});if(m=z??m,y=_??y,S={...S,[$]:{...S[$],...st}},H&&w<=50){w++,typeof H=="object"&&(H.placement&&(N=H.placement),H.rects&&(u=H.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:l}):H.rects),{x:m,y}=Ar(u,N,d)),I=-1;continue}}return{x:m,y,placement:N,strategy:l,middlewareData:S}};async function Pe(e,o){var a;o===void 0&&(o={});let{x:i,y:l,platform:s,rects:c,elements:p,strategy:d}=e,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:y="floating",altBoundary:N=!1,padding:S=0}=se(o,e),w=Lr(S),$=p[N?y==="floating"?"reference":"floating":y],W=Ot(await s.getClippingRect({element:(a=await(s.isElement==null?void 0:s.isElement($)))==null||a?$:$.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(p.floating)),boundary:u,rootBoundary:m,strategy:d})),z=y==="floating"?{...c.floating,x:i,y:l}:c.reference,_=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p.floating)),st=await(s.isElement==null?void 0:s.isElement(_))?await(s.getScale==null?void 0:s.getScale(_))||{x:1,y:1}:{x:1,y:1},H=Ot(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:z,offsetParent:_,strategy:d}):z);return{top:(W.top-H.top+w.top)/st.y,bottom:(H.bottom-W.bottom+w.bottom)/st.y,left:(W.left-H.left+w.left)/st.x,right:(H.right-W.right+w.right)/st.x}}function ya(e,o,a){return(e?[...a.filter(l=>ut(l)===e),...a.filter(l=>ut(l)!==e)]:a.filter(l=>$t(l)===l)).filter(l=>e?ut(l)===e||(o?Rr(l)!==l:!1):!0)}var $e=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var a,i,l;let{rects:s,middlewareData:c,placement:p,platform:d,elements:u}=o,{crossAxis:m=!1,alignment:y,allowedPlacements:N=Le,autoAlignment:S=!0,...w}=se(e,o),I=y!==void 0||N===Le?ya(y||null,S,N):N,$=await Pe(o,w),W=((a=c.autoPlacement)==null?void 0:a.index)||0,z=I[W];if(z==null)return{};let _=wr(z,s,await(d.isRTL==null?void 0:d.isRTL(u.floating)));if(p!==z)return{reset:{placement:I[0]}};let st=[$[$t(z)],$[_[0]],$[_[1]]],H=[...((i=c.autoPlacement)==null?void 0:i.overflows)||[],{placement:z,overflows:st}],Ue=I[W+1];if(Ue)return{data:{index:W+1,overflows:H},reset:{placement:Ue}};let De=H.map(Q=>{let _t=ut(Q.placement);return[Q.placement,_t&&m?Q.overflows.slice(0,2).reduce((Qr,Jr)=>Qr+Jr,0):Q.overflows[0],Q.overflows]}).sort((Q,_t)=>Q[1]-_t[1]),Ge=((l=De.filter(Q=>Q[2].slice(0,ut(Q[0])?2:3).every(_t=>_t<=0))[0])==null?void 0:l[0])||De[0][0];return Ge!==p?{data:{index:W+1,overflows:H},reset:{placement:Ge}}:{}}}};var ze=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:a,y:i,placement:l}=o,{mainAxis:s=!0,crossAxis:c=!1,limiter:p={fn:$=>{let{x:W,y:z}=$;return{x:W,y:z}}},...d}=se(e,o),u={x:a,y:i},m=await Pe(o,d),y=pe($t(l)),N=Ie(y),S=u[N],w=u[y];if(s){let $=N==="y"?"top":"left",W=N==="y"?"bottom":"right",z=S+m[$],_=S-m[W];S=Ae(z,S,_)}if(c){let $=y==="y"?"top":"left",W=y==="y"?"bottom":"right",z=w+m[$],_=w-m[W];w=Ae(z,w,_)}let I=p.fn({...o,[N]:S,[y]:w});return{...I,data:{x:I.x-a,y:I.y-i}}}}};function it(e){return Br(e)?(e.nodeName||"").toLowerCase():"#document"}function Z(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function lt(e){var o;return(o=(Br(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Br(e){return e instanceof Node||e instanceof Z(e).Node}function tt(e){return e instanceof Element||e instanceof Z(e).Element}function q(e){return e instanceof HTMLElement||e instanceof Z(e).HTMLElement}function Wr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Z(e).ShadowRoot}function zt(e){let{overflow:o,overflowX:a,overflowY:i,display:l}=K(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+a)&&!["inline","contents"].includes(l)}function Pr(e){return["table","td","th"].includes(it(e))}function fe(e){let o=ge(),a=K(e);return a.transform!=="none"||a.perspective!=="none"||(a.containerType?a.containerType!=="normal":!1)||!o&&(a.backdropFilter?a.backdropFilter!=="none":!1)||!o&&(a.filter?a.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(a.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(a.contain||"").includes(i))}function $r(e){let o=Ct(e);for(;q(o)&&!Xt(o);){if(fe(o))return o;o=Ct(o)}return null}function ge(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Xt(e){return["html","body","#document"].includes(it(e))}function K(e){return Z(e).getComputedStyle(e)}function qt(e){return tt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ct(e){if(it(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Wr(e)&&e.host||lt(e);return Wr(o)?o.host:o}function zr(e){let o=Ct(e);return Xt(o)?e.ownerDocument?e.ownerDocument.body:e.body:q(o)&&zt(o)?o:zr(o)}function de(e,o,a){var i;o===void 0&&(o=[]),a===void 0&&(a=!0);let l=zr(e),s=l===((i=e.ownerDocument)==null?void 0:i.body),c=Z(l);return s?o.concat(c,c.visualViewport||[],zt(l)?l:[],c.frameElement&&a?de(c.frameElement):[]):o.concat(l,de(l,[],a))}function Hr(e){let o=K(e),a=parseFloat(o.width)||0,i=parseFloat(o.height)||0,l=q(e),s=l?e.offsetWidth:a,c=l?e.offsetHeight:i,p=jt(a)!==s||jt(i)!==c;return p&&(a=s,i=c),{width:a,height:i,$:p}}function _r(e){return tt(e)?e:e.contextElement}function Tt(e){let o=_r(e);if(!q(o))return nt(1);let a=o.getBoundingClientRect(),{width:i,height:l,$:s}=Hr(o),c=(s?jt(a.width):a.width)/i,p=(s?jt(a.height):a.height)/l;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var ba=nt(0);function Ur(e){let o=Z(e);return!ge()||!o.visualViewport?ba:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function xa(e,o,a){return o===void 0&&(o=!1),!a||o&&a!==Z(e)?!1:o}function Qt(e,o,a,i){o===void 0&&(o=!1),a===void 0&&(a=!1);let l=e.getBoundingClientRect(),s=_r(e),c=nt(1);o&&(i?tt(i)&&(c=Tt(i)):c=Tt(e));let p=xa(s,a,i)?Ur(s):nt(0),d=(l.left+p.x)/c.x,u=(l.top+p.y)/c.y,m=l.width/c.x,y=l.height/c.y;if(s){let N=Z(s),S=i&&tt(i)?Z(i):i,w=N.frameElement;for(;w&&i&&S!==N;){let I=Tt(w),$=w.getBoundingClientRect(),W=K(w),z=$.left+(w.clientLeft+parseFloat(W.paddingLeft))*I.x,_=$.top+(w.clientTop+parseFloat(W.paddingTop))*I.y;d*=I.x,u*=I.y,m*=I.x,y*=I.y,d+=z,u+=_,w=Z(w).frameElement}}return Ot({width:m,height:y,x:d,y:u})}function Sa(e){let{rect:o,offsetParent:a,strategy:i}=e,l=q(a),s=lt(a);if(a===s)return o;let c={scrollLeft:0,scrollTop:0},p=nt(1),d=nt(0);if((l||!l&&i!=="fixed")&&((it(a)!=="body"||zt(s))&&(c=qt(a)),q(a))){let u=Qt(a);p=Tt(a),d.x=u.x+a.clientLeft,d.y=u.y+a.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Oa(e){return Array.from(e.getClientRects())}function Dr(e){return Qt(lt(e)).left+qt(e).scrollLeft}function Ca(e){let o=lt(e),a=qt(e),i=e.ownerDocument.body,l=gt(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),s=gt(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),c=-a.scrollLeft+Dr(e),p=-a.scrollTop;return K(i).direction==="rtl"&&(c+=gt(o.clientWidth,i.clientWidth)-l),{width:l,height:s,x:c,y:p}}function va(e,o){let a=Z(e),i=lt(e),l=a.visualViewport,s=i.clientWidth,c=i.clientHeight,p=0,d=0;if(l){s=l.width,c=l.height;let u=ge();(!u||u&&o==="fixed")&&(p=l.offsetLeft,d=l.offsetTop)}return{width:s,height:c,x:p,y:d}}function Na(e,o){let a=Qt(e,!0,o==="fixed"),i=a.top+e.clientTop,l=a.left+e.clientLeft,s=q(e)?Tt(e):nt(1),c=e.clientWidth*s.x,p=e.clientHeight*s.y,d=l*s.x,u=i*s.y;return{width:c,height:p,x:d,y:u}}function Tr(e,o,a){let i;if(o==="viewport")i=va(e,a);else if(o==="document")i=Ca(lt(e));else if(tt(o))i=Na(o,a);else{let l=Ur(e);i={...o,x:o.x-l.x,y:o.y-l.y}}return Ot(i)}function Gr(e,o){let a=Ct(e);return a===o||!tt(a)||Xt(a)?!1:K(a).position==="fixed"||Gr(a,o)}function Ea(e,o){let a=o.get(e);if(a)return a;let i=de(e,[],!1).filter(p=>tt(p)&&it(p)!=="body"),l=null,s=K(e).position==="fixed",c=s?Ct(e):e;for(;tt(c)&&!Xt(c);){let p=K(c),d=fe(c);!d&&p.position==="fixed"&&(l=null),(s?!d&&!l:!d&&p.position==="static"&&!!l&&["absolute","fixed"].includes(l.position)||zt(c)&&!d&&Gr(e,c))?i=i.filter(m=>m!==c):l=p,c=Ct(c)}return o.set(e,i),i}function wa(e){let{element:o,boundary:a,rootBoundary:i,strategy:l}=e,c=[...a==="clippingAncestors"?Ea(o,this._c):[].concat(a),i],p=c[0],d=c.reduce((u,m)=>{let y=Tr(o,m,l);return u.top=gt(y.top,u.top),u.right=Yt(y.right,u.right),u.bottom=Yt(y.bottom,u.bottom),u.left=gt(y.left,u.left),u},Tr(o,p,l));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Ra(e){return Hr(e)}function La(e,o,a){let i=q(o),l=lt(o),s=a==="fixed",c=Qt(e,!0,s,o),p={scrollLeft:0,scrollTop:0},d=nt(0);if(i||!i&&!s)if((it(o)!=="body"||zt(l))&&(p=qt(o)),i){let u=Qt(o,!0,s,o);d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}else l&&(d.x=Dr(l));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function kr(e,o){return!q(e)||K(e).position==="fixed"?null:o?o(e):e.offsetParent}function Zr(e,o){let a=Z(e);if(!q(e))return a;let i=kr(e,o);for(;i&&Pr(i)&&K(i).position==="static";)i=kr(i,o);return i&&(it(i)==="html"||it(i)==="body"&&K(i).position==="static"&&!fe(i))?a:i||$r(e)||a}var Aa=async function(e){let{reference:o,floating:a,strategy:i}=e,l=this.getOffsetParent||Zr,s=this.getDimensions;return{reference:La(o,await l(a),i),floating:{x:0,y:0,...await s(a)}}};function Ia(e){return K(e).direction==="rtl"}var ue={convertOffsetParentRelativeRectToViewportRelativeRect:Sa,getDocumentElement:lt,getClippingRect:wa,getOffsetParent:Zr,getElementRects:Aa,getClientRects:Oa,getDimensions:Ra,getScale:Tt,isElement:tt,isRTL:Ia};var Mr=(e,o,a)=>{let i=new Map,l={platform:ue,...a},s={...l.platform,_c:i};return Ir(e,o,{...l,platform:s})};function Kr(e){return Wa(e)}function Te(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function Wa(e){for(let o=e;o;o=Te(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=Te(e);o;o=Te(o)){if(!(o instanceof Element))continue;let a=getComputedStyle(o);if(a.display!=="contents"&&(a.position!=="static"||a.filter!=="none"||o.tagName==="BODY"))return o}return null}async function Fr(e,o,a){return Mr(e,o,{platform:{...ue,getOffsetParent:i=>ue.getOffsetParent(i,Kr)},middleware:[ze({crossAxis:!0}),$e({allowedPlacements:[a]})]})}var R=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},v=class extends(0,kt.toFtFormComponent)(kt.FtLitElement,"textbox"){constructor(){super(...arguments),this._value="",this.dispatchedValue="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.prefix=null,this.passwordHiddenIcon=xt.EYE_SLASH,this.passwordRevealedIcon=xt.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.hideSuggestions=!1,this.visibleSuggestions=[]}get value(){return this._value||""}set value(o){this.setInternalValue(o||""),this.dispatchedValue=o||""}setInternalValue(o){let a=this._value;this._value=o||"",this.setFormValue(this._value),this.requestUpdate("value",a)}focus(){var o;(o=this.input)===null||o===void 0||o.focus()}render(){var o;let a={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--with-label":!!this.label,"ft-text-field--in-error":this.error,"ft-text-field--fixed":this.fixedMenuPosition,"ft-text-field--with-prefix":!!this.prefix,"ft-text-field--hide-suggestions":this.visibleSuggestions.length===0||this.hideSuggestions,"ft-text-field--raised-label":this.focused||this.value!="","ft-text-field--with-icon":!!this.icon,"ft-text-field--with-password":this.password};return V.html`
|
|
574
|
-
|
|
573
|
+
`;var Rr=b(T()),jt=b(U()),Ot=b(yt());var Er=b(U());var wr=Er.css`
|
|
574
|
+
.ft-text-field-suggestion {
|
|
575
|
+
position: relative;
|
|
576
|
+
padding: 8px 16px;
|
|
577
|
+
cursor: pointer;
|
|
578
|
+
min-height: 44px;
|
|
579
|
+
box-sizing: border-box;
|
|
580
|
+
outline: none;
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
.ft-text-field-suggestion,
|
|
584
|
+
.ft-text-field-suggestion--label {
|
|
585
|
+
display: flex;
|
|
586
|
+
align-items: center;
|
|
587
|
+
gap: 8px;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.ft-text-field-suggestion--label {
|
|
591
|
+
flex-grow: 1;
|
|
592
|
+
flex-shrink: 1;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
.ft-text-field-suggestion--with-helper {
|
|
596
|
+
display: flex;
|
|
597
|
+
flex-direction: column;
|
|
598
|
+
align-items: flex-start;
|
|
599
|
+
gap: 0;
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
.ft-text-field-suggestion--helper-text {
|
|
603
|
+
color: ${S.helperColor};
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
slot {
|
|
607
|
+
pointer-events: none;
|
|
608
|
+
}
|
|
609
|
+
`;var Lr=b(Dt()),pe=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},Ae=class extends CustomEvent{constructor(o){super("suggestion-selected",{detail:o,bubbles:!0,composed:!0})}},Y=class extends Rr.FtLitElement{render(){let o={"ft-text-field-suggestion":!0,"ft-text-field-suggestion--with-helper":!!this.helper};return jt.html`
|
|
610
|
+
<div class=${(0,Lr.classMap)(o)}
|
|
611
|
+
tabindex="-1"
|
|
612
|
+
@keydown=${this.onKeyDown}
|
|
613
|
+
@click=${this.confirmSuggestion}>
|
|
614
|
+
<ft-ripple></ft-ripple>
|
|
615
|
+
${this.helper?jt.html`
|
|
616
|
+
<ft-typography class="ft-text-field-suggestion--helper-text" variant="caption">
|
|
617
|
+
${this.helper}
|
|
618
|
+
</ft-typography>`:jt.nothing}
|
|
619
|
+
<ft-typography part="label"
|
|
620
|
+
variant="body1"
|
|
621
|
+
class="ft-text-field-suggestion--label">
|
|
622
|
+
<slot></slot>
|
|
623
|
+
</ft-typography>
|
|
624
|
+
</div>
|
|
625
|
+
`}focus(o){var a;(a=this.container)===null||a===void 0||a.focus(o)}click(){var o;(o=this.container)===null||o===void 0||o.click()}confirmSuggestion(){this.dispatchEvent(new Ae(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map(o=>o.textContent).join("").trim()}onKeyDown(o){["Enter"," "].includes(o.key)&&(o.preventDefault(),o.stopPropagation(),this.confirmSuggestion())}};Y.elementDefinitions={"ft-ripple":A,"ft-typography":X,"ft-icon":G};Y.styles=wr;pe([(0,Ot.property)()],Y.prototype,"value",void 0);pe([(0,Ot.property)()],Y.prototype,"helper",void 0);pe([(0,Ot.query)(".ft-text-field-suggestion")],Y.prototype,"container",void 0);pe([(0,Ot.queryAssignedNodes)()],Y.prototype,"assignedNodes",void 0);var Ir=["top","right","bottom","left"],Ar=["start","end"],We=Ir.reduce((e,o)=>e.concat(o,o+"-"+Ar[0],o+"-"+Ar[1]),[]),Xt=Math.min,gt=Math.max,qt=Math.round;var it=e=>({x:e,y:e}),ga={left:"right",right:"left",bottom:"top",top:"bottom"},ua={start:"end",end:"start"};function Be(e,o,a){return gt(e,Xt(o,a))}function de(e,o){return typeof e=="function"?e(o):e}function zt(e){return e.split("-")[0]}function ut(e){return e.split("-")[1]}function Pe(e){return e==="x"?"y":"x"}function $e(e){return e==="y"?"height":"width"}function fe(e){return["top","bottom"].includes(zt(e))?"y":"x"}function ze(e){return Pe(fe(e))}function Wr(e,o,a){a===void 0&&(a=!1);let i=ut(e),l=ze(e),s=$e(l),c=l==="x"?i===(a?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(c=Ie(c)),[c,Ie(c)]}function Br(e){return e.replace(/start|end/g,o=>ua[o])}function Ie(e){return e.replace(/left|right|bottom|top/g,o=>ga[o])}function ya(e){return{top:0,right:0,bottom:0,left:0,...e}}function Pr(e){return typeof e!="number"?ya(e):{top:e,right:e,bottom:e,left:e}}function Ct(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function $r(e,o,a){let{reference:i,floating:l}=e,s=fe(o),c=ze(o),p=$e(c),d=zt(o),u=s==="y",m=i.x+i.width/2-l.width/2,y=i.y+i.height/2-l.height/2,E=i[p]/2-l[p]/2,O;switch(d){case"top":O={x:m,y:i.y-l.height};break;case"bottom":O={x:m,y:i.y+i.height};break;case"right":O={x:i.x+i.width,y};break;case"left":O={x:i.x-l.width,y};break;default:O={x:i.x,y:i.y}}switch(ut(o)){case"start":O[c]-=E*(a&&u?-1:1);break;case"end":O[c]+=E*(a&&u?-1:1);break}return O}var zr=async(e,o,a)=>{let{placement:i="bottom",strategy:l="absolute",middleware:s=[],platform:c}=a,p=s.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),u=await c.getElementRects({reference:e,floating:o,strategy:l}),{x:m,y}=$r(u,i,d),E=i,O={},w=0;for(let I=0;I<p.length;I++){let{name:$,fn:W}=p[I],{x:z,y:_,data:st,reset:H}=await W({x:m,y,initialPlacement:i,placement:E,strategy:l,middlewareData:O,rects:u,platform:c,elements:{reference:e,floating:o}});if(m=z??m,y=_??y,O={...O,[$]:{...O[$],...st}},H&&w<=50){w++,typeof H=="object"&&(H.placement&&(E=H.placement),H.rects&&(u=H.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:l}):H.rects),{x:m,y}=$r(u,E,d)),I=-1;continue}}return{x:m,y,placement:E,strategy:l,middlewareData:O}};async function Te(e,o){var a;o===void 0&&(o={});let{x:i,y:l,platform:s,rects:c,elements:p,strategy:d}=e,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:y="floating",altBoundary:E=!1,padding:O=0}=de(o,e),w=Pr(O),$=p[E?y==="floating"?"reference":"floating":y],W=Ct(await s.getClippingRect({element:(a=await(s.isElement==null?void 0:s.isElement($)))==null||a?$:$.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(p.floating)),boundary:u,rootBoundary:m,strategy:d})),z=y==="floating"?{...c.floating,x:i,y:l}:c.reference,_=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p.floating)),st=await(s.isElement==null?void 0:s.isElement(_))?await(s.getScale==null?void 0:s.getScale(_))||{x:1,y:1}:{x:1,y:1},H=Ct(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:z,offsetParent:_,strategy:d}):z);return{top:(W.top-H.top+w.top)/st.y,bottom:(H.bottom-W.bottom+w.bottom)/st.y,left:(W.left-H.left+w.left)/st.x,right:(H.right-W.right+w.right)/st.x}}function ha(e,o,a){return(e?[...a.filter(l=>ut(l)===e),...a.filter(l=>ut(l)!==e)]:a.filter(l=>zt(l)===l)).filter(l=>e?ut(l)===e||(o?Br(l)!==l:!1):!0)}var ke=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var a,i,l;let{rects:s,middlewareData:c,placement:p,platform:d,elements:u}=o,{crossAxis:m=!1,alignment:y,allowedPlacements:E=We,autoAlignment:O=!0,...w}=de(e,o),I=y!==void 0||E===We?ha(y||null,O,E):E,$=await Te(o,w),W=((a=c.autoPlacement)==null?void 0:a.index)||0,z=I[W];if(z==null)return{};let _=Wr(z,s,await(d.isRTL==null?void 0:d.isRTL(u.floating)));if(p!==z)return{reset:{placement:I[0]}};let st=[$[zt(z)],$[_[0]],$[_[1]]],H=[...((i=c.autoPlacement)==null?void 0:i.overflows)||[],{placement:z,overflows:st}],De=I[W+1];if(De)return{data:{index:W+1,overflows:H},reset:{placement:De}};let Ge=H.map(J=>{let _t=ut(J.placement);return[J.placement,_t&&m?J.overflows.slice(0,2).reduce((Jr,ta)=>Jr+ta,0):J.overflows[0],J.overflows]}).sort((J,_t)=>J[1]-_t[1]),Ze=((l=Ge.filter(J=>J[2].slice(0,ut(J[0])?2:3).every(_t=>_t<=0))[0])==null?void 0:l[0])||Ge[0][0];return Ze!==p?{data:{index:W+1,overflows:H},reset:{placement:Ze}}:{}}}};var He=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:a,y:i,placement:l}=o,{mainAxis:s=!0,crossAxis:c=!1,limiter:p={fn:$=>{let{x:W,y:z}=$;return{x:W,y:z}}},...d}=de(e,o),u={x:a,y:i},m=await Te(o,d),y=fe(zt(l)),E=Pe(y),O=u[E],w=u[y];if(s){let $=E==="y"?"top":"left",W=E==="y"?"bottom":"right",z=O+m[$],_=O-m[W];O=Be(z,O,_)}if(c){let $=y==="y"?"top":"left",W=y==="y"?"bottom":"right",z=w+m[$],_=w-m[W];w=Be(z,w,_)}let I=p.fn({...o,[E]:O,[y]:w});return{...I,data:{x:I.x-a,y:I.y-i}}}}};function lt(e){return kr(e)?(e.nodeName||"").toLowerCase():"#document"}function Z(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function ct(e){var o;return(o=(kr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function kr(e){return e instanceof Node||e instanceof Z(e).Node}function et(e){return e instanceof Element||e instanceof Z(e).Element}function Q(e){return e instanceof HTMLElement||e instanceof Z(e).HTMLElement}function Tr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Z(e).ShadowRoot}function Tt(e){let{overflow:o,overflowX:a,overflowY:i,display:l}=F(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+a)&&!["inline","contents"].includes(l)}function Hr(e){return["table","td","th"].includes(lt(e))}function ue(e){let o=ye(),a=F(e);return a.transform!=="none"||a.perspective!=="none"||(a.containerType?a.containerType!=="normal":!1)||!o&&(a.backdropFilter?a.backdropFilter!=="none":!1)||!o&&(a.filter?a.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(a.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(a.contain||"").includes(i))}function _r(e){let o=vt(e);for(;Q(o)&&!Qt(o);){if(ue(o))return o;o=vt(o)}return null}function ye(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Qt(e){return["html","body","#document"].includes(lt(e))}function F(e){return Z(e).getComputedStyle(e)}function Jt(e){return et(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function vt(e){if(lt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Tr(e)&&e.host||ct(e);return Tr(o)?o.host:o}function Ur(e){let o=vt(e);return Qt(o)?e.ownerDocument?e.ownerDocument.body:e.body:Q(o)&&Tt(o)?o:Ur(o)}function ge(e,o,a){var i;o===void 0&&(o=[]),a===void 0&&(a=!0);let l=Ur(e),s=l===((i=e.ownerDocument)==null?void 0:i.body),c=Z(l);return s?o.concat(c,c.visualViewport||[],Tt(l)?l:[],c.frameElement&&a?ge(c.frameElement):[]):o.concat(l,ge(l,[],a))}function Zr(e){let o=F(e),a=parseFloat(o.width)||0,i=parseFloat(o.height)||0,l=Q(e),s=l?e.offsetWidth:a,c=l?e.offsetHeight:i,p=qt(a)!==s||qt(i)!==c;return p&&(a=s,i=c),{width:a,height:i,$:p}}function Mr(e){return et(e)?e:e.contextElement}function kt(e){let o=Mr(e);if(!Q(o))return it(1);let a=o.getBoundingClientRect(),{width:i,height:l,$:s}=Zr(o),c=(s?qt(a.width):a.width)/i,p=(s?qt(a.height):a.height)/l;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var ba=it(0);function Kr(e){let o=Z(e);return!ye()||!o.visualViewport?ba:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Sa(e,o,a){return o===void 0&&(o=!1),!a||o&&a!==Z(e)?!1:o}function te(e,o,a,i){o===void 0&&(o=!1),a===void 0&&(a=!1);let l=e.getBoundingClientRect(),s=Mr(e),c=it(1);o&&(i?et(i)&&(c=kt(i)):c=kt(e));let p=Sa(s,a,i)?Kr(s):it(0),d=(l.left+p.x)/c.x,u=(l.top+p.y)/c.y,m=l.width/c.x,y=l.height/c.y;if(s){let E=Z(s),O=i&&et(i)?Z(i):i,w=E.frameElement;for(;w&&i&&O!==E;){let I=kt(w),$=w.getBoundingClientRect(),W=F(w),z=$.left+(w.clientLeft+parseFloat(W.paddingLeft))*I.x,_=$.top+(w.clientTop+parseFloat(W.paddingTop))*I.y;d*=I.x,u*=I.y,m*=I.x,y*=I.y,d+=z,u+=_,w=Z(w).frameElement}}return Ct({width:m,height:y,x:d,y:u})}function Oa(e){let{rect:o,offsetParent:a,strategy:i}=e,l=Q(a),s=ct(a);if(a===s)return o;let c={scrollLeft:0,scrollTop:0},p=it(1),d=it(0);if((l||!l&&i!=="fixed")&&((lt(a)!=="body"||Tt(s))&&(c=Jt(a)),Q(a))){let u=te(a);p=kt(a),d.x=u.x+a.clientLeft,d.y=u.y+a.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Ca(e){return Array.from(e.getClientRects())}function Fr(e){return te(ct(e)).left+Jt(e).scrollLeft}function va(e){let o=ct(e),a=Jt(e),i=e.ownerDocument.body,l=gt(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),s=gt(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),c=-a.scrollLeft+Fr(e),p=-a.scrollTop;return F(i).direction==="rtl"&&(c+=gt(o.clientWidth,i.clientWidth)-l),{width:l,height:s,x:c,y:p}}function Na(e,o){let a=Z(e),i=ct(e),l=a.visualViewport,s=i.clientWidth,c=i.clientHeight,p=0,d=0;if(l){s=l.width,c=l.height;let u=ye();(!u||u&&o==="fixed")&&(p=l.offsetLeft,d=l.offsetTop)}return{width:s,height:c,x:p,y:d}}function Ea(e,o){let a=te(e,!0,o==="fixed"),i=a.top+e.clientTop,l=a.left+e.clientLeft,s=Q(e)?kt(e):it(1),c=e.clientWidth*s.x,p=e.clientHeight*s.y,d=l*s.x,u=i*s.y;return{width:c,height:p,x:d,y:u}}function Dr(e,o,a){let i;if(o==="viewport")i=Na(e,a);else if(o==="document")i=va(ct(e));else if(et(o))i=Ea(o,a);else{let l=Kr(e);i={...o,x:o.x-l.x,y:o.y-l.y}}return Ct(i)}function Vr(e,o){let a=vt(e);return a===o||!et(a)||Qt(a)?!1:F(a).position==="fixed"||Vr(a,o)}function wa(e,o){let a=o.get(e);if(a)return a;let i=ge(e,[],!1).filter(p=>et(p)&<(p)!=="body"),l=null,s=F(e).position==="fixed",c=s?vt(e):e;for(;et(c)&&!Qt(c);){let p=F(c),d=ue(c);!d&&p.position==="fixed"&&(l=null),(s?!d&&!l:!d&&p.position==="static"&&!!l&&["absolute","fixed"].includes(l.position)||Tt(c)&&!d&&Vr(e,c))?i=i.filter(m=>m!==c):l=p,c=vt(c)}return o.set(e,i),i}function Ra(e){let{element:o,boundary:a,rootBoundary:i,strategy:l}=e,c=[...a==="clippingAncestors"?wa(o,this._c):[].concat(a),i],p=c[0],d=c.reduce((u,m)=>{let y=Dr(o,m,l);return u.top=gt(y.top,u.top),u.right=Xt(y.right,u.right),u.bottom=Xt(y.bottom,u.bottom),u.left=gt(y.left,u.left),u},Dr(o,p,l));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function La(e){return Zr(e)}function Aa(e,o,a){let i=Q(o),l=ct(o),s=a==="fixed",c=te(e,!0,s,o),p={scrollLeft:0,scrollTop:0},d=it(0);if(i||!i&&!s)if((lt(o)!=="body"||Tt(l))&&(p=Jt(o)),i){let u=te(o,!0,s,o);d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}else l&&(d.x=Fr(l));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function Gr(e,o){return!Q(e)||F(e).position==="fixed"?null:o?o(e):e.offsetParent}function Yr(e,o){let a=Z(e);if(!Q(e))return a;let i=Gr(e,o);for(;i&&Hr(i)&&F(i).position==="static";)i=Gr(i,o);return i&&(lt(i)==="html"||lt(i)==="body"&&F(i).position==="static"&&!ue(i))?a:i||_r(e)||a}var Ia=async function(e){let{reference:o,floating:a,strategy:i}=e,l=this.getOffsetParent||Yr,s=this.getDimensions;return{reference:Aa(o,await l(a),i),floating:{x:0,y:0,...await s(a)}}};function Wa(e){return F(e).direction==="rtl"}var he={convertOffsetParentRelativeRectToViewportRelativeRect:Oa,getDocumentElement:ct,getClippingRect:Ra,getOffsetParent:Yr,getElementRects:Ia,getClientRects:Ca,getDimensions:La,getScale:kt,isElement:et,isRTL:Wa};var jr=(e,o,a)=>{let i=new Map,l={platform:he,...a},s={...l.platform,_c:i};return zr(e,o,{...l,platform:s})};function Xr(e){return Ba(e)}function _e(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function Ba(e){for(let o=e;o;o=_e(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=_e(e);o;o=_e(o)){if(!(o instanceof Element))continue;let a=getComputedStyle(o);if(a.display!=="contents"&&(a.position!=="static"||a.filter!=="none"||o.tagName==="BODY"))return o}return null}async function qr(e,o,a){return jr(e,o,{platform:{...he,getOffsetParent:i=>he.getOffsetParent(i,Xr)},middleware:[He({crossAxis:!0}),ke({allowedPlacements:[a]})]})}var R=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},v=class extends(0,Ht.toFtFormComponent)(Ht.FtLitElement,"textbox"){get value(){return this._value||""}set value(o){this.setInternalValue(o||""),this.dispatchedValue=o||""}setInternalValue(o){let a=this._value;this._value=o||"",this.setFormValue(this._value),this.requestUpdate("value",a)}focus(){var o;(o=this.input)===null||o===void 0||o.focus()}constructor(){super(),this._value="",this.dispatchedValue="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.prefix=null,this.passwordHiddenIcon=bt.EYE_SLASH,this.passwordRevealedIcon=bt.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.hideSuggestions=!1,this.visibleSuggestions=[]}render(){var o;let a={"ft-text-field":!0,"ft-text-field--filled":!this.outlined,"ft-text-field--outlined":this.outlined,"ft-text-field--disabled":this.disabled,"ft-text-field--has-value":!!this.value,"ft-text-field--with-label":!!this.label,"ft-text-field--in-error":this.error,"ft-text-field--fixed":this.fixedMenuPosition,"ft-text-field--with-prefix":!!this.prefix,"ft-text-field--hide-suggestions":this.hideSuggestions,"ft-text-field--raised-label":this.focused||this.value!="","ft-text-field--with-icon":!!this.icon,"ft-text-field--with-password":this.password};return M.html`
|
|
626
|
+
<div class="${(0,Qr.classMap)(a)}">
|
|
575
627
|
<div class="ft-text-field--main-panel"
|
|
576
628
|
@keydown=${this.handleKeyboardNavigation}
|
|
577
629
|
@focusout=${this.onMainPanelBlur}>
|
|
@@ -581,17 +633,17 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
581
633
|
?raised=${this.focused||this.value!=""}
|
|
582
634
|
?error=${this.error}></ft-input-label>
|
|
583
635
|
<div class="ft-text-field--input-panel">
|
|
584
|
-
${this.outlined?
|
|
636
|
+
${this.outlined?M.nothing:M.html`
|
|
585
637
|
<ft-ripple ?disabled=${this.disabled} activated></ft-ripple>
|
|
586
638
|
`}
|
|
587
|
-
${this.prefix?
|
|
639
|
+
${this.prefix?M.html`
|
|
588
640
|
<ft-typography class="ft-text-field--prefix" variant="body1">
|
|
589
641
|
${this.prefix}
|
|
590
642
|
</ft-typography>
|
|
591
|
-
`:
|
|
643
|
+
`:M.nothing}
|
|
592
644
|
<input type=${(o=this.type)!==null&&o!==void 0?o:this.password&&this.hidePassword?"password":"text"}
|
|
593
|
-
name=${
|
|
594
|
-
maxlength=${
|
|
645
|
+
name=${Ne(this.name)}
|
|
646
|
+
maxlength=${Ne(this.maxLength||void 0)}
|
|
595
647
|
aria-label="${this.label}"
|
|
596
648
|
class="ft-typography--body1 ft-text-field--input"
|
|
597
649
|
part="input"
|
|
@@ -605,62 +657,30 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
605
657
|
<div class="ft-text-field--suggestions"
|
|
606
658
|
@suggestion-selected=${this.onSuggestionSelected}>
|
|
607
659
|
<slot @slotchange=${()=>this.filterSuggestionsIfNeeded()}></slot>
|
|
660
|
+
${this.filterSuggestions&&this.value?M.html`
|
|
661
|
+
<ft-text-field-suggestion class="ft-text-field-suggestion--new-value" helper="${this.suggestionsHelper}">
|
|
662
|
+
${this.value}
|
|
663
|
+
</ft-text-field-suggestion>
|
|
664
|
+
`:M.nothing}
|
|
608
665
|
</div>
|
|
609
666
|
</div>
|
|
610
|
-
${this.helper?
|
|
667
|
+
${this.helper?M.html`
|
|
611
668
|
<ft-typography class="ft-text-field--helper-text" variant="caption">
|
|
612
669
|
${this.helper}
|
|
613
670
|
</ft-typography>
|
|
614
|
-
`:
|
|
671
|
+
`:M.nothing}
|
|
615
672
|
</div>
|
|
616
|
-
`}renderPasswordIcon(){return
|
|
673
|
+
`}renderPasswordIcon(){return M.html`
|
|
617
674
|
<ft-icon class="ft-text-field--icon"
|
|
618
675
|
.variant=${this.iconVariant}
|
|
619
676
|
.value=${this.hidePassword?this.passwordHiddenIcon:this.passwordRevealedIcon}
|
|
620
677
|
@click=${()=>this.togglePasswordVisibility()}></ft-icon>
|
|
621
|
-
`}renderIcon(){return this.password?this.renderPasswordIcon():this.icon?
|
|
678
|
+
`}renderIcon(){return this.password?this.renderPasswordIcon():this.icon?M.html`
|
|
622
679
|
<ft-icon class="ft-text-field--icon"
|
|
623
680
|
.variant=${this.iconVariant}
|
|
624
681
|
.value=${this.icon}
|
|
625
682
|
@click=${()=>{var o;return(o=this.input)===null||o===void 0?void 0:o.focus()}}></ft-icon>
|
|
626
|
-
`:
|
|
627
|
-
.ft-text-field-suggestion {
|
|
628
|
-
position: relative;
|
|
629
|
-
padding: 8px 16px;
|
|
630
|
-
cursor: pointer;
|
|
631
|
-
min-height: 44px;
|
|
632
|
-
box-sizing: border-box;
|
|
633
|
-
outline: none;
|
|
634
|
-
}
|
|
635
|
-
|
|
636
|
-
.ft-text-field-suggestion,
|
|
637
|
-
.ft-text-field-suggestion--label {
|
|
638
|
-
display: flex;
|
|
639
|
-
align-items: center;
|
|
640
|
-
gap: 8px;
|
|
641
|
-
}
|
|
642
|
-
|
|
643
|
-
.ft-text-field-suggestion--label {
|
|
644
|
-
flex-grow: 1;
|
|
645
|
-
flex-shrink: 1;
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
slot {
|
|
649
|
-
pointer-events: none;
|
|
650
|
-
}
|
|
651
|
-
`;var He=function(e,o,a,i){var l=arguments.length,s=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(l<3?c(s):l>3?c(o,a,s):c(o,a))||s);return l>3&&s&&Object.defineProperty(o,a,s),s},ke=class extends CustomEvent{constructor(o){super("suggestion-selected",{detail:o,bubbles:!0,composed:!0})}},ct=class extends Xr.FtLitElement{render(){return qr.html`
|
|
652
|
-
<div class="ft-text-field-suggestion"
|
|
653
|
-
tabindex="-1"
|
|
654
|
-
@keydown=${this.onKeyDown}
|
|
655
|
-
@click=${this.confirmSuggestion}>
|
|
656
|
-
<ft-ripple></ft-ripple>
|
|
657
|
-
<ft-typography part="label"
|
|
658
|
-
variant="body1"
|
|
659
|
-
class="ft-text-field-suggestion--label">
|
|
660
|
-
<slot></slot>
|
|
661
|
-
</ft-typography>
|
|
662
|
-
</div>
|
|
663
|
-
`}focus(o){var a;(a=this.container)===null||a===void 0||a.focus(o)}click(){var o;(o=this.container)===null||o===void 0||o.click()}confirmSuggestion(){this.dispatchEvent(new ke(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map(o=>o.textContent).join("").trim()}onKeyDown(o){["Enter"," "].includes(o.key)&&(o.preventDefault(),o.stopPropagation(),this.confirmSuggestion())}};ct.elementDefinitions={"ft-ripple":A,"ft-typography":j,"ft-icon":G};ct.styles=jr;He([(0,Ht.property)()],ct.prototype,"value",void 0);He([(0,Ht.query)(".ft-text-field-suggestion")],ct.prototype,"container",void 0);He([(0,Ht.queryAssignedNodes)()],ct.prototype,"assignedNodes",void 0);(0,_e.customElement)("ft-text-field")(v);(0,_e.customElement)("ft-text-field-suggestion")(ct);})();
|
|
683
|
+
`:M.nothing}update(o){super.update(o),(o.has("value")||o.has("filterSuggestions"))&&this.filterSuggestionsIfNeeded(),o.has("value")&&o.get("value")!=null&&(this.hideSuggestions=!1),o.has("dispatchedValue")&&o.get("dispatchedValue")!=null&&(this.hideSuggestions=!0)}filterSuggestionsIfNeeded(){this.filterSuggestions?(this.suggestions.forEach(o=>o.hidden=!o.getValue().toLowerCase().includes(this.value.toLowerCase())),this.visibleSuggestions=this.suggestions.filter(o=>!o.hidden)):this.visibleSuggestions=this.suggestions,this.newValueSuggestion&&(this.visibleSuggestions=[...this.visibleSuggestions,this.newValueSuggestion])}contentAvailableCallback(o){super.contentAvailableCallback(o),o.has("focused")&&!this.hideSuggestions&&this.visibleSuggestions.length>0&&(this.suggestionsContainer.style.width=this.mainPanel.getBoundingClientRect().width+"px",qr(this.mainPanel,this.suggestionsContainer,"bottom").then(({x:a,y:i})=>{this.suggestionsContainer.style.left=`${a}px`,this.suggestionsContainer.style.top=`${i}px`}))}setValue(o,a=!1){this.value!==o&&(this.setInternalValue(o),this.dispatchEvent(new CustomEvent("live-change",{detail:o}))),a&&this.dispatchedValue!==o&&(this.dispatchedValue=o,this.dispatchEvent(new CustomEvent("change",{detail:o})))}handleInput(o){var a;let i=((a=this.input)===null||a===void 0?void 0:a.value)||"";this.setValue(i,o.key=="Escape"||o.key=="Enter")}handleClick(){this.hideSuggestions=!1}handleKeyboardNavigation(o){var a;if(o.key==="ArrowDown"||o.key==="ArrowUp"){o.preventDefault(),o.stopPropagation(),this.hideSuggestions=!1;let i=this.visibleSuggestions.findIndex(s=>s.matches(":focus-within")),l;o.key==="ArrowDown"?l=i<this.visibleSuggestions.length-1?i+1:0:l=i>0?i-1:this.visibleSuggestions.length-1,(a=this.visibleSuggestions[l])===null||a===void 0||a.focus()}(o.key=="Escape"||o.key=="Enter")&&(this.hideSuggestions=!0)}onSuggestionSelected(o){var a;this.setValue(o.detail,!0),(a=this.input)===null||a===void 0||a.focus(),setTimeout(()=>this.hideSuggestions=!0,0)}onFocus(){this.focused=!0,this.hideSuggestions=!1}onMainPanelBlur(){var o,a;!((o=this.mainPanel)===null||o===void 0)&&o.matches(":focus-within")||(this.focused=!1,this.setValue(((a=this.input)===null||a===void 0?void 0:a.value)||"",!0))}togglePasswordVisibility(){this.hidePassword=!this.hidePassword}};v.elementDefinitions={"ft-input-label":K,"ft-ripple":A,"ft-typography":X,"ft-icon":G,"ft-text-field-suggestion":Y};v.styles=[le,Ht.noTextInputDefaultClearButton,Nr];R([(0,N.property)()],v.prototype,"label",void 0);R([(0,N.property)({noAccessor:!0})],v.prototype,"value",null);R([(0,N.state)()],v.prototype,"dispatchedValue",void 0);R([(0,N.property)()],v.prototype,"helper",void 0);R([(0,N.property)()],v.prototype,"suggestionsHelper",void 0);R([(0,N.property)({type:Boolean})],v.prototype,"outlined",void 0);R([(0,N.property)({type:Boolean})],v.prototype,"disabled",void 0);R([(0,N.property)({type:Boolean})],v.prototype,"error",void 0);R([(0,N.property)({type:Boolean})],v.prototype,"fixedMenuPosition",void 0);R([(0,N.property)()],v.prototype,"prefix",void 0);R([(0,N.property)()],v.prototype,"icon",void 0);R([(0,N.property)()],v.prototype,"name",void 0);R([(0,N.property)()],v.prototype,"type",void 0);R([(0,N.property)()],v.prototype,"passwordHiddenIcon",void 0);R([(0,N.property)()],v.prototype,"passwordRevealedIcon",void 0);R([(0,N.property)()],v.prototype,"iconVariant",void 0);R([(0,N.property)({type:Boolean})],v.prototype,"filterSuggestions",void 0);R([(0,N.property)({type:Number})],v.prototype,"maxLength",void 0);R([(0,N.property)({type:Boolean})],v.prototype,"password",void 0);R([(0,N.state)()],v.prototype,"focused",void 0);R([(0,N.state)()],v.prototype,"hidePassword",void 0);R([(0,N.state)()],v.prototype,"hideSuggestions",void 0);R([(0,N.state)()],v.prototype,"visibleSuggestions",void 0);R([(0,N.query)(".ft-text-field--main-panel")],v.prototype,"mainPanel",void 0);R([(0,N.query)(".ft-text-field--input")],v.prototype,"input",void 0);R([(0,N.query)(".ft-text-field-suggestion--new-value")],v.prototype,"newValueSuggestion",void 0);R([(0,N.query)(".ft-text-field--suggestions")],v.prototype,"suggestionsContainer",void 0);R([(0,N.queryAssignedElements)({selector:"ft-text-field-suggestion"})],v.prototype,"suggestions",void 0);(0,Ue.customElement)("ft-text-field")(v);(0,Ue.customElement)("ft-text-field-suggestion")(Y);})();
|
|
664
684
|
/*! Bundled license information:
|
|
665
685
|
|
|
666
686
|
lit-html/lit-html.js:
|