@fluid-topics/ft-text-field 1.2.23 → 1.2.25
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.d.ts +1 -0
- package/build/ft-text-field.js +17 -10
- package/build/ft-text-field.light.js +205 -205
- package/build/ft-text-field.min.js +26 -26
- package/package.json +7 -7
|
@@ -1,137 +1,137 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
2
|
-
\f\r]`,
|
|
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"),P=Symbol.for("lit-nothing"),to=new WeakMap,mt=bt.createTreeWalker(bt,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 d=0;d<a;d++){let p=e[d],u,m,y=-1,E=0;for(;E<p.length&&(c.lastIndex=E,m=c.exec(p),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 C=c===ht&&e[d+1].startsWith("/>")?" ":"";s+=c===Gt?p+la:y>=0?(i.push(u),p.slice(0,y)+eo+p.slice(y)+dt+C):p+dt+(y===-2?d:C)}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,d=o.length-1,p=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&&p.length<d;){if(l.nodeType===1){if(l.hasAttributes())for(let y of l.getAttributeNames())if(y.endsWith(eo)){let E=m[c++],C=l.getAttribute(y).split(dt),w=/([.?@])?(.*)/.exec(E);p.push({type:1,index:s,name:w[2],strings:C,ctor:w[1]==="."?Se:w[1]==="?"?Oe:w[1]==="@"?Ce:Et}),l.removeAttribute(y)}else y.startsWith(dt)&&(p.push({type:6,index:s}),l.removeAttribute(y));if(ao.test(l.tagName)){let y=l.textContent.split(dt),E=y.length-1;if(E>0){l.textContent=ee?ee.emptyScript:"";for(let C=0;C<E;C++)l.append(y[C],oe()),mt.nextNode(),p.push({type:2,index:++s});l.append(y[E],oe())}}}else if(l.nodeType===8)if(l.data===oo)p.push({type:2,index:s});else{let y=-1;for(;(y=l.data.indexOf(dt,y+1))!==-1;)p.push({type:7,index:s}),y+=dt.length-1}s++}}static createElement(o,a){let i=bt.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??bt).importNode(a,!0);mt.currentNode=l;let s=mt.nextNode(),c=0,d=0,p=i[0];for(;p!==void 0;){if(c===p.index){let u;p.type===2?u=new re(s,s.nextSibling,this,o):p.type===1?u=new p.ctor(s,p.name,p.strings,this,o):p.type===6&&(u=new ve(s,this,o)),this._$AV.push(u),p=i[++d]}c!==p?.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++}},re=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,a,i,l){this.type=2,this._$AH=P,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===P||o==null||o===""?(this._$AH!==P&&this._$AR(),this._$AH=P):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!==P&&Zt(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=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=P,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=P}_$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 d=o,p,u;for(o=s[0],p=0;p<s.length-1;p++)u=Nt(this,d[i+p],a,p),u===Mt&&(u=this._$AH[p]),c||=!Zt(u)||u!==this._$AH[p],u===P?o=P:o!==P&&(o+=(u??"")+s[p+1]),this._$AH[p]=u}c&&!l&&this.O(o)}O(o){o===P?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},Se=class extends Et{constructor(){super(...arguments),this.type=3}O(o){this.element[this.name]=o===P?void 0:o}},Oe=class extends Et{constructor(){super(...arguments),this.type=4}O(o){this.element.toggleAttribute(this.name,!!o&&o!==P)}},Ce=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)??P)===Mt)return;let i=this._$AH,l=o===P&&i!==P||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,s=o!==P&&(i===P||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)}},ve=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 da=Ne.litHtmlPolyfillSupport;da?.(Kt,re),(Ne.litHtmlVersions??=[]).push("3.1.0");var ae=e=>e??P;var Ht=x(k());var tr=x(k());var po=Symbol.for(""),pa=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=[],d=[],p,u=0,m=!1;for(;u<i;){for(p=o[u];u<i&&(s=a[u],(l=pa(s))!==void 0);)p+=l+o[++u],m=!0;u!==i&&d.push(s),c.push(p),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=d}return e(o,...a)},we=fo(io),Ka=fo(lo);var Re=x(yt()),Jo=x(k());var ne;(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"})(ne||(ne={}));var V=x(U()),g=x(k());var ot=x(U(),1),pt=e=>typeof e=="string"?(0,ot.unsafeCSS)(e):e,t=class{static create(o,a,i,l){let s=d=>pt(d??l),c=ot.css`var(${pt(o)}, ${s(l)})`;return c.name=o,c.description=a,c.category=i,c.defaultValue=l,c.defaultCssValue=s,c.get=d=>ot.css`var(${pt(o)}, ${s(d)})`,c.breadcrumb=()=>[],c.lastResortDefaultValue=()=>l,c}static extend(o,a,i,l){let s=d=>i.get(d??l),c=ot.css`var(${pt(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=d=>ot.css`var(${pt(o)}, ${s(d)})`,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):pt(s??o.lastResortDefaultValue()),l=ot.css`var(${pt(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(${pt(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(0.25rem*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(0.25rem*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(0.25rem*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(0.25rem*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(0.25rem*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(0.25rem*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(0.25rem*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(0.25rem*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(0.25rem*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(0.25rem*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(0.25rem*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(0.25rem*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(0.25rem*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(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")},bo={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")},xo={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")},Ao={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")},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")},Po={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")},$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")},ko={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")},ie={display:go,"title-1":uo,"title-2":yo,"title-3":ho,"body-1-regular":mo,"body-1-medium":bo,"body-1-semibold":xo,"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":Ao,"caption-1-medium":Lo,"caption-1-semibold":Io,"caption-1-bold":Wo,"caption-2-medium":Po,"caption-2-semibold":Bo,"caption-2-bold":$o,"caption-3-medium":zo,"caption-3-semibold":ko,"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 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 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 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 kn={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 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 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 ki={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.colorRed10),scatterplotQuadrantUnpopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",r.colorCyan10),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 dl={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),denseHorizontalPadding:t.create("--ft-notice-dense-horizontal-padding","","SIZE","0px"),denseVerticalPadding:t.create("--ft-notice-dense-vertical-padding","","SIZE","0px"),denseGap:t.extend("--ft-notice-dense-gap","",r.spacing1),denseIconSize:t.extend("--ft-notice-dense-icon-size","",r.iconSize2),denseBorderWidth:t.create("--ft-notice-dense-border-width","","SIZE","0")};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 Ul={verticalPadding:t.extend("--ft-reorderable-list-vertical-padding","",r.spacing4),gap:t.extend("--ft-reorderable-list-gap","",r.spacing1),borderRadius:t.extend("--ft-reorderable-list-border-radius","",r.borderRadiusM),reorderableItemTitleMarginRight:t.extend("--ft-reorderable-list-reorderable-item-title-margin-right","",r.spacing6),reorderableItemTitleColor:t.extend("--ft-reorderable-list-reorderable-item-title-color","",n.contentGlobalPrimary),reorderableItemLeftButtonsGroupMarginRight:t.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-margin-right","",r.spacing6),reorderableItemLeftButtonsGroupHorizontalGap:t.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-horizontal-gap","",r.spacing2),reorderableItemRightButtonsGroupHorizontalGap:t.extend("--ft-reorderable-list-reorderable-item-right-buttons-group-horizontal-gap","",r.spacing2),reorderableItemUsersCountColor:t.extend("--ft-reorderable-list-reorderable-item-users-count-color","",n.contentGlobalPrimary),reorderableItemUsersCountMarginRight:t.extend("--ft-reorderable-list-reorderable-item-users-count-margin-right","",r.spacing6),reorderableItemBackgroundColor:t.extend("--ft-reorderable-list-reorderable-item-background-color","",n.backgroundGlobalOnSurface),reorderableItemWarningMessageGap:t.extend("--ft-reorderable-list-reorderable-item-warning-message-gap","",r.spacing1),reorderableItemWarningMessageColor:t.extend("--ft-reorderable-list-reorderable-item-warning-message-color","",n.contentWarningPrimary),reorderableItemWarningMessageIconColor:t.extend("--ft-reorderable-list-reorderable-item-warning-message-icon-color","",n.contentWarningIconOnly),reorderableItemGripColor:t.extend("--ft-reorderable-list-reorderable-item-grip-color","",n.contentGlobalSecondary),reorderableItemGripOpacity:t.extend("--ft-reorderable-list-reorderable-item-grip-opacity","",r.opacity48),boxShadow:t.extend("--ft-reorderable-list-box-shadow","",r.shadowElevation01),borderWidth:t.create("--ft-reorderable-list-border-width","","SIZE","1px"),reorderableItemsGap:t.extend("--ft-reorderable-list-reorderable-items-gap","",r.spacing2),leftPadding:t.extend("--ft-reorderable-list-left-padding","",r.spacing2),rightPadding:t.extend("--ft-reorderable-list-right-padding","",r.spacing6),borderColor:t.extend("--ft-reorderable-list-border-color","",n.borderGlobalPrimary),backgroundColor:t.extend("--ft-reorderable-list-background-color","",n.backgroundGlobalOnSurfaceDark)};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 le=x(U());function Uo(e){let o=ie[e];return le.css`
|
|
5
|
-
.ft-typography--${(0,
|
|
6
|
-
font-family: ${
|
|
7
|
-
font-size: ${
|
|
8
|
-
font-weight: ${
|
|
9
|
-
letter-spacing: ${
|
|
10
|
-
line-height: ${
|
|
11
|
-
text-transform: ${
|
|
1
|
+
"use strict";(()=>{var _o=Object.create;var qe=Object.defineProperty;var Ho=Object.getOwnPropertyDescriptor;var Uo=Object.getOwnPropertyNames;var To=Object.getPrototypeOf,Go=Object.prototype.hasOwnProperty;var he=(t,r)=>()=>(r||t((r={exports:{}}).exports,r),r.exports);var Do=(t,r,n,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of Uo(r))!Go.call(t,l)&&l!==n&&qe(t,l,{get:()=>r[l],enumerable:!(i=Ho(r,l))||i.enumerable});return t};var h=(t,r,n)=>(n=t!=null?_o(To(t)):{},Do(r||!t||!t.__esModule?qe(n,"default",{value:t,enumerable:!0}):n,t));var A=he((Xo,Qe)=>{Qe.exports=ftGlobals.wcUtils});var W=he((qo,Je)=>{Je.exports=ftGlobals.lit});var Q=he((Qo,et)=>{et.exports=ftGlobals.litDecorators});var be=he((Jo,tt)=>{tt.exports=ftGlobals.litClassMap});var No=he((Kl,vo)=>{vo.exports=ftGlobals.litUnsafeHTML});var Xe=h(A());var $=h(W()),S=h(Q()),ko=h(be());var Ke=globalThis,Le=Ke.trustedTypes,ot=Le?Le.createPolicy("lit-html",{createHTML:t=>t}):void 0,ct="$lit$",Y=`lit$${(Math.random()+"").slice(9)}$`,pt="?"+Y,Zo=`<${pt}>`,te=document,we=()=>te.createComment(""),xe=t=>t===null||typeof t!="object"&&typeof t!="function",dt=Array.isArray,Ko=t=>dt(t)||typeof t?.[Symbol.iterator]=="function",He=`[
|
|
2
|
+
\f\r]`,me=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,rt=/-->/g,at=/>/g,J=RegExp(`>|${He}(?:([^\\s"'>=/]+)(${He}*=${He}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),nt=/'/g,it=/"/g,st=/^(?:script|style|textarea|title)$/i,ft=t=>(r,...n)=>({_$litType$:t,strings:r,values:n}),gt=ft(1),yt=ft(2),Se=Symbol.for("lit-noChange"),R=Symbol.for("lit-nothing"),lt=new WeakMap,ee=te.createTreeWalker(te,129);function ut(t,r){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return ot!==void 0?ot.createHTML(r):r}var Mo=(t,r)=>{let n=t.length-1,i=[],l,c=r===2?"<svg>":"",p=me;for(let f=0;f<n;f++){let u=t[f],O,w,v=-1,D=0;for(;D<u.length&&(p.lastIndex=D,w=p.exec(u),w!==null);)D=p.lastIndex,p===me?w[1]==="!--"?p=rt:w[1]!==void 0?p=at:w[2]!==void 0?(st.test(w[2])&&(l=RegExp("</"+w[2],"g")),p=J):w[3]!==void 0&&(p=J):p===J?w[0]===">"?(p=l??me,v=-1):w[1]===void 0?v=-2:(v=p.lastIndex-w[2].length,O=w[1],p=w[3]===void 0?J:w[3]==='"'?it:nt):p===it||p===nt?p=J:p===rt||p===at?p=me:(p=J,l=void 0);let F=p===J&&t[f+1].startsWith("/>")?" ":"";c+=p===me?u+Zo:v>=0?(i.push(O),u.slice(0,v)+ct+u.slice(v)+Y+F):u+Y+(v===-2?f:F)}return[ut(t,c+(t[n]||"<?>")+(r===2?"</svg>":"")),i]},Oe=class t{constructor({strings:r,_$litType$:n},i){let l;this.parts=[];let c=0,p=0,f=r.length-1,u=this.parts,[O,w]=Mo(r,n);if(this.el=t.createElement(O,i),ee.currentNode=this.el.content,n===2){let v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(l=ee.nextNode())!==null&&u.length<f;){if(l.nodeType===1){if(l.hasAttributes())for(let v of l.getAttributeNames())if(v.endsWith(ct)){let D=w[p++],F=l.getAttribute(v).split(Y),Re=/([.?@])?(.*)/.exec(D);u.push({type:1,index:c,name:Re[2],strings:F,ctor:Re[1]==="."?Te:Re[1]==="?"?Ge:Re[1]==="@"?De:ie}),l.removeAttribute(v)}else v.startsWith(Y)&&(u.push({type:6,index:c}),l.removeAttribute(v));if(st.test(l.tagName)){let v=l.textContent.split(Y),D=v.length-1;if(D>0){l.textContent=Le?Le.emptyScript:"";for(let F=0;F<D;F++)l.append(v[F],we()),ee.nextNode(),u.push({type:2,index:++c});l.append(v[D],we())}}}else if(l.nodeType===8)if(l.data===pt)u.push({type:2,index:c});else{let v=-1;for(;(v=l.data.indexOf(Y,v+1))!==-1;)u.push({type:7,index:c}),v+=Y.length-1}c++}}static createElement(r,n){let i=te.createElement("template");return i.innerHTML=r,i}};function ne(t,r,n=t,i){if(r===Se)return r;let l=i!==void 0?n._$Co?.[i]:n._$Cl,c=xe(r)?void 0:r._$litDirective$;return l?.constructor!==c&&(l?._$AO?.(!1),c===void 0?l=void 0:(l=new c(t),l._$AT(t,n,i)),i!==void 0?(n._$Co??=[])[i]=l:n._$Cl=l),l!==void 0&&(r=ne(t,l._$AS(t,r.values),l,i)),r}var Ue=class{constructor(r,n){this._$AV=[],this._$AN=void 0,this._$AD=r,this._$AM=n}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(r){let{el:{content:n},parts:i}=this._$AD,l=(r?.creationScope??te).importNode(n,!0);ee.currentNode=l;let c=ee.nextNode(),p=0,f=0,u=i[0];for(;u!==void 0;){if(p===u.index){let O;u.type===2?O=new Ae(c,c.nextSibling,this,r):u.type===1?O=new u.ctor(c,u.name,u.strings,this,r):u.type===6&&(O=new Ze(c,this,r)),this._$AV.push(O),u=i[++f]}p!==u?.index&&(c=ee.nextNode(),p++)}return ee.currentNode=te,l}p(r){let n=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(r,i,n),n+=i.strings.length-2):i._$AI(r[n])),n++}},Ae=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(r,n,i,l){this.type=2,this._$AH=R,this._$AN=void 0,this._$AA=r,this._$AB=n,this._$AM=i,this.options=l,this._$Cv=l?.isConnected??!0}get parentNode(){let r=this._$AA.parentNode,n=this._$AM;return n!==void 0&&r?.nodeType===11&&(r=n.parentNode),r}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(r,n=this){r=ne(this,r,n),xe(r)?r===R||r==null||r===""?(this._$AH!==R&&this._$AR(),this._$AH=R):r!==this._$AH&&r!==Se&&this._(r):r._$litType$!==void 0?this.g(r):r.nodeType!==void 0?this.$(r):Ko(r)?this.T(r):this._(r)}k(r){return this._$AA.parentNode.insertBefore(r,this._$AB)}$(r){this._$AH!==r&&(this._$AR(),this._$AH=this.k(r))}_(r){this._$AH!==R&&xe(this._$AH)?this._$AA.nextSibling.data=r:this.$(te.createTextNode(r)),this._$AH=r}g(r){let{values:n,_$litType$:i}=r,l=typeof i=="number"?this._$AC(r):(i.el===void 0&&(i.el=Oe.createElement(ut(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===l)this._$AH.p(n);else{let c=new Ue(l,this),p=c.u(this.options);c.p(n),this.$(p),this._$AH=c}}_$AC(r){let n=lt.get(r.strings);return n===void 0&<.set(r.strings,n=new Oe(r)),n}T(r){dt(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,i,l=0;for(let c of r)l===n.length?n.push(i=new t(this.k(we()),this.k(we()),this,this.options)):i=n[l],i._$AI(c),l++;l<n.length&&(this._$AR(i&&i._$AB.nextSibling,l),n.length=l)}_$AR(r=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);r&&r!==this._$AB;){let i=r.nextSibling;r.remove(),r=i}}setConnected(r){this._$AM===void 0&&(this._$Cv=r,this._$AP?.(r))}},ie=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(r,n,i,l,c){this.type=1,this._$AH=R,this._$AN=void 0,this.element=r,this.name=n,this._$AM=l,this.options=c,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=R}_$AI(r,n=this,i,l){let c=this.strings,p=!1;if(c===void 0)r=ne(this,r,n,0),p=!xe(r)||r!==this._$AH&&r!==Se,p&&(this._$AH=r);else{let f=r,u,O;for(r=c[0],u=0;u<c.length-1;u++)O=ne(this,f[i+u],n,u),O===Se&&(O=this._$AH[u]),p||=!xe(O)||O!==this._$AH[u],O===R?r=R:r!==R&&(r+=(O??"")+c[u+1]),this._$AH[u]=O}p&&!l&&this.O(r)}O(r){r===R?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,r??"")}},Te=class extends ie{constructor(){super(...arguments),this.type=3}O(r){this.element[this.name]=r===R?void 0:r}},Ge=class extends ie{constructor(){super(...arguments),this.type=4}O(r){this.element.toggleAttribute(this.name,!!r&&r!==R)}},De=class extends ie{constructor(r,n,i,l,c){super(r,n,i,l,c),this.type=5}_$AI(r,n=this){if((r=ne(this,r,n,0)??R)===Se)return;let i=this._$AH,l=r===R&&i!==R||r.capture!==i.capture||r.once!==i.once||r.passive!==i.passive,c=r!==R&&(i===R||l);l&&this.element.removeEventListener(this.name,this,i),c&&this.element.addEventListener(this.name,this,r),this._$AH=r}handleEvent(r){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,r):this._$AH.handleEvent(r)}},Ze=class{constructor(r,n,i){this.element=r,this.type=6,this._$AN=void 0,this._$AM=n,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(r){ne(this,r)}};var Vo=Ke.litHtmlPolyfillSupport;Vo?.(Oe,Ae),(Ke.litHtmlVersions??=[]).push("3.1.0");var Ie=t=>t??R;var q=h(A());var io=h(A());var bt=Symbol.for(""),Fo=t=>{if(t?.r===bt)return t?._$litStatic$},Me=t=>({_$litStatic$:t,r:bt});var ht=new Map,mt=t=>(r,...n)=>{let i=n.length,l,c,p=[],f=[],u,O=0,w=!1;for(;O<i;){for(u=r[O];O<i&&(c=n[O],(l=Fo(c))!==void 0);)u+=l+r[++O],w=!0;O!==i&&f.push(c),p.push(u),O++}if(O===i&&p.push(r[i]),w){let v=p.join("$$lit$$");(r=ht.get(v))===void 0&&(p.raw=p,ht.set(v,r=p)),n=f}return t(r,...n)},Ve=mt(gt),ir=mt(yt);var Fe=h(Q()),no=h(A());var We;(function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"})(We||(We={}));var k=h(W()),s=h(A());var Z=h(W(),1),j=t=>typeof t=="string"?(0,Z.unsafeCSS)(t):t,e=class{static create(r,n,i,l){let c=f=>j(f??l),p=Z.css`var(${j(r)}, ${c(l)})`;return p.name=r,p.description=n,p.category=i,p.defaultValue=l,p.defaultCssValue=c,p.get=f=>Z.css`var(${j(r)}, ${c(f)})`,p.breadcrumb=()=>[],p.lastResortDefaultValue=()=>l,p}static extend(r,n,i,l){let c=f=>i.get(f??l),p=Z.css`var(${j(r)}, ${c(l)})`;return p.name=r,p.description=n,p.category=i.category,p.fallbackVariable=i,p.defaultValue=l,p.defaultCssValue=c,p.get=f=>Z.css`var(${j(r)}, ${c(f)})`,p.breadcrumb=()=>[i.name,...i.breadcrumb()],p.lastResortDefaultValue=()=>l??i.lastResortDefaultValue(),p}static external(r,n){let i=c=>r.fallbackVariable?r.fallbackVariable.get(c??r.defaultValue):j(c??r.lastResortDefaultValue()),l=Z.css`var(${j(r.name)}, ${i(r.defaultValue)})`;return l.name=r.name,l.category=r.category,l.fallbackVariable=r.fallbackVariable,l.defaultValue=r.defaultValue,l.context=n,l.defaultCssValue=i,l.get=c=>Z.css`var(${j(r.name)}, ${i(c)})`,l.breadcrumb=()=>r.fallbackVariable?[r.fallbackVariable.name,...r.fallbackVariable.breadcrumb()]:[],l.lastResortDefaultValue=()=>r.lastResortDefaultValue(),l}};var o={colorWhite:e.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:e.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:e.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:e.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:e.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:e.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:e.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:e.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:e.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:e.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:e.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:e.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:e.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:e.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:e.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:e.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:e.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:e.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:e.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:e.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:e.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:e.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:e.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:e.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:e.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:e.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:e.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:e.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:e.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:e.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:e.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:e.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:e.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:e.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:e.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:e.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:e.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:e.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:e.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:e.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:e.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:e.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:e.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:e.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:e.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:e.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:e.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:e.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:e.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:e.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:e.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:e.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:e.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:e.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:e.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:e.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:e.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:e.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:e.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:e.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:e.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:e.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:e.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:e.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:e.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:e.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:e.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:e.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:e.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:e.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:e.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:e.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:e.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:e.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:e.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:e.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:e.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:e.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:e.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:e.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:e.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:e.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:e.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:e.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:e.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:e.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:e.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:e.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:e.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:e.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:e.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:e.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:e.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:e.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:e.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:e.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:e.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:e.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:e.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:e.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:e.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:e.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:e.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:e.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:e.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:e.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:e.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:e.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:e.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:e.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:e.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:e.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:e.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:e.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:e.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:e.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:e.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:e.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:e.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:e.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:e.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:e.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:e.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:e.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:e.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:e.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:e.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:e.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:e.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:e.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:e.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:e.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:e.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:e.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:e.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:e.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:e.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:e.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:e.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:e.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:e.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:e.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:e.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:e.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:e.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:e.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:e.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:e.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:e.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:e.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:e.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:e.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:e.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:e.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:e.create("--ft-spacing-2","","SIZE","calc(0.25rem*2)"),spacing3:e.create("--ft-spacing-3","","SIZE","calc(0.25rem*3)"),spacing4:e.create("--ft-spacing-4","","SIZE","calc(0.25rem*4)"),spacing5:e.create("--ft-spacing-5","","SIZE","calc(0.25rem*5)"),spacing6:e.create("--ft-spacing-6","","SIZE","calc(0.25rem*6)"),spacing8:e.create("--ft-spacing-8","","SIZE","calc(0.25rem*8)"),spacing10:e.create("--ft-spacing-10","","SIZE","calc(0.25rem*10)"),spacing12:e.create("--ft-spacing-12","","SIZE","calc(0.25rem*12)"),spacing16:e.create("--ft-spacing-16","","SIZE","calc(0.25rem*16)"),spacing20:e.create("--ft-spacing-20","","SIZE","calc(0.25rem*20)"),spacing24:e.create("--ft-spacing-24","","SIZE","calc(0.25rem*24)"),spacing28:e.create("--ft-spacing-28","","SIZE","calc(0.25rem*28)"),spacing32:e.create("--ft-spacing-32","","SIZE","calc(0.25rem*32)"),spacing05:e.create("--ft-spacing-0-5","","SIZE","calc(0.25rem*0.5)"),borderRadiusS:e.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:e.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:e.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:e.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:e.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:e.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:e.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:e.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:e.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:e.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:e.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:e.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:e.create("--ft-opacity-0","","NUMBER","0"),opacity8:e.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:e.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:e.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:e.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:e.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:e.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:e.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:e.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:e.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:e.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:e.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:e.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:e.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:e.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:e.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:e.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)")},xt={fontFamily:e.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:e.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-display-textCase","","UNKNOWN","none")},St={fontFamily:e.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:e.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},Ot={fontFamily:e.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:e.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},Ct={fontFamily:e.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:e.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:e.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},vt={fontFamily:e.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:e.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},Nt={fontFamily:e.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},Et={fontFamily:e.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},Rt={fontFamily:e.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:e.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},Lt={fontFamily:e.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},Yo={fontFamily:e.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:e.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:e.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},wt={fontFamily:e.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},At={fontFamily:e.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},It={fontFamily:e.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},Wt={fontFamily:e.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},Bt={fontFamily:e.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},Pt={fontFamily:e.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},$t={fontFamily:e.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},zt={fontFamily:e.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},kt={fontFamily:e.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},_t={fontFamily:e.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Ht={fontFamily:e.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Ut={fontFamily:e.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},Tt={fontFamily:e.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},Gt={fontFamily:e.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},Dt={fontFamily:e.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Zt={fontFamily:e.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},Be={display:xt,"title-1":St,"title-2":Ot,"title-3":Ct,"body-1-regular":vt,"body-1-medium":Nt,"body-1-semibold":Et,"body-2-regular":Rt,"body-2-medium":Lt,"body-2-medium-underline":Yo,"body-2-semibold":wt,"label-1-medium":At,"label-1-semibold":It,"label-1-bold":Wt,"label-2-medium":Bt,"label-2-semibold":Pt,"label-2-bold":$t,"caption-1-medium":zt,"caption-1-semibold":kt,"caption-1-bold":_t,"caption-2-medium":Ht,"caption-2-semibold":Ut,"caption-2-bold":Tt,"caption-3-medium":Gt,"caption-3-semibold":Dt,"caption-3-bold":Zt};var a={backgroundActionPrimary:e.extend("--ft-background-action-primary","Used as backgorund of primary action components.",o.colorBrand0),backgroundErrorSubtle:e.extend("--ft-background-error-subtle","Used as background of subtle error components.",o.colorRed10),backgroundInfoSubtle:e.extend("--ft-background-info-subtle","Used as background of subtle information components.",o.colorCyan10),backgroundWarningSubtle:e.extend("--ft-background-warning-subtle","Used as background of subtle information components.",o.colorOrange10),backgroundSuccessSubtle:e.extend("--ft-background-success-subtle","Used as background of subtle success components.",o.colorGreen10),backgroundGlobalSurface:e.extend("--ft-background-global-surface","Used as app background.",o.colorWhite),backgroundGlobalOnSurface:e.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",o.colorGray10),backgroundGlobalOnSurfaceDark:e.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",o.colorGray30),contentActionPrimary:e.extend("--ft-content-action-primary","Used on label of primary action on light surface.",o.colorBrand0),contentWarningPrimary:e.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",o.colorOrange200),contentWarningIconOnly:e.extend("--ft-content-warning-icon-only","Used on warning status icons alone",o.colorOrange0),contentErrorPrimary:e.extend("--ft-content-error-primary","Used on label of error messages on light surface.",o.colorRed0),contentErrorIconOnly:e.extend("--ft-content-error-icon-only","Used on error status icons alone",o.colorRed70),contentInfoPrimary:e.extend("--ft-content-info-primary","Used on label of information messages on light surface.",o.colorCyan200),contentInfoIconOnly:e.extend("--ft-content-info-icon-only","Used on info status icons alone",o.colorCyan0),contentSuccessPrimary:e.extend("--ft-content-success-primary","Used on label of success messages on light surface.",o.colorGreen200),contentSuccessIconOnly:e.extend("--ft-content-success-icon-only","Used on success status icons alone",o.colorGreen0),contentGlobalPrimary:e.extend("--ft-content-global-primary","Used for main content on the page.",o.colorGray500),contentGlobalSecondary:e.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
4
|
+
Also for action icons.`,o.colorGray200),contentGlobalSubtle:e.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",o.colorGray0),contentGlobalOnColor:e.extend("--ft-content-global-on-color","Used for content on a dominant color.",o.colorWhite),borderActionPrimary:e.extend("--ft-border-action-primary","Used as border for primary action components.",o.colorBrand0),borderActionFocusRing:e.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",o.colorCyan0),borderWarningPrimary:e.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",o.colorOrange200),borderWarningSubtle:e.extend("--ft-border-warning-subtle","Used as border for warning components.",o.colorOrange30),borderSuccessPrimary:e.extend("--ft-border-success-primary","Used as border for success buttons.",o.colorGreen200),borderSuccessSubtle:e.extend("--ft-border-success-subtle","Used as border for success components.",o.colorGreen30),borderErrorPrimary:e.extend("--ft-border-error-primary","Used as border for text fields in error states.",o.colorRed0),borderErrorSubtle:e.extend("--ft-border-error-subtle","Used as border for error components.",o.colorRed30),borderInfoPrimary:e.extend("--ft-border-info-primary","Used as border for buttons in info color.",o.colorCyan200),borderInfoSubtle:e.extend("--ft-border-info-subtle","Used as border for information components.",o.colorCyan30),borderGlobalPrimary:e.extend("--ft-border-global-primary","Used as border for element like input.",o.colorGray50),borderGlobalSubtle:e.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",o.colorGray30),borderInputPrimary:e.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",o.colorGray80),borderNeutralPrimary:e.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",o.colorGray200)};var Sr={largeHeight:e.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:e.extend("--ft-button-large-horizontal-padding","",o.spacing4),largeGap:e.extend("--ft-button-large-gap","",o.spacing2),largeBorderRadius:e.extend("--ft-button-large-border-radius","",o.borderRadiusS),largeIconSize:e.extend("--ft-button-large-icon-size","",o.iconSize3),largeBorderWidth:e.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:e.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:e.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:e.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:e.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:e.extend("--ft-button-medium-horizontal-padding","",o.spacing3),mediumGap:e.extend("--ft-button-medium-gap","",o.spacing2),mediumBorderRadius:e.extend("--ft-button-medium-border-radius","",o.borderRadiusS),mediumIconSize:e.extend("--ft-button-medium-icon-size","",o.iconSize2),mediumBorderWidth:e.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:e.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:e.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:e.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:e.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:e.extend("--ft-button-small-horizontal-padding","",o.spacing2),smallGap:e.extend("--ft-button-small-gap","",o.spacing1),smallBorderRadius:e.extend("--ft-button-small-border-radius","",o.borderRadiusS),smallIconSize:e.extend("--ft-button-small-icon-size","",o.iconSize1),smallBorderWidth:e.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:e.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:e.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:e.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:e.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:e.extend("--ft-button-x-small-icon-size","",o.iconSize1),xSmallFocusOutlineOffset:e.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:e.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:e.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:e.extend("--ft-button-round-border-radius","",o.borderRadiusPill),primaryBrandBackgroundColor:e.extend("--ft-button-primary-brand-background-color","",a.backgroundActionPrimary),primaryBrandColor:e.extend("--ft-button-primary-brand-color","",a.contentGlobalOnColor),primaryBrandIconColor:e.extend("--ft-button-primary-brand-icon-color","",a.contentGlobalOnColor),primaryBrandStateLayerColor:e.extend("--ft-button-primary-brand-state-layer-color","",a.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:e.extend("--ft-button-primary-brand-hover-state-layer-opacity","",o.opacity16),primaryBrandFocusStateLayerOpacity:e.extend("--ft-button-primary-brand-focus-state-layer-opacity","",o.opacity16),primaryBrandActiveStateLayerOpacity:e.extend("--ft-button-primary-brand-active-state-layer-opacity","",o.opacity24),primaryBrandDisabledComponentOpacity:e.extend("--ft-button-primary-brand-disabled-component-opacity","",o.opacity40),focusFocusRingColor:e.extend("--ft-button-focus-focus-ring-color","",a.borderActionFocusRing),tertiaryBrandBackgroundColor:e.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:e.extend("--ft-button-tertiary-brand-color","",a.contentActionPrimary),tertiaryBrandIconColor:e.extend("--ft-button-tertiary-brand-icon-color","",a.contentActionPrimary),tertiaryBrandStateLayerColor:e.extend("--ft-button-tertiary-brand-state-layer-color","",a.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:e.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",o.opacity8),tertiaryBrandFocusStateLayerOpacity:e.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",o.opacity8),tertiaryBrandActiveStateLayerOpacity:e.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",o.opacity16),tertiaryBrandDisabledComponentOpacity:e.extend("--ft-button-tertiary-brand-disabled-component-opacity","",o.opacity40),tertiaryInfoBackgroundColor:e.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:e.extend("--ft-button-tertiary-info-color","",a.contentInfoPrimary),tertiaryInfoIconColor:e.extend("--ft-button-tertiary-info-icon-color","",a.contentInfoPrimary),tertiaryInfoStateLayerColor:e.extend("--ft-button-tertiary-info-state-layer-color","",a.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:e.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",o.opacity8),tertiaryInfoHoverStateLayerOpacity:e.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",o.opacity8),tertiaryInfoActiveStateLayerOpacity:e.extend("--ft-button-tertiary-info-active-state-layer-opacity","",o.opacity16),tertiaryInfoDisabledComponentOpacity:e.extend("--ft-button-tertiary-info-disabled-component-opacity","",o.opacity40),tertiarySuccessBackgroundColor:e.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:e.extend("--ft-button-tertiary-success-color","",a.contentSuccessPrimary),tertiarySuccessIconColor:e.extend("--ft-button-tertiary-success-icon-color","",a.contentSuccessPrimary),tertiarySuccessStateLayerColor:e.extend("--ft-button-tertiary-success-state-layer-color","",a.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:e.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",o.opacity8),tertiarySuccessFocusStateLayerOpacity:e.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",o.opacity8),tertiarySuccessActiveStateLayerOpacity:e.extend("--ft-button-tertiary-success-active-state-layer-opacity","",o.opacity16),tertiarySuccessDisabledComponentOpacity:e.extend("--ft-button-tertiary-success-disabled-component-opacity","",o.opacity40),tertiaryWarningBackgroundColor:e.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:e.extend("--ft-button-tertiary-warning-color","",a.contentWarningPrimary),tertiaryWarningIconColor:e.extend("--ft-button-tertiary-warning-icon-color","",a.contentWarningPrimary),tertiaryWarningStateLayerColor:e.extend("--ft-button-tertiary-warning-state-layer-color","",a.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:e.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",o.opacity8),tertiaryWarningFocusStateLayerOpacity:e.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",o.opacity8),tertiaryWarningActiveStateLayerOpacity:e.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",o.opacity16),tertiaryWarningDisabledComponentOpacity:e.extend("--ft-button-tertiary-warning-disabled-component-opacity","",o.opacity40),tertiaryErrorBackgroundColor:e.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:e.extend("--ft-button-tertiary-error-color","",a.contentErrorPrimary),tertiaryErrorIconColor:e.extend("--ft-button-tertiary-error-icon-color","",a.contentErrorPrimary),tertiaryErrorStateLayerColor:e.extend("--ft-button-tertiary-error-state-layer-color","",a.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:e.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",o.opacity8),tertiaryErrorFocusStateLayerOpacity:e.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",o.opacity8),tertiaryErrorActiveStateLayerOpacity:e.extend("--ft-button-tertiary-error-active-state-layer-opacity","",o.opacity16),tertiaryErrorDisabledComponentOpacity:e.extend("--ft-button-tertiary-error-disabled-component-opacity","",o.opacity40),tertiaryNeutralBackgroundColor:e.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:e.extend("--ft-button-tertiary-neutral-icon-color","",a.contentGlobalSecondary),tertiaryNeutralColor:e.extend("--ft-button-tertiary-neutral-color","",a.contentGlobalSecondary),tertiaryNeutralStateLayerColor:e.extend("--ft-button-tertiary-neutral-state-layer-color","",a.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:e.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",o.opacity8),tertiaryNeutralFocusStateLayerOpacity:e.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",o.opacity8),tertiaryNeutralActiveStateLayerOpacity:e.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",o.opacity16),tertiaryNeutralDisabledComponentOpacity:e.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",o.opacity40),secondaryBrandBackgroundColor:e.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:e.extend("--ft-button-secondary-brand-color","",a.contentActionPrimary),secondaryBrandIconColor:e.extend("--ft-button-secondary-brand-icon-color","",a.contentActionPrimary),secondaryBrandStateLayerColor:e.extend("--ft-button-secondary-brand-state-layer-color","",a.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:e.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",o.opacity8),secondaryBrandFocusStateLayerOpacity:e.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",o.opacity8),secondaryBrandActiveStateLayerOpacity:e.extend("--ft-button-secondary-brand-active-state-layer-opacity","",o.opacity16),secondaryBrandDisabledComponentOpacity:e.extend("--ft-button-secondary-brand-disabled-component-opacity","",o.opacity40),secondaryBrandBorderColor:e.extend("--ft-button-secondary-brand-border-color","",a.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:e.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",o.opacity8),secondaryNeutralFocusStateLayerOpacity:e.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",o.opacity8),secondaryNeutralActiveStateLayerOpacity:e.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",o.opacity16),secondaryNeutralDisabledComponentOpacity:e.extend("--ft-button-secondary-neutral-disabled-component-opacity","",o.opacity40),secondaryNeutralBackgroundColor:e.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:e.extend("--ft-button-secondary-neutral-color","",a.contentGlobalSecondary),secondaryNeutralIconColor:e.extend("--ft-button-secondary-neutral-icon-color","",a.contentGlobalSecondary),secondaryNeutralStateLayerColor:e.extend("--ft-button-secondary-neutral-state-layer-color","",a.contentGlobalSecondary),secondaryNeutralBorderColor:e.extend("--ft-button-secondary-neutral-border-color","",a.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:e.extend("--ft-button-secondary-info-hover-state-layer-opacity","",o.opacity8),secondaryInfoFocusStateLayerOpacity:e.extend("--ft-button-secondary-info-focus-state-layer-opacity","",o.opacity8),secondaryInfoActiveStateLayerOpacity:e.extend("--ft-button-secondary-info-active-state-layer-opacity","",o.opacity16),secondaryInfoDisabledComponentOpacity:e.extend("--ft-button-secondary-info-disabled-component-opacity","",o.opacity40),secondaryInfoBackgroundColor:e.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:e.extend("--ft-button-secondary-info-border-color","",a.borderInfoPrimary),secondaryInfoColor:e.extend("--ft-button-secondary-info-color","",a.contentInfoPrimary),secondaryInfoIconColor:e.extend("--ft-button-secondary-info-icon-color","",a.contentInfoPrimary),secondaryInfoStateLayerColor:e.extend("--ft-button-secondary-info-state-layer-color","",a.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:e.extend("--ft-button-secondary-success-hover-state-layer-opacity","",o.opacity8),secondarySuccessFocusStateLayerOpacity:e.extend("--ft-button-secondary-success-focus-state-layer-opacity","",o.opacity8),secondarySuccessActiveStateLayerOpacity:e.extend("--ft-button-secondary-success-active-state-layer-opacity","",o.opacity16),secondarySuccessDisabledComponentOpacity:e.extend("--ft-button-secondary-success-disabled-component-opacity","",o.opacity40),secondarySuccessBackgroundColor:e.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:e.extend("--ft-button-secondary-success-border-color","",a.borderSuccessPrimary),secondarySuccessColor:e.extend("--ft-button-secondary-success-color","",a.contentSuccessPrimary),secondarySuccessIconColor:e.extend("--ft-button-secondary-success-icon-color","",a.contentSuccessPrimary),secondarySuccessStateLayerColor:e.extend("--ft-button-secondary-success-state-layer-color","",a.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:e.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",o.opacity8),secondaryWarningFocusStateLayerOpacity:e.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",o.opacity8),secondaryWarningActiveStateLayerOpacity:e.extend("--ft-button-secondary-warning-active-state-layer-opacity","",o.opacity16),secondaryWarningDisabledComponentOpacity:e.extend("--ft-button-secondary-warning-disabled-component-opacity","",o.opacity40),secondaryWarningBackgroundColor:e.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:e.extend("--ft-button-secondary-warning-border-color","",a.borderWarningPrimary),secondaryWarningColor:e.extend("--ft-button-secondary-warning-color","",a.contentWarningPrimary),secondaryWarningIconColor:e.extend("--ft-button-secondary-warning-icon-color","",a.contentWarningPrimary),secondaryWarningStateLayerColor:e.extend("--ft-button-secondary-warning-state-layer-color","",a.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:e.extend("--ft-button-secondary-error-hover-state-layer-opacity","",o.opacity8),secondaryErrorFocusStateLayerOpacity:e.extend("--ft-button-secondary-error-focus-state-layer-opacity","",o.opacity8),secondaryErrorActiveStateLayerOpacity:e.extend("--ft-button-secondary-error-active-state-layer-opacity","",o.opacity16),secondaryErrorDisabledComponentOpacity:e.extend("--ft-button-secondary-error-disabled-component-opacity","",o.opacity40),secondaryErrorBackgroundColor:e.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:e.extend("--ft-button-secondary-error-border-color","",a.contentErrorPrimary),secondaryErrorColor:e.extend("--ft-button-secondary-error-color","",a.contentErrorPrimary),secondaryErrorIconColor:e.extend("--ft-button-secondary-error-icon-color","",a.contentErrorPrimary),secondaryErrorStateLayerColor:e.extend("--ft-button-secondary-error-state-layer-color","",a.contentErrorPrimary)};var Er={neutralOffHoverStateLayerOpacity:e.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",o.opacity8),neutralOffFocusStateLayerOpacity:e.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",o.opacity8),neutralOffFocusFocusRingColor:e.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",a.borderActionFocusRing),neutralOffActiveStateLayerOpacity:e.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",o.opacity16),neutralOffBackgroundColor:e.extend("--ft-chip-choice-neutral-off-background-color","",a.backgroundGlobalOnSurface),neutralOffBorderColor:e.extend("--ft-chip-choice-neutral-off-border-color","",a.borderGlobalPrimary),neutralOffColor:e.extend("--ft-chip-choice-neutral-off-color","",a.contentGlobalSecondary),neutralOffStateLayerColor:e.extend("--ft-chip-choice-neutral-off-state-layer-color","",a.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:e.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",o.opacity16),neutralOnHoverStateLayerOpacity:e.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",o.opacity24),neutralOnFocusStateLayerOpacity:e.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",o.opacity24),neutralOnFocusFocusRingColor:e.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",a.borderActionFocusRing),neutralOnActiveStateLayerOpacity:e.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",o.opacity32),neutralOnBackgroundColor:e.extend("--ft-chip-choice-neutral-on-background-color","",a.backgroundGlobalOnSurface),neutralOnBorderColor:e.extend("--ft-chip-choice-neutral-on-border-color","",a.borderGlobalPrimary),neutralOnColor:e.extend("--ft-chip-choice-neutral-on-color","",a.contentGlobalPrimary),neutralOnIconColor:e.extend("--ft-chip-choice-neutral-on-icon-color","",a.contentGlobalPrimary),neutralOnStateLayerColor:e.extend("--ft-chip-choice-neutral-on-state-layer-color","",a.contentGlobalPrimary),largeMinHeight:e.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:e.extend("--ft-chip-choice-large-horizontal-padding","",o.spacing3),largeGap:e.extend("--ft-chip-choice-large-gap","",o.spacing1),largeBorderRadius:e.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:e.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:e.extend("--ft-chip-choice-large-icon-size","",o.iconSize3),mediumMinHeight:e.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:e.extend("--ft-chip-choice-medium-horizontal-padding","",o.spacing2),mediumGap:e.extend("--ft-chip-choice-medium-gap","",o.spacing1),mediumBorderRadius:e.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:e.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:e.extend("--ft-chip-choice-medium-icon-size","",o.iconSize2)};var Ir={largeMinHeight:e.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:e.extend("--ft-chip-large-horizontal-padding","",o.spacing3),largeButtonRightPadding:e.extend("--ft-chip-large-button-right-padding","",o.spacing1),largeGap:e.extend("--ft-chip-large-gap","",o.spacing1),largeFocusOutlineOffset:e.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:e.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:e.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:e.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:e.extend("--ft-chip-large-icon-size","",o.iconSize3),mediumMinHeight:e.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:e.extend("--ft-chip-medium-horizontal-padding","",o.spacing2),mediumButtonRightPadding:e.extend("--ft-chip-medium-button-right-padding","",o.spacing05),mediumGap:e.extend("--ft-chip-medium-gap","",o.spacing1),mediumFocusOutlineOffset:e.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:e.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:e.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:e.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:e.extend("--ft-chip-medium-icon-size","",o.iconSize2),smallMinHeight:e.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:e.extend("--ft-chip-small-horizontal-padding","",o.spacing1),smallButtonRightPadding:e.extend("--ft-chip-small-button-right-padding","",o.spacing05),smallGap:e.extend("--ft-chip-small-gap","",o.spacing1),smallFocusOutlineOffset:e.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:e.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:e.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:e.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:e.extend("--ft-chip-small-icon-size","",o.iconSize1),neutralBackgroundColor:e.extend("--ft-chip-neutral-background-color","",a.backgroundGlobalOnSurface),neutralColor:e.extend("--ft-chip-neutral-color","",a.contentGlobalSecondary),neutralIconColor:e.extend("--ft-chip-neutral-icon-color","",a.contentGlobalSecondary),neutralBorderColor:e.extend("--ft-chip-neutral-border-color","",a.borderGlobalSubtle),infoBackgroundColor:e.extend("--ft-chip-info-background-color","",a.backgroundInfoSubtle),infoColor:e.extend("--ft-chip-info-color","",a.contentInfoPrimary),infoIconColor:e.extend("--ft-chip-info-icon-color","",a.contentInfoIconOnly),infoBorderColor:e.extend("--ft-chip-info-border-color","",a.borderInfoSubtle),successBackgroundColor:e.extend("--ft-chip-success-background-color","",a.backgroundSuccessSubtle),successColor:e.extend("--ft-chip-success-color","",a.contentSuccessPrimary),successIconColor:e.extend("--ft-chip-success-icon-color","",a.contentSuccessIconOnly),successBorderColor:e.extend("--ft-chip-success-border-color","",a.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-chip-warning-background-color","",a.backgroundWarningSubtle),warningColor:e.extend("--ft-chip-warning-color","",a.contentWarningPrimary),warningIconColor:e.extend("--ft-chip-warning-icon-color","",a.contentWarningIconOnly),warningBorderColor:e.extend("--ft-chip-warning-border-color","",a.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-chip-error-background-color","",a.backgroundErrorSubtle),errorColor:e.extend("--ft-chip-error-color","",a.contentErrorPrimary),errorIconColor:e.extend("--ft-chip-error-icon-color","",a.contentErrorIconOnly),errorBorderColor:e.extend("--ft-chip-error-border-color","",a.borderErrorSubtle)};var zr={brandHoverOpacity:e.extend("--ft-link-brand-hover-opacity","",o.opacity80),brandHoverColor:e.extend("--ft-link-brand-hover-color","",a.contentActionPrimary),brandFocusFocusRingColor:e.extend("--ft-link-brand-focus-focus-ring-color","",a.borderActionFocusRing),brandFocusColor:e.extend("--ft-link-brand-focus-color","",a.contentActionPrimary),brandDefaultColor:e.extend("--ft-link-brand-default-color","",a.contentActionPrimary),brandActiveColor:e.extend("--ft-link-brand-active-color","",a.contentActionPrimary),infoHoverOpacity:e.extend("--ft-link-info-hover-opacity","",o.opacity80),infoHoverColor:e.extend("--ft-link-info-hover-color","",a.contentInfoPrimary),infoFocusFocusRingColor:e.extend("--ft-link-info-focus-focus-ring-color","",a.borderActionFocusRing),infoFocusColor:e.extend("--ft-link-info-focus-color","",a.contentInfoPrimary),infoDefaultColor:e.extend("--ft-link-info-default-color","",a.contentInfoPrimary),infoActiveColor:e.extend("--ft-link-info-active-color","",a.contentInfoPrimary),neutralFocusFocusRingColor:e.extend("--ft-link-neutral-focus-focus-ring-color","",a.borderActionFocusRing),neutralFocusColor:e.extend("--ft-link-neutral-focus-color","",a.contentActionPrimary),neutralDefaultColor:e.extend("--ft-link-neutral-default-color","",a.contentGlobalPrimary),neutralHoverColor:e.extend("--ft-link-neutral-hover-color","",a.contentActionPrimary),neutralActiveColor:e.extend("--ft-link-neutral-active-color","",a.contentActionPrimary),neutralVisitedColor:e.extend("--ft-link-neutral-visited-color","",o.colorBrand100)};var Tr={iconSize:e.extend("--ft-banner-icon-size","",o.iconSize5),borderWidth:e.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:e.extend("--ft-banner-left-padding","",o.spacing6),rightPadding:e.extend("--ft-banner-right-padding","",o.spacing6),verticalPadding:e.extend("--ft-banner-vertical-padding","",o.spacing6),horizontalSideGap:e.extend("--ft-banner-horizontal-side-gap","",o.spacing6),horizontalMobileGap:e.extend("--ft-banner-horizontal-mobile-gap","",o.spacing4),verticalMobileGap:e.extend("--ft-banner-vertical-mobile-gap","",o.spacing6),horizontalMiddleGap:e.extend("--ft-banner-horizontal-middle-gap","",o.spacing20),infoBackgroundColor:e.extend("--ft-banner-info-background-color","",a.backgroundInfoSubtle),infoColor:e.extend("--ft-banner-info-color","",a.contentInfoPrimary),infoIconColor:e.extend("--ft-banner-info-icon-color","",a.contentInfoIconOnly),infoBorderColor:e.extend("--ft-banner-info-border-color","",a.borderInfoSubtle)};var Mr={horizontalPadding:e.extend("--ft-badge-horizontal-padding","",o.spacing1),verticalPadding:e.extend("--ft-badge-vertical-padding","",o.spacing1),borderRadius:e.extend("--ft-badge-border-radius","",o.borderRadiusPill),color:e.extend("--ft-badge-color","",a.contentGlobalOnColor),backgroundColor:e.extend("--ft-badge-background-color","",a.contentActionPrimary)};var Xr={horizontalGap:e.extend("--ft-title-breadcrumb-horizontal-gap","",o.spacing1),currentColor:e.extend("--ft-title-breadcrumb-current-color","",a.contentGlobalPrimary),previousNonClickableColor:e.extend("--ft-title-breadcrumb-previous-non-clickable-color","",a.contentGlobalSecondary),iconColor:e.extend("--ft-title-breadcrumb-icon-color","",a.contentGlobalSubtle)};var ta={parentHorizontalPadding:e.extend("--ft-page-header-parent-horizontal-padding","",o.spacing6),parentTopPadding:e.extend("--ft-page-header-parent-top-padding","",o.spacing4),parentBottomPadding:e.extend("--ft-page-header-parent-bottom-padding","",o.spacing6),parentHelpLeftMargin:e.extend("--ft-page-header-parent-help-left-margin","",o.spacing1),parentTitleColor:e.extend("--ft-page-header-parent-title-color","",a.contentGlobalPrimary),parentSubtitleColor:e.extend("--ft-page-header-parent-subtitle-color","",a.contentGlobalSecondary),parentChipLeftMargin:e.extend("--ft-page-header-parent-chip-left-margin","",o.spacing4),parentVerticalGap:e.extend("--ft-page-header-parent-vertical-gap","",o.spacing2),parentButtonsGroupHorizontalGap:e.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",o.spacing4),parentButtonsGroupVerticalGap:e.extend("--ft-page-header-parent-buttons-group-vertical-gap","",o.spacing4),parentChipsGroupHorizontalGap:e.extend("--ft-page-header-parent-chips-group-horizontal-gap","",o.spacing2),parentChipsGroupVerticalGap:e.extend("--ft-page-header-parent-chips-group-vertical-gap","",o.spacing2),childHorizontalPadding:e.extend("--ft-page-header-child-horizontal-padding","",o.spacing6),childTopPadding:e.extend("--ft-page-header-child-top-padding","",o.spacing2),childBottomPadding:e.extend("--ft-page-header-child-bottom-padding","",o.spacing2),childHelpLeftMargin:e.extend("--ft-page-header-child-help-left-margin","",o.spacing1),childChipLeftMargin:e.extend("--ft-page-header-child-chip-left-margin","",o.spacing4),childVerticalGap:e.extend("--ft-page-header-child-vertical-gap","",o.spacing2),childMinHeight:e.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:e.extend("--ft-page-header-child-buttons-group-horizontal-gap","",o.spacing4),childButtonsGroupVerticalGap:e.extend("--ft-page-header-child-buttons-group-vertical-gap","",o.spacing4),childChipsGroupHorizontalGap:e.extend("--ft-page-header-child-chips-group-horizontal-gap","",o.spacing2),childChipsGroupVerticalGap:e.extend("--ft-page-header-child-chips-group-vertical-gap","",o.spacing2),backgroundColor:e.extend("--ft-page-header-background-color","",o.colorWhite),bottomBorderColor:e.extend("--ft-page-header-bottom-border-color","",a.borderGlobalSubtle),bottomBorderWidth:e.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var ia={horizontalPadding:e.extend("--ft-page-footer-horizontal-padding","",o.spacing6),verticalPadding:e.extend("--ft-page-footer-vertical-padding","",o.spacing2),verticalGap:e.extend("--ft-page-footer-vertical-gap","",o.spacing2),minHeight:e.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:e.extend("--ft-page-footer-background-color","",o.colorWhite),topBorderColor:e.extend("--ft-page-footer-top-border-color","",a.borderGlobalSubtle),topBorderWidth:e.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:e.extend("--ft-page-footer-buttons-group-gap","",o.spacing4)};var da={contentHorizontalPadding:e.extend("--ft-page-layout-content-horizontal-padding","",o.spacing6),contentVerticalPadding:e.extend("--ft-page-layout-content-vertical-padding","",o.spacing6)};var ua={smallContainerTargetWidth:e.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:e.extend("--ft-modal-small-container-margin","",o.spacing6),mediumContainerTargetWidth:e.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:e.extend("--ft-modal-medium-container-margin","",o.spacing6),largeContainerTargetWidth:e.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:e.extend("--ft-modal-large-container-margin","",o.spacing6),overlayBackgroundColor:e.extend("--ft-modal-overlay-background-color","",o.colorGray700),overlayOpacity:e.extend("--ft-modal-overlay-opacity","",o.opacity40),shadow:e.extend("--ft-modal-shadow","",o.shadowElevation03),bodyBackgroundColor:e.extend("--ft-modal-body-background-color","",o.colorWhite),bodyColor:e.extend("--ft-modal-body-color","",a.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-modal-body-horizontal-padding","",o.spacing6),bodyVerticalPadding:e.extend("--ft-modal-body-vertical-padding","",o.spacing6),bodyVerticalGap:e.extend("--ft-modal-body-vertical-gap","",o.spacing6),headerBackgroundColor:e.extend("--ft-modal-header-background-color","",a.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-modal-header-border-color","",a.borderGlobalSubtle),headerColor:e.extend("--ft-modal-header-color","",a.contentGlobalPrimary),headerLeadingIconColor:e.extend("--ft-modal-header-leading-icon-color","",a.contentGlobalPrimary),headerVerticalPadding:e.extend("--ft-modal-header-vertical-padding","",o.spacing1),headerRightPadding:e.extend("--ft-modal-header-right-padding","",o.spacing1),headerLeftPadding:e.extend("--ft-modal-header-left-padding","",o.spacing6),headerGap:e.extend("--ft-modal-header-gap","",o.spacing2),headerBorderBottomWidth:e.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:e.extend("--ft-modal-border-radius","",o.borderRadiusM)};var Sa={overlayOpacity:e.extend("--ft-drawer-overlay-opacity","",o.opacity40),shadow:e.extend("--ft-drawer-shadow","",o.shadowElevation03),bodyColor:e.extend("--ft-drawer-body-color","",a.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-drawer-body-horizontal-padding","",o.spacing6),bodyVerticalPadding:e.extend("--ft-drawer-body-vertical-padding","",o.spacing6),bodyGap:e.extend("--ft-drawer-body-gap","",o.spacing6),bodyBackgroundColor:e.extend("--ft-drawer-body-background-color","",o.colorWhite),headerBackgroundColor:e.extend("--ft-drawer-header-background-color","",a.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-drawer-header-border-color","",a.borderGlobalSubtle),headerColor:e.extend("--ft-drawer-header-color","",a.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-drawer-header-trailing-icon-color","",a.contentGlobalSecondary),headerHeight:e.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:e.extend("--ft-drawer-header-horizontal-padding","",o.spacing2),headerBorderWidth:e.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:e.extend("--ft-drawer-header-gap","",o.spacing3),buttonsBarBackgroundColor:e.extend("--ft-drawer-buttons-bar-background-color","",a.backgroundGlobalOnSurface),buttonsBarBorderColor:e.extend("--ft-drawer-buttons-bar-border-color","",a.borderGlobalSubtle),buttonsBarColor:e.extend("--ft-drawer-buttons-bar-color","",a.contentGlobalPrimary),buttonsBarHorizontalPadding:e.extend("--ft-drawer-buttons-bar-horizontal-padding","",o.spacing6),buttonsBarVerticalPadding:e.extend("--ft-drawer-buttons-bar-vertical-padding","",o.spacing4),buttonsBarGap:e.extend("--ft-drawer-buttons-bar-gap","",o.spacing3),buttonsBarBorderWidth:e.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:e.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:e.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:e.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:e.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:e.extend("--ft-drawer-overlay-background-color","",o.colorGray700)};var Ea={offBorderBottomWidth:e.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:e.extend("--ft-tabs-off-hover-state-layer-opacity","",o.opacity8),offDefaultStateLayerOpacity:e.extend("--ft-tabs-off-default-state-layer-opacity","",o.opacity0),offFocusStateLayerOpacity:e.extend("--ft-tabs-off-focus-state-layer-opacity","",o.opacity8),offDisabledComponentOpacity:e.extend("--ft-tabs-off-disabled-component-opacity","",o.opacity40),offColor:e.extend("--ft-tabs-off-color","",a.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-tabs-off-state-layer-color","",a.contentGlobalSubtle),offBorderBottomColor:e.extend("--ft-tabs-off-border-bottom-color","",a.borderGlobalSubtle),activeTabIndicatorHeight:e.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:e.extend("--ft-tabs-top-left-border-radius","",o.borderRadiusS),topRightBorderRadius:e.extend("--ft-tabs-top-right-border-radius","",o.borderRadiusS),withLabelHorizontalPadding:e.extend("--ft-tabs-with-label-horizontal-padding","",o.spacing4),withLabelVerticalPadding:e.extend("--ft-tabs-with-label-vertical-padding","",o.spacing3),horizontalGap:e.extend("--ft-tabs-horizontal-gap","",o.spacing1),verticalGap:e.extend("--ft-tabs-vertical-gap","",o.spacing1),onHoverStateLayerOpacity:e.extend("--ft-tabs-on-hover-state-layer-opacity","",o.opacity16),onDefaultStateLayerOpacity:e.extend("--ft-tabs-on-default-state-layer-opacity","",o.opacity8),onFocusStateLayerOpacity:e.extend("--ft-tabs-on-focus-state-layer-opacity","",o.opacity16),onActiveStateLayerOpacity:e.extend("--ft-tabs-on-active-state-layer-opacity","",o.opacity24),onColor:e.extend("--ft-tabs-on-color","",a.contentActionPrimary),onStateLayerColor:e.extend("--ft-tabs-on-state-layer-color","",a.contentActionPrimary),onActiveTabIndicatorColor:e.extend("--ft-tabs-on-active-tab-indicator-color","",a.contentActionPrimary),iconOnlyHorizontalPadding:e.extend("--ft-tabs-icon-only-horizontal-padding","",o.spacing4),iconOnlyVerticalPadding:e.extend("--ft-tabs-icon-only-vertical-padding","",o.spacing4),alertTopPadding:e.extend("--ft-tabs-alert-top-padding","",o.spacing1),alertRightPadding:e.extend("--ft-tabs-alert-right-padding","",o.spacing05),focusOutlineWidth:e.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-tabs-focus-focus-ring-color","",a.borderActionFocusRing)};var Ia={fieldHorizontalPadding:e.extend("--ft-text-input-field-horizontal-padding","",o.spacing4),fieldHorizontalGap:e.extend("--ft-text-input-field-horizontal-gap","",o.spacing3),fieldVerticalGap:e.extend("--ft-text-input-field-vertical-gap","",o.spacing05),fieldIconSize:e.extend("--ft-text-input-field-icon-size","",o.iconSize3),fieldHeight:e.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-text-input-helper-horizontal-padding","",o.spacing4),helperHorizontalGap:e.extend("--ft-text-input-helper-horizontal-gap","",o.spacing1),helperIconSize:e.extend("--ft-text-input-helper-icon-size","",o.iconSize2),borderRadius:e.extend("--ft-text-input-border-radius","",o.borderRadiusM),backgroundColor:e.extend("--ft-text-input-background-color","",o.colorWhite),contentValueColor:e.extend("--ft-text-input-content-value-color","",a.contentGlobalPrimary),trailingIconColor:e.extend("--ft-text-input-trailing-icon-color","",a.contentGlobalSubtle),labelColor:e.extend("--ft-text-input-label-color","",a.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-input-default-border-color","",a.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-input-default-helper-text-color","",a.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-text-input-error-border-color","",a.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-input-error-helper-text-color","",a.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-input-error-helper-icon-color","",a.contentErrorIconOnly),warningBorderWidth:e.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:e.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-text-input-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineOffset:e.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-input-disabled-component-opacity","",o.opacity40)};var za={backgroundColor:e.extend("--ft-text-area-background-color","",o.colorWhite),contentValueColor:e.extend("--ft-text-area-content-value-color","",a.contentGlobalPrimary),labelColor:e.extend("--ft-text-area-label-color","",a.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-area-default-border-color","",a.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-area-default-helper-text-color","",a.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-text-area-error-border-color","",a.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-area-error-helper-text-color","",a.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-area-error-helper-icon-color","",a.contentErrorIconOnly),focusFocusRingColor:e.extend("--ft-text-area-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineWidth:e.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:e.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-area-disabled-component-opacity","",o.opacity40),fieldHorizontalLeftPadding:e.extend("--ft-text-area-field-horizontal-left-padding","",o.spacing4),fieldHorizontalGap:e.extend("--ft-text-area-field-horizontal-gap","",o.spacing3),fieldVerticalGap:e.extend("--ft-text-area-field-vertical-gap","",o.spacing05),fieldMinHeight:e.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:e.extend("--ft-text-area-helper-horizontal-padding","",o.spacing4),helperHorizontalGap:e.extend("--ft-text-area-helper-horizontal-gap","",o.spacing1),helperIconSize:e.extend("--ft-text-area-helper-icon-size","",o.iconSize2),borderRadius:e.extend("--ft-text-area-border-radius","",o.borderRadiusM)};var Ta={height:e.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:e.extend("--ft-floating-menu-horizontal-padding","",o.spacing4),offIconColor:e.extend("--ft-floating-menu-off-icon-color","",a.contentGlobalPrimary),offColor:e.extend("--ft-floating-menu-off-color","",a.contentGlobalPrimary),onColor:e.extend("--ft-floating-menu-on-color","",a.contentActionPrimary),onStateLayerColor:e.extend("--ft-floating-menu-on-state-layer-color","",a.contentActionPrimary),gap:e.extend("--ft-floating-menu-gap","",o.spacing3),focusFocusRingColor:e.extend("--ft-floating-menu-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineWidth:e.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:e.extend("--ft-floating-menu-focus-state-layer-opacity","",o.opacity8),hoverStateLayerOpacity:e.extend("--ft-floating-menu-hover-state-layer-opacity","",o.opacity8),activeStateLayerOpacity:e.extend("--ft-floating-menu-active-state-layer-opacity","",o.opacity16),disabledComponentOpacity:e.extend("--ft-floating-menu-disabled-component-opacity","",o.opacity40),iconSize:e.extend("--ft-floating-menu-icon-size","",o.iconSize3),backgroundColor:e.extend("--ft-floating-menu-background-color","",a.backgroundGlobalOnSurface),shadow:e.extend("--ft-floating-menu-shadow","",o.shadowElevation02)};var Ma={fieldHorizontalPadding:e.extend("--ft-combobox-single-select-field-horizontal-padding","",o.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-single-select-field-horizontal-gap","",o.spacing3),fieldVerticalGap:e.extend("--ft-combobox-single-select-field-vertical-gap","",o.spacing05),fieldIconSize:e.extend("--ft-combobox-single-select-field-icon-size","",o.iconSize3),fieldHeight:e.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-combobox-single-select-helper-horizontal-padding","",o.spacing4),helperHorizontalGap:e.extend("--ft-combobox-single-select-helper-horizontal-gap","",o.spacing1),helperVerticalGap:e.extend("--ft-combobox-single-select-helper-vertical-gap","",o.spacing1),helperIconSize:e.extend("--ft-combobox-single-select-helper-icon-size","",o.iconSize2),menuVerticalGap:e.extend("--ft-combobox-single-select-menu-vertical-gap","",o.spacing2),borderRadius:e.extend("--ft-combobox-single-select-border-radius","",o.borderRadiusM),backgroundColor:e.extend("--ft-combobox-single-select-background-color","",o.colorWhite),labelColor:e.extend("--ft-combobox-single-select-label-color","",a.contentGlobalSubtle),contentValueColor:e.extend("--ft-combobox-single-select-content-value-color","",a.contentGlobalPrimary),trailingIconColor:e.extend("--ft-combobox-single-select-trailing-icon-color","",a.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-single-select-default-border-color","",a.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-single-select-default-helper-text-color","",a.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-combobox-single-select-error-border-color","",a.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-single-select-error-helper-text-color","",a.contentErrorPrimary),warningBorderWidth:e.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-single-select-warning-border-color","",a.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-single-select-warning-helper-text-color","",a.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-single-select-warning-helper-icon-color","",a.contentWarningIconOnly),focusOutlineWidth:e.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-single-select-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineOffset:e.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-single-select-disabled-component-opacity","",o.opacity40)};var Xa={backgroundColor:e.extend("--ft-combobox-multi-select-background-color","",o.colorWhite),labelColor:e.extend("--ft-combobox-multi-select-label-color","",a.contentGlobalSubtle),trailingIconColor:e.extend("--ft-combobox-multi-select-trailing-icon-color","",a.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-multi-select-default-border-color","",a.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-multi-select-default-helper-text-color","",a.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:e.extend("--ft-combobox-multi-select-error-border-color","",a.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-multi-select-error-helper-text-color","",a.contentErrorPrimary),errorHelperIcon:e.extend("--ft-combobox-multi-select-error-helper-icon","",a.contentErrorIconOnly),errorBorderWidth:e.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-multi-select-warning-border-color","",a.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-multi-select-warning-helper-text-color","",a.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-multi-select-warning-helper-icon-color","",a.contentWarningIconOnly),warningBorderWidth:e.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-multi-select-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineWidth:e.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:e.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-multi-select-disabled-component-opacity","",o.opacity40),helperHorizontalPadding:e.extend("--ft-combobox-multi-select-helper-horizontal-padding","",o.spacing4),helperHorizontalGap:e.extend("--ft-combobox-multi-select-helper-horizontal-gap","",o.spacing1),helperVerticalGap:e.extend("--ft-combobox-multi-select-helper-vertical-gap","",o.spacing1),helperIconSize:e.extend("--ft-combobox-multi-select-helper-icon-size","",o.iconSize2),fieldHorizontalPadding:e.extend("--ft-combobox-multi-select-field-horizontal-padding","",o.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-multi-select-field-horizontal-gap","",o.spacing3),fieldVerticalGap:e.extend("--ft-combobox-multi-select-field-vertical-gap","",o.spacing05),fieldIconSize:e.extend("--ft-combobox-multi-select-field-icon-size","",o.iconSize3),fieldMaxHeight:e.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:e.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",o.spacing1),contentValuesVerticalGap:e.extend("--ft-combobox-multi-select-content-values-vertical-gap","",o.spacing1),borderRadius:e.extend("--ft-combobox-multi-select-border-radius","",o.borderRadiusM)};var tn={backgroundColor:e.extend("--ft-popover-background-color","",a.backgroundGlobalOnSurface),horizontalPadding:e.extend("--ft-popover-horizontal-padding","",o.spacing6),verticalPadding:e.extend("--ft-popover-vertical-padding","",o.spacing6),titleColor:e.extend("--ft-popover-title-color","",a.contentGlobalPrimary),bodyColor:e.extend("--ft-popover-body-color","",a.contentGlobalSecondary),linkColor:e.extend("--ft-popover-link-color","",a.contentActionPrimary),gap:e.extend("--ft-popover-gap","",o.spacing3),borderRadius:e.extend("--ft-popover-border-radius","",o.borderRadiusM),shadow:e.extend("--ft-popover-shadow","",o.shadowElevation02),maxWidth:e.create("--ft-popover-max-width","","SIZE","440px")};var ln={hoverStateLayerOpacity:e.extend("--ft-collapsible-hover-state-layer-opacity","",o.opacity8),focusStateLayerOpacity:e.extend("--ft-collapsible-focus-state-layer-opacity","",o.opacity8),focusOutlineWidth:e.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:e.extend("--ft-collapsible-focus-focus-ring-color","",a.borderActionFocusRing),activeStateLayerOpacity:e.extend("--ft-collapsible-active-state-layer-opacity","",o.opacity16),disabledComponentOpacity:e.extend("--ft-collapsible-disabled-component-opacity","",o.opacity40),horizontalPadding:e.extend("--ft-collapsible-horizontal-padding","",o.spacing4),verticalPadding:e.extend("--ft-collapsible-vertical-padding","",o.spacing3),color:e.extend("--ft-collapsible-color","",a.contentGlobalPrimary),stateLayerColor:e.extend("--ft-collapsible-state-layer-color","",a.contentGlobalPrimary),backgroundColor:e.extend("--ft-collapsible-background-color","",a.backgroundGlobalOnSurface),borderColor:e.extend("--ft-collapsible-border-color","",a.borderGlobalSubtle),iconSize:e.extend("--ft-collapsible-icon-size","",o.iconSize3)};var fn={groupHorizontalPadding:e.extend("--ft-switch-group-horizontal-padding","",o.spacing1),groupVerticalPadding:e.extend("--ft-switch-group-vertical-padding","",o.spacing1),groupGap:e.extend("--ft-switch-group-gap","",o.spacing1),groupBackgroundColor:e.extend("--ft-switch-group-background-color","",a.backgroundGlobalSurface),groupBorderColor:e.extend("--ft-switch-group-border-color","",a.borderGlobalSubtle),groupBorderRadius:e.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:e.extend("--ft-switch-label-horizontal-padding","",o.spacing2),labelVerticalPadding:e.extend("--ft-switch-label-vertical-padding","",o.spacing1),offHoverStateLayerOpacity:e.extend("--ft-switch-off-hover-state-layer-opacity","",o.opacity8),offFocusStateLayerOpacity:e.extend("--ft-switch-off-focus-state-layer-opacity","",o.opacity8),offActiveStateLayerOpacity:e.extend("--ft-switch-off-active-state-layer-opacity","",o.opacity16),offDisabledComponentOpacity:e.extend("--ft-switch-off-disabled-component-opacity","",o.opacity40),offColor:e.extend("--ft-switch-off-color","",a.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-switch-off-state-layer-color","",a.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-switch-on-hover-state-layer-opacity","",o.opacity8),onFocusStateLayerOpacity:e.extend("--ft-switch-on-focus-state-layer-opacity","",o.opacity8),onActiveStateLayerOpacity:e.extend("--ft-switch-on-active-state-layer-opacity","",o.opacity16),onDisabledComponentOpacity:e.extend("--ft-switch-on-disabled-component-opacity","",o.opacity40),onColor:e.extend("--ft-switch-on-color","",a.contentActionPrimary),onStateLayerColor:e.extend("--ft-switch-on-state-layer-color","",a.contentActionPrimary),iconHorizontalPadding:e.extend("--ft-switch-icon-horizontal-padding","",o.spacing1),iconVerticalPadding:e.extend("--ft-switch-icon-vertical-padding","",o.spacing1),focusOutlineWidth:e.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-switch-focus-focus-ring-color","",a.borderActionFocusRing),optionBorderRadius:e.extend("--ft-switch-option-border-radius","",o.borderRadiusS)};var hn={color1Light:e.extend("--ft-chart-1-light","for area color charts",o.colorBrand40),color1Base:e.extend("--ft-chart-1-base","for line charts",o.colorBrand0),color2Light:e.extend("--ft-chart-2-light","for area color charts",o.colorYellow60),color2Base:e.extend("--ft-chart-2-base","for line charts",o.colorYellow100),color3Light:e.extend("--ft-chart-3-light","",o.colorUltramarine40),color3Base:e.extend("--ft-chart-3-base","",o.colorUltramarine70),color4Light:e.extend("--ft-chart-4-light","",o.colorCyan50),color4Base:e.extend("--ft-chart-4-base","",o.colorCyan100),color5Light:e.extend("--ft-chart-5-light","",o.colorRed40),color5Base:e.extend("--ft-chart-5-base","",o.colorRed60),color6Light:e.extend("--ft-chart-6-light","",o.colorGreen40),color6Base:e.extend("--ft-chart-6-base","",o.colorGreen70),color7Light:e.extend("--ft-chart-7-light","",o.colorOrange70),color7Base:e.extend("--ft-chart-7-base","",o.colorOrange100),color8Light:e.extend("--ft-chart-8-light","",o.colorAvocado70),color8Base:e.extend("--ft-chart-8-base","",o.colorAvocado200),color9Light:e.extend("--ft-chart-9-light","",o.colorBrown50),color9Base:e.extend("--ft-chart-9-base","",o.colorBrown200),color10Light:e.extend("--ft-chart-10-light","",o.colorGray50),color10Base:e.extend("--ft-chart-10-base","",o.colorGray80),monochrome10:e.extend("--ft-chart-monochrome-10","",o.colorBrand10),monochrome20:e.extend("--ft-chart-monochrome-20","",o.colorBrand20),monochrome30:e.extend("--ft-chart-monochrome-30","",o.colorBrand40),monochrome40:e.extend("--ft-chart-monochrome-40","",o.colorBrand60),monochrome50:e.extend("--ft-chart-monochrome-50","",o.colorBrand0),monochrome60:e.extend("--ft-chart-monochrome-60","",o.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:e.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",o.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:e.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",o.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:e.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",o.colorRed10),scatterplotQuadrantUnpopularNewBackgroundColor:e.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",o.colorCyan10),scatterplotDatapointInitialDefaultBackgroundColor:e.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",o.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:e.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",o.opacity48),scatterplotDatapointInitialHoverBackgroundColor:e.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",o.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:e.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",o.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:e.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",o.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:e.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",o.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:e.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",o.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:e.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",o.colorGray70),scatterplotDatapointHoverHoverRingColor:e.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",o.colorCyan200)};var Sn={color1IconColor:e.extend("--ft-page-designer-1-icon-color","for area color charts",o.colorCyan0),color1ToolbarColor:e.extend("--ft-page-designer-1-toolbar-color","for area color charts",o.colorCyan0),color2IconColor:e.extend("--ft-page-designer-2-icon-color","for area color charts",o.colorBrand0),color2ToolbarColor:e.extend("--ft-page-designer-2-toolbar-color","for area color charts",o.colorBrand0),color3IconColor:e.extend("--ft-page-designer-3-icon-color","for area color charts",o.colorYellow200),color3ToolbarColor:e.extend("--ft-page-designer-3-toolbar-color","for area color charts",o.colorYellow200),color4IconColor:e.extend("--ft-page-designer-4-icon-color","for area color charts",o.colorUltramarine50),color4ToolbarColor:e.extend("--ft-page-designer-4-toolbar-color","for area color charts",o.colorUltramarine50),color5IconColor:e.extend("--ft-page-designer-5-icon-color","for area color charts",o.colorGreen0),color5ToolbarColor:e.extend("--ft-page-designer-5-toolbar-color","for area color charts",o.colorGreen0),color6IconColor:e.extend("--ft-page-designer-6-icon-color","for area color charts",o.colorOrange0),color6ToolbarColor:e.extend("--ft-page-designer-6-toolbar-color","for area color charts",o.colorOrange0),color7IconColor:e.extend("--ft-page-designer-7-icon-color","for area color charts",o.colorAvocado200),color7ToolbarColor:e.extend("--ft-page-designer-7-toolbar-color","for area color charts",o.colorAvocado200),color8IconColor:e.extend("--ft-page-designer-8-icon-color","for area color charts",o.colorBrown0),color8ToolbarColor:e.extend("--ft-page-designer-8-toolbar-color","for area color charts",o.colorBrown0)};var En={borderWidth:e.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:e.extend("--ft-notice-horizontal-padding","",o.spacing3),verticalPadding:e.extend("--ft-notice-vertical-padding","",o.spacing2),borderRadius:e.extend("--ft-notice-border-radius","",o.borderRadiusS),gap:e.extend("--ft-notice-gap","",o.spacing2),iconSize:e.extend("--ft-notice-icon-size","",o.iconSize3),infoBackgroundColor:e.extend("--ft-notice-info-background-color","",a.backgroundInfoSubtle),infoBorderColor:e.extend("--ft-notice-info-border-color","",a.borderInfoSubtle),infoColor:e.extend("--ft-notice-info-color","",a.contentInfoPrimary),infoIconColor:e.extend("--ft-notice-info-icon-color","",a.contentInfoIconOnly),warningBackgroundColor:e.extend("--ft-notice-warning-background-color","",a.backgroundWarningSubtle),warningBorderColor:e.extend("--ft-notice-warning-border-color","",a.borderWarningSubtle),warningColor:e.extend("--ft-notice-warning-color","",a.contentWarningPrimary),warningIconColor:e.extend("--ft-notice-warning-icon-color","",a.contentWarningIconOnly),errorBackgroundColor:e.extend("--ft-notice-error-background-color","",a.backgroundErrorSubtle),errorBorderColor:e.extend("--ft-notice-error-border-color","",a.borderErrorSubtle),errorColor:e.extend("--ft-notice-error-color","",a.contentErrorPrimary),errorIconColor:e.extend("--ft-notice-error-icon-color","",a.contentErrorIconOnly),successBackgroundColor:e.extend("--ft-notice-success-background-color","",a.backgroundSuccessSubtle),successBorderColor:e.extend("--ft-notice-success-border-color","",a.borderSuccessSubtle),successColor:e.extend("--ft-notice-success-color","",a.contentSuccessPrimary),successIconColor:e.extend("--ft-notice-success-icon-color","",a.contentSuccessIconOnly),denseHorizontalPadding:e.create("--ft-notice-dense-horizontal-padding","","SIZE","0px"),denseVerticalPadding:e.create("--ft-notice-dense-vertical-padding","","SIZE","0px"),denseGap:e.extend("--ft-notice-dense-gap","",o.spacing1),denseIconSize:e.extend("--ft-notice-dense-icon-size","",o.iconSize2),denseBorderWidth:e.create("--ft-notice-dense-border-width","","SIZE","0")};var In={color:e.extend("--ft-checkbox-color","",a.contentGlobalPrimary),checkedBackgroundColor:e.extend("--ft-checkbox-checked-background-color","",a.contentActionPrimary),checkedStateLayerColor:e.extend("--ft-checkbox-checked-state-layer-color","",a.contentActionPrimary),checkedIconColor:e.extend("--ft-checkbox-checked-icon-color","",a.contentGlobalOnColor),checkedHoverStateLayerOpacity:e.extend("--ft-checkbox-checked-hover-state-layer-opacity","",o.opacity16),checkedFocusStateLayerOpacity:e.extend("--ft-checkbox-checked-focus-state-layer-opacity","",o.opacity16),checkedActiveStateLayerOpacity:e.extend("--ft-checkbox-checked-active-state-layer-opacity","",o.opacity24),checkedDisabledComponentOpacity:e.extend("--ft-checkbox-checked-disabled-component-opacity","",o.opacity40),uncheckedBorderColor:e.extend("--ft-checkbox-unchecked-border-color","",o.colorGray80),uncheckedStateLayerColor:e.extend("--ft-checkbox-unchecked-state-layer-color","",o.colorGray80),uncheckedHoverStateLayerOpacity:e.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",o.opacity16),uncheckedFocusStateLayerOpacity:e.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",o.opacity16),uncheckedActiveStateLayerOpacity:e.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",o.opacity24),uncheckedDisabledComponentOpacity:e.extend("--ft-checkbox-unchecked-disabled-component-opacity","",o.opacity40),focusFocusRingColor:e.extend("--ft-checkbox-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineOffset:e.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:e.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:e.extend("--ft-checkbox-gap","",o.spacing3)};var zn={offHoverStateLayerOpacity:e.extend("--ft-toggle-off-hover-state-layer-opacity","",o.opacity16),offFocusStateLayerOpacity:e.extend("--ft-toggle-off-focus-state-layer-opacity","",o.opacity16),offActiveStateLayerOpacity:e.extend("--ft-toggle-off-active-state-layer-opacity","",o.opacity24),offDisabledComponentOpacity:e.extend("--ft-toggle-off-disabled-component-opacity","",o.opacity40),offBackgroundColor:e.extend("--ft-toggle-off-background-color","",a.contentGlobalSubtle),offIconColor:e.extend("--ft-toggle-off-icon-color","",a.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-toggle-off-state-layer-color","",a.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-toggle-on-hover-state-layer-opacity","",o.opacity16),onFocusStateLayerOpacity:e.extend("--ft-toggle-on-focus-state-layer-opacity","",o.opacity16),onActiveStateLayerOpacity:e.extend("--ft-toggle-on-active-state-layer-opacity","",o.opacity24),onDisabledComponentOpacity:e.extend("--ft-toggle-on-disabled-component-opacity","",o.opacity40),onBackgroundColor:e.extend("--ft-toggle-on-background-color","",a.contentActionPrimary),onStateLayerColor:e.extend("--ft-toggle-on-state-layer-color","",a.contentActionPrimary),onIconColor:e.extend("--ft-toggle-on-icon-color","",a.contentActionPrimary),color:e.extend("--ft-toggle-color","",a.contentGlobalPrimary),focusFocusRingColor:e.extend("--ft-toggle-focus-focus-ring-color","",a.borderActionFocusRing),gap:e.extend("--ft-toggle-gap","",o.spacing3)};var Tn={color:e.extend("--ft-radio-color","",a.contentGlobalPrimary),selectedRadioColor:e.extend("--ft-radio-selected-radio-color","",a.contentActionPrimary),selectedStateLayerColor:e.extend("--ft-radio-selected-state-layer-color","",a.contentActionPrimary),selectedHoverStateLayerOpacity:e.extend("--ft-radio-selected-hover-state-layer-opacity","",o.opacity16),selectedFocusStateLayerOpacity:e.extend("--ft-radio-selected-focus-state-layer-opacity","",o.opacity16),selectedActiveStateLayerOpacity:e.extend("--ft-radio-selected-active-state-layer-opacity","",o.opacity24),selectedDisabledComponentOpacity:e.extend("--ft-radio-selected-disabled-component-opacity","",o.opacity40),unselectedStateLayerColor:e.extend("--ft-radio-unselected-state-layer-color","",a.borderInputPrimary),unselectedBorderColor:e.extend("--ft-radio-unselected-border-color","",a.borderInputPrimary),unselectedHoverStateLayerOpacity:e.extend("--ft-radio-unselected-hover-state-layer-opacity","",o.opacity16),unselectedFocusStateLayerOpacity:e.extend("--ft-radio-unselected-focus-state-layer-opacity","",o.opacity16),unselectedActiveStateLayerOpacity:e.extend("--ft-radio-unselected-active-state-layer-opacity","",o.opacity24),unselectedDisabledComponentOpacity:e.extend("--ft-radio-unselected-disabled-component-opacity","",o.opacity40),focusFocusRingColor:e.extend("--ft-radio-focus-focus-ring-color","",a.borderActionFocusRing),focusOutlineOffset:e.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:e.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:e.extend("--ft-radio-gap","",o.spacing3)};var Mn={iconSize:e.extend("--ft-notification-icon-size","",o.iconSize4),leftPadding:e.extend("--ft-notification-left-padding","",o.spacing5),rightPadding:e.extend("--ft-notification-right-padding","",o.spacing4),verticalPadding:e.extend("--ft-notification-vertical-padding","",o.spacing3),infoBackgroundColor:e.extend("--ft-notification-info-background-color","",a.backgroundInfoSubtle),infoColor:e.extend("--ft-notification-info-color","",a.contentInfoPrimary),infoIconColor:e.extend("--ft-notification-info-icon-color","",a.contentInfoIconOnly),infoBorderColor:e.extend("--ft-notification-info-border-color","",a.borderInfoSubtle),successBackgroundColor:e.extend("--ft-notification-success-background-color","",a.backgroundSuccessSubtle),successColor:e.extend("--ft-notification-success-color","",a.contentSuccessPrimary),successIconColor:e.extend("--ft-notification-success-icon-color","",a.contentSuccessIconOnly),successBorderColor:e.extend("--ft-notification-success-border-color","",a.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-notification-warning-background-color","",a.backgroundWarningSubtle),warningColor:e.extend("--ft-notification-warning-color","",a.contentWarningPrimary),warningIconColor:e.extend("--ft-notification-warning-icon-color","",a.contentWarningIconOnly),warningBorderColor:e.extend("--ft-notification-warning-border-color","",a.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-notification-error-background-color","",a.backgroundErrorSubtle),errorColor:e.extend("--ft-notification-error-color","",a.contentErrorPrimary),errorIconColor:e.extend("--ft-notification-error-icon-color","",a.contentErrorIconOnly),errorBorderColor:e.extend("--ft-notification-error-border-color","",a.borderErrorSubtle),borderRadius:e.extend("--ft-notification-border-radius","",o.borderRadiusPill),borderWidth:e.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:e.extend("--ft-notification-leading-gap","",o.spacing2),trailingGap:e.extend("--ft-notification-trailing-gap","",o.spacing8)};var Xn={horizontalPadding:e.extend("--ft-tooltip-horizontal-padding","",o.spacing2),verticalPadding:e.extend("--ft-tooltip-vertical-padding","",o.spacing2),borderRadius:e.extend("--ft-tooltip-border-radius","",o.borderRadiusS),color:e.extend("--ft-tooltip-color","",a.contentGlobalOnColor),backgroundColor:e.extend("--ft-tooltip-background-color","",a.contentGlobalPrimary),backgroundOpacity:e.extend("--ft-tooltip-background-opacity","",o.opacity80),shadow:e.extend("--ft-tooltip-shadow","",o.shadowElevation02),maxWidth:e.create("--ft-tooltip-max-width","","SIZE","256px"),gap:e.extend("--ft-tooltip-gap","",o.spacing05)};var ti={verticalPadding:e.extend("--ft-reorderable-list-vertical-padding","",o.spacing4),gap:e.extend("--ft-reorderable-list-gap","",o.spacing1),borderRadius:e.extend("--ft-reorderable-list-border-radius","",o.borderRadiusM),reorderableItemTitleMarginRight:e.extend("--ft-reorderable-list-reorderable-item-title-margin-right","",o.spacing6),reorderableItemTitleColor:e.extend("--ft-reorderable-list-reorderable-item-title-color","",a.contentGlobalPrimary),reorderableItemLeftButtonsGroupMarginRight:e.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-margin-right","",o.spacing6),reorderableItemLeftButtonsGroupHorizontalGap:e.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-horizontal-gap","",o.spacing2),reorderableItemRightButtonsGroupHorizontalGap:e.extend("--ft-reorderable-list-reorderable-item-right-buttons-group-horizontal-gap","",o.spacing2),reorderableItemUsersCountColor:e.extend("--ft-reorderable-list-reorderable-item-users-count-color","",a.contentGlobalPrimary),reorderableItemUsersCountMarginRight:e.extend("--ft-reorderable-list-reorderable-item-users-count-margin-right","",o.spacing6),reorderableItemBackgroundColor:e.extend("--ft-reorderable-list-reorderable-item-background-color","",a.backgroundGlobalOnSurface),reorderableItemWarningMessageGap:e.extend("--ft-reorderable-list-reorderable-item-warning-message-gap","",o.spacing1),reorderableItemWarningMessageColor:e.extend("--ft-reorderable-list-reorderable-item-warning-message-color","",a.contentWarningPrimary),reorderableItemWarningMessageIconColor:e.extend("--ft-reorderable-list-reorderable-item-warning-message-icon-color","",a.contentWarningIconOnly),reorderableItemGripColor:e.extend("--ft-reorderable-list-reorderable-item-grip-color","",a.contentGlobalSecondary),reorderableItemGripOpacity:e.extend("--ft-reorderable-list-reorderable-item-grip-opacity","",o.opacity48),boxShadow:e.extend("--ft-reorderable-list-box-shadow","",o.shadowElevation01),borderWidth:e.create("--ft-reorderable-list-border-width","","SIZE","1px"),reorderableItemsGap:e.extend("--ft-reorderable-list-reorderable-items-gap","",o.spacing2),leftPadding:e.extend("--ft-reorderable-list-left-padding","",o.spacing2),rightPadding:e.extend("--ft-reorderable-list-right-padding","",o.spacing6),borderColor:e.extend("--ft-reorderable-list-border-color","",a.borderGlobalPrimary),backgroundColor:e.extend("--ft-reorderable-list-background-color","",a.backgroundGlobalOnSurfaceDark)};var Kt;(function(t){t.brand="brand",t.neutral="neutral",t.info="info",t.success="success",t.warning="warning",t.error="error"})(Kt||(Kt={}));var Mt;(function(t){t.large="large",t.medium="medium",t.small="small"})(Mt||(Mt={}));var Pe=h(W());function Vt(t){let r=Be[t];return Pe.css`
|
|
5
|
+
.ft-typography--${(0,Pe.unsafeCSS)(t)} {
|
|
6
|
+
font-family: ${r.fontFamily};
|
|
7
|
+
font-size: ${r.fontSize};
|
|
8
|
+
font-weight: ${r.fontWeight};
|
|
9
|
+
letter-spacing: ${r.letterSpacing};
|
|
10
|
+
line-height: ${r.lineHeight};
|
|
11
|
+
text-transform: ${r.textCase};
|
|
12
12
|
}
|
|
13
|
-
`}var
|
|
13
|
+
`}var Ft=s.FtCssVariableFactory.extend("--ft-typography-font-family","",s.designSystemVariables.titleFont),M=s.FtCssVariableFactory.extend("--ft-typography-font-family","",s.designSystemVariables.contentFont),g={fontFamily:M,fontSize:s.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:s.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:s.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:s.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:s.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},le={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Ft),fontSize:s.FtCssVariableFactory.extend("--ft-typography-title-font-size","",g.fontSize,"20px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",g.letterSpacing,"0.15px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-title-line-height","",g.lineHeight,"1.2"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",g.textTransform,"inherit")},ce={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Ft),fontSize:s.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",g.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",g.letterSpacing,"0.105px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",g.lineHeight,"1.7"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",g.textTransform,"inherit")},pe={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",g.fontSize,"16px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",g.fontWeight,"600"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",g.letterSpacing,"0.144px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",g.lineHeight,"1.5"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",g.textTransform,"inherit")},de={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",g.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",g.letterSpacing,"0.098px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",g.lineHeight,"1.7"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",g.textTransform,"inherit")},K={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",g.fontSize,"16px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",g.letterSpacing,"0.496px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",g.lineHeight,"1.5"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",g.textTransform,"inherit")},se={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",g.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",g.letterSpacing,"0.252px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",g.lineHeight,"1.4"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",g.textTransform,"inherit")},H={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",g.fontSize,"12px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",g.letterSpacing,"0.396px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",g.lineHeight,"1.33"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",g.textTransform,"inherit")},fe={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",g.fontSize,"10px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",g.letterSpacing,"0.33px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",g.lineHeight,"1.6"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",g.textTransform,"inherit")},ge={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",g.fontSize,"10px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",g.fontWeight,"normal"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",g.letterSpacing,"1.5px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",g.lineHeight,"1.6"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",g.textTransform,"uppercase")},ye={fontFamily:s.FtCssVariableFactory.extend("--ft-typography-button-font-family","",M),fontSize:s.FtCssVariableFactory.extend("--ft-typography-button-font-size","",g.fontSize,"14px"),fontWeight:s.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",g.fontWeight,"600"),letterSpacing:s.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",g.letterSpacing,"1.246px"),lineHeight:s.FtCssVariableFactory.extend("--ft-typography-button-line-height","",g.lineHeight,"1.15"),textTransform:s.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",g.textTransform,"uppercase")},Yt=k.css`
|
|
14
14
|
.ft-typography--title {
|
|
15
|
-
font-family: ${
|
|
16
|
-
font-size: ${
|
|
17
|
-
font-weight: ${
|
|
18
|
-
letter-spacing: ${
|
|
19
|
-
line-height: ${
|
|
20
|
-
text-transform: ${
|
|
21
|
-
}
|
|
22
|
-
`,
|
|
15
|
+
font-family: ${le.fontFamily};
|
|
16
|
+
font-size: ${le.fontSize};
|
|
17
|
+
font-weight: ${le.fontWeight};
|
|
18
|
+
letter-spacing: ${le.letterSpacing};
|
|
19
|
+
line-height: ${le.lineHeight};
|
|
20
|
+
text-transform: ${le.textTransform};
|
|
21
|
+
}
|
|
22
|
+
`,jt=k.css`
|
|
23
23
|
.ft-typography--title-dense {
|
|
24
|
-
font-family: ${
|
|
25
|
-
font-size: ${
|
|
26
|
-
font-weight: ${
|
|
27
|
-
letter-spacing: ${
|
|
28
|
-
line-height: ${
|
|
29
|
-
text-transform: ${
|
|
30
|
-
}
|
|
31
|
-
`,
|
|
24
|
+
font-family: ${ce.fontFamily};
|
|
25
|
+
font-size: ${ce.fontSize};
|
|
26
|
+
font-weight: ${ce.fontWeight};
|
|
27
|
+
letter-spacing: ${ce.letterSpacing};
|
|
28
|
+
line-height: ${ce.lineHeight};
|
|
29
|
+
text-transform: ${ce.textTransform};
|
|
30
|
+
}
|
|
31
|
+
`,Xt=k.css`
|
|
32
32
|
.ft-typography--subtitle1 {
|
|
33
|
-
font-family: ${
|
|
34
|
-
font-size: ${
|
|
35
|
-
font-weight: ${
|
|
36
|
-
letter-spacing: ${
|
|
37
|
-
line-height: ${
|
|
38
|
-
text-transform: ${
|
|
39
|
-
}
|
|
40
|
-
`,
|
|
33
|
+
font-family: ${pe.fontFamily};
|
|
34
|
+
font-size: ${pe.fontSize};
|
|
35
|
+
font-weight: ${pe.fontWeight};
|
|
36
|
+
letter-spacing: ${pe.letterSpacing};
|
|
37
|
+
line-height: ${pe.lineHeight};
|
|
38
|
+
text-transform: ${pe.textTransform};
|
|
39
|
+
}
|
|
40
|
+
`,qt=k.css`
|
|
41
41
|
.ft-typography--subtitle2 {
|
|
42
|
-
font-family: ${
|
|
43
|
-
font-size: ${
|
|
44
|
-
font-weight: ${
|
|
45
|
-
letter-spacing: ${
|
|
46
|
-
line-height: ${
|
|
47
|
-
text-transform: ${
|
|
42
|
+
font-family: ${de.fontFamily};
|
|
43
|
+
font-size: ${de.fontSize};
|
|
44
|
+
font-weight: ${de.fontWeight};
|
|
45
|
+
letter-spacing: ${de.letterSpacing};
|
|
46
|
+
line-height: ${de.lineHeight};
|
|
47
|
+
text-transform: ${de.textTransform};
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
`,$e=k.css`
|
|
51
51
|
.ft-typography--body1 {
|
|
52
|
-
font-family: ${
|
|
53
|
-
font-size: ${
|
|
54
|
-
font-weight: ${
|
|
55
|
-
letter-spacing: ${
|
|
56
|
-
line-height: ${
|
|
57
|
-
text-transform: ${
|
|
58
|
-
}
|
|
59
|
-
`,
|
|
52
|
+
font-family: ${K.fontFamily};
|
|
53
|
+
font-size: ${K.fontSize};
|
|
54
|
+
font-weight: ${K.fontWeight};
|
|
55
|
+
letter-spacing: ${K.letterSpacing};
|
|
56
|
+
line-height: ${K.lineHeight};
|
|
57
|
+
text-transform: ${K.textTransform};
|
|
58
|
+
}
|
|
59
|
+
`,Qt=k.css`
|
|
60
60
|
.ft-typography--body2 {
|
|
61
|
-
font-family: ${
|
|
62
|
-
font-size: ${
|
|
63
|
-
font-weight: ${
|
|
64
|
-
letter-spacing: ${
|
|
65
|
-
line-height: ${
|
|
66
|
-
text-transform: ${
|
|
67
|
-
}
|
|
68
|
-
`,
|
|
61
|
+
font-family: ${se.fontFamily};
|
|
62
|
+
font-size: ${se.fontSize};
|
|
63
|
+
font-weight: ${se.fontWeight};
|
|
64
|
+
letter-spacing: ${se.letterSpacing};
|
|
65
|
+
line-height: ${se.lineHeight};
|
|
66
|
+
text-transform: ${se.textTransform};
|
|
67
|
+
}
|
|
68
|
+
`,ze=k.css`
|
|
69
69
|
.ft-typography--caption {
|
|
70
|
-
font-family: ${
|
|
71
|
-
font-size: ${
|
|
72
|
-
font-weight: ${
|
|
73
|
-
letter-spacing: ${
|
|
74
|
-
line-height: ${
|
|
75
|
-
text-transform: ${
|
|
76
|
-
}
|
|
77
|
-
`,
|
|
70
|
+
font-family: ${H.fontFamily};
|
|
71
|
+
font-size: ${H.fontSize};
|
|
72
|
+
font-weight: ${H.fontWeight};
|
|
73
|
+
letter-spacing: ${H.letterSpacing};
|
|
74
|
+
line-height: ${H.lineHeight};
|
|
75
|
+
text-transform: ${H.textTransform};
|
|
76
|
+
}
|
|
77
|
+
`,Jt=k.css`
|
|
78
78
|
.ft-typography--breadcrumb {
|
|
79
|
-
font-family: ${
|
|
80
|
-
font-size: ${
|
|
81
|
-
font-weight: ${
|
|
82
|
-
letter-spacing: ${
|
|
83
|
-
line-height: ${
|
|
84
|
-
text-transform: ${
|
|
85
|
-
}
|
|
86
|
-
`,
|
|
79
|
+
font-family: ${fe.fontFamily};
|
|
80
|
+
font-size: ${fe.fontSize};
|
|
81
|
+
font-weight: ${fe.fontWeight};
|
|
82
|
+
letter-spacing: ${fe.letterSpacing};
|
|
83
|
+
line-height: ${fe.lineHeight};
|
|
84
|
+
text-transform: ${fe.textTransform};
|
|
85
|
+
}
|
|
86
|
+
`,eo=k.css`
|
|
87
87
|
.ft-typography--overline {
|
|
88
|
-
font-family: ${
|
|
89
|
-
font-size: ${
|
|
90
|
-
font-weight: ${
|
|
91
|
-
letter-spacing: ${
|
|
92
|
-
line-height: ${
|
|
93
|
-
text-transform: ${
|
|
94
|
-
}
|
|
95
|
-
`,
|
|
88
|
+
font-family: ${ge.fontFamily};
|
|
89
|
+
font-size: ${ge.fontSize};
|
|
90
|
+
font-weight: ${ge.fontWeight};
|
|
91
|
+
letter-spacing: ${ge.letterSpacing};
|
|
92
|
+
line-height: ${ge.lineHeight};
|
|
93
|
+
text-transform: ${ge.textTransform};
|
|
94
|
+
}
|
|
95
|
+
`,to=k.css`
|
|
96
96
|
.ft-typography--button {
|
|
97
|
-
font-family: ${
|
|
98
|
-
font-size: ${
|
|
99
|
-
font-weight: ${
|
|
100
|
-
letter-spacing: ${
|
|
101
|
-
line-height: ${
|
|
102
|
-
text-transform: ${
|
|
103
|
-
}
|
|
104
|
-
`,
|
|
97
|
+
font-family: ${ye.fontFamily};
|
|
98
|
+
font-size: ${ye.fontSize};
|
|
99
|
+
font-weight: ${ye.fontWeight};
|
|
100
|
+
letter-spacing: ${ye.letterSpacing};
|
|
101
|
+
line-height: ${ye.lineHeight};
|
|
102
|
+
text-transform: ${ye.textTransform};
|
|
103
|
+
}
|
|
104
|
+
`,oo=k.css`
|
|
105
105
|
.ft-typography {
|
|
106
106
|
vertical-align: inherit;
|
|
107
107
|
}
|
|
108
|
-
`,
|
|
109
|
-
<${
|
|
108
|
+
`,ro=[Object.keys(Be).map(t=>Vt(t))];var ao=function(t,r,n,i){var l=arguments.length,c=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(t,r,n,i);else for(var f=t.length-1;f>=0;f--)(p=t[f])&&(c=(l<3?p(c):l>3?p(r,n,c):p(r,n))||c);return l>3&&c&&Object.defineProperty(r,n,c),c},U=class extends no.FtLitElement{constructor(){super(...arguments),this.variant=We.body1}render(){return this.element?Ve`
|
|
109
|
+
<${Me(this.element)}
|
|
110
110
|
part="text"
|
|
111
111
|
class="ft-typography ft-typography--${this.variant}">
|
|
112
112
|
<slot></slot>
|
|
113
|
-
</${
|
|
114
|
-
`:
|
|
113
|
+
</${Me(this.element)}>
|
|
114
|
+
`:Ve`
|
|
115
115
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
116
|
-
`}};
|
|
116
|
+
`}};U.styles=[Yt,jt,Xt,qt,$e,Qt,ze,Jt,eo,to,oo,...ro];ao([(0,Fe.property)()],U.prototype,"element",void 0);ao([(0,Fe.property)()],U.prototype,"variant",void 0);(0,io.customElement)("ft-typography")(U);var fo=h(A());var Ye=h(W()),ue=h(Q()),po=h(be()),so=h(A());var lo=h(W()),N=h(A());var m={fontSize:N.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:N.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:N.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:N.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:N.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:N.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:N.FtCssVariableFactory.extend("--ft-input-label-border-color","",N.designSystemVariables.colorOutline),textColor:N.FtCssVariableFactory.extend("--ft-input-label-text-color","",N.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:N.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",N.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:N.FtCssVariableFactory.extend("--ft-input-label-background-color","",N.designSystemVariables.colorSurface),borderRadius:N.FtCssVariableFactory.extend("--ft-input-label-border-radius","",N.designSystemVariables.borderRadiusS),colorError:N.FtCssVariableFactory.external(N.designSystemVariables.colorError,"Design system")},co=lo.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: ${m.backgroundColor};
|
|
122
|
+
border-radius: ${m.borderRadius} ${m.borderRadius} 0 0;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.ft-input-label--outlined {
|
|
126
|
-
border-radius: ${
|
|
126
|
+
border-radius: ${m.borderRadius};
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.ft-input-label {
|
|
130
|
-
border-color: ${
|
|
130
|
+
border-color: ${m.borderColor};
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.ft-input-label.ft-input-label--in-error {
|
|
134
|
-
border-color: ${
|
|
134
|
+
border-color: ${m.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(${m.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: ${m.textColor};
|
|
164
164
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
165
|
-
max-width: calc(${
|
|
165
|
+
max-width: calc(${m.labelMaxWidth} - 2 * (${m.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
166
166
|
text-overflow: ellipsis;
|
|
167
|
-
${(0,
|
|
168
|
-
${(0,
|
|
167
|
+
${(0,N.setVariable)(H.fontSize,m.fontSize)};
|
|
168
|
+
${(0,N.setVariable)(H.lineHeight,m.fontSize)};
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
.ft-input-label--in-error .ft-input-label--text {
|
|
172
|
-
color: ${
|
|
172
|
+
color: ${m.colorError}
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
.ft-input-label--disabled .ft-input-label--text {
|
|
176
|
-
color: ${
|
|
176
|
+
color: ${m.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: ${m.verticalSpacing} 4px;
|
|
194
|
+
margin: calc(${m.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,
|
|
201
|
-
${(0,
|
|
200
|
+
${(0,N.setVariable)(H.fontSize,m.raisedFontSize)};
|
|
201
|
+
${(0,N.setVariable)(H.lineHeight,m.raisedFontSize)};
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
205
|
-
top: ${
|
|
205
|
+
top: ${m.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: ${m.borderRadius} 0 0 ${m.borderRadius};
|
|
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 ${m.borderRadius} ${m.borderRadius} 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: ${m.raisedZIndex};
|
|
230
|
+
background-color: ${m.backgroundColor};
|
|
231
|
+
border-radius: ${m.borderRadius};
|
|
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 Ce=function(t,r,n,i){var l=arguments.length,c=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(t,r,n,i);else for(var f=t.length-1;f>=0;f--)(p=t[f])&&(c=(l<3?p(c):l>3?p(r,n,c):p(r,n))||c);return l>3&&c&&Object.defineProperty(r,n,c),c},z=class extends so.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){let r={"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 Ye.html`
|
|
239
|
+
<div class="${(0,po.classMap)(r)}">
|
|
240
|
+
${this.text?Ye.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
|
+
`}};z.elementDefinitions={};z.styles=[ze,co];Ce([(0,ue.property)({type:String})],z.prototype,"text",void 0);Ce([(0,ue.property)({type:Boolean})],z.prototype,"raised",void 0);Ce([(0,ue.property)({type:Boolean})],z.prototype,"outlined",void 0);Ce([(0,ue.property)({type:Boolean})],z.prototype,"disabled",void 0);Ce([(0,ue.property)({type:Boolean})],z.prototype,"error",void 0);(0,fo.customElement)("ft-input-label")(z);var Co=h(A());var So=h(W()),I=h(Q()),Oo=h(be()),ve=h(A());var mo=h(W()),L=h(A()),go=L.FtCssVariableFactory.extend("--ft-ripple-color","",L.designSystemVariables.colorContent),G={color:go,backgroundColor:L.FtCssVariableFactory.extend("--ft-ripple-background-color","",go),opacityContentOnSurfacePressed:L.FtCssVariableFactory.external(L.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:L.FtCssVariableFactory.external(L.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:L.FtCssVariableFactory.external(L.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:L.FtCssVariableFactory.external(L.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:L.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},yo=L.FtCssVariableFactory.extend("--ft-ripple-color","",L.designSystemVariables.colorPrimary),uo={color:yo,backgroundColor:L.FtCssVariableFactory.extend("--ft-ripple-background-color","",yo)},ho=L.FtCssVariableFactory.extend("--ft-ripple-color","",L.designSystemVariables.colorSecondary),bo={color:ho,backgroundColor:L.FtCssVariableFactory.extend("--ft-ripple-background-color","",ho)},xo=mo.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: ${G.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: ${G.backgroundColor};
|
|
295
295
|
}
|
|
296
296
|
|
|
297
297
|
.ft-ripple .ft-ripple--effect {
|
|
298
|
-
background-color: ${
|
|
298
|
+
background-color: ${G.color};
|
|
299
299
|
}
|
|
300
300
|
|
|
301
301
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
302
|
-
background-color: ${
|
|
302
|
+
background-color: ${bo.backgroundColor};
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
306
|
-
background-color: ${
|
|
306
|
+
background-color: ${bo.color};
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
310
|
-
background-color: ${
|
|
310
|
+
background-color: ${uo.backgroundColor};
|
|
311
311
|
}
|
|
312
312
|
|
|
313
313
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
314
|
-
background-color: ${
|
|
314
|
+
background-color: ${uo.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: ${G.opacityContentOnSurfaceHover};
|
|
345
345
|
}
|
|
346
346
|
|
|
347
347
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
348
|
-
opacity: ${
|
|
348
|
+
opacity: ${G.opacityContentOnSurfaceSelected};
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
352
|
-
opacity: ${
|
|
352
|
+
opacity: ${G.opacityContentOnSurfaceFocused};
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
356
|
-
opacity: ${
|
|
356
|
+
opacity: ${G.opacityContentOnSurfacePressed};
|
|
357
357
|
transform: translate(-50%, -50%) scale(1);
|
|
358
358
|
}
|
|
359
|
-
`;var
|
|
359
|
+
`;var B=function(t,r,n,i){var l=arguments.length,c=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(t,r,n,i);else for(var f=t.length-1;f>=0;f--)(p=t[f])&&(c=(l<3?p(c):l>3?p(r,n,c):p(r,n))||c);return l>3&&c&&Object.defineProperty(r,n,c),c},E=class extends ve.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 ve.Debouncer(1e3),this.onTransitionStart=r=>{r.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=r=>{r.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new ve.Debouncer(10),this.moveRipple=r=>{var n,i;let{x:l,y:c}=this.getCoordinates(r),p=(i=(n=this.ripple)===null||n===void 0?void 0:n.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(l!=null?l-p.x:p.width/2),this.originY=Math.round(c!=null?c-p.y:p.height/2)},this.startPress=r=>{this.moveRipple(r),this.pressed=!this.isIgnored(r)},this.endPress=()=>{this.pressed=!1},this.startHover=r=>{this.hovered=!this.isIgnored(r)},this.endHover=()=>{this.hovered=!1},this.startFocus=r=>{this.focused=this.isFocusVisible(r?.target)&&!this.isIgnored(r)},this.endFocus=()=>{this.focused=!1}}render(){let r={"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 So.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,Oo.classMap)(r)}">
|
|
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=(...d)=>p=>{d.forEach(u=>window.addEventListener(u,this.endPress,{once:!0})),this.startPress(p)},i=a("mouseup","contextmenu"),l=a("touchend","touchcancel"),s=d=>{["Enter"," "].includes(d.key)&&a("keyup")(d)},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()}};L.elementDefinitions={};L.styles=fr;D([(0,T.property)({type:Boolean})],L.prototype,"primary",void 0);D([(0,T.property)({type:Boolean})],L.prototype,"secondary",void 0);D([(0,T.property)({type:Boolean})],L.prototype,"unbounded",void 0);D([(0,T.property)({type:Boolean})],L.prototype,"activated",void 0);D([(0,T.property)({type:Boolean})],L.prototype,"selected",void 0);D([(0,T.property)({type:Boolean})],L.prototype,"disabled",void 0);D([(0,T.state)()],L.prototype,"hovered",void 0);D([(0,T.state)()],L.prototype,"focused",void 0);D([(0,T.state)()],L.prototype,"pressed",void 0);D([(0,T.state)()],L.prototype,"rippling",void 0);D([(0,T.state)()],L.prototype,"originX",void 0);D([(0,T.state)()],L.prototype,"originY",void 0);D([(0,T.query)(".ft-ripple")],L.prototype,"ripple",void 0);D([(0,T.query)(".ft-ripple--effect")],L.prototype,"rippleEffect",void 0);(0,yr.customElement)("ft-ripple")(L);var Cr=x(k());var Yt=x(U()),St=x(yt()),Sr=x(k()),Or=x(mr());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.GRIP_LINES_SOLID="",e.TRANSLATE_SPARKLE_SOLID="",e.CODE="",e.ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER="",e.PAPER_PLANE_SLASH="",e.COMPRESS="",e.EXPAND="",e.ARROW_ROTATE_LEFT="",e.EYE="",e.SHARE="󨃱"})(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 Is=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 Ws={[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 br=x(U()),nt=x(k()),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")},xr=br.css`
|
|
370
|
+
`}contentAvailableCallback(r){super.contentAvailableCallback(r),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(r){var n,i;super.update(r),r.has("disabled")&&(this.disabled?(this.endRipple(),(n=this.target)===null||n===void 0||n.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 r,n;let i=(r=this.shadowRoot)===null||r===void 0?void 0:r.host.parentElement;i&&this.setupFor((n=this.target)!==null&&n!==void 0?n:i)}setupFor(r){if(this.setupDebouncer.cancel(),this.target===r)return;this.onDisconnect&&this.onDisconnect(),this.target=r,r.setAttribute("data-is-ft-ripple-target","true");let n=(...f)=>u=>{f.forEach(O=>window.addEventListener(O,this.endPress,{once:!0})),this.startPress(u)},i=n("mouseup","contextmenu"),l=n("touchend","touchcancel"),c=f=>{["Enter"," "].includes(f.key)&&n("keyup")(f)},p={passive:!0};r.addEventListener("mouseover",this.startHover,p),r.addEventListener("mousemove",this.moveRipple,p),r.addEventListener("mouseleave",this.endHover,p),r.addEventListener("mousedown",i,p),r.addEventListener("touchstart",l,p),r.addEventListener("touchmove",this.moveRipple,p),r.addEventListener("keydown",c,p),r.addEventListener("focus",this.startFocus,p),r.addEventListener("blur",this.endFocus,p),r.addEventListener("focusin",this.startFocus,p),r.addEventListener("focusout",this.endFocus,p),this.onDisconnect=()=>{r.removeAttribute("data-is-ft-ripple-target"),r.removeEventListener("mouseover",this.startHover,p),r.removeEventListener("mousemove",this.moveRipple,p),r.removeEventListener("mouseleave",this.endHover,p),r.removeEventListener("mousedown",i,p),r.removeEventListener("touchstart",l,p),r.removeEventListener("touchmove",this.moveRipple,p),r.removeEventListener("keydown",c,p),r.removeEventListener("focus",this.startFocus,p),r.removeEventListener("blur",this.endFocus,p),r.removeEventListener("focusin",this.startFocus,p),r.removeEventListener("focusout",this.endFocus,p),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(r){let n=r,i=r,l,c;return n.x!=null?{x:l,y:c}=n:i.touches!=null&&(l=i.touches[0].clientX,c=i.touches[0].clientY),{x:l,y:c}}isFocusVisible(r){return r instanceof HTMLElement?r.matches(":focus-visible"):!0}isIgnored(r){if(this.disabled)return!0;if(r!=null)for(let n of r.composedPath()){if(n===this.target)break;if("hasAttribute"in n&&n.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};E.elementDefinitions={};E.styles=xo;B([(0,I.property)({type:Boolean})],E.prototype,"primary",void 0);B([(0,I.property)({type:Boolean})],E.prototype,"secondary",void 0);B([(0,I.property)({type:Boolean})],E.prototype,"unbounded",void 0);B([(0,I.property)({type:Boolean})],E.prototype,"activated",void 0);B([(0,I.property)({type:Boolean})],E.prototype,"selected",void 0);B([(0,I.property)({type:Boolean})],E.prototype,"disabled",void 0);B([(0,I.state)()],E.prototype,"hovered",void 0);B([(0,I.state)()],E.prototype,"focused",void 0);B([(0,I.state)()],E.prototype,"pressed",void 0);B([(0,I.state)()],E.prototype,"rippling",void 0);B([(0,I.state)()],E.prototype,"originX",void 0);B([(0,I.state)()],E.prototype,"originY",void 0);B([(0,I.query)(".ft-ripple")],E.prototype,"ripple",void 0);B([(0,I.query)(".ft-ripple--effect")],E.prototype,"rippleEffect",void 0);(0,Co.customElement)("ft-ripple")(E);var Ao=h(A());var Ne=h(W()),re=h(Q()),Lo=h(A()),wo=h(No());var oe;(function(t){t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.BOOKS="",t.MENU="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.HOME="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.EXPORT="",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.USER="",t.EXTLINK="",t.CALENDAR="",t.OFFLINE="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.STAR_PLAIN="",t.TOPICS="",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN="",t.ADMIN_KHUB="",t.ADMIN_THEME="",t.ADMIN_USERS="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.INFO="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.FACET_HAS_DESCENDANT="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.THIN_ARROW="",t.SIGN_IN="",t.LOGOUT="",t.TRANSLATE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.ARTICLE="",t.COLUMNS="",t.ANALYTICS="",t.COLLECTIONS="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SEARCH_IN_PUBLICATION="",t.COPY_TO_CLIPBOARD="",t.SHARED_PBK="",t.ATTACHMENTS="",t.STRIPE_ARROW_LEFT="",t.STRIPE_ARROW_RIGHT="",t.FILTERS="",t.DOT="",t.MINUS="",t.PLUS="",t.MAILS_AND_NOTIFICATIONS="",t.SAVE="",t.LOCKER="",t.ADMIN_INTEGRATION="",t.SYNC="",t.TAG="",t.BOOK_PLAIN="",t.UPLOAD="",t.ONLINE="",t.TAG_PLAIN="",t.ACCOUNT_SETTINGS="",t.PRINT="",t.DEFAULT_ROLES="",t.SHORTCUT_MENU="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.PAUSE="",t.PLAY="",t.ADMIN_PORTAL="",t.STAR="",t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.FEEDBACK_PLAIN="",t.RATE_PLAIN="",t.RATE="",t.OFFLINE_SETTINGS="",t.MY_COLLECTIONS="",t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.RESET="",t.MY_LIBRARY="",t.UNSTRUCTURED_DOC="",t.CONTEXTUAL="",t.THIN_ARROW_UP="",t.ARROW_RIGHT_TO_LINE="",t.DESKTOP="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.LINE_CHART="",t.STACKED_CHART="",t.CHART_BAR_STACKED="",t.CHART_BAR_GROUPED="",t.EYE_SLASH="",t.X_MARK="",t.EXPAND_WIDE="",t.PIP="",t.PIP_WIDE="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.EXTLINK_LIGHT="",t.CLONE="",t.CLONE_LINK_SIMPLE="",t.CHART_BAR_NORMALIZED="",t.CONSUMER="",t.OCTAGON_XMARK="",t.HOURGLASS_HALF="",t.CLOCK="",t.CLOCK_THREE="",t.CALENDAR_DAY="",t.COMPUTER_MOUSE_MAGNIFYING_GLASS="",t.WAND_MAGIC_SPARKLES="",t.PAPER_PLANE="",t.CIRCLE_STOP="",t.ARROW_ROTATE_RIGHT="",t.ARROWS_ROTATE="",t.ALIGN_RIGHT="",t.FORMAT_CLEAR="",t.ALIGN_CENTER="",t.ALIGN_LEFT="",t.PALETTE="",t.BOLD="",t.ITALIC="",t.UNDERLINE="",t.STRIKETHROUGH="",t.LINK_SIMPLE_SLASH="",t.LINK_SIMPLE="",t.ROUTE="",t.CIRCLE_USER_SLASH="",t.CIRCLE_USER_CHECK="",t.LIST_MAGNIFYING_GLASS="",t.MEDAL="",t.THUMBS_UP_THUMBS_DOWN_SOLID="",t.ARROW_TURN_DOWN_RIGHT="",t.FLASK="",t.LOCK_KEYHOLE_OPEN_SOLID="",t.HOURGLASS_END="",t.CIRCLE_QUESTION="",t.GRIP_LINES_SOLID="",t.TRANSLATE_SPARKLE_SOLID="",t.CODE="",t.ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER="",t.PAPER_PLANE_SLASH="",t.COMPRESS="",t.EXPAND="",t.ARROW_ROTATE_LEFT="",t.EYE="",t.SHARE="󨃱"})(oe||(oe={}));var d;(function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""})(d||(d={}));var Ml=new Map([...["abw"].map(t=>[t,d.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(t=>[t,d.AUDIO]),...["avi"].map(t=>[t,d.AVI]),...["chm","xhs"].map(t=>[t,d.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(t=>[t,d.CODE]),...["csv"].map(t=>[t,d.CSV]),...["dita","ditamap","ditaval"].map(t=>[t,d.DITA]),...["epub"].map(t=>[t,d.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(t=>[t,d.EXCEL]),...["flac"].map(t=>[t,d.FLAC]),...["gif"].map(t=>[t,d.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(t=>[t,d.GZIP]),...["html","htm","xhtml"].map(t=>[t,d.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(t=>[t,d.IMAGE]),...["jpeg","jpg","jpe"].map(t=>[t,d.JPEG]),...["json"].map(t=>[t,d.JSON]),...["m4a","m4p"].map(t=>[t,d.M4A]),...["mov","qt"].map(t=>[t,d.MOV]),...["mp3"].map(t=>[t,d.MP3]),...["mp4","m4v"].map(t=>[t,d.MP4]),...["ogg","oga"].map(t=>[t,d.OGG]),...["pdf","ps"].map(t=>[t,d.PDF]),...["png"].map(t=>[t,d.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(t=>[t,d.POWERPOINT]),...["rar"].map(t=>[t,d.RAR]),...["stp"].map(t=>[t,d.STP]),...["txt","rtf","md","mdown"].map(t=>[t,d.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(t=>[t,d.VIDEO]),...["wav"].map(t=>[t,d.WAV]),...["wma"].map(t=>[t,d.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(t=>[t,d.WORD]),...["xml","xsl","rdf"].map(t=>[t,d.XML]),...["yaml","yml","x-yaml"].map(t=>[t,d.YAML]),...["zip"].map(t=>[t,d.ZIP])]);var Vl={[d.ABW]:"#91ABC6",[d.AUDIO]:"#1795E3",[d.AVI]:"#E63324",[d.CHM]:"#71C3EB",[d.CODE]:"#71C3EB",[d.CSV]:"#1F7345",[d.DITA]:"#71C3EB",[d.EPUB]:"#85B926",[d.EXCEL]:"#1F7345",[d.FLAC]:"#1795E3",[d.GIF]:"#59B031",[d.GZIP]:"#F8AB36",[d.HTML]:"#71C3EB",[d.IMAGE]:"#59B031",[d.JPEG]:"#59B031",[d.JSON]:"#71C3EB",[d.M4A]:"#1795E3",[d.MOV]:"#E63324",[d.MP3]:"#1795E3",[d.MP4]:"#E63324",[d.OGG]:"#1795E3",[d.PDF]:"#E44948",[d.PNG]:"#59B031",[d.POWERPOINT]:"#B54A2B",[d.RAR]:"#F8AB36",[d.STP]:"#3764B1",[d.TEXT]:"#3162AB",[d.UNKNOWN]:"#999999",[d.VIDEO]:"#E63324",[d.WAV]:"#1795E3",[d.WMA]:"#1795E3",[d.WORD]:"#3162AB",[d.XML]:"#71C3EB",[d.YAML]:"#71C3EB",[d.ZIP]:"#F8AB36"};var Eo=h(W()),V=h(A()),T={size:V.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:V.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",V.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:V.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",V.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:V.FtCssVariableFactory.extend("--ft-icon-material-font-family","",V.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:V.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},Ro=Eo.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: ${T.size};
|
|
380
|
+
height: ${T.size};
|
|
381
381
|
}
|
|
382
382
|
|
|
383
383
|
i.ft-icon {
|
|
384
384
|
width: 100%;
|
|
385
385
|
height: 100%;
|
|
386
|
-
font-size: ${
|
|
386
|
+
font-size: ${T.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: ${T.verticalAlign};
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
i.ft-icon.ft-icon--fluid-topics {
|
|
401
|
-
font-family: ${
|
|
401
|
+
font-family: ${T.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 * ${T.size});
|
|
405
|
+
line-height: ${T.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: ${T.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
413
413
|
}
|
|
414
414
|
|
|
415
415
|
.ft-icon--material {
|
|
416
|
-
font-family: ${
|
|
416
|
+
font-family: ${T.materialFontFamily}, "Material Icons", sans-serif;
|
|
417
417
|
}
|
|
418
|
-
`;var
|
|
419
|
-
<i class="ft-icon ft-icon--${
|
|
420
|
-
${(0,
|
|
421
|
-
<slot ?hidden=${
|
|
418
|
+
`;var X;(function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"})(X||(X={}));var ke=function(t,r,n,i){var l=arguments.length,c=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(t,r,n,i);else for(var f=t.length-1;f>=0;f--)(p=t[f])&&(c=(l<3?p(c):l>3?p(r,n,c):p(r,n))||c);return l>3&&c&&Object.defineProperty(r,n,c),c},P=class extends Lo.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=Ne.nothing}render(){let r=this.variant&&Object.values(X).includes(this.variant)?this.variant:X.fluid_topics,n=r!==X.material||!!this.value;return Ne.html`
|
|
419
|
+
<i class="ft-icon ft-icon--${r}" part="icon icon-${r}">
|
|
420
|
+
${(0,wo.unsafeHTML)(this.resolvedIcon)}
|
|
421
|
+
<slot ?hidden=${n}></slot>
|
|
422
422
|
</i>
|
|
423
|
-
`}get textContent(){var
|
|
423
|
+
`}get textContent(){var r,n;return(n=(r=this.slottedContent)===null||r===void 0?void 0:r.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&n!==void 0?n:""}update(r){super.update(r),["value","variant"].some(n=>r.has(n))&&this.resolveIcon()}resolveIcon(){var r,n;let i=this.value||this.textContent;switch(this.variant){case X.file_format:this.resolvedIcon=(r=d[i.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:i;break;case X.material:this.resolvedIcon=this.value||Ne.nothing;break;default:this.resolvedIcon=(n=oe[i.replace("-","_").toUpperCase()])!==null&&n!==void 0?n:i;break}}firstUpdated(r){super.firstUpdated(r),setTimeout(()=>this.resolveIcon())}};P.elementDefinitions={};P.styles=Ro;ke([(0,re.property)()],P.prototype,"variant",void 0);ke([(0,re.property)()],P.prototype,"value",void 0);ke([(0,re.state)()],P.prototype,"resolvedIcon",void 0);ke([(0,re.query)("slot")],P.prototype,"slottedContent",void 0);(0,Ao.customElement)("ft-icon")(P);var Io=h(W()),y=h(A());var b={fontSize:y.FtCssVariableFactory.create("--ft-text-field-font-size","","SIZE","14px"),labelSize:y.FtCssVariableFactory.create("--ft-text-field-label-size","","SIZE","11px"),verticalSpacing:y.FtCssVariableFactory.create("--ft-text-field-vertical-spacing","","SIZE","4px"),horizontalSpacing:y.FtCssVariableFactory.create("--ft-text-field-horizontal-spacing","","SIZE","16px"),helperColor:y.FtCssVariableFactory.extend("--ft-text-field-helper-color","",y.designSystemVariables.colorOnSurfaceMedium),colorPrimary:y.FtCssVariableFactory.external(y.designSystemVariables.colorPrimary,"Design system"),colorOnSurface:y.FtCssVariableFactory.external(y.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceDisabled:y.FtCssVariableFactory.external(y.designSystemVariables.colorOnSurfaceDisabled,"Design system"),borderRadiusS:y.FtCssVariableFactory.external(y.designSystemVariables.borderRadiusS,"Design system"),colorError:y.FtCssVariableFactory.external(y.designSystemVariables.colorError,"Design system"),prefixColor:y.FtCssVariableFactory.extend("--ft-text-field-prefix-color","",y.designSystemVariables.colorOnSurfaceMedium),iconColor:y.FtCssVariableFactory.extend("--ft-text-field-icon-color","",y.designSystemVariables.colorOnSurfaceMedium),floatingZIndex:y.FtCssVariableFactory.create("--ft-text-field-floating-components-z-index","","NUMBER","3"),backgroundColor:y.FtCssVariableFactory.extend("--ft-text-field-background-color","",y.designSystemVariables.colorSurface),colorOutline:y.FtCssVariableFactory.external(y.designSystemVariables.colorOutline,"Design system"),elevation02:y.FtCssVariableFactory.external(y.designSystemVariables.elevation02,"Design system"),suggestSize:y.FtCssVariableFactory.create("--ft-text-field-suggest-size","","SIZE","300px")},Wo=Io.css`
|
|
424
424
|
*:focus {
|
|
425
425
|
outline: none;
|
|
426
426
|
}
|
|
@@ -433,17 +433,17 @@ 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,
|
|
440
|
-
${(0,
|
|
436
|
+
${(0,y.setVariable)(m.fontSize,b.fontSize)};
|
|
437
|
+
${(0,y.setVariable)(m.raisedFontSize,b.labelSize)};
|
|
438
|
+
${(0,y.setVariable)(m.verticalSpacing,b.verticalSpacing)};
|
|
439
|
+
${(0,y.setVariable)(m.horizontalSpacing,b.horizontalSpacing)};
|
|
440
|
+
${(0,y.setVariable)(m.backgroundColor,b.backgroundColor)};
|
|
441
441
|
}
|
|
442
442
|
|
|
443
443
|
.ft-text-field--main-panel {
|
|
444
444
|
position: relative;
|
|
445
445
|
display: flex;
|
|
446
|
-
height: calc(4 * ${
|
|
446
|
+
height: calc(4 * ${b.verticalSpacing} + ${b.labelSize} + ${b.fontSize});
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
.ft-text-field--input-panel {
|
|
@@ -452,24 +452,24 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
452
452
|
display: flex;
|
|
453
453
|
align-items: center;
|
|
454
454
|
overflow: hidden;
|
|
455
|
-
padding: 0 ${
|
|
455
|
+
padding: 0 ${b.horizontalSpacing};
|
|
456
456
|
|
|
457
|
-
${(0,
|
|
458
|
-
${(0,
|
|
457
|
+
${(0,y.setVariable)(K.fontSize,b.fontSize)};
|
|
458
|
+
${(0,y.setVariable)(K.lineHeight,b.fontSize)};
|
|
459
459
|
}
|
|
460
460
|
|
|
461
461
|
.ft-text-field--input-panel ft-ripple {
|
|
462
|
-
${(0,
|
|
463
|
-
${(0,
|
|
462
|
+
${(0,y.setVariable)(G.opacityContentOnSurfaceHover,"0.08")};
|
|
463
|
+
${(0,y.setVariable)(G.opacityContentOnSurfacePressed,"0.04")};
|
|
464
464
|
}
|
|
465
465
|
|
|
466
466
|
.ft-text-field--filled.ft-text-field--with-label .ft-text-field--input-panel {
|
|
467
467
|
align-items: flex-end;
|
|
468
|
-
padding: 0 ${
|
|
468
|
+
padding: 0 ${b.horizontalSpacing} ${b.verticalSpacing} ${b.horizontalSpacing};
|
|
469
469
|
}
|
|
470
470
|
|
|
471
471
|
.ft-text-field--prefix {
|
|
472
|
-
color: ${
|
|
472
|
+
color: ${b.prefixColor};
|
|
473
473
|
margin-right: 2px;
|
|
474
474
|
flex-shrink: 1;
|
|
475
475
|
overflow: hidden;
|
|
@@ -488,15 +488,15 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
488
488
|
flex-shrink: 1;
|
|
489
489
|
min-width: 0; /* flex sets this to auto an prevents input from shrinking properly */
|
|
490
490
|
|
|
491
|
-
color: ${
|
|
492
|
-
padding: calc(2 * ${
|
|
491
|
+
color: ${b.colorOnSurface};
|
|
492
|
+
padding: calc(2 * ${b.verticalSpacing}) 0;
|
|
493
493
|
border: none;
|
|
494
494
|
background: none;
|
|
495
495
|
}
|
|
496
496
|
|
|
497
497
|
.ft-text-field--filled.ft-text-field--with-label .ft-text-field--input {
|
|
498
498
|
padding-bottom: 0;
|
|
499
|
-
padding-top: calc(${
|
|
499
|
+
padding-top: calc(${b.labelSize} + 2 * ${b.verticalSpacing});
|
|
500
500
|
}
|
|
501
501
|
|
|
502
502
|
.ft-text-field--input::-webkit-calendar-picker-indicator,
|
|
@@ -505,37 +505,37 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
505
505
|
}
|
|
506
506
|
|
|
507
507
|
.ft-text-field--disabled .ft-text-field--input {
|
|
508
|
-
color: ${
|
|
508
|
+
color: ${b.colorOnSurfaceDisabled};
|
|
509
509
|
}
|
|
510
510
|
|
|
511
511
|
.ft-text-field:not(.ft-text-field--disabled):focus-within ft-input-label {
|
|
512
|
-
${(0,
|
|
513
|
-
${(0,
|
|
512
|
+
${(0,y.setVariable)(m.borderColor,b.colorPrimary)};
|
|
513
|
+
${(0,y.setVariable)(m.textColor,b.colorPrimary)};
|
|
514
514
|
}
|
|
515
515
|
|
|
516
516
|
.ft-text-field--filled .ft-text-field--input-panel {
|
|
517
|
-
border-radius: ${
|
|
517
|
+
border-radius: ${b.borderRadiusS} ${b.borderRadiusS} 0 0;
|
|
518
518
|
}
|
|
519
519
|
|
|
520
520
|
.ft-text-field--outlined .ft-text-field--input-panel {
|
|
521
|
-
border-radius: ${
|
|
521
|
+
border-radius: ${b.borderRadiusS};
|
|
522
522
|
}
|
|
523
523
|
|
|
524
524
|
.ft-text-field--helper-text {
|
|
525
|
-
padding: 0 12px 0 ${
|
|
526
|
-
color: ${
|
|
525
|
+
padding: 0 12px 0 ${b.horizontalSpacing};
|
|
526
|
+
color: ${b.helperColor};
|
|
527
527
|
}
|
|
528
528
|
|
|
529
529
|
.ft-text-field--in-error .ft-text-field--input,
|
|
530
530
|
.ft-text-field--in-error .ft-text-field--helper-text,
|
|
531
531
|
.ft-text-field--in-error .ft-text-field--prefix {
|
|
532
|
-
color: ${
|
|
532
|
+
color: ${b.colorError};
|
|
533
533
|
}
|
|
534
534
|
|
|
535
535
|
.ft-text-field--icon {
|
|
536
536
|
align-self: center;
|
|
537
537
|
margin-left: 8px;
|
|
538
|
-
color: ${
|
|
538
|
+
color: ${b.iconColor};
|
|
539
539
|
}
|
|
540
540
|
|
|
541
541
|
.ft-text-field--container {
|
|
@@ -546,13 +546,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
546
546
|
display: none;
|
|
547
547
|
flex-direction: column;
|
|
548
548
|
position: absolute;
|
|
549
|
-
z-index: ${
|
|
550
|
-
background: ${
|
|
551
|
-
border: 1px solid ${
|
|
552
|
-
border-radius: 0 0 ${
|
|
553
|
-
box-shadow: ${
|
|
549
|
+
z-index: ${b.floatingZIndex};
|
|
550
|
+
background: ${b.backgroundColor};
|
|
551
|
+
border: 1px solid ${b.colorOutline};
|
|
552
|
+
border-radius: 0 0 ${b.borderRadiusS} ${b.borderRadiusS};
|
|
553
|
+
box-shadow: ${b.elevation02};
|
|
554
554
|
outline: none;
|
|
555
|
-
max-height: ${
|
|
555
|
+
max-height: ${b.suggestSize};
|
|
556
556
|
overflow-y: auto;
|
|
557
557
|
}
|
|
558
558
|
|
|
@@ -565,13 +565,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
.ft-text-field--with-icon {
|
|
568
|
-
${(0,
|
|
568
|
+
${(0,y.setVariable)(m.labelMaxWidth,`calc(100% - ${T.size} - ${m.horizontalSpacing})`)};
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
.ft-text-field--with-password ft-icon:hover {
|
|
572
572
|
cursor: pointer;
|
|
573
573
|
}
|
|
574
|
-
`;var
|
|
574
|
+
`;var $o=h(A()),Ee=h(W()),ae=h(Q());var Bo=h(W());var Po=Bo.css`
|
|
575
575
|
.ft-text-field-suggestion {
|
|
576
576
|
position: relative;
|
|
577
577
|
padding: 8px 16px;
|
|
@@ -601,30 +601,30 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
.ft-text-field-suggestion--helper-text {
|
|
604
|
-
color: ${
|
|
604
|
+
color: ${b.helperColor};
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
slot {
|
|
608
608
|
pointer-events: none;
|
|
609
609
|
}
|
|
610
|
-
`;var
|
|
611
|
-
<div class=${(0,
|
|
610
|
+
`;var zo=h(be()),_e=function(t,r,n,i){var l=arguments.length,c=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(t,r,n,i);else for(var f=t.length-1;f>=0;f--)(p=t[f])&&(c=(l<3?p(c):l>3?p(r,n,c):p(r,n))||c);return l>3&&c&&Object.defineProperty(r,n,c),c},je=class extends CustomEvent{constructor(r){super("suggestion-selected",{detail:r,bubbles:!0,composed:!0})}},_=class extends $o.FtLitElement{render(){let r={"ft-text-field-suggestion":!0,"ft-text-field-suggestion--with-helper":!!this.helper};return Ee.html`
|
|
611
|
+
<div class=${(0,zo.classMap)(r)}
|
|
612
612
|
tabindex="-1"
|
|
613
613
|
@keydown=${this.onKeyDown}
|
|
614
614
|
@click=${this.confirmSuggestion}>
|
|
615
615
|
<ft-ripple></ft-ripple>
|
|
616
|
-
${this.helper?
|
|
616
|
+
${this.helper?Ee.html`
|
|
617
617
|
<ft-typography class="ft-text-field-suggestion--helper-text" variant="caption">
|
|
618
618
|
${this.helper}
|
|
619
|
-
</ft-typography>`:
|
|
619
|
+
</ft-typography>`:Ee.nothing}
|
|
620
620
|
<ft-typography part="label"
|
|
621
621
|
variant="body1"
|
|
622
622
|
class="ft-text-field-suggestion--label">
|
|
623
623
|
<slot></slot>
|
|
624
624
|
</ft-typography>
|
|
625
625
|
</div>
|
|
626
|
-
`}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 Le(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":L,"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"],Lr=["start","end"],We=Ir.reduce((e,o)=>e.concat(o,o+"-"+Lr[0],o+"-"+Lr[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 Pe(e,o,a){return gt(e,Xt(o,a))}function fe(e,o){return typeof e=="function"?e(o):e}function zt(e){return e.split("-")[0]}function ut(e){return e.split("-")[1]}function Be(e){return e==="x"?"y":"x"}function $e(e){return e==="y"?"height":"width"}function ge(e){return["top","bottom"].includes(zt(e))?"y":"x"}function ze(e){return Be(ge(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 Pr(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 Br(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=ge(o),c=ze(o),d=$e(c),p=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[d]/2-l[d]/2,C;switch(p){case"top":C={x:m,y:i.y-l.height};break;case"bottom":C={x:m,y:i.y+i.height};break;case"right":C={x:i.x+i.width,y};break;case"left":C={x:i.x-l.width,y};break;default:C={x:i.x,y:i.y}}switch(ut(o)){case"start":C[c]-=E*(a&&u?-1:1);break;case"end":C[c]+=E*(a&&u?-1:1);break}return C}var zr=async(e,o,a)=>{let{placement:i="bottom",strategy:l="absolute",middleware:s=[],platform:c}=a,d=s.filter(Boolean),p=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,p),E=i,C={},w=0;for(let I=0;I<d.length;I++){let{name:$,fn:W}=d[I],{x:z,y:_,data:st,reset:H}=await W({x:m,y,initialPlacement:i,placement:E,strategy:l,middlewareData:C,rects:u,platform:c,elements:{reference:e,floating:o}});if(m=z??m,y=_??y,C={...C,[$]:{...C[$],...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,p)),I=-1;continue}}return{x:m,y,placement:E,strategy:l,middlewareData:C}};async function ke(e,o){var a;o===void 0&&(o={});let{x:i,y:l,platform:s,rects:c,elements:d,strategy:p}=e,{boundary:u="clippingAncestors",rootBoundary:m="viewport",elementContext:y="floating",altBoundary:E=!1,padding:C=0}=fe(o,e),w=Br(C),$=d[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(d.floating)),boundary:u,rootBoundary:m,strategy:p})),z=y==="floating"?{...c.floating,x:i,y:l}:c.reference,_=await(s.getOffsetParent==null?void 0:s.getOffsetParent(d.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:p}):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?Pr(l)!==l:!1):!0)}var Te=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var a,i,l;let{rects:s,middlewareData:c,placement:d,platform:p,elements:u}=o,{crossAxis:m=!1,alignment:y,allowedPlacements:E=We,autoAlignment:C=!0,...w}=fe(e,o),I=y!==void 0||E===We?ha(y||null,C,E):E,$=await ke(o,w),W=((a=c.autoPlacement)==null?void 0:a.index)||0,z=I[W];if(z==null)return{};let _=Wr(z,s,await(p.isRTL==null?void 0:p.isRTL(u.floating)));if(d!==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!==d?{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:d={fn:$=>{let{x:W,y:z}=$;return{x:W,y:z}}},...p}=fe(e,o),u={x:a,y:i},m=await ke(o,p),y=ge(zt(l)),E=Be(y),C=u[E],w=u[y];if(s){let $=E==="y"?"top":"left",W=E==="y"?"bottom":"right",z=C+m[$],_=C-m[W];C=Pe(z,C,_)}if(c){let $=y==="y"?"top":"left",W=y==="y"?"bottom":"right",z=w+m[$],_=w-m[W];w=Pe(z,w,_)}let I=d.fn({...o,[E]:C,[y]:w});return{...I,data:{x:I.x-a,y:I.y-i}}}}};function lt(e){return Tr(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=(Tr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Tr(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 kr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Z(e).ShadowRoot}function kt(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 ye(e){let o=he(),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(ye(o))return o;o=vt(o)}return null}function he(){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||kr(e)&&e.host||ct(e);return kr(o)?o.host:o}function Ur(e){let o=vt(e);return Qt(o)?e.ownerDocument?e.ownerDocument.body:e.body:Q(o)&&kt(o)?o:Ur(o)}function ue(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||[],kt(l)?l:[],c.frameElement&&a?ue(c.frameElement):[]):o.concat(l,ue(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,d=qt(a)!==s||qt(i)!==c;return d&&(a=s,i=c),{width:a,height:i,$:d}}function Mr(e){return et(e)?e:e.contextElement}function Tt(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,d=(s?qt(a.height):a.height)/l;return(!c||!Number.isFinite(c))&&(c=1),(!d||!Number.isFinite(d))&&(d=1),{x:c,y:d}}var xa=it(0);function Kr(e){let o=Z(e);return!he()||!o.visualViewport?xa:{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=Tt(i)):c=Tt(e));let d=Sa(s,a,i)?Kr(s):it(0),p=(l.left+d.x)/c.x,u=(l.top+d.y)/c.y,m=l.width/c.x,y=l.height/c.y;if(s){let E=Z(s),C=i&&et(i)?Z(i):i,w=E.frameElement;for(;w&&i&&C!==E;){let I=Tt(w),$=w.getBoundingClientRect(),W=F(w),z=$.left+(w.clientLeft+parseFloat(W.paddingLeft))*I.x,_=$.top+(w.clientTop+parseFloat(W.paddingTop))*I.y;p*=I.x,u*=I.y,m*=I.x,y*=I.y,p+=z,u+=_,w=Z(w).frameElement}}return Ct({width:m,height:y,x:p,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},d=it(1),p=it(0);if((l||!l&&i!=="fixed")&&((lt(a)!=="body"||kt(s))&&(c=Jt(a)),Q(a))){let u=te(a);d=Tt(a),p.x=u.x+a.clientLeft,p.y=u.y+a.clientTop}return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-c.scrollLeft*d.x+p.x,y:o.y*d.y-c.scrollTop*d.y+p.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),d=-a.scrollTop;return F(i).direction==="rtl"&&(c+=gt(o.clientWidth,i.clientWidth)-l),{width:l,height:s,x:c,y:d}}function Na(e,o){let a=Z(e),i=ct(e),l=a.visualViewport,s=i.clientWidth,c=i.clientHeight,d=0,p=0;if(l){s=l.width,c=l.height;let u=he();(!u||u&&o==="fixed")&&(d=l.offsetLeft,p=l.offsetTop)}return{width:s,height:c,x:d,y:p}}function Ea(e,o){let a=te(e,!0,o==="fixed"),i=a.top+e.clientTop,l=a.left+e.clientLeft,s=Q(e)?Tt(e):it(1),c=e.clientWidth*s.x,d=e.clientHeight*s.y,p=l*s.x,u=i*s.y;return{width:c,height:d,x:p,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=ue(e,[],!1).filter(d=>et(d)&<(d)!=="body"),l=null,s=F(e).position==="fixed",c=s?vt(e):e;for(;et(c)&&!Qt(c);){let d=F(c),p=ye(c);!p&&d.position==="fixed"&&(l=null),(s?!p&&!l:!p&&d.position==="static"&&!!l&&["absolute","fixed"].includes(l.position)||kt(c)&&!p&&Vr(e,c))?i=i.filter(m=>m!==c):l=d,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],d=c[0],p=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,d,l));return{width:p.right-p.left,height:p.bottom-p.top,x:p.left,y:p.top}}function Aa(e){return Zr(e)}function La(e,o,a){let i=Q(o),l=ct(o),s=a==="fixed",c=te(e,!0,s,o),d={scrollLeft:0,scrollTop:0},p=it(0);if(i||!i&&!s)if((lt(o)!=="body"||kt(l))&&(d=Jt(o)),i){let u=te(o,!0,s,o);p.x=u.x+o.clientLeft,p.y=u.y+o.clientTop}else l&&(p.x=Fr(l));return{x:c.left+d.scrollLeft-p.x,y:c.top+d.scrollTop-p.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"&&!ye(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:La(o,await l(a),i),floating:{x:0,y:0,...await s(a)}}};function Wa(e){return F(e).direction==="rtl"}var me={convertOffsetParentRelativeRectToViewportRelativeRect:Oa,getDocumentElement:ct,getClippingRect:Ra,getOffsetParent:Yr,getElementRects:Ia,getClientRects:Ca,getDimensions:Aa,getScale:Tt,isElement:et,isRTL:Wa};var jr=(e,o,a)=>{let i=new Map,l={platform:me,...a},s={...l.platform,_c:i};return zr(e,o,{...l,platform:s})};function Xr(e){return Pa(e)}function _e(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function Pa(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:{...me,getOffsetParent:i=>me.getOffsetParent(i,Xr)},middleware:[He({crossAxis:!0}),Te({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 d=e.length-1;d>=0;d--)(c=e[d])&&(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=xt.EYE_SLASH,this.passwordRevealedIcon=xt.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`
|
|
627
|
-
<div class="${(0,
|
|
626
|
+
`}focus(r){var n;(n=this.container)===null||n===void 0||n.focus(r)}click(){var r;(r=this.container)===null||r===void 0||r.click()}confirmSuggestion(){this.dispatchEvent(new je(this.getValue()))}getValue(){return this.value||this.textContent}get textContent(){return this.assignedNodes.map(r=>r.textContent).join("").trim()}onKeyDown(r){["Enter"," "].includes(r.key)&&(r.preventDefault(),r.stopPropagation(),this.confirmSuggestion())}};_.elementDefinitions={"ft-ripple":E,"ft-typography":U,"ft-icon":P};_.styles=Po;_e([(0,ae.property)()],_.prototype,"value",void 0);_e([(0,ae.property)()],_.prototype,"helper",void 0);_e([(0,ae.query)(".ft-text-field-suggestion")],_.prototype,"container",void 0);_e([(0,ae.queryAssignedNodes)()],_.prototype,"assignedNodes",void 0);var C=function(t,r,n,i){var l=arguments.length,c=l<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,n):i,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(t,r,n,i);else for(var f=t.length-1;f>=0;f--)(p=t[f])&&(c=(l<3?p(c):l>3?p(r,n,c):p(r,n))||c);return l>3&&c&&Object.defineProperty(r,n,c),c},x=class extends(0,q.toFtFormComponent)(q.FtLitElement,"textbox"){get value(){return this._value||""}set value(r){this.setInternalValue(r||""),this.dispatchedValue=r||""}setInternalValue(r){let n=this._value;this._value=r||"",this.setFormValue(this._value),this.requestUpdate("value",n)}focus(){var r;(r=this.input)===null||r===void 0||r.focus()}constructor(){super(),this._value="",this.dispatchedValue="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.prefix=null,this.passwordHiddenIcon=oe.EYE_SLASH,this.passwordRevealedIcon=oe.EYE,this.filterSuggestions=!1,this.password=!1,this.focused=!1,this.hidePassword=!0,this.hideSuggestions=!1,this.visibleSuggestions=[]}render(){var r;let n={"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||this.visibleSuggestions.length==0,"ft-text-field--raised-label":this.focused||this.value!="","ft-text-field--with-icon":!!this.icon,"ft-text-field--with-password":this.password};return $.html`
|
|
627
|
+
<div class="${(0,ko.classMap)(n)}">
|
|
628
628
|
<div class="ft-text-field--main-panel"
|
|
629
629
|
@keydown=${this.handleKeyboardNavigation}
|
|
630
630
|
@focusout=${this.onMainPanelBlur}>
|
|
@@ -634,19 +634,19 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
634
634
|
?raised=${this.focused||this.value!=""}
|
|
635
635
|
?error=${this.error}></ft-input-label>
|
|
636
636
|
<div class="ft-text-field--input-panel">
|
|
637
|
-
${this.outlined
|
|
637
|
+
${this.outlined?$.nothing:$.html`
|
|
638
638
|
<ft-ripple ?disabled=${this.disabled} activated></ft-ripple>
|
|
639
639
|
`}
|
|
640
|
-
${this.prefix
|
|
640
|
+
${this.prefix?$.html`
|
|
641
641
|
<ft-typography class="ft-text-field--prefix" variant="body1">
|
|
642
642
|
${this.prefix}
|
|
643
643
|
</ft-typography>
|
|
644
|
-
|
|
645
|
-
<input type=${(
|
|
646
|
-
name=${
|
|
647
|
-
maxlength=${
|
|
644
|
+
`:$.nothing}
|
|
645
|
+
<input type=${(r=this.type)!==null&&r!==void 0?r:this.password&&this.hidePassword?"password":"text"}
|
|
646
|
+
name=${Ie(this.name)}
|
|
647
|
+
maxlength=${Ie(this.maxLength||void 0)}
|
|
648
648
|
aria-label="${this.label}"
|
|
649
|
-
autocomplete=${
|
|
649
|
+
autocomplete=${Ie(this.autocomplete)}
|
|
650
650
|
class="ft-typography--body1 ft-text-field--input"
|
|
651
651
|
part="input"
|
|
652
652
|
?disabled=${this.disabled}
|
|
@@ -659,30 +659,30 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
659
659
|
<div class="ft-text-field--suggestions"
|
|
660
660
|
@suggestion-selected=${this.onSuggestionSelected}>
|
|
661
661
|
<slot @slotchange=${()=>this.filterSuggestionsIfNeeded()}></slot>
|
|
662
|
-
${this.filterSuggestions&&this.value
|
|
662
|
+
${this.filterSuggestions&&this.value&&this.value!=""?$.html`
|
|
663
663
|
<ft-text-field-suggestion class="ft-text-field-suggestion--new-value" helper="${this.suggestionsHelper}">
|
|
664
664
|
${this.value}
|
|
665
665
|
</ft-text-field-suggestion>
|
|
666
|
-
|
|
666
|
+
`:$.nothing}
|
|
667
667
|
</div>
|
|
668
668
|
</div>
|
|
669
|
-
${this.helper
|
|
669
|
+
${this.helper?$.html`
|
|
670
670
|
<ft-typography class="ft-text-field--helper-text" variant="caption">
|
|
671
671
|
${this.helper}
|
|
672
672
|
</ft-typography>
|
|
673
|
-
|
|
673
|
+
`:$.nothing}
|
|
674
674
|
</div>
|
|
675
|
-
`}renderPasswordIcon(){return
|
|
675
|
+
`}renderPasswordIcon(){return $.html`
|
|
676
676
|
<ft-icon class="ft-text-field--icon"
|
|
677
677
|
.variant=${this.iconVariant}
|
|
678
678
|
.value=${this.hidePassword?this.passwordHiddenIcon:this.passwordRevealedIcon}
|
|
679
679
|
@click=${()=>this.togglePasswordVisibility()}></ft-icon>
|
|
680
|
-
`}renderIcon(){return this.password?this.renderPasswordIcon():this.icon
|
|
680
|
+
`}renderIcon(){return this.password?this.renderPasswordIcon():this.icon?$.html`
|
|
681
681
|
<ft-icon class="ft-text-field--icon"
|
|
682
682
|
.variant=${this.iconVariant}
|
|
683
683
|
.value=${this.icon}
|
|
684
|
-
@click=${()=>{var
|
|
685
|
-
|
|
684
|
+
@click=${()=>{var r;return(r=this.input)===null||r===void 0?void 0:r.focus()}}></ft-icon>
|
|
685
|
+
`:$.nothing}update(r){super.update(r),(r.has("value")||r.has("filterSuggestions"))&&this.filterSuggestionsIfNeeded(),r.has("value")&&r.get("value")!=null&&(this.hideSuggestions=!1),r.has("dispatchedValue")&&r.get("dispatchedValue")!=null&&(this.hideSuggestions=!0),r.has("visibleSuggestions")&&this.visibleSuggestions.length&&this.setSuggestionPosition()}filterSuggestionsIfNeeded(){this.filterSuggestions?(this.suggestions.forEach(r=>r.hidden=!r.getValue().toLowerCase().includes(this.value.toLowerCase())),this.visibleSuggestions=this.suggestions.filter(r=>!r.hidden)):this.visibleSuggestions=this.suggestions,this.newValueSuggestion&&(this.visibleSuggestions=[...this.visibleSuggestions,this.newValueSuggestion]),this.hideSuggestions=this.visibleSuggestions.length<=0}contentAvailableCallback(r){super.contentAvailableCallback(r),r.has("focused")&&!this.hideSuggestions&&this.visibleSuggestions.length>0&&this.setSuggestionPosition()}setValue(r,n=!1){this.value!==r&&(this.setInternalValue(r),this.dispatchEvent(new CustomEvent("live-change",{detail:r}))),n&&this.dispatchedValue!==r&&(this.dispatchedValue=r,this.dispatchEvent(new CustomEvent("change",{detail:r})))}handleInput(r){var n;let i=((n=this.input)===null||n===void 0?void 0:n.value)||"";this.setValue(i,r.key=="Escape"||r.key=="Enter")}handleClick(){this.hideSuggestions=!1}handleKeyboardNavigation(r){var n;if(r.key==="ArrowDown"||r.key==="ArrowUp"){r.preventDefault(),r.stopPropagation(),this.hideSuggestions=!1;let i=this.visibleSuggestions.findIndex(c=>c.matches(":focus-within")),l;r.key==="ArrowDown"?l=i<this.visibleSuggestions.length-1?i+1:0:l=i>0?i-1:this.visibleSuggestions.length-1,(n=this.visibleSuggestions[l])===null||n===void 0||n.focus()}(r.key=="Escape"||r.key=="Enter")&&(this.hideSuggestions=!0)}onSuggestionSelected(r){var n;this.setValue(r.detail,!0),(n=this.input)===null||n===void 0||n.focus(),setTimeout(()=>this.hideSuggestions=!0,0)}onFocus(){this.focused=!0,this.hideSuggestions=!1}onMainPanelBlur(){var r,n;!((r=this.mainPanel)===null||r===void 0)&&r.matches(":focus-within")||(this.focused=!1,this.setValue(((n=this.input)===null||n===void 0?void 0:n.value)||"",!0))}togglePasswordVisibility(){this.hidePassword=!this.hidePassword}setSuggestionPosition(){this.suggestionsContainer.style.width=this.mainPanel.getBoundingClientRect().width+"px";let r=["bottom","top"];(0,q.computeFlipOffsetPosition)(this.mainPanel,this.suggestionsContainer,"bottom",r,"fixed",0).then(({x:n,y:i})=>{this.suggestionsContainer.style.left=`${n}px`,this.suggestionsContainer.style.top=`${i}px`})}};x.elementDefinitions={"ft-input-label":z,"ft-ripple":E,"ft-typography":U,"ft-icon":P,"ft-text-field-suggestion":_};x.styles=[$e,q.noTextInputDefaultClearButton,Wo];C([(0,S.property)()],x.prototype,"label",void 0);C([(0,S.property)({noAccessor:!0})],x.prototype,"value",null);C([(0,S.state)()],x.prototype,"dispatchedValue",void 0);C([(0,S.property)()],x.prototype,"helper",void 0);C([(0,S.property)()],x.prototype,"suggestionsHelper",void 0);C([(0,S.property)({type:Boolean})],x.prototype,"outlined",void 0);C([(0,S.property)({type:Boolean})],x.prototype,"disabled",void 0);C([(0,S.property)({type:Boolean})],x.prototype,"error",void 0);C([(0,S.property)({type:Boolean})],x.prototype,"fixedMenuPosition",void 0);C([(0,S.property)()],x.prototype,"prefix",void 0);C([(0,S.property)()],x.prototype,"icon",void 0);C([(0,S.property)()],x.prototype,"name",void 0);C([(0,S.property)()],x.prototype,"type",void 0);C([(0,S.property)()],x.prototype,"passwordHiddenIcon",void 0);C([(0,S.property)()],x.prototype,"passwordRevealedIcon",void 0);C([(0,S.property)()],x.prototype,"iconVariant",void 0);C([(0,S.property)({type:Boolean})],x.prototype,"filterSuggestions",void 0);C([(0,S.property)({type:Number})],x.prototype,"maxLength",void 0);C([(0,S.property)({type:Boolean})],x.prototype,"password",void 0);C([(0,S.property)({type:String})],x.prototype,"autocomplete",void 0);C([(0,S.state)()],x.prototype,"focused",void 0);C([(0,S.state)()],x.prototype,"hidePassword",void 0);C([(0,S.state)()],x.prototype,"hideSuggestions",void 0);C([(0,S.state)()],x.prototype,"visibleSuggestions",void 0);C([(0,S.query)(".ft-text-field--main-panel")],x.prototype,"mainPanel",void 0);C([(0,S.query)(".ft-text-field--input")],x.prototype,"input",void 0);C([(0,S.query)(".ft-text-field-suggestion--new-value")],x.prototype,"newValueSuggestion",void 0);C([(0,S.query)(".ft-text-field--suggestions")],x.prototype,"suggestionsContainer",void 0);C([(0,S.queryAssignedElements)({selector:"ft-text-field-suggestion"})],x.prototype,"suggestions",void 0);(0,Xe.customElement)("ft-text-field")(x);(0,Xe.customElement)("ft-text-field-suggestion")(_);})();
|
|
686
686
|
/*! Bundled license information:
|
|
687
687
|
|
|
688
688
|
lit-html/lit-html.js:
|