@fluid-topics/ft-snap-scroll 1.1.84 → 1.1.85
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-snap-scroll.light.js +243 -242
- package/build/ft-snap-scroll.min.js +243 -242
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
1
|
+
"use strict";(()=>{var Ba=Object.create;var co=Object.defineProperty;var Pa=Object.getOwnPropertyDescriptor;var Ua=Object.getOwnPropertyNames;var ka=Object.getPrototypeOf,Ha=Object.prototype.hasOwnProperty;var ae=(o,r)=>()=>(r||o((r={exports:{}}).exports,r),r.exports);var $a=(o,r,n,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of Ua(r))!Ha.call(o,l)&&l!==n&&co(o,l,{get:()=>r[l],enumerable:!(c=Pa(r,l))||c.enumerable});return o};var O=(o,r,n)=>(n=o!=null?Ba(ka(o)):{},$a(r||!o||!o.__esModule?co(n,"default",{value:o,enumerable:!0}):n,o));var L=ae((fn,lo)=>{lo.exports=ftGlobals.wcUtils});var T=ae((gn,po)=>{po.exports=ftGlobals.lit});var gt=ae((yn,so)=>{so.exports=ftGlobals.litDecorators});var Ce=ae((tp,yr)=>{yr.exports=ftGlobals.litClassMap});var fa=ae((ad,sa)=>{sa.exports=ftGlobals.litUnsafeHTML});var Wa=O(L());var Ia=O(T()),tt=O(gt()),$t=O(L());var oo=O(L());var be=O(gt()),Oa=O(L());var fr=O(T()),N=O(L());var ho=O(T()),U=O(L()),fo=U.FtCssVariableFactory.extend("--ft-ripple-color","",U.designSystemVariables.colorContent),w={color:fo,backgroundColor:U.FtCssVariableFactory.extend("--ft-ripple-background-color","",fo),opacityContentOnSurfacePressed:U.FtCssVariableFactory.external(U.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:U.FtCssVariableFactory.external(U.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:U.FtCssVariableFactory.external(U.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:U.FtCssVariableFactory.external(U.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:U.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},go=U.FtCssVariableFactory.extend("--ft-ripple-color","",U.designSystemVariables.colorPrimary),yo={color:go,backgroundColor:U.FtCssVariableFactory.extend("--ft-ripple-background-color","",go)},uo=U.FtCssVariableFactory.extend("--ft-ripple-color","",U.designSystemVariables.colorSecondary),mo={color:uo,backgroundColor:U.FtCssVariableFactory.extend("--ft-ripple-background-color","",uo)},bo=ho.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
13
13
|
overflow: hidden;
|
|
14
|
-
border-radius: ${
|
|
14
|
+
border-radius: ${w.borderRadius};
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.ft-ripple .ft-ripple--background,
|
|
@@ -45,27 +45,27 @@
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.ft-ripple .ft-ripple--background {
|
|
48
|
-
background-color: ${
|
|
48
|
+
background-color: ${w.backgroundColor};
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.ft-ripple .ft-ripple--effect {
|
|
52
|
-
background-color: ${
|
|
52
|
+
background-color: ${w.color};
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
56
|
-
background-color: ${
|
|
56
|
+
background-color: ${mo.backgroundColor};
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
60
|
-
background-color: ${
|
|
60
|
+
background-color: ${mo.color};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
64
|
-
background-color: ${
|
|
64
|
+
background-color: ${yo.backgroundColor};
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
68
|
-
background-color: ${
|
|
68
|
+
background-color: ${yo.color};
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.ft-ripple .ft-ripple--background {
|
|
@@ -95,41 +95,41 @@
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
98
|
-
opacity: ${
|
|
98
|
+
opacity: ${w.opacityContentOnSurfaceHover};
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
102
|
-
opacity: ${
|
|
102
|
+
opacity: ${w.opacityContentOnSurfaceSelected};
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
106
|
-
opacity: ${
|
|
106
|
+
opacity: ${w.opacityContentOnSurfaceFocused};
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
110
|
-
opacity: ${
|
|
110
|
+
opacity: ${w.opacityContentOnSurfacePressed};
|
|
111
111
|
transform: translate(-50%, -50%) scale(1);
|
|
112
112
|
}
|
|
113
|
-
`;var J=y(H()),h=y(w());var dt=y(H(),1),xt=e=>typeof e=="string"?(0,dt.unsafeCSS)(e):e,t=class{static create(o,n,a,i){let c=p=>xt(p??i),s=dt.css`var(${xt(o)}, ${c(i)})`;return s.name=o,s.description=n,s.category=a,s.defaultValue=i,s.defaultCssValue=c,s.get=p=>dt.css`var(${xt(o)}, ${c(p)})`,s.breadcrumb=()=>[],s.lastResortDefaultValue=()=>i,s}static extend(o,n,a,i){let c=p=>a.get(p??i),s=dt.css`var(${xt(o)}, ${c(i)})`;return s.name=o,s.description=n,s.category=a.category,s.fallbackVariable=a,s.defaultValue=i,s.defaultCssValue=c,s.get=p=>dt.css`var(${xt(o)}, ${c(p)})`,s.breadcrumb=()=>[a.name,...a.breadcrumb()],s.lastResortDefaultValue=()=>i??a.lastResortDefaultValue(),s}static external(o,n){let a=c=>o.fallbackVariable?o.fallbackVariable.get(c??o.defaultValue):xt(c??o.lastResortDefaultValue()),i=dt.css`var(${xt(o.name)}, ${a(o.defaultValue)})`;return i.name=o.name,i.category=o.category,i.fallbackVariable=o.fallbackVariable,i.defaultValue=o.defaultValue,i.context=n,i.defaultCssValue=a,i.get=c=>dt.css`var(${xt(o.name)}, ${a(c)})`,i.breadcrumb=()=>o.fallbackVariable?[o.fallbackVariable.name,...o.fallbackVariable.breadcrumb()]:[],i.lastResortDefaultValue=()=>o.lastResortDefaultValue(),i}};var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),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)")},uo={fontFamily:t.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-textCase","","UNKNOWN","none")},go={fontFamily:t.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},mo={fontFamily:t.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},yo={fontFamily:t.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},bo={fontFamily:t.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},xo={fontFamily:t.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},So={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")},Oo={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")},Co={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")},Pn={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")},vo={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")},No={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")},Eo={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")},wo={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")},Ro={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")},Ao={fontFamily:t.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Lo={fontFamily:t.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Wo={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")},$o={fontFamily:t.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Io={fontFamily:t.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},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")},zo={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")},To={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")},Bo={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")},_o={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")},Ho={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")},ge={display:uo,"title-1":go,"title-2":mo,"title-3":yo,"body-1-regular":bo,"body-1-medium":xo,"body-1-semibold":So,"body-2-regular":Oo,"body-2-medium":Co,"body-2-medium-underline":Pn,"body-2-semibold":vo,"label-1-medium":No,"label-1-semibold":Eo,"label-1-bold":wo,"label-2-medium":Ro,"label-2-semibold":Ao,"label-2-bold":Lo,"caption-1-medium":Wo,"caption-1-semibold":$o,"caption-1-bold":Io,"caption-2-medium":Po,"caption-2-semibold":zo,"caption-2-bold":To,"caption-3-medium":Bo,"caption-3-semibold":_o,"caption-3-bold":Ho};var l={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.
|
|
114
|
-
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)};var g={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),primaryBackgroundColor:t.extend("--ft-button-primary-background-color","",l.backgroundActionPrimary),primaryColor:t.extend("--ft-button-primary-color","",l.contentGlobalOnColor),primaryIconColor:t.extend("--ft-button-primary-icon-color","",l.contentGlobalOnColor),primaryStateLayerColor:t.extend("--ft-button-primary-state-layer-color","",l.contentGlobalOnColor),primaryHoverStateLayerOpacity:t.extend("--ft-button-primary-hover-state-layer-opacity","",r.opacity16),primaryFocusStateLayerOpacity:t.extend("--ft-button-primary-focus-state-layer-opacity","",r.opacity16),primaryActiveStateLayerOpacity:t.extend("--ft-button-primary-active-state-layer-opacity","",r.opacity24),primaryDisabledComponentOpacity:t.extend("--ft-button-primary-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",l.borderActionFocusRing),tertiaryBackgroundColor:t.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:t.extend("--ft-button-tertiary-color","",l.contentActionPrimary),tertiaryIconColor:t.extend("--ft-button-tertiary-icon-color","",l.contentActionPrimary),tertiaryStateLayerColor:t.extend("--ft-button-tertiary-state-layer-color","",l.contentActionPrimary),tertiaryHoverStateLayerOpacity:t.extend("--ft-button-tertiary-hover-state-layer-opacity","",r.opacity8),tertiaryFocusStateLayerOpacity:t.extend("--ft-button-tertiary-focus-state-layer-opacity","",r.opacity8),tertiaryActiveStateLayerOpacity:t.extend("--ft-button-tertiary-active-state-layer-opacity","",r.opacity16),tertiaryDisabledComponentOpacity:t.extend("--ft-button-tertiary-disabled-component-opacity","",r.opacity40),secondaryBackgroundColor:t.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:t.extend("--ft-button-secondary-color","",l.contentActionPrimary),secondaryIconColor:t.extend("--ft-button-secondary-icon-color","",l.contentActionPrimary),secondaryStateLayerColor:t.extend("--ft-button-secondary-state-layer-color","",l.contentActionPrimary),secondaryHoverStateLayerOpacity:t.extend("--ft-button-secondary-hover-state-layer-opacity","",r.opacity8),secondaryFocusStateLayerOpacity:t.extend("--ft-button-secondary-focus-state-layer-opacity","",r.opacity8),secondaryActiveStateLayerOpacity:t.extend("--ft-button-secondary-active-state-layer-opacity","",r.opacity16),secondaryDisabledComponentOpacity:t.extend("--ft-button-secondary-disabled-component-opacity","",r.opacity40),secondaryBorderColor:t.extend("--ft-button-secondary-border-color","",l.borderActionPrimary),neutralBackgroundColor:t.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:t.extend("--ft-button-neutral-icon-color","",l.contentGlobalSecondary),neutralColor:t.extend("--ft-button-neutral-color","",l.contentGlobalSecondary),neutralStateLayerColor:t.extend("--ft-button-neutral-state-layer-color","",l.contentGlobalSecondary),neutralHoverStateLayerOpacity:t.extend("--ft-button-neutral-hover-state-layer-opacity","",r.opacity8),neutralFocusStateLayerOpacity:t.extend("--ft-button-neutral-focus-state-layer-opacity","",r.opacity8),neutralActiveStateLayerOpacity:t.extend("--ft-button-neutral-active-state-layer-opacity","",r.opacity16),neutralDisabledComponentOpacity:t.extend("--ft-button-neutral-disabled-component-opacity","",r.opacity40)};var Ca={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.extend("--ft-chip-large-border-radius","",r.borderRadiusPill),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.extend("--ft-chip-medium-border-radius","",r.borderRadiusPill),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.extend("--ft-chip-small-border-radius","",r.borderRadiusPill),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","",l.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",l.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",l.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",l.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",l.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",l.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",l.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",l.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",l.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",l.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",l.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",l.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",l.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",l.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",l.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",l.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",l.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",l.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",l.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",l.borderErrorSubtle)};var Ra={focusOpacity:t.extend("--ft-link-focus-opacity","",r.opacity80),focusFocusRingColor:t.extend("--ft-link-focus-focus-ring-color","",l.borderActionFocusRing),brandColor:t.extend("--ft-link-brand-color","",l.contentActionPrimary),infoColor:t.extend("--ft-link-info-color","",l.contentInfoPrimary)};var Ia={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","",l.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",l.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",l.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",l.borderInfoSubtle)};var _a={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","",l.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",l.contentActionPrimary)};var Ga={horizontalGap:t.extend("--ft-breadcrumb-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-breadcrumb-vertical-gap","",r.spacing2),currentColor:t.extend("--ft-breadcrumb-current-color","",l.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-breadcrumb-previous-non-clickable-color","",l.contentGlobalSecondary),iconColor:t.extend("--ft-breadcrumb-icon-color","",l.contentGlobalSubtle)};var Va={horizontalPadding:t.extend("--ft-page-header-horizontal-padding","",r.spacing12),horizontalGap:t.extend("--ft-page-header-horizontal-gap","",r.spacing4),verticalGap:t.extend("--ft-page-header-vertical-gap","",r.spacing2),classicVerticalPadding:t.extend("--ft-page-header-classic-vertical-padding","",r.spacing6),multilineVerticalPadding:t.extend("--ft-page-header-multiline-vertical-padding","",r.spacing4),inlineVerticalPadding:t.extend("--ft-page-header-inline-vertical-padding","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",l.borderGlobalSubtle),titleColor:t.extend("--ft-page-header-title-color","",l.contentGlobalPrimary),subtitleColor:t.extend("--ft-page-header-subtitle-color","",l.contentGlobalSecondary)};var Ja={smallContainerWidth:t.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:t.create("--ft-modal-large-container-width","","SIZE","900px"),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","",l.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),containerMargin:t.extend("--ft-modal-container-margin","",r.spacing3),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",l.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",l.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",l.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-modal-header-trailing-icon-color","",l.contentGlobalSecondary),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),headerBorderBottom:t.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var ri={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",l.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","",l.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",l.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",l.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",l.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","",l.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",l.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",l.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing4),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 ci={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","",l.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",l.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",l.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",l.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",l.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","",l.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",l.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",l.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","",l.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var hi={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",l.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",l.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",l.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",l.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","",l.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",l.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",l.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",l.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 bi={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","",l.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",l.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",l.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",l.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",l.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","",l.backgroundGlobalOnSurface)};var vi={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","",l.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",l.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",l.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",l.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",l.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","",l.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",l.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",l.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",l.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",l.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",l.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 Ai={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",l.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",l.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",l.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",l.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",l.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",l.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",l.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",l.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",l.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",l.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",l.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 Pi={backgroundColor:t.extend("--ft-popover-background-color","",l.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","",l.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",l.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",l.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)};var Hi={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),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","",l.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",l.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity8),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity0),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity16),onColor:t.extend("--ft-tabs-on-color","",l.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",l.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","",l.borderActionFocusRing)};var Zi={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","",l.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","",l.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",l.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",l.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",l.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var ji={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","",l.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",l.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","",l.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",l.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","",l.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",l.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","",l.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var Ji={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)};var rl={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","",l.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",l.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",l.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",l.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",l.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",l.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",l.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",l.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",l.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",l.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",l.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",l.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",l.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",l.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",l.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",l.contentSuccessIconOnly)};var cl={color:t.extend("--ft-checkbox-color","",l.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",l.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",l.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",l.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","",l.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 hl={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","",l.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",l.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",l.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","",l.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",l.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",l.contentActionPrimary),color:t.extend("--ft-toggle-color","",l.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",l.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var bl={color:t.extend("--ft-radio-color","",l.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",l.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",l.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","",l.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",l.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","",l.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 vl={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","",l.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",l.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",l.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",l.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",l.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",l.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",l.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",l.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",l.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",l.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",l.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",l.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",l.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",l.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",l.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",l.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 Al={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","",l.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",l.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation03),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var ko;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})(ko||(ko={}));var Uo;(function(e){e.large="large",e.medium="medium",e.small="small"})(Uo||(Uo={}));var me=y(H());function Do(e){let o=ge[e];return me.css`
|
|
115
|
-
.ft-typography--${(0,
|
|
116
|
-
font-family: ${
|
|
117
|
-
font-size: ${
|
|
118
|
-
font-weight: ${
|
|
119
|
-
letter-spacing: ${
|
|
120
|
-
line-height: ${
|
|
121
|
-
text-transform: ${
|
|
122
|
-
}
|
|
123
|
-
`}var
|
|
113
|
+
`;var et=O(T()),m=O(L());var yt=O(T(),1),Nt=o=>typeof o=="string"?(0,yt.unsafeCSS)(o):o,t=class{static create(r,n,c,l){let d=g=>Nt(g??l),p=yt.css`var(${Nt(r)}, ${d(l)})`;return p.name=r,p.description=n,p.category=c,p.defaultValue=l,p.defaultCssValue=d,p.get=g=>yt.css`var(${Nt(r)}, ${d(g)})`,p.breadcrumb=()=>[],p.lastResortDefaultValue=()=>l,p}static extend(r,n,c,l){let d=g=>c.get(g??l),p=yt.css`var(${Nt(r)}, ${d(l)})`;return p.name=r,p.description=n,p.category=c.category,p.fallbackVariable=c,p.defaultValue=l,p.defaultCssValue=d,p.get=g=>yt.css`var(${Nt(r)}, ${d(g)})`,p.breadcrumb=()=>[c.name,...c.breadcrumb()],p.lastResortDefaultValue=()=>l??c.lastResortDefaultValue(),p}static external(r,n){let c=d=>r.fallbackVariable?r.fallbackVariable.get(d??r.defaultValue):Nt(d??r.lastResortDefaultValue()),l=yt.css`var(${Nt(r.name)}, ${c(r.defaultValue)})`;return l.name=r.name,l.category=r.category,l.fallbackVariable=r.fallbackVariable,l.defaultValue=r.defaultValue,l.context=n,l.defaultCssValue=c,l.get=d=>yt.css`var(${Nt(r.name)}, ${c(d)})`,l.breadcrumb=()=>r.fallbackVariable?[r.fallbackVariable.name,...r.fallbackVariable.breadcrumb()]:[],l.lastResortDefaultValue=()=>r.lastResortDefaultValue(),l}};var i={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),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)")},xo={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")},Oo={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")},So={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")},Co={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")},No={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")},vo={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")},Eo={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")},wo={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")},Ro={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")},Ga={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")},Io={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")},Lo={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")},Wo={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")},Ao={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")},zo={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")},Bo={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")},Po={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")},Uo={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")},ko={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")},Ho={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")},$o={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")},Go={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")},To={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")},Do={fontFamily:t.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Ko={fontFamily:t.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},Oe={display:xo,"title-1":Oo,"title-2":So,"title-3":Co,"body-1-regular":No,"body-1-medium":vo,"body-1-semibold":Eo,"body-2-regular":wo,"body-2-medium":Ro,"body-2-medium-underline":Ga,"body-2-semibold":Io,"label-1-medium":Lo,"label-1-semibold":Wo,"label-1-bold":Ao,"label-2-medium":zo,"label-2-semibold":Bo,"label-2-bold":Po,"caption-1-medium":Uo,"caption-1-semibold":ko,"caption-1-bold":Ho,"caption-2-medium":$o,"caption-2-semibold":Go,"caption-2-bold":To,"caption-3-medium":Zo,"caption-3-semibold":Do,"caption-3-bold":Ko};var s={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",i.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",i.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",i.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",i.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",i.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",i.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",i.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",i.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",i.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",i.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",i.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",i.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",i.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",i.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",i.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",i.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",i.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",i.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
114
|
+
Also for action icons.`,i.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",i.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",i.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",i.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",i.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",i.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",i.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",i.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",i.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",i.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",i.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",i.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",i.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",i.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",i.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",i.colorGray80)};var En={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",i.spacing4),largeGap:t.extend("--ft-button-large-gap","",i.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",i.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",i.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","",i.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",i.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",i.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",i.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","",i.spacing2),smallGap:t.extend("--ft-button-small-gap","",i.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",i.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",i.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","",i.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","",i.borderRadiusPill),primaryBackgroundColor:t.extend("--ft-button-primary-background-color","",s.backgroundActionPrimary),primaryColor:t.extend("--ft-button-primary-color","",s.contentGlobalOnColor),primaryIconColor:t.extend("--ft-button-primary-icon-color","",s.contentGlobalOnColor),primaryStateLayerColor:t.extend("--ft-button-primary-state-layer-color","",s.contentGlobalOnColor),primaryHoverStateLayerOpacity:t.extend("--ft-button-primary-hover-state-layer-opacity","",i.opacity16),primaryFocusStateLayerOpacity:t.extend("--ft-button-primary-focus-state-layer-opacity","",i.opacity16),primaryActiveStateLayerOpacity:t.extend("--ft-button-primary-active-state-layer-opacity","",i.opacity24),primaryDisabledComponentOpacity:t.extend("--ft-button-primary-disabled-component-opacity","",i.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",s.borderActionFocusRing),tertiaryBackgroundColor:t.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:t.extend("--ft-button-tertiary-color","",s.contentActionPrimary),tertiaryIconColor:t.extend("--ft-button-tertiary-icon-color","",s.contentActionPrimary),tertiaryStateLayerColor:t.extend("--ft-button-tertiary-state-layer-color","",s.contentActionPrimary),tertiaryHoverStateLayerOpacity:t.extend("--ft-button-tertiary-hover-state-layer-opacity","",i.opacity8),tertiaryFocusStateLayerOpacity:t.extend("--ft-button-tertiary-focus-state-layer-opacity","",i.opacity8),tertiaryActiveStateLayerOpacity:t.extend("--ft-button-tertiary-active-state-layer-opacity","",i.opacity16),tertiaryDisabledComponentOpacity:t.extend("--ft-button-tertiary-disabled-component-opacity","",i.opacity40),secondaryBackgroundColor:t.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:t.extend("--ft-button-secondary-color","",s.contentActionPrimary),secondaryIconColor:t.extend("--ft-button-secondary-icon-color","",s.contentActionPrimary),secondaryStateLayerColor:t.extend("--ft-button-secondary-state-layer-color","",s.contentActionPrimary),secondaryHoverStateLayerOpacity:t.extend("--ft-button-secondary-hover-state-layer-opacity","",i.opacity8),secondaryFocusStateLayerOpacity:t.extend("--ft-button-secondary-focus-state-layer-opacity","",i.opacity8),secondaryActiveStateLayerOpacity:t.extend("--ft-button-secondary-active-state-layer-opacity","",i.opacity16),secondaryDisabledComponentOpacity:t.extend("--ft-button-secondary-disabled-component-opacity","",i.opacity40),secondaryBorderColor:t.extend("--ft-button-secondary-border-color","",s.borderActionPrimary),neutralBackgroundColor:t.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:t.extend("--ft-button-neutral-icon-color","",s.contentGlobalSecondary),neutralColor:t.extend("--ft-button-neutral-color","",s.contentGlobalSecondary),neutralStateLayerColor:t.extend("--ft-button-neutral-state-layer-color","",s.contentGlobalSecondary),neutralHoverStateLayerOpacity:t.extend("--ft-button-neutral-hover-state-layer-opacity","",i.opacity8),neutralFocusStateLayerOpacity:t.extend("--ft-button-neutral-focus-state-layer-opacity","",i.opacity8),neutralActiveStateLayerOpacity:t.extend("--ft-button-neutral-active-state-layer-opacity","",i.opacity16),neutralDisabledComponentOpacity:t.extend("--ft-button-neutral-disabled-component-opacity","",i.opacity40)};var Wn={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",i.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",i.spacing1),largeGap:t.extend("--ft-chip-large-gap","",i.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","",i.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",i.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",i.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",i.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","",i.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",i.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",i.spacing05),smallGap:t.extend("--ft-chip-small-gap","",i.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","",i.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",s.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",s.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",s.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",s.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",s.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",s.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",s.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",s.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",s.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",s.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",s.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",s.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",s.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",s.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",s.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",s.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",s.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",s.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",s.borderErrorSubtle)};var Un={focusOpacity:t.extend("--ft-link-focus-opacity","",i.opacity80),focusFocusRingColor:t.extend("--ft-link-focus-focus-ring-color","",s.borderActionFocusRing),brandColor:t.extend("--ft-link-brand-color","",s.contentActionPrimary),infoColor:t.extend("--ft-link-info-color","",s.contentInfoPrimary)};var Tn={iconSize:t.extend("--ft-banner-icon-size","",i.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",i.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",i.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",i.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",i.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",i.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",i.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",i.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",s.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",s.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",s.borderInfoSubtle)};var _n={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",i.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",i.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",i.borderRadiusPill),color:t.extend("--ft-badge-color","",s.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",s.contentActionPrimary)};var Xn={horizontalGap:t.extend("--ft-breadcrumb-horizontal-gap","",i.spacing1),verticalGap:t.extend("--ft-breadcrumb-vertical-gap","",i.spacing2),currentColor:t.extend("--ft-breadcrumb-current-color","",s.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-breadcrumb-previous-non-clickable-color","",s.contentGlobalSecondary),iconColor:t.extend("--ft-breadcrumb-icon-color","",s.contentGlobalSubtle)};var ei={horizontalPadding:t.extend("--ft-page-header-horizontal-padding","",i.spacing6),horizontalGap:t.extend("--ft-page-header-horizontal-gap","",i.spacing4),verticalGap:t.extend("--ft-page-header-vertical-gap","",i.spacing2),classicVerticalPadding:t.extend("--ft-page-header-classic-vertical-padding","",i.spacing6),multilineVerticalPadding:t.extend("--ft-page-header-multiline-vertical-padding","",i.spacing4),inlineVerticalPadding:t.extend("--ft-page-header-inline-vertical-padding","",i.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",i.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",s.borderGlobalSubtle),titleColor:t.extend("--ft-page-header-title-color","",s.contentGlobalPrimary),subtitleColor:t.extend("--ft-page-header-subtitle-color","",s.contentGlobalSecondary)};var ii={smallContainerWidth:t.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:t.create("--ft-modal-large-container-width","","SIZE","900px"),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",i.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",i.opacity40),shadow:t.extend("--ft-modal-shadow","",i.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",i.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",s.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",i.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",i.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",i.spacing6),containerMargin:t.extend("--ft-modal-container-margin","",i.spacing3),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",s.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",s.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",s.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-modal-header-trailing-icon-color","",s.contentGlobalSecondary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",i.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",i.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",i.spacing6),headerGap:t.extend("--ft-modal-header-gap","",i.spacing2),headerBorderBottom:t.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",i.borderRadiusM)};var si={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",i.opacity40),shadow:t.extend("--ft-drawer-shadow","",i.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",s.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",i.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",i.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",i.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",i.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",s.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",s.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",s.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",s.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",i.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",i.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",s.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",s.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",s.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",i.spacing4),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",i.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",i.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","",i.colorGray700)};var mi={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",i.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",i.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",i.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",i.opacity40),offColor:t.extend("--ft-tabs-off-color","",s.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",s.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",s.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",i.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",i.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",i.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",i.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",i.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",i.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",i.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",i.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",i.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",i.opacity24),onColor:t.extend("--ft-tabs-on-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",s.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",s.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",i.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",i.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",i.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",i.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",s.borderActionFocusRing)};var Si={fieldHorizontalPadding:t.extend("--ft-text-input-field-horizontal-padding","",i.spacing4),fieldHorizontalGap:t.extend("--ft-text-input-field-horizontal-gap","",i.spacing3),fieldVerticalGap:t.extend("--ft-text-input-field-vertical-gap","",i.spacing05),fieldIconSize:t.extend("--ft-text-input-field-icon-size","",i.iconSize3),fieldHeight:t.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-text-input-helper-horizontal-padding","",i.spacing4),helperHorizontalGap:t.extend("--ft-text-input-helper-horizontal-gap","",i.spacing1),helperIconSize:t.extend("--ft-text-input-helper-icon-size","",i.iconSize2),borderRadius:t.extend("--ft-text-input-border-radius","",i.borderRadiusM),backgroundColor:t.extend("--ft-text-input-background-color","",i.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",s.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",s.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",s.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","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",s.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",s.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","",s.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",i.opacity40)};var wi={backgroundColor:t.extend("--ft-text-area-background-color","",i.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",s.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",s.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","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",s.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",s.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",s.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","",i.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",i.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",i.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",i.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",i.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",i.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",i.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",i.borderRadiusM)};var Ai={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",i.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",s.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",s.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",s.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",i.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",i.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",i.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",i.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",i.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",i.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",s.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",i.shadowElevation02)};var ki={fieldHorizontalPadding:t.extend("--ft-combobox-single-select-field-horizontal-padding","",i.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-single-select-field-horizontal-gap","",i.spacing3),fieldVerticalGap:t.extend("--ft-combobox-single-select-field-vertical-gap","",i.spacing05),fieldIconSize:t.extend("--ft-combobox-single-select-field-icon-size","",i.iconSize3),fieldHeight:t.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-combobox-single-select-helper-horizontal-padding","",i.spacing4),helperHorizontalGap:t.extend("--ft-combobox-single-select-helper-horizontal-gap","",i.spacing1),helperVerticalGap:t.extend("--ft-combobox-single-select-helper-vertical-gap","",i.spacing1),helperIconSize:t.extend("--ft-combobox-single-select-helper-icon-size","",i.iconSize2),menuVerticalGap:t.extend("--ft-combobox-single-select-menu-vertical-gap","",i.spacing2),borderRadius:t.extend("--ft-combobox-single-select-border-radius","",i.borderRadiusM),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",i.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",s.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",s.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",s.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","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",s.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",s.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",s.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",s.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",s.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",i.opacity40)};var Zi={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",i.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",s.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",s.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",s.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",s.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",s.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",s.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",s.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",s.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",s.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",s.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",s.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","",i.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",i.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",i.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",i.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",i.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",i.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",i.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",i.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",i.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",i.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",i.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",i.borderRadiusM)};var Mi={backgroundColor:t.extend("--ft-popover-background-color","",s.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",i.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",i.spacing6),titleColor:t.extend("--ft-popover-title-color","",s.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",s.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",s.contentActionPrimary),gap:t.extend("--ft-popover-gap","",i.spacing3),borderRadius:t.extend("--ft-popover-border-radius","",i.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",i.shadowElevation02)};var qi={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",i.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",i.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",s.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",i.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",i.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",i.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",i.spacing3),color:t.extend("--ft-collapsible-color","",s.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",s.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",s.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",s.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",i.iconSize3)};var oc={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",i.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",i.spacing1),groupGap:t.extend("--ft-switch-group-gap","",i.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",s.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",s.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",i.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",i.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",i.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",i.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",i.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",i.opacity40),offColor:t.extend("--ft-switch-off-color","",s.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",s.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",i.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",i.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",i.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",i.opacity40),onColor:t.extend("--ft-switch-on-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",s.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",i.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",i.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",s.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",i.borderRadiusS)};var ic={color1Light:t.extend("--ft-chart-1-light","for area color charts",i.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",i.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",i.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",i.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",i.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",i.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",i.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",i.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",i.colorRed40),color5Base:t.extend("--ft-chart-5-base","",i.colorRed60),color6Light:t.extend("--ft-chart-6-light","",i.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",i.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",i.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",i.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",i.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",i.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",i.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",i.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",i.colorGray50),color10Base:t.extend("--ft-chart-10-base","",i.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",i.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",i.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",i.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",i.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",i.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",i.colorBrand200)};var sc={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",i.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",i.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",i.borderRadiusS),gap:t.extend("--ft-notice-gap","",i.spacing2),iconSize:t.extend("--ft-notice-icon-size","",i.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",s.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",s.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",s.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",s.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",s.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",s.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",s.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",s.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",s.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",s.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",s.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",s.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",s.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",s.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",s.contentSuccessIconOnly)};var mc={color:t.extend("--ft-checkbox-color","",s.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",s.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",s.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",s.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",i.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",i.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",i.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",i.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",i.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",i.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",i.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",i.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",i.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",i.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",s.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","",i.spacing3)};var Sc={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",i.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",i.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",i.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",i.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",s.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",s.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",s.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",i.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",i.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",i.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",i.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",s.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",s.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",s.contentActionPrimary),color:t.extend("--ft-toggle-color","",s.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",s.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",i.spacing3)};var wc={color:t.extend("--ft-radio-color","",s.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",s.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",s.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",i.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",i.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",i.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",i.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",s.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",s.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",i.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",i.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",i.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",i.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",s.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","",i.spacing3)};var Ac={iconSize:t.extend("--ft-notification-icon-size","",i.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",i.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",i.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",i.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",s.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",s.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",s.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",s.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",s.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",s.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",s.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",s.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",s.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",s.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",s.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",s.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",s.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",s.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",s.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",s.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",i.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",i.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",i.spacing8)};var kc={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",i.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",i.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",i.borderRadiusS),color:t.extend("--ft-tooltip-color","",s.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",s.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",i.opacity80),shadow:t.extend("--ft-tooltip-shadow","",i.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",i.spacing05)};var Fo;(function(o){o.brand="brand",o.neutral="neutral",o.info="info",o.success="success",o.warning="warning",o.error="error"})(Fo||(Fo={}));var _o;(function(o){o.large="large",o.medium="medium",o.small="small"})(_o||(_o={}));var Se=O(T());function Mo(o){let r=Oe[o];return Se.css`
|
|
115
|
+
.ft-typography--${(0,Se.unsafeCSS)(o)} {
|
|
116
|
+
font-family: ${r.fontFamily};
|
|
117
|
+
font-size: ${r.fontSize};
|
|
118
|
+
font-weight: ${r.fontWeight};
|
|
119
|
+
letter-spacing: ${r.letterSpacing};
|
|
120
|
+
line-height: ${r.lineHeight};
|
|
121
|
+
text-transform: ${r.textCase};
|
|
122
|
+
}
|
|
123
|
+
`}var Vo=m.FtCssVariableFactory.extend("--ft-typography-font-family","",m.designSystemVariables.titleFont),ut=m.FtCssVariableFactory.extend("--ft-typography-font-family","",m.designSystemVariables.contentFont),S={fontFamily:ut,fontSize:m.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:m.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:m.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:m.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:m.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},Gt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Vo),fontSize:m.FtCssVariableFactory.extend("--ft-typography-title-font-size","",S.fontSize,"20px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",S.letterSpacing,"0.15px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-title-line-height","",S.lineHeight,"1.2"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",S.textTransform,"inherit")},Tt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Vo),fontSize:m.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",S.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",S.letterSpacing,"0.105px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",S.lineHeight,"1.7"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",S.textTransform,"inherit")},Zt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",S.fontSize,"16px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",S.fontWeight,"600"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",S.letterSpacing,"0.144px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",S.lineHeight,"1.5"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",S.textTransform,"inherit")},Dt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",S.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",S.letterSpacing,"0.098px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",S.lineHeight,"1.7"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",S.textTransform,"inherit")},Kt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",S.fontSize,"16px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",S.letterSpacing,"0.496px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",S.lineHeight,"1.5"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",S.textTransform,"inherit")},Ft={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",S.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",S.letterSpacing,"0.252px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",S.lineHeight,"1.4"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",S.textTransform,"inherit")},_t={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",S.fontSize,"12px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",S.letterSpacing,"0.396px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",S.lineHeight,"1.33"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",S.textTransform,"inherit")},Mt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",S.fontSize,"10px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",S.letterSpacing,"0.33px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",S.lineHeight,"1.6"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",S.textTransform,"inherit")},Vt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",S.fontSize,"10px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",S.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",S.letterSpacing,"1.5px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",S.lineHeight,"1.6"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",S.textTransform,"uppercase")},lt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-button-font-family","",ut),fontSize:m.FtCssVariableFactory.extend("--ft-typography-button-font-size","",S.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",S.fontWeight,"600"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",S.letterSpacing,"1.246px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-button-line-height","",S.lineHeight,"1.15"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",S.textTransform,"uppercase")},Yo=et.css`
|
|
124
124
|
.ft-typography--title {
|
|
125
|
-
font-family: ${
|
|
126
|
-
font-size: ${
|
|
127
|
-
font-weight: ${
|
|
128
|
-
letter-spacing: ${
|
|
129
|
-
line-height: ${
|
|
130
|
-
text-transform: ${
|
|
131
|
-
}
|
|
132
|
-
`,
|
|
125
|
+
font-family: ${Gt.fontFamily};
|
|
126
|
+
font-size: ${Gt.fontSize};
|
|
127
|
+
font-weight: ${Gt.fontWeight};
|
|
128
|
+
letter-spacing: ${Gt.letterSpacing};
|
|
129
|
+
line-height: ${Gt.lineHeight};
|
|
130
|
+
text-transform: ${Gt.textTransform};
|
|
131
|
+
}
|
|
132
|
+
`,jo=et.css`
|
|
133
133
|
.ft-typography--title-dense {
|
|
134
134
|
font-family: ${Tt.fontFamily};
|
|
135
135
|
font-size: ${Tt.fontSize};
|
|
@@ -138,17 +138,45 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
138
138
|
line-height: ${Tt.lineHeight};
|
|
139
139
|
text-transform: ${Tt.textTransform};
|
|
140
140
|
}
|
|
141
|
-
`,
|
|
141
|
+
`,Xo=et.css`
|
|
142
142
|
.ft-typography--subtitle1 {
|
|
143
|
-
font-family: ${
|
|
144
|
-
font-size: ${
|
|
145
|
-
font-weight: ${
|
|
146
|
-
letter-spacing: ${
|
|
147
|
-
line-height: ${
|
|
148
|
-
text-transform: ${
|
|
149
|
-
}
|
|
150
|
-
`,
|
|
143
|
+
font-family: ${Zt.fontFamily};
|
|
144
|
+
font-size: ${Zt.fontSize};
|
|
145
|
+
font-weight: ${Zt.fontWeight};
|
|
146
|
+
letter-spacing: ${Zt.letterSpacing};
|
|
147
|
+
line-height: ${Zt.lineHeight};
|
|
148
|
+
text-transform: ${Zt.textTransform};
|
|
149
|
+
}
|
|
150
|
+
`,qo=et.css`
|
|
151
151
|
.ft-typography--subtitle2 {
|
|
152
|
+
font-family: ${Dt.fontFamily};
|
|
153
|
+
font-size: ${Dt.fontSize};
|
|
154
|
+
font-weight: ${Dt.fontWeight};
|
|
155
|
+
letter-spacing: ${Dt.letterSpacing};
|
|
156
|
+
line-height: ${Dt.lineHeight};
|
|
157
|
+
text-transform: ${Dt.textTransform};
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
`,Jo=et.css`
|
|
161
|
+
.ft-typography--body1 {
|
|
162
|
+
font-family: ${Kt.fontFamily};
|
|
163
|
+
font-size: ${Kt.fontSize};
|
|
164
|
+
font-weight: ${Kt.fontWeight};
|
|
165
|
+
letter-spacing: ${Kt.letterSpacing};
|
|
166
|
+
line-height: ${Kt.lineHeight};
|
|
167
|
+
text-transform: ${Kt.textTransform};
|
|
168
|
+
}
|
|
169
|
+
`,Qo=et.css`
|
|
170
|
+
.ft-typography--body2 {
|
|
171
|
+
font-family: ${Ft.fontFamily};
|
|
172
|
+
font-size: ${Ft.fontSize};
|
|
173
|
+
font-weight: ${Ft.fontWeight};
|
|
174
|
+
letter-spacing: ${Ft.letterSpacing};
|
|
175
|
+
line-height: ${Ft.lineHeight};
|
|
176
|
+
text-transform: ${Ft.textTransform};
|
|
177
|
+
}
|
|
178
|
+
`,tr=et.css`
|
|
179
|
+
.ft-typography--caption {
|
|
152
180
|
font-family: ${_t.fontFamily};
|
|
153
181
|
font-size: ${_t.fontSize};
|
|
154
182
|
font-weight: ${_t.fontWeight};
|
|
@@ -156,66 +184,38 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
156
184
|
line-height: ${_t.lineHeight};
|
|
157
185
|
text-transform: ${_t.textTransform};
|
|
158
186
|
}
|
|
159
|
-
|
|
160
|
-
`,Vo=J.css`
|
|
161
|
-
.ft-typography--body1 {
|
|
162
|
-
font-family: ${Ht.fontFamily};
|
|
163
|
-
font-size: ${Ht.fontSize};
|
|
164
|
-
font-weight: ${Ht.fontWeight};
|
|
165
|
-
letter-spacing: ${Ht.letterSpacing};
|
|
166
|
-
line-height: ${Ht.lineHeight};
|
|
167
|
-
text-transform: ${Ht.textTransform};
|
|
168
|
-
}
|
|
169
|
-
`,jo=J.css`
|
|
170
|
-
.ft-typography--body2 {
|
|
171
|
-
font-family: ${kt.fontFamily};
|
|
172
|
-
font-size: ${kt.fontSize};
|
|
173
|
-
font-weight: ${kt.fontWeight};
|
|
174
|
-
letter-spacing: ${kt.letterSpacing};
|
|
175
|
-
line-height: ${kt.lineHeight};
|
|
176
|
-
text-transform: ${kt.textTransform};
|
|
177
|
-
}
|
|
178
|
-
`,Yo=J.css`
|
|
179
|
-
.ft-typography--caption {
|
|
180
|
-
font-family: ${Ut.fontFamily};
|
|
181
|
-
font-size: ${Ut.fontSize};
|
|
182
|
-
font-weight: ${Ut.fontWeight};
|
|
183
|
-
letter-spacing: ${Ut.letterSpacing};
|
|
184
|
-
line-height: ${Ut.lineHeight};
|
|
185
|
-
text-transform: ${Ut.textTransform};
|
|
186
|
-
}
|
|
187
|
-
`,Xo=J.css`
|
|
187
|
+
`,er=et.css`
|
|
188
188
|
.ft-typography--breadcrumb {
|
|
189
|
-
font-family: ${
|
|
190
|
-
font-size: ${
|
|
191
|
-
font-weight: ${
|
|
192
|
-
letter-spacing: ${
|
|
193
|
-
line-height: ${
|
|
194
|
-
text-transform: ${
|
|
195
|
-
}
|
|
196
|
-
`,
|
|
189
|
+
font-family: ${Mt.fontFamily};
|
|
190
|
+
font-size: ${Mt.fontSize};
|
|
191
|
+
font-weight: ${Mt.fontWeight};
|
|
192
|
+
letter-spacing: ${Mt.letterSpacing};
|
|
193
|
+
line-height: ${Mt.lineHeight};
|
|
194
|
+
text-transform: ${Mt.textTransform};
|
|
195
|
+
}
|
|
196
|
+
`,or=et.css`
|
|
197
197
|
.ft-typography--overline {
|
|
198
|
-
font-family: ${
|
|
199
|
-
font-size: ${
|
|
200
|
-
font-weight: ${
|
|
201
|
-
letter-spacing: ${
|
|
202
|
-
line-height: ${
|
|
203
|
-
text-transform: ${
|
|
204
|
-
}
|
|
205
|
-
`,
|
|
198
|
+
font-family: ${Vt.fontFamily};
|
|
199
|
+
font-size: ${Vt.fontSize};
|
|
200
|
+
font-weight: ${Vt.fontWeight};
|
|
201
|
+
letter-spacing: ${Vt.letterSpacing};
|
|
202
|
+
line-height: ${Vt.lineHeight};
|
|
203
|
+
text-transform: ${Vt.textTransform};
|
|
204
|
+
}
|
|
205
|
+
`,rr=et.css`
|
|
206
206
|
.ft-typography--button {
|
|
207
|
-
font-family: ${
|
|
208
|
-
font-size: ${
|
|
209
|
-
font-weight: ${
|
|
210
|
-
letter-spacing: ${
|
|
211
|
-
line-height: ${
|
|
212
|
-
text-transform: ${
|
|
213
|
-
}
|
|
214
|
-
`,
|
|
207
|
+
font-family: ${lt.fontFamily};
|
|
208
|
+
font-size: ${lt.fontSize};
|
|
209
|
+
font-weight: ${lt.fontWeight};
|
|
210
|
+
letter-spacing: ${lt.letterSpacing};
|
|
211
|
+
line-height: ${lt.lineHeight};
|
|
212
|
+
text-transform: ${lt.textTransform};
|
|
213
|
+
}
|
|
214
|
+
`,ar=et.css`
|
|
215
215
|
.ft-typography {
|
|
216
216
|
vertical-align: inherit;
|
|
217
217
|
}
|
|
218
|
-
`,
|
|
218
|
+
`,nr=[Object.keys(Oe).map(o=>Mo(o))];var ir=O(T()),ne=O(L()),V={color:ne.FtCssVariableFactory.extend("--ft-loader-color","",ne.designSystemVariables.colorPrimary),size:ne.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},cr=ir.css`
|
|
219
219
|
:host {
|
|
220
220
|
line-height: 0;
|
|
221
221
|
}
|
|
@@ -224,8 +224,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
224
224
|
display: inline-block;
|
|
225
225
|
position: relative;
|
|
226
226
|
|
|
227
|
-
width: ${
|
|
228
|
-
height: ${
|
|
227
|
+
width: ${V.size};
|
|
228
|
+
height: ${V.size};
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
.ft-loader div {
|
|
@@ -234,7 +234,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
234
234
|
width: 25%;
|
|
235
235
|
height: 25%;
|
|
236
236
|
border-radius: 50%;
|
|
237
|
-
background: ${
|
|
237
|
+
background: ${V.color};
|
|
238
238
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
239
239
|
}
|
|
240
240
|
|
|
@@ -281,10 +281,10 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
281
281
|
transform: translate(0, 0);
|
|
282
282
|
}
|
|
283
283
|
100% {
|
|
284
|
-
transform: translate(calc(0.35 * ${
|
|
284
|
+
transform: translate(calc(0.35 * ${V.size}), 0);
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
|
-
`;var
|
|
287
|
+
`;var lr=O(T()),mt=O(L()),Y={size:mt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:mt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",mt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:mt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",mt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:mt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",mt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:mt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},pr=lr.css`
|
|
288
288
|
:host, i.ft-icon {
|
|
289
289
|
display: inline-flex;
|
|
290
290
|
align-items: center;
|
|
@@ -293,14 +293,14 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
293
293
|
}
|
|
294
294
|
|
|
295
295
|
:host {
|
|
296
|
-
width: ${
|
|
297
|
-
height: ${
|
|
296
|
+
width: ${Y.size};
|
|
297
|
+
height: ${Y.size};
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
i.ft-icon {
|
|
301
301
|
width: 100%;
|
|
302
302
|
height: 100%;
|
|
303
|
-
font-size: ${
|
|
303
|
+
font-size: ${Y.size};
|
|
304
304
|
line-height: 1;
|
|
305
305
|
font-weight: normal;
|
|
306
306
|
text-transform: none;
|
|
@@ -311,28 +311,28 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
311
311
|
text-rendering: auto;
|
|
312
312
|
-webkit-font-smoothing: antialiased;
|
|
313
313
|
-moz-osx-font-smoothing: grayscale;
|
|
314
|
-
vertical-align: ${
|
|
314
|
+
vertical-align: ${Y.verticalAlign};
|
|
315
315
|
}
|
|
316
316
|
|
|
317
317
|
i.ft-icon.ft-icon--fluid-topics {
|
|
318
|
-
font-family: ${
|
|
318
|
+
font-family: ${Y.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
319
319
|
|
|
320
320
|
/* Ugly fix because font is broken */
|
|
321
|
-
font-size: calc(0.75 * ${
|
|
322
|
-
line-height: ${
|
|
321
|
+
font-size: calc(0.75 * ${Y.size});
|
|
322
|
+
line-height: ${Y.size};
|
|
323
323
|
position: relative;
|
|
324
324
|
top: -4%;
|
|
325
325
|
justify-content: center;
|
|
326
326
|
}
|
|
327
327
|
|
|
328
328
|
.ft-icon--file-format {
|
|
329
|
-
font-family: ${
|
|
329
|
+
font-family: ${Y.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
.ft-icon--material {
|
|
333
|
-
font-family: ${
|
|
333
|
+
font-family: ${Y.materialFontFamily}, "Material Icons", sans-serif;
|
|
334
334
|
}
|
|
335
|
-
`;var
|
|
335
|
+
`;var dr=N.FtCssVariableFactory.extend("--ft-button-color","",N.designSystemVariables.colorPrimary),z={backgroundColor:N.FtCssVariableFactory.extend("--ft-button-background-color","",N.designSystemVariables.colorSurface),borderRadius:N.FtCssVariableFactory.extend("--ft-button-border-radius","",N.designSystemVariables.borderRadiusL),color:dr,fontSize:N.FtCssVariableFactory.extend("--ft-button-font-size","",lt.fontSize),iconSize:N.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:N.FtCssVariableFactory.extend("--ft-button-ripple-color","",dr),verticalPadding:N.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:N.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:N.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:N.FtCssVariableFactory.external(N.designSystemVariables.colorOpacityDisabled,"Design system")},sr=N.FtCssVariableFactory.extend("--ft-button-primary-color","",N.FtCssVariableFactory.extend("--ft-button-color","",N.designSystemVariables.colorOnPrimary)),Ue={backgroundColor:N.FtCssVariableFactory.extend("--ft-button-primary-background-color","",N.FtCssVariableFactory.extend("--ft-button-background-color","",N.designSystemVariables.colorPrimary)),color:sr,rippleColor:N.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",sr)},pt={borderRadius:N.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",N.FtCssVariableFactory.extend("--ft-button-border-radius","",N.designSystemVariables.borderRadiusM)),verticalPadding:N.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:N.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:N.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},gr=[fr.css`
|
|
336
336
|
:host {
|
|
337
337
|
display: inline-block;
|
|
338
338
|
max-width: 100%;
|
|
@@ -343,7 +343,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
343
343
|
box-shadow: 0px 0px 0px transparent;
|
|
344
344
|
border: 0px solid transparent;
|
|
345
345
|
text-shadow: 0px 0px 0px transparent;
|
|
346
|
-
font-size: ${
|
|
346
|
+
font-size: ${z.fontSize};
|
|
347
347
|
}
|
|
348
348
|
|
|
349
349
|
button:hover {
|
|
@@ -372,31 +372,31 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
372
372
|
border: none;
|
|
373
373
|
pointer-events: auto;
|
|
374
374
|
|
|
375
|
-
--ft-button-internal-line-height: max(calc(${
|
|
376
|
-
--ft-button-internal-color: ${
|
|
377
|
-
${(0,
|
|
378
|
-
${(0,
|
|
375
|
+
--ft-button-internal-line-height: max(calc(${z.fontSize} + 2px), ${z.iconSize});
|
|
376
|
+
--ft-button-internal-color: ${z.color};
|
|
377
|
+
${(0,N.setVariable)(Y.size,z.iconSize)};
|
|
378
|
+
${(0,N.setVariable)(w.color,z.rippleColor)};
|
|
379
379
|
|
|
380
|
-
border-radius: ${
|
|
381
|
-
padding: ${
|
|
382
|
-
background-color: ${
|
|
380
|
+
border-radius: ${z.borderRadius};
|
|
381
|
+
padding: ${z.verticalPadding} ${z.horizontalPadding};
|
|
382
|
+
background-color: ${z.backgroundColor};
|
|
383
383
|
color: var(--ft-button-internal-color);
|
|
384
384
|
-webkit-mask-image: radial-gradient(white, black);
|
|
385
385
|
}
|
|
386
386
|
|
|
387
387
|
.ft-button.ft-button--outlined {
|
|
388
388
|
border: 1px solid var(--ft-button-internal-color);
|
|
389
|
-
padding: calc(${
|
|
389
|
+
padding: calc(${z.verticalPadding} - 1px) calc(${z.horizontalPadding} - 1px);
|
|
390
390
|
}
|
|
391
391
|
|
|
392
392
|
.ft-button.ft-button--dense {
|
|
393
|
-
padding: ${
|
|
394
|
-
border-radius: ${
|
|
395
|
-
gap: ${
|
|
393
|
+
padding: ${pt.verticalPadding} ${pt.horizontalPadding};
|
|
394
|
+
border-radius: ${pt.borderRadius};
|
|
395
|
+
gap: ${pt.iconPadding};
|
|
396
396
|
}
|
|
397
397
|
|
|
398
398
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
399
|
-
padding: calc(${
|
|
399
|
+
padding: calc(${pt.verticalPadding} - 1px) calc(${pt.horizontalPadding} - 1px);
|
|
400
400
|
}
|
|
401
401
|
|
|
402
402
|
.ft-button:not([disabled]):hover {
|
|
@@ -404,22 +404,22 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
404
404
|
}
|
|
405
405
|
|
|
406
406
|
.ft-button--round {
|
|
407
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
407
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${z.verticalPadding});
|
|
408
408
|
}
|
|
409
409
|
|
|
410
410
|
.ft-button--round.ft-button--dense {
|
|
411
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
411
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${pt.verticalPadding});
|
|
412
412
|
}
|
|
413
413
|
|
|
414
414
|
.ft-button[disabled] {
|
|
415
415
|
filter: grayscale(1);
|
|
416
|
-
opacity: ${
|
|
416
|
+
opacity: ${z.opacityDisabled};
|
|
417
417
|
}
|
|
418
418
|
|
|
419
419
|
.ft-button.ft-button--primary {
|
|
420
|
-
background-color: ${
|
|
421
|
-
--ft-button-internal-color: ${
|
|
422
|
-
${(0,
|
|
420
|
+
background-color: ${Ue.backgroundColor};
|
|
421
|
+
--ft-button-internal-color: ${Ue.color};
|
|
422
|
+
${(0,N.setVariable)(w.color,Ue.rippleColor)};
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
.ft-button:focus {
|
|
@@ -432,13 +432,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
432
432
|
white-space: nowrap;
|
|
433
433
|
text-overflow: ellipsis;
|
|
434
434
|
display: block;
|
|
435
|
-
margin: 0 ${
|
|
436
|
-
${(0,
|
|
437
|
-
${(0,
|
|
435
|
+
margin: 0 ${z.iconPadding};
|
|
436
|
+
${(0,N.setVariable)(lt.fontSize,"1em")};
|
|
437
|
+
${(0,N.setVariable)(lt.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
438
438
|
}
|
|
439
439
|
|
|
440
440
|
.ft-button--dense .ft-button--label {
|
|
441
|
-
margin: 0 ${
|
|
441
|
+
margin: 0 ${pt.iconPadding};
|
|
442
442
|
}
|
|
443
443
|
|
|
444
444
|
.ft-button--label[hidden] {
|
|
@@ -451,13 +451,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
.ft-button--label[hidden] + [part="icon"] {
|
|
454
|
-
margin: 0 calc(${
|
|
455
|
-
padding: 0 ${
|
|
454
|
+
margin: 0 calc(${z.horizontalPadding} * -1);
|
|
455
|
+
padding: 0 ${z.verticalPadding};
|
|
456
456
|
}
|
|
457
457
|
|
|
458
458
|
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
459
|
-
margin: 0 calc(${
|
|
460
|
-
padding: 0 ${
|
|
459
|
+
margin: 0 calc(${pt.horizontalPadding} * -1);
|
|
460
|
+
padding: 0 ${pt.verticalPadding};
|
|
461
461
|
}
|
|
462
462
|
|
|
463
463
|
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
@@ -465,31 +465,31 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
465
465
|
}
|
|
466
466
|
|
|
467
467
|
ft-loader {
|
|
468
|
-
${(0,
|
|
469
|
-
${(0,
|
|
468
|
+
${(0,N.setVariable)(V.size,z.iconSize)};
|
|
469
|
+
${(0,N.setVariable)(V.color,"var(--ft-button-internal-color)")};
|
|
470
470
|
}
|
|
471
|
-
`,
|
|
471
|
+
`,N.noTextSelect];var ee=O(L());var hr=O(L());var ur=O(T()),D=O(gt()),mr=O(Ce()),ie=O(L());var j=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},W=class extends ie.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 ie.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 ie.Debouncer(10),this.moveRipple=r=>{var n,c;let{x:l,y:d}=this.getCoordinates(r),p=(c=(n=this.ripple)===null||n===void 0?void 0:n.getBoundingClientRect())!==null&&c!==void 0?c:{x:0,y:0,width:0,height:0};this.originX=Math.round(l!=null?l-p.x:p.width/2),this.originY=Math.round(d!=null?d-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 ur.html`
|
|
472
472
|
<style>
|
|
473
473
|
.ft-ripple .ft-ripple--effect {
|
|
474
474
|
left: ${this.originX}px;
|
|
475
475
|
top: ${this.originY}px;
|
|
476
476
|
}
|
|
477
477
|
</style>
|
|
478
|
-
<div class="${(0,
|
|
478
|
+
<div class="${(0,mr.classMap)(r)}">
|
|
479
479
|
<div class="ft-ripple--background"></div>
|
|
480
480
|
<div class="ft-ripple--effect"></div>
|
|
481
481
|
</div>
|
|
482
|
-
`}contentAvailableCallback(
|
|
483
|
-
\f\r]`,
|
|
484
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
485
|
-
<${
|
|
482
|
+
`}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,c;super.update(r),r.has("disabled")&&(this.disabled?(this.endRipple(),(n=this.target)===null||n===void 0||n.removeAttribute("data-is-ft-ripple-target")):(c=this.target)===null||c===void 0||c.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 c=(r=this.shadowRoot)===null||r===void 0?void 0:r.host.parentElement;c&&this.setupFor((n=this.target)!==null&&n!==void 0?n:c)}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=(...g)=>y=>{g.forEach(h=>window.addEventListener(h,this.endPress,{once:!0})),this.startPress(y)},c=n("mouseup","contextmenu"),l=n("touchend","touchcancel"),d=g=>{["Enter"," "].includes(g.key)&&n("keyup")(g)},p={passive:!0};r.addEventListener("mouseover",this.startHover,p),r.addEventListener("mousemove",this.moveRipple,p),r.addEventListener("mouseleave",this.endHover,p),r.addEventListener("mousedown",c,p),r.addEventListener("touchstart",l,p),r.addEventListener("touchmove",this.moveRipple,p),r.addEventListener("keydown",d,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",c,p),r.removeEventListener("touchstart",l,p),r.removeEventListener("touchmove",this.moveRipple,p),r.removeEventListener("keydown",d,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,c=r,l,d;return n.x!=null?{x:l,y:d}=n:c.touches!=null&&(l=c.touches[0].clientX,d=c.touches[0].clientY),{x:l,y:d}}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()}};W.elementDefinitions={};W.styles=bo;j([(0,D.property)({type:Boolean})],W.prototype,"primary",void 0);j([(0,D.property)({type:Boolean})],W.prototype,"secondary",void 0);j([(0,D.property)({type:Boolean})],W.prototype,"unbounded",void 0);j([(0,D.property)({type:Boolean})],W.prototype,"activated",void 0);j([(0,D.property)({type:Boolean})],W.prototype,"selected",void 0);j([(0,D.property)({type:Boolean})],W.prototype,"disabled",void 0);j([(0,D.state)()],W.prototype,"hovered",void 0);j([(0,D.state)()],W.prototype,"focused",void 0);j([(0,D.state)()],W.prototype,"pressed",void 0);j([(0,D.state)()],W.prototype,"rippling",void 0);j([(0,D.state)()],W.prototype,"originX",void 0);j([(0,D.state)()],W.prototype,"originY",void 0);j([(0,D.query)(".ft-ripple")],W.prototype,"ripple",void 0);j([(0,D.query)(".ft-ripple--effect")],W.prototype,"rippleEffect",void 0);(0,hr.customElement)("ft-ripple")(W);var da=O(L());var pa=O(T()),G=O(gt()),me=O(L());var Hr=O(L());var De=globalThis,Ne=De.trustedTypes,br=Ne?Ne.createPolicy("lit-html",{createHTML:o=>o}):void 0,vr="$lit$",vt=`lit$${(Math.random()+"").slice(9)}$`,Er="?"+vt,Ta=`<${Er}>`,zt=document,ve=()=>zt.createComment(""),le=o=>o===null||typeof o!="object"&&typeof o!="function",wr=Array.isArray,Za=o=>wr(o)||typeof o?.[Symbol.iterator]=="function",ke=`[
|
|
483
|
+
\f\r]`,ce=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,xr=/-->/g,Or=/>/g,Wt=RegExp(`>|${ke}(?:([^\\s"'>=/]+)(${ke}*=${ke}*(?:[^
|
|
484
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Sr=/'/g,Cr=/"/g,Rr=/^(?:script|style|textarea|title)$/i,Ir=o=>(r,...n)=>({_$litType$:o,strings:r,values:n}),Lr=Ir(1),Wr=Ir(2),pe=Symbol.for("lit-noChange"),Z=Symbol.for("lit-nothing"),Nr=new WeakMap,At=zt.createTreeWalker(zt,129);function Ar(o,r){if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return br!==void 0?br.createHTML(r):r}var Da=(o,r)=>{let n=o.length-1,c=[],l,d=r===2?"<svg>":"",p=ce;for(let g=0;g<n;g++){let y=o[g],h,C,x=-1,E=0;for(;E<y.length&&(p.lastIndex=E,C=p.exec(y),C!==null);)E=p.lastIndex,p===ce?C[1]==="!--"?p=xr:C[1]!==void 0?p=Or:C[2]!==void 0?(Rr.test(C[2])&&(l=RegExp("</"+C[2],"g")),p=Wt):C[3]!==void 0&&(p=Wt):p===Wt?C[0]===">"?(p=l??ce,x=-1):C[1]===void 0?x=-2:(x=p.lastIndex-C[2].length,h=C[1],p=C[3]===void 0?Wt:C[3]==='"'?Cr:Sr):p===Cr||p===Sr?p=Wt:p===xr||p===Or?p=ce:(p=Wt,l=void 0);let v=p===Wt&&o[g+1].startsWith("/>")?" ":"";d+=p===ce?y+Ta:x>=0?(c.push(h),y.slice(0,x)+vr+y.slice(x)+vt+v):y+vt+(x===-2?g:v)}return[Ar(o,d+(o[n]||"<?>")+(r===2?"</svg>":"")),c]},de=class o{constructor({strings:r,_$litType$:n},c){let l;this.parts=[];let d=0,p=0,g=r.length-1,y=this.parts,[h,C]=Da(r,n);if(this.el=o.createElement(h,c),At.currentNode=this.el.content,n===2){let x=this.el.content.firstChild;x.replaceWith(...x.childNodes)}for(;(l=At.nextNode())!==null&&y.length<g;){if(l.nodeType===1){if(l.hasAttributes())for(let x of l.getAttributeNames())if(x.endsWith(vr)){let E=C[p++],v=l.getAttribute(x).split(vt),I=/([.?@])?(.*)/.exec(E);y.push({type:1,index:d,name:I[2],strings:v,ctor:I[1]==="."?$e:I[1]==="?"?Ge:I[1]==="@"?Te:jt}),l.removeAttribute(x)}else x.startsWith(vt)&&(y.push({type:6,index:d}),l.removeAttribute(x));if(Rr.test(l.tagName)){let x=l.textContent.split(vt),E=x.length-1;if(E>0){l.textContent=Ne?Ne.emptyScript:"";for(let v=0;v<E;v++)l.append(x[v],ve()),At.nextNode(),y.push({type:2,index:++d});l.append(x[E],ve())}}}else if(l.nodeType===8)if(l.data===Er)y.push({type:2,index:d});else{let x=-1;for(;(x=l.data.indexOf(vt,x+1))!==-1;)y.push({type:7,index:d}),x+=vt.length-1}d++}}static createElement(r,n){let c=zt.createElement("template");return c.innerHTML=r,c}};function Yt(o,r,n=o,c){if(r===pe)return r;let l=c!==void 0?n._$Co?.[c]:n._$Cl,d=le(r)?void 0:r._$litDirective$;return l?.constructor!==d&&(l?._$AO?.(!1),d===void 0?l=void 0:(l=new d(o),l._$AT(o,n,c)),c!==void 0?(n._$Co??=[])[c]=l:n._$Cl=l),l!==void 0&&(r=Yt(o,l._$AS(o,r.values),l,c)),r}var He=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:c}=this._$AD,l=(r?.creationScope??zt).importNode(n,!0);At.currentNode=l;let d=At.nextNode(),p=0,g=0,y=c[0];for(;y!==void 0;){if(p===y.index){let h;y.type===2?h=new Ee(d,d.nextSibling,this,r):y.type===1?h=new y.ctor(d,y.name,y.strings,this,r):y.type===6&&(h=new Ze(d,this,r)),this._$AV.push(h),y=c[++g]}p!==y?.index&&(d=At.nextNode(),p++)}return At.currentNode=zt,l}p(r){let n=0;for(let c of this._$AV)c!==void 0&&(c.strings!==void 0?(c._$AI(r,c,n),n+=c.strings.length-2):c._$AI(r[n])),n++}},Ee=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(r,n,c,l){this.type=2,this._$AH=Z,this._$AN=void 0,this._$AA=r,this._$AB=n,this._$AM=c,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=Yt(this,r,n),le(r)?r===Z||r==null||r===""?(this._$AH!==Z&&this._$AR(),this._$AH=Z):r!==this._$AH&&r!==pe&&this._(r):r._$litType$!==void 0?this.g(r):r.nodeType!==void 0?this.$(r):Za(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!==Z&&le(this._$AH)?this._$AA.nextSibling.data=r:this.$(zt.createTextNode(r)),this._$AH=r}g(r){let{values:n,_$litType$:c}=r,l=typeof c=="number"?this._$AC(r):(c.el===void 0&&(c.el=de.createElement(Ar(c.h,c.h[0]),this.options)),c);if(this._$AH?._$AD===l)this._$AH.p(n);else{let d=new He(l,this),p=d.u(this.options);d.p(n),this.$(p),this._$AH=d}}_$AC(r){let n=Nr.get(r.strings);return n===void 0&&Nr.set(r.strings,n=new de(r)),n}T(r){wr(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,c,l=0;for(let d of r)l===n.length?n.push(c=new o(this.k(ve()),this.k(ve()),this,this.options)):c=n[l],c._$AI(d),l++;l<n.length&&(this._$AR(c&&c._$AB.nextSibling,l),n.length=l)}_$AR(r=this._$AA.nextSibling,n){for(this._$AP?.(!1,!0,n);r&&r!==this._$AB;){let c=r.nextSibling;r.remove(),r=c}}setConnected(r){this._$AM===void 0&&(this._$Cv=r,this._$AP?.(r))}},jt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(r,n,c,l,d){this.type=1,this._$AH=Z,this._$AN=void 0,this.element=r,this.name=n,this._$AM=l,this.options=d,c.length>2||c[0]!==""||c[1]!==""?(this._$AH=Array(c.length-1).fill(new String),this.strings=c):this._$AH=Z}_$AI(r,n=this,c,l){let d=this.strings,p=!1;if(d===void 0)r=Yt(this,r,n,0),p=!le(r)||r!==this._$AH&&r!==pe,p&&(this._$AH=r);else{let g=r,y,h;for(r=d[0],y=0;y<d.length-1;y++)h=Yt(this,g[c+y],n,y),h===pe&&(h=this._$AH[y]),p||=!le(h)||h!==this._$AH[y],h===Z?r=Z:r!==Z&&(r+=(h??"")+d[y+1]),this._$AH[y]=h}p&&!l&&this.O(r)}O(r){r===Z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,r??"")}},$e=class extends jt{constructor(){super(...arguments),this.type=3}O(r){this.element[this.name]=r===Z?void 0:r}},Ge=class extends jt{constructor(){super(...arguments),this.type=4}O(r){this.element.toggleAttribute(this.name,!!r&&r!==Z)}},Te=class extends jt{constructor(r,n,c,l,d){super(r,n,c,l,d),this.type=5}_$AI(r,n=this){if((r=Yt(this,r,n,0)??Z)===pe)return;let c=this._$AH,l=r===Z&&c!==Z||r.capture!==c.capture||r.once!==c.once||r.passive!==c.passive,d=r!==Z&&(c===Z||l);l&&this.element.removeEventListener(this.name,this,c),d&&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,c){this.element=r,this.type=6,this._$AN=void 0,this._$AM=n,this.options=c}get _$AU(){return this._$AM._$AU}_$AI(r){Yt(this,r)}};var Ka=De.litHtmlPolyfillSupport;Ka?.(de,Ee),(De.litHtmlVersions??=[]).push("3.1.0");var Br=Symbol.for(""),Fa=o=>{if(o?.r===Br)return o?._$litStatic$},Ke=o=>({_$litStatic$:o,r:Br});var zr=new Map,Pr=o=>(r,...n)=>{let c=n.length,l,d,p=[],g=[],y,h=0,C=!1;for(;h<c;){for(y=r[h];h<c&&(d=n[h],(l=Fa(d))!==void 0);)y+=l+r[++h],C=!0;h!==c&&g.push(d),p.push(y),h++}if(h===c&&p.push(r[c]),C){let x=p.join("$$lit$$");(r=zr.get(x))===void 0&&(p.raw=p,zr.set(x,r=p)),n=g}return o(r,...n)},Fe=Pr(Lr),dp=Pr(Wr);var _e=O(gt()),kr=O(L());var Bt;(function(o){o.title="title",o.title_dense="title-dense",o.subtitle1="subtitle1",o.subtitle2="subtitle2",o.body1="body1",o.body2="body2",o.caption="caption",o.breadcrumb="breadcrumb",o.overline="overline",o.button="button",o.display="display",o.title1="title-1",o.title2="title-2",o.title3="title-3",o.body1regular="body-1-regular",o.body1medium="body-1-medium",o.body1semibold="body-1-semibold",o.body2regular="body-2-regular",o.body2medium="body-2-medium",o.body2semibold="body-2-semibold",o.label1medium="label-1-medium",o.label1semibold="label-1-semibold",o.label1bold="label-1-bold",o.label2medium="label-2-medium",o.label2semibold="label-2-semibold",o.label2bold="label-2-bold",o.caption1medium="caption-1-medium",o.caption1semibold="caption-1-semibold",o.caption1bold="caption-1-bold",o.caption2medium="caption-2-medium",o.caption2semibold="caption-2-semibold",o.caption2bold="caption-2-bold"})(Bt||(Bt={}));var Ur=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},rt=class extends kr.FtLitElement{constructor(){super(...arguments),this.variant=Bt.body1}render(){return this.element?Fe`
|
|
485
|
+
<${Ke(this.element)}
|
|
486
486
|
part="text"
|
|
487
487
|
class="ft-typography ft-typography--${this.variant}">
|
|
488
488
|
<slot></slot>
|
|
489
|
-
</${
|
|
490
|
-
`:
|
|
489
|
+
</${Ke(this.element)}>
|
|
490
|
+
`:Fe`
|
|
491
491
|
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
492
|
-
`}};
|
|
492
|
+
`}};rt.styles=[Yo,jo,Xo,qo,Jo,Qo,tr,er,or,rr,ar,...nr];Ur([(0,_e.property)()],rt.prototype,"element",void 0);Ur([(0,_e.property)()],rt.prototype,"variant",void 0);(0,Hr.customElement)("ft-typography")(rt);var $r=O(T()),ht=O(L()),Xt={distance:ht.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:ht.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:ht.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:ht.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:ht.FtCssVariableFactory.external(ht.designSystemVariables.borderRadiusS,"Design system"),maxWidth:ht.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Gr=$r.css`
|
|
493
493
|
.ft-tooltip--container {
|
|
494
494
|
display: block;
|
|
495
495
|
}
|
|
@@ -504,21 +504,21 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
504
504
|
box-sizing: border-box;
|
|
505
505
|
overflow: hidden;
|
|
506
506
|
width: max-content;
|
|
507
|
-
max-width: ${
|
|
507
|
+
max-width: ${Xt.maxWidth};
|
|
508
508
|
text-align: center;
|
|
509
|
-
padding: ${
|
|
510
|
-
z-index: ${
|
|
509
|
+
padding: ${Xt.distance};
|
|
510
|
+
z-index: ${Xt.zIndex};
|
|
511
511
|
}
|
|
512
512
|
|
|
513
513
|
.ft-tooltip--content {
|
|
514
514
|
padding: 4px 8px;
|
|
515
|
-
border-radius: ${
|
|
516
|
-
background-color: ${
|
|
517
|
-
color: ${
|
|
515
|
+
border-radius: ${Xt.borderRadiusS};
|
|
516
|
+
background-color: ${Xt.backgroundColor};
|
|
517
|
+
color: ${Xt.color};
|
|
518
518
|
position: relative;
|
|
519
519
|
word-break: break-word;
|
|
520
520
|
}
|
|
521
|
-
`;var Br=["top","right","bottom","left"],Tr=["start","end"],Ge=Br.reduce((e,o)=>e.concat(o,o+"-"+Tr[0],o+"-"+Tr[1]),[]),ie=Math.min,Ot=Math.max,le=Math.round;var gt=e=>({x:e,y:e}),kn={left:"right",right:"left",bottom:"top",top:"bottom"},Un={start:"end",end:"start"};function Ze(e,o,n){return Ot(e,ie(o,n))}function Oe(e,o){return typeof e=="function"?e(o):e}function Ft(e){return e.split("-")[0]}function Ct(e){return e.split("-")[1]}function Ke(e){return e==="x"?"y":"x"}function Me(e){return e==="y"?"height":"width"}function Ce(e){return["top","bottom"].includes(Ft(e))?"y":"x"}function Fe(e){return Ke(Ce(e))}function _r(e,o,n){n===void 0&&(n=!1);let a=Ct(e),i=Fe(e),c=Me(i),s=i==="x"?a===(n?"end":"start")?"right":"left":a==="start"?"bottom":"top";return o.reference[c]>o.floating[c]&&(s=De(s)),[s,De(s)]}function Hr(e){return e.replace(/start|end/g,o=>Un[o])}function De(e){return e.replace(/left|right|bottom|top/g,o=>kn[o])}function Dn(e){return{top:0,right:0,bottom:0,left:0,...e}}function kr(e){return typeof e!="number"?Dn(e):{top:e,right:e,bottom:e,left:e}}function Lt(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Ur(e,o,n){let{reference:a,floating:i}=e,c=Ce(o),s=Fe(o),p=Me(s),d=Ft(o),u=c==="y",x=a.x+a.width/2-i.width/2,m=a.y+a.height/2-i.height/2,C=a[p]/2-i[p]/2,O;switch(d){case"top":O={x,y:a.y-i.height};break;case"bottom":O={x,y:a.y+a.height};break;case"right":O={x:a.x+a.width,y:m};break;case"left":O={x:a.x-i.width,y:m};break;default:O={x:a.x,y:a.y}}switch(Ct(o)){case"start":O[s]-=C*(n&&u?-1:1);break;case"end":O[s]+=C*(n&&u?-1:1);break}return O}var Dr=async(e,o,n)=>{let{placement:a="bottom",strategy:i="absolute",middleware:c=[],platform:s}=n,p=c.filter(Boolean),d=await(s.isRTL==null?void 0:s.isRTL(o)),u=await s.getElementRects({reference:e,floating:o,strategy:i}),{x,y:m}=Ur(u,a,d),C=a,O={},E=0;for(let W=0;W<p.length;W++){let{name:z,fn:$}=p[W],{x:T,y:G,data:bt,reset:U}=await $({x,y:m,initialPlacement:a,placement:C,strategy:i,middlewareData:O,rects:u,platform:s,elements:{reference:e,floating:o}});if(x=T??x,m=G??m,O={...O,[z]:{...O[z],...bt}},U&&E<=50){E++,typeof U=="object"&&(U.placement&&(C=U.placement),U.rects&&(u=U.rects===!0?await s.getElementRects({reference:e,floating:o,strategy:i}):U.rects),{x,y:m}=Ur(u,C,d)),W=-1;continue}}return{x,y:m,placement:C,strategy:i,middlewareData:O}};async function Ve(e,o){var n;o===void 0&&(o={});let{x:a,y:i,platform:c,rects:s,elements:p,strategy:d}=e,{boundary:u="clippingAncestors",rootBoundary:x="viewport",elementContext:m="floating",altBoundary:C=!1,padding:O=0}=Oe(o,e),E=kr(O),z=p[C?m==="floating"?"reference":"floating":m],$=Lt(await c.getClippingRect({element:(n=await(c.isElement==null?void 0:c.isElement(z)))==null||n?z:z.contextElement||await(c.getDocumentElement==null?void 0:c.getDocumentElement(p.floating)),boundary:u,rootBoundary:x,strategy:d})),T=m==="floating"?{...s.floating,x:a,y:i}:s.reference,G=await(c.getOffsetParent==null?void 0:c.getOffsetParent(p.floating)),bt=await(c.isElement==null?void 0:c.isElement(G))?await(c.getScale==null?void 0:c.getScale(G))||{x:1,y:1}:{x:1,y:1},U=Lt(c.convertOffsetParentRelativeRectToViewportRelativeRect?await c.convertOffsetParentRelativeRectToViewportRelativeRect({rect:T,offsetParent:G,strategy:d}):T);return{top:($.top-U.top+E.top)/bt.y,bottom:(U.bottom-$.bottom+E.bottom)/bt.y,left:($.left-U.left+E.left)/bt.x,right:(U.right-$.right+E.right)/bt.x}}function Gn(e,o,n){return(e?[...n.filter(i=>Ct(i)===e),...n.filter(i=>Ct(i)!==e)]:n.filter(i=>Ft(i)===i)).filter(i=>e?Ct(i)===e||(o?Hr(i)!==i:!1):!0)}var je=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,a,i;let{rects:c,middlewareData:s,placement:p,platform:d,elements:u}=o,{crossAxis:x=!1,alignment:m,allowedPlacements:C=Ge,autoAlignment:O=!0,...E}=Oe(e,o),W=m!==void 0||C===Ge?Gn(m||null,O,C):C,z=await Ve(o,E),$=((n=s.autoPlacement)==null?void 0:n.index)||0,T=W[$];if(T==null)return{};let G=_r(T,c,await(d.isRTL==null?void 0:d.isRTL(u.floating)));if(p!==T)return{reset:{placement:W[0]}};let bt=[z[Ft(T)],z[G[0]],z[G[1]]],U=[...((a=s.autoPlacement)==null?void 0:a.overflows)||[],{placement:T,overflows:bt}],Qe=W[$+1];if(Qe)return{data:{index:$+1,overflows:U},reset:{placement:Qe}};let to=U.map(nt=>{let Jt=Ct(nt.placement);return[nt.placement,Jt&&x?nt.overflows.slice(0,2).reduce((En,wn)=>En+wn,0):nt.overflows[0],nt.overflows]}).sort((nt,Jt)=>nt[1]-Jt[1]),eo=((i=to.filter(nt=>nt[2].slice(0,Ct(nt[0])?2:3).every(Jt=>Jt<=0))[0])==null?void 0:i[0])||to[0][0];return eo!==p?{data:{index:$+1,overflows:U},reset:{placement:eo}}:{}}}};var Ye=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:a,placement:i}=o,{mainAxis:c=!0,crossAxis:s=!1,limiter:p={fn:z=>{let{x:$,y:T}=z;return{x:$,y:T}}},...d}=Oe(e,o),u={x:n,y:a},x=await Ve(o,d),m=Ce(Ft(i)),C=Ke(m),O=u[C],E=u[m];if(c){let z=C==="y"?"top":"left",$=C==="y"?"bottom":"right",T=O+x[z],G=O-x[$];O=Ze(T,O,G)}if(s){let z=m==="y"?"top":"left",$=m==="y"?"bottom":"right",T=E+x[z],G=E-x[$];E=Ze(T,E,G)}let W=p.fn({...o,[C]:O,[m]:E});return{...W,data:{x:W.x-n,y:W.y-a}}}}};function mt(e){return Zr(e)?(e.nodeName||"").toLowerCase():"#document"}function V(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function yt(e){var o;return(o=(Zr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Zr(e){return e instanceof Node||e instanceof V(e).Node}function lt(e){return e instanceof Element||e instanceof V(e).Element}function et(e){return e instanceof HTMLElement||e instanceof V(e).HTMLElement}function Gr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof V(e).ShadowRoot}function Vt(e){let{overflow:o,overflowX:n,overflowY:a,display:i}=Y(e);return/auto|scroll|overlay|hidden|clip/.test(o+a+n)&&!["inline","contents"].includes(i)}function Kr(e){return["table","td","th"].includes(mt(e))}function Ne(e){let o=Ee(),n=Y(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(a=>(n.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(n.contain||"").includes(a))}function Mr(e){let o=Wt(e);for(;et(o)&&!ce(o);){if(Ne(o))return o;o=Wt(o)}return null}function Ee(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ce(e){return["html","body","#document"].includes(mt(e))}function Y(e){return V(e).getComputedStyle(e)}function se(e){return lt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Wt(e){if(mt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Gr(e)&&e.host||yt(e);return Gr(o)?o.host:o}function Fr(e){let o=Wt(e);return ce(o)?e.ownerDocument?e.ownerDocument.body:e.body:et(o)&&Vt(o)?o:Fr(o)}function ve(e,o,n){var a;o===void 0&&(o=[]),n===void 0&&(n=!0);let i=Fr(e),c=i===((a=e.ownerDocument)==null?void 0:a.body),s=V(i);return c?o.concat(s,s.visualViewport||[],Vt(i)?i:[],s.frameElement&&n?ve(s.frameElement):[]):o.concat(i,ve(i,[],n))}function Yr(e){let o=Y(e),n=parseFloat(o.width)||0,a=parseFloat(o.height)||0,i=et(e),c=i?e.offsetWidth:n,s=i?e.offsetHeight:a,p=le(n)!==c||le(a)!==s;return p&&(n=c,a=s),{width:n,height:a,$:p}}function Xr(e){return lt(e)?e:e.contextElement}function jt(e){let o=Xr(e);if(!et(o))return gt(1);let n=o.getBoundingClientRect(),{width:a,height:i,$:c}=Yr(o),s=(c?le(n.width):n.width)/a,p=(c?le(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!p||!Number.isFinite(p))&&(p=1),{x:s,y:p}}var Zn=gt(0);function qr(e){let o=V(e);return!Ee()||!o.visualViewport?Zn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Kn(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==V(e)?!1:o}function pe(e,o,n,a){o===void 0&&(o=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),c=Xr(e),s=gt(1);o&&(a?lt(a)&&(s=jt(a)):s=jt(e));let p=Kn(c,n,a)?qr(c):gt(0),d=(i.left+p.x)/s.x,u=(i.top+p.y)/s.y,x=i.width/s.x,m=i.height/s.y;if(c){let C=V(c),O=a&<(a)?V(a):a,E=C.frameElement;for(;E&&a&&O!==C;){let W=jt(E),z=E.getBoundingClientRect(),$=Y(E),T=z.left+(E.clientLeft+parseFloat($.paddingLeft))*W.x,G=z.top+(E.clientTop+parseFloat($.paddingTop))*W.y;d*=W.x,u*=W.y,x*=W.x,m*=W.y,d+=T,u+=G,E=V(E).frameElement}}return Lt({width:x,height:m,x:d,y:u})}function Mn(e){let{rect:o,offsetParent:n,strategy:a}=e,i=et(n),c=yt(n);if(n===c)return o;let s={scrollLeft:0,scrollTop:0},p=gt(1),d=gt(0);if((i||!i&&a!=="fixed")&&((mt(n)!=="body"||Vt(c))&&(s=se(n)),et(n))){let u=pe(n);p=jt(n),d.x=u.x+n.clientLeft,d.y=u.y+n.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-s.scrollLeft*p.x+d.x,y:o.y*p.y-s.scrollTop*p.y+d.y}}function Fn(e){return Array.from(e.getClientRects())}function Jr(e){return pe(yt(e)).left+se(e).scrollLeft}function Vn(e){let o=yt(e),n=se(e),a=e.ownerDocument.body,i=Ot(o.scrollWidth,o.clientWidth,a.scrollWidth,a.clientWidth),c=Ot(o.scrollHeight,o.clientHeight,a.scrollHeight,a.clientHeight),s=-n.scrollLeft+Jr(e),p=-n.scrollTop;return Y(a).direction==="rtl"&&(s+=Ot(o.clientWidth,a.clientWidth)-i),{width:i,height:c,x:s,y:p}}function jn(e,o){let n=V(e),a=yt(e),i=n.visualViewport,c=a.clientWidth,s=a.clientHeight,p=0,d=0;if(i){c=i.width,s=i.height;let u=Ee();(!u||u&&o==="fixed")&&(p=i.offsetLeft,d=i.offsetTop)}return{width:c,height:s,x:p,y:d}}function Yn(e,o){let n=pe(e,!0,o==="fixed"),a=n.top+e.clientTop,i=n.left+e.clientLeft,c=et(e)?jt(e):gt(1),s=e.clientWidth*c.x,p=e.clientHeight*c.y,d=i*c.x,u=a*c.y;return{width:s,height:p,x:d,y:u}}function Vr(e,o,n){let a;if(o==="viewport")a=jn(e,n);else if(o==="document")a=Vn(yt(e));else if(lt(o))a=Yn(o,n);else{let i=qr(e);a={...o,x:o.x-i.x,y:o.y-i.y}}return Lt(a)}function Qr(e,o){let n=Wt(e);return n===o||!lt(n)||ce(n)?!1:Y(n).position==="fixed"||Qr(n,o)}function Xn(e,o){let n=o.get(e);if(n)return n;let a=ve(e,[],!1).filter(p=>lt(p)&&mt(p)!=="body"),i=null,c=Y(e).position==="fixed",s=c?Wt(e):e;for(;lt(s)&&!ce(s);){let p=Y(s),d=Ne(s);!d&&p.position==="fixed"&&(i=null),(c?!d&&!i:!d&&p.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Vt(s)&&!d&&Qr(e,s))?a=a.filter(x=>x!==s):i=p,s=Wt(s)}return o.set(e,a),a}function qn(e){let{element:o,boundary:n,rootBoundary:a,strategy:i}=e,s=[...n==="clippingAncestors"?Xn(o,this._c):[].concat(n),a],p=s[0],d=s.reduce((u,x)=>{let m=Vr(o,x,i);return u.top=Ot(m.top,u.top),u.right=ie(m.right,u.right),u.bottom=ie(m.bottom,u.bottom),u.left=Ot(m.left,u.left),u},Vr(o,p,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function Jn(e){return Yr(e)}function Qn(e,o,n){let a=et(o),i=yt(o),c=n==="fixed",s=pe(e,!0,c,o),p={scrollLeft:0,scrollTop:0},d=gt(0);if(a||!a&&!c)if((mt(o)!=="body"||Vt(i))&&(p=se(o)),a){let u=pe(o,!0,c,o);d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}else i&&(d.x=Jr(i));return{x:s.left+p.scrollLeft-d.x,y:s.top+p.scrollTop-d.y,width:s.width,height:s.height}}function jr(e,o){return!et(e)||Y(e).position==="fixed"?null:o?o(e):e.offsetParent}function tn(e,o){let n=V(e);if(!et(e))return n;let a=jr(e,o);for(;a&&Kr(a)&&Y(a).position==="static";)a=jr(a,o);return a&&(mt(a)==="html"||mt(a)==="body"&&Y(a).position==="static"&&!Ne(a))?n:a||Mr(e)||n}var ta=async function(e){let{reference:o,floating:n,strategy:a}=e,i=this.getOffsetParent||tn,c=this.getDimensions;return{reference:Qn(o,await i(n),a),floating:{x:0,y:0,...await c(n)}}};function ea(e){return Y(e).direction==="rtl"}var we={convertOffsetParentRelativeRectToViewportRelativeRect:Mn,getDocumentElement:yt,getClippingRect:qn,getOffsetParent:tn,getElementRects:ta,getClientRects:Fn,getDimensions:Jn,getScale:jt,isElement:lt,isRTL:ea};var en=(e,o,n)=>{let a=new Map,i={platform:we,...n},c={...i.platform,_c:a};return Dr(e,o,{...i,platform:c})};function on(e){return oa(e)}function Xe(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function oa(e){for(let o=e;o;o=Xe(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=Xe(e);o;o=Xe(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function rn(e,o,n){return en(e,o,{platform:{...we,getOffsetParent:a=>we.getOffsetParent(a,on)},middleware:[Ye({crossAxis:!0}),je({allowedPlacements:[n]})]})}var j=function(e,o,n,a){var i=arguments.length,c=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(i<3?s(c):i>3?s(o,n,c):s(o,n))||c);return i>3&&c&&Object.defineProperty(o,n,c),c},A=class extends de.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new de.Debouncer,this.revealDebouncer=new de.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return nn.html`
|
|
521
|
+
`;var Zr=["top","right","bottom","left"],Tr=["start","end"],Ve=Zr.reduce((o,r)=>o.concat(r,r+"-"+Tr[0],r+"-"+Tr[1]),[]),se=Math.min,Et=Math.max,fe=Math.round;var bt=o=>({x:o,y:o}),_a={left:"right",right:"left",bottom:"top",top:"bottom"},Ma={start:"end",end:"start"};function Ye(o,r,n){return Et(o,se(r,n))}function we(o,r){return typeof o=="function"?o(r):o}function qt(o){return o.split("-")[0]}function wt(o){return o.split("-")[1]}function je(o){return o==="x"?"y":"x"}function Xe(o){return o==="y"?"height":"width"}function Re(o){return["top","bottom"].includes(qt(o))?"y":"x"}function qe(o){return je(Re(o))}function Dr(o,r,n){n===void 0&&(n=!1);let c=wt(o),l=qe(o),d=Xe(l),p=l==="x"?c===(n?"end":"start")?"right":"left":c==="start"?"bottom":"top";return r.reference[d]>r.floating[d]&&(p=Me(p)),[p,Me(p)]}function Kr(o){return o.replace(/start|end/g,r=>Ma[r])}function Me(o){return o.replace(/left|right|bottom|top/g,r=>_a[r])}function Va(o){return{top:0,right:0,bottom:0,left:0,...o}}function Fr(o){return typeof o!="number"?Va(o):{top:o,right:o,bottom:o,left:o}}function Pt(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}function _r(o,r,n){let{reference:c,floating:l}=o,d=Re(r),p=qe(r),g=Xe(p),y=qt(r),h=d==="y",C=c.x+c.width/2-l.width/2,x=c.y+c.height/2-l.height/2,E=c[g]/2-l[g]/2,v;switch(y){case"top":v={x:C,y:c.y-l.height};break;case"bottom":v={x:C,y:c.y+c.height};break;case"right":v={x:c.x+c.width,y:x};break;case"left":v={x:c.x-l.width,y:x};break;default:v={x:c.x,y:c.y}}switch(wt(r)){case"start":v[p]-=E*(n&&h?-1:1);break;case"end":v[p]+=E*(n&&h?-1:1);break}return v}var Mr=async(o,r,n)=>{let{placement:c="bottom",strategy:l="absolute",middleware:d=[],platform:p}=n,g=d.filter(Boolean),y=await(p.isRTL==null?void 0:p.isRTL(r)),h=await p.getElementRects({reference:o,floating:r,strategy:l}),{x:C,y:x}=_r(h,c,y),E=c,v={},I=0;for(let B=0;B<g.length;B++){let{name:H,fn:P}=g[B],{x:$,y:_,data:Ct,reset:K}=await P({x:C,y:x,initialPlacement:c,placement:E,strategy:l,middlewareData:v,rects:h,platform:p,elements:{reference:o,floating:r}});if(C=$??C,x=_??x,v={...v,[H]:{...v[H],...Ct}},K&&I<=50){I++,typeof K=="object"&&(K.placement&&(E=K.placement),K.rects&&(h=K.rects===!0?await p.getElementRects({reference:o,floating:r,strategy:l}):K.rects),{x:C,y:x}=_r(h,E,y)),B=-1;continue}}return{x:C,y:x,placement:E,strategy:l,middlewareData:v}};async function Je(o,r){var n;r===void 0&&(r={});let{x:c,y:l,platform:d,rects:p,elements:g,strategy:y}=o,{boundary:h="clippingAncestors",rootBoundary:C="viewport",elementContext:x="floating",altBoundary:E=!1,padding:v=0}=we(r,o),I=Fr(v),H=g[E?x==="floating"?"reference":"floating":x],P=Pt(await d.getClippingRect({element:(n=await(d.isElement==null?void 0:d.isElement(H)))==null||n?H:H.contextElement||await(d.getDocumentElement==null?void 0:d.getDocumentElement(g.floating)),boundary:h,rootBoundary:C,strategy:y})),$=x==="floating"?{...p.floating,x:c,y:l}:p.reference,_=await(d.getOffsetParent==null?void 0:d.getOffsetParent(g.floating)),Ct=await(d.isElement==null?void 0:d.isElement(_))?await(d.getScale==null?void 0:d.getScale(_))||{x:1,y:1}:{x:1,y:1},K=Pt(d.convertOffsetParentRelativeRectToViewportRelativeRect?await d.convertOffsetParentRelativeRectToViewportRelativeRect({rect:$,offsetParent:_,strategy:y}):$);return{top:(P.top-K.top+I.top)/Ct.y,bottom:(K.bottom-P.bottom+I.bottom)/Ct.y,left:(P.left-K.left+I.left)/Ct.x,right:(K.right-P.right+I.right)/Ct.x}}function Ya(o,r,n){return(o?[...n.filter(l=>wt(l)===o),...n.filter(l=>wt(l)!==o)]:n.filter(l=>qt(l)===l)).filter(l=>o?wt(l)===o||(r?Kr(l)!==l:!1):!0)}var Qe=function(o){return o===void 0&&(o={}),{name:"autoPlacement",options:o,async fn(r){var n,c,l;let{rects:d,middlewareData:p,placement:g,platform:y,elements:h}=r,{crossAxis:C=!1,alignment:x,allowedPlacements:E=Ve,autoAlignment:v=!0,...I}=we(o,r),B=x!==void 0||E===Ve?Ya(x||null,v,E):E,H=await Je(r,I),P=((n=p.autoPlacement)==null?void 0:n.index)||0,$=B[P];if($==null)return{};let _=Dr($,d,await(y.isRTL==null?void 0:y.isRTL(h.floating)));if(g!==$)return{reset:{placement:B[0]}};let Ct=[H[qt($)],H[_[0]],H[_[1]]],K=[...((c=p.autoPlacement)==null?void 0:c.overflows)||[],{placement:$,overflows:Ct}],ao=B[P+1];if(ao)return{data:{index:P+1,overflows:K},reset:{placement:ao}};let no=K.map(ct=>{let re=wt(ct.placement);return[ct.placement,re&&C?ct.overflows.slice(0,2).reduce((Aa,za)=>Aa+za,0):ct.overflows[0],ct.overflows]}).sort((ct,re)=>ct[1]-re[1]),io=((l=no.filter(ct=>ct[2].slice(0,wt(ct[0])?2:3).every(re=>re<=0))[0])==null?void 0:l[0])||no[0][0];return io!==g?{data:{index:P+1,overflows:K},reset:{placement:io}}:{}}}};var to=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(r){let{x:n,y:c,placement:l}=r,{mainAxis:d=!0,crossAxis:p=!1,limiter:g={fn:H=>{let{x:P,y:$}=H;return{x:P,y:$}}},...y}=we(o,r),h={x:n,y:c},C=await Je(r,y),x=Re(qt(l)),E=je(x),v=h[E],I=h[x];if(d){let H=E==="y"?"top":"left",P=E==="y"?"bottom":"right",$=v+C[H],_=v-C[P];v=Ye($,v,_)}if(p){let H=x==="y"?"top":"left",P=x==="y"?"bottom":"right",$=I+C[H],_=I-C[P];I=Ye($,I,_)}let B=g.fn({...r,[E]:v,[x]:I});return{...B,data:{x:B.x-n,y:B.y-c}}}}};function xt(o){return Yr(o)?(o.nodeName||"").toLowerCase():"#document"}function X(o){var r;return(o==null||(r=o.ownerDocument)==null?void 0:r.defaultView)||window}function Ot(o){var r;return(r=(Yr(o)?o.ownerDocument:o.document)||window.document)==null?void 0:r.documentElement}function Yr(o){return o instanceof Node||o instanceof X(o).Node}function dt(o){return o instanceof Element||o instanceof X(o).Element}function at(o){return o instanceof HTMLElement||o instanceof X(o).HTMLElement}function Vr(o){return typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof X(o).ShadowRoot}function Jt(o){let{overflow:r,overflowX:n,overflowY:c,display:l}=J(o);return/auto|scroll|overlay|hidden|clip/.test(r+c+n)&&!["inline","contents"].includes(l)}function jr(o){return["table","td","th"].includes(xt(o))}function Le(o){let r=We(),n=J(o);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!r&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!r&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(c=>(n.willChange||"").includes(c))||["paint","layout","strict","content"].some(c=>(n.contain||"").includes(c))}function Xr(o){let r=Ut(o);for(;at(r)&&!ge(r);){if(Le(r))return r;r=Ut(r)}return null}function We(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ge(o){return["html","body","#document"].includes(xt(o))}function J(o){return X(o).getComputedStyle(o)}function ye(o){return dt(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function Ut(o){if(xt(o)==="html")return o;let r=o.assignedSlot||o.parentNode||Vr(o)&&o.host||Ot(o);return Vr(r)?r.host:r}function qr(o){let r=Ut(o);return ge(r)?o.ownerDocument?o.ownerDocument.body:o.body:at(r)&&Jt(r)?r:qr(r)}function Ie(o,r,n){var c;r===void 0&&(r=[]),n===void 0&&(n=!0);let l=qr(o),d=l===((c=o.ownerDocument)==null?void 0:c.body),p=X(l);return d?r.concat(p,p.visualViewport||[],Jt(l)?l:[],p.frameElement&&n?Ie(p.frameElement):[]):r.concat(l,Ie(l,[],n))}function ta(o){let r=J(o),n=parseFloat(r.width)||0,c=parseFloat(r.height)||0,l=at(o),d=l?o.offsetWidth:n,p=l?o.offsetHeight:c,g=fe(n)!==d||fe(c)!==p;return g&&(n=d,c=p),{width:n,height:c,$:g}}function ea(o){return dt(o)?o:o.contextElement}function Qt(o){let r=ea(o);if(!at(r))return bt(1);let n=r.getBoundingClientRect(),{width:c,height:l,$:d}=ta(r),p=(d?fe(n.width):n.width)/c,g=(d?fe(n.height):n.height)/l;return(!p||!Number.isFinite(p))&&(p=1),(!g||!Number.isFinite(g))&&(g=1),{x:p,y:g}}var ja=bt(0);function oa(o){let r=X(o);return!We()||!r.visualViewport?ja:{x:r.visualViewport.offsetLeft,y:r.visualViewport.offsetTop}}function Xa(o,r,n){return r===void 0&&(r=!1),!n||r&&n!==X(o)?!1:r}function ue(o,r,n,c){r===void 0&&(r=!1),n===void 0&&(n=!1);let l=o.getBoundingClientRect(),d=ea(o),p=bt(1);r&&(c?dt(c)&&(p=Qt(c)):p=Qt(o));let g=Xa(d,n,c)?oa(d):bt(0),y=(l.left+g.x)/p.x,h=(l.top+g.y)/p.y,C=l.width/p.x,x=l.height/p.y;if(d){let E=X(d),v=c&&dt(c)?X(c):c,I=E.frameElement;for(;I&&c&&v!==E;){let B=Qt(I),H=I.getBoundingClientRect(),P=J(I),$=H.left+(I.clientLeft+parseFloat(P.paddingLeft))*B.x,_=H.top+(I.clientTop+parseFloat(P.paddingTop))*B.y;y*=B.x,h*=B.y,C*=B.x,x*=B.y,y+=$,h+=_,I=X(I).frameElement}}return Pt({width:C,height:x,x:y,y:h})}function qa(o){let{rect:r,offsetParent:n,strategy:c}=o,l=at(n),d=Ot(n);if(n===d)return r;let p={scrollLeft:0,scrollTop:0},g=bt(1),y=bt(0);if((l||!l&&c!=="fixed")&&((xt(n)!=="body"||Jt(d))&&(p=ye(n)),at(n))){let h=ue(n);g=Qt(n),y.x=h.x+n.clientLeft,y.y=h.y+n.clientTop}return{width:r.width*g.x,height:r.height*g.y,x:r.x*g.x-p.scrollLeft*g.x+y.x,y:r.y*g.y-p.scrollTop*g.y+y.y}}function Ja(o){return Array.from(o.getClientRects())}function ra(o){return ue(Ot(o)).left+ye(o).scrollLeft}function Qa(o){let r=Ot(o),n=ye(o),c=o.ownerDocument.body,l=Et(r.scrollWidth,r.clientWidth,c.scrollWidth,c.clientWidth),d=Et(r.scrollHeight,r.clientHeight,c.scrollHeight,c.clientHeight),p=-n.scrollLeft+ra(o),g=-n.scrollTop;return J(c).direction==="rtl"&&(p+=Et(r.clientWidth,c.clientWidth)-l),{width:l,height:d,x:p,y:g}}function tn(o,r){let n=X(o),c=Ot(o),l=n.visualViewport,d=c.clientWidth,p=c.clientHeight,g=0,y=0;if(l){d=l.width,p=l.height;let h=We();(!h||h&&r==="fixed")&&(g=l.offsetLeft,y=l.offsetTop)}return{width:d,height:p,x:g,y}}function en(o,r){let n=ue(o,!0,r==="fixed"),c=n.top+o.clientTop,l=n.left+o.clientLeft,d=at(o)?Qt(o):bt(1),p=o.clientWidth*d.x,g=o.clientHeight*d.y,y=l*d.x,h=c*d.y;return{width:p,height:g,x:y,y:h}}function Jr(o,r,n){let c;if(r==="viewport")c=tn(o,n);else if(r==="document")c=Qa(Ot(o));else if(dt(r))c=en(r,n);else{let l=oa(o);c={...r,x:r.x-l.x,y:r.y-l.y}}return Pt(c)}function aa(o,r){let n=Ut(o);return n===r||!dt(n)||ge(n)?!1:J(n).position==="fixed"||aa(n,r)}function on(o,r){let n=r.get(o);if(n)return n;let c=Ie(o,[],!1).filter(g=>dt(g)&&xt(g)!=="body"),l=null,d=J(o).position==="fixed",p=d?Ut(o):o;for(;dt(p)&&!ge(p);){let g=J(p),y=Le(p);!y&&g.position==="fixed"&&(l=null),(d?!y&&!l:!y&&g.position==="static"&&!!l&&["absolute","fixed"].includes(l.position)||Jt(p)&&!y&&aa(o,p))?c=c.filter(C=>C!==p):l=g,p=Ut(p)}return r.set(o,c),c}function rn(o){let{element:r,boundary:n,rootBoundary:c,strategy:l}=o,p=[...n==="clippingAncestors"?on(r,this._c):[].concat(n),c],g=p[0],y=p.reduce((h,C)=>{let x=Jr(r,C,l);return h.top=Et(x.top,h.top),h.right=se(x.right,h.right),h.bottom=se(x.bottom,h.bottom),h.left=Et(x.left,h.left),h},Jr(r,g,l));return{width:y.right-y.left,height:y.bottom-y.top,x:y.left,y:y.top}}function an(o){return ta(o)}function nn(o,r,n){let c=at(r),l=Ot(r),d=n==="fixed",p=ue(o,!0,d,r),g={scrollLeft:0,scrollTop:0},y=bt(0);if(c||!c&&!d)if((xt(r)!=="body"||Jt(l))&&(g=ye(r)),c){let h=ue(r,!0,d,r);y.x=h.x+r.clientLeft,y.y=h.y+r.clientTop}else l&&(y.x=ra(l));return{x:p.left+g.scrollLeft-y.x,y:p.top+g.scrollTop-y.y,width:p.width,height:p.height}}function Qr(o,r){return!at(o)||J(o).position==="fixed"?null:r?r(o):o.offsetParent}function na(o,r){let n=X(o);if(!at(o))return n;let c=Qr(o,r);for(;c&&jr(c)&&J(c).position==="static";)c=Qr(c,r);return c&&(xt(c)==="html"||xt(c)==="body"&&J(c).position==="static"&&!Le(c))?n:c||Xr(o)||n}var cn=async function(o){let{reference:r,floating:n,strategy:c}=o,l=this.getOffsetParent||na,d=this.getDimensions;return{reference:nn(r,await l(n),c),floating:{x:0,y:0,...await d(n)}}};function ln(o){return J(o).direction==="rtl"}var Ae={convertOffsetParentRelativeRectToViewportRelativeRect:qa,getDocumentElement:Ot,getClippingRect:rn,getOffsetParent:na,getElementRects:cn,getClientRects:Ja,getDimensions:an,getScale:Qt,isElement:dt,isRTL:ln};var ia=(o,r,n)=>{let c=new Map,l={platform:Ae,...n},d={...l.platform,_c:c};return Mr(o,r,{...l,platform:d})};function ca(o){return pn(o)}function eo(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function pn(o){for(let r=o;r;r=eo(r))if(r instanceof Element&&getComputedStyle(r).display==="none")return null;for(let r=eo(o);r;r=eo(r)){if(!(r instanceof Element))continue;let n=getComputedStyle(r);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||r.tagName==="BODY"))return r}return null}async function la(o,r,n){return ia(o,r,{platform:{...Ae,getOffsetParent:c=>Ae.getOffsetParent(c,ca)},middleware:[to({crossAxis:!0}),Qe({allowedPlacements:[n]})]})}var q=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},A=class extends me.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new me.Debouncer,this.revealDebouncer=new me.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return pa.html`
|
|
522
522
|
<div part="container"
|
|
523
523
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
524
524
|
@mouseenter=${this.onHover}
|
|
@@ -536,45 +536,46 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
536
536
|
</div>
|
|
537
537
|
</div>
|
|
538
538
|
</div>
|
|
539
|
-
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(n=>o.has(n))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let o=this.tooltipContent.style;switch(o.transition="none",this.validPosition){case"top":o.top=this.tooltip.clientHeight+"px",o.left="0";break;case"bottom":o.top=-this.tooltip.clientHeight+"px",o.left="0";break;case"left":o.top="0",o.left=this.tooltip.clientWidth+"px";break;case"right":o.top="0",o.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",rn(this.slottedElement,this.tooltip,this.position).then(({x:o,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${n}px`)})),this.revealDebouncer.run(()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")},this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout(()=>window.addEventListener("touchstart",o=>{o.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(o,n){return Math.max(o,Math.min(0,-n))}};A.elementDefinitions={"ft-typography":tt};A.styles=zr;j([(0,B.property)()],A.prototype,"text",void 0);j([(0,B.property)({type:Boolean})],A.prototype,"manual",void 0);j([(0,B.property)({type:Boolean})],A.prototype,"inline",void 0);j([(0,B.property)({type:Number})],A.prototype,"delay",void 0);j([(0,B.property)()],A.prototype,"position",void 0);j([(0,B.queryAssignedNodes)()],A.prototype,"slotNodes",void 0);j([(0,B.query)(".ft-tooltip--container")],A.prototype,"container",void 0);j([(0,B.query)(".ft-tooltip")],A.prototype,"tooltip",void 0);j([(0,B.query)(".ft-tooltip--content")],A.prototype,"tooltipContent",void 0);j([(0,B.state)()],A.prototype,"visible",void 0);j([(0,B.eventOptions)({passive:!0})],A.prototype,"onTouch",null);j([(0,B.eventOptions)({passive:!0})],A.prototype,"onHover",null);j([(0,B.eventOptions)({passive:!0})],A.prototype,"onOut",null);j([(0,B.eventOptions)({passive:!0})],A.prototype,"onClick",null);(0,an.customElement)("ft-tooltip")(A);var dn=y(w());var fe=y(H()),$t=y(pt()),sn=y(w()),pn=y(cn());var Re;(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.EYE="",e.SHARE="󨃱"})(Re||(Re={}));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 qs=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 Js={[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 vt;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(vt||(vt={}));var Ae=function(e,o,n,a){var i=arguments.length,c=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(i<3?s(c):i>3?s(o,n,c):s(o,n))||c);return i>3&&c&&Object.defineProperty(o,n,c),c},Q=class extends sn.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=fe.nothing}render(){let o=this.variant&&Object.values(vt).includes(this.variant)?this.variant:vt.fluid_topics,n=o!==vt.material||!!this.value;return fe.html`
|
|
540
|
-
<i class="ft-icon ft-icon--${
|
|
541
|
-
${(0,
|
|
539
|
+
`}updated(r){r.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(r)}contentAvailableCallback(r){super.contentAvailableCallback(r),["visible","text"].some(n=>r.has(n))&&this.visible&&this.positionTooltip()}async show(r){this.visible=!0,r!=null&&await this.hideDebounce.run(()=>{this.hide()},r)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var r;return((r=this.slotNodes)!==null&&r!==void 0?r:[]).filter(n=>n.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let r=this.tooltipContent.style;switch(r.transition="none",this.validPosition){case"top":r.top=this.tooltip.clientHeight+"px",r.left="0";break;case"bottom":r.top=-this.tooltip.clientHeight+"px",r.left="0";break;case"left":r.top="0",r.left=this.tooltip.clientWidth+"px";break;case"right":r.top="0",r.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",la(this.slottedElement,this.tooltip,this.position).then(({x:r,y:n})=>{this.tooltip&&(this.tooltip.style.left=`${r}px`,this.tooltip.style.top=`${n}px`)})),this.revealDebouncer.run(()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")},this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout(()=>window.addEventListener("touchstart",r=>{r.composedPath().includes(this.container)||this.onOut()},{once:!0}),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(r,n){return Math.max(r,Math.min(0,-n))}};A.elementDefinitions={"ft-typography":rt};A.styles=Gr;q([(0,G.property)()],A.prototype,"text",void 0);q([(0,G.property)({type:Boolean})],A.prototype,"manual",void 0);q([(0,G.property)({type:Boolean})],A.prototype,"inline",void 0);q([(0,G.property)({type:Number})],A.prototype,"delay",void 0);q([(0,G.property)()],A.prototype,"position",void 0);q([(0,G.queryAssignedNodes)()],A.prototype,"slotNodes",void 0);q([(0,G.query)(".ft-tooltip--container")],A.prototype,"container",void 0);q([(0,G.query)(".ft-tooltip")],A.prototype,"tooltip",void 0);q([(0,G.query)(".ft-tooltip--content")],A.prototype,"tooltipContent",void 0);q([(0,G.state)()],A.prototype,"visible",void 0);q([(0,G.eventOptions)({passive:!0})],A.prototype,"onTouch",null);q([(0,G.eventOptions)({passive:!0})],A.prototype,"onHover",null);q([(0,G.eventOptions)({passive:!0})],A.prototype,"onOut",null);q([(0,G.eventOptions)({passive:!0})],A.prototype,"onClick",null);(0,da.customElement)("ft-tooltip")(A);var ua=O(L());var he=O(T()),kt=O(gt()),ga=O(L()),ya=O(fa());var ze;(function(o){o.ADD_TO_PBK="",o.ALERT="",o.ADD_ALERT="",o.BACK_TO_SEARCH="",o.ADD_BOOKMARK="",o.BOOKMARK="",o.BOOKS="",o.MENU="",o.DOWNLOAD="",o.EDIT="",o.FEEDBACK="",o.HOME="",o.MODIFY_PBK="",o.SCHEDULED="",o.SEARCH="",o.EXPORT="",o.TOC="",o.WRITE_UGC="",o.TRASH="",o.USER="",o.EXTLINK="",o.CALENDAR="",o.OFFLINE="",o.BOOK="",o.DOWNLOAD_PLAIN="",o.CHECK="",o.STAR_PLAIN="",o.TOPICS="",o.DISC="",o.CIRCLE="",o.SHARED="",o.SORT_UNSORTED="",o.SORT_UP="",o.SORT_DOWN="",o.WORKING="",o.CLOSE="",o.ZOOM_OUT="",o.ZOOM_IN="",o.ZOOM_REALSIZE="",o.ZOOM_FULLSCREEN="",o.ADMIN_RESTRICTED="",o.ADMIN="",o.ADMIN_KHUB="",o.ADMIN_THEME="",o.ADMIN_USERS="",o.WARNING="",o.CONTEXT="",o.SEARCH_HOME="",o.STEPS="",o.ICON_EXPAND="",o.ICON_COLLAPSE="",o.INFO="",o.MINUS_PLAIN="",o.PLUS_PLAIN="",o.FACET_HAS_DESCENDANT="",o.TRIANGLE_BOTTOM="",o.TRIANGLE_LEFT="",o.TRIANGLE_RIGHT="",o.TRIANGLE_TOP="",o.THIN_ARROW="",o.SIGN_IN="",o.LOGOUT="",o.TRANSLATE="",o.CLOSE_PLAIN="",o.CHECK_PLAIN="",o.ARTICLE="",o.COLUMNS="",o.ANALYTICS="",o.COLLECTIONS="",o.ARROW_DOWN="",o.ARROW_LEFT="",o.ARROW_RIGHT="",o.ARROW_UP="",o.SEARCH_IN_PUBLICATION="",o.COPY_TO_CLIPBOARD="",o.SHARED_PBK="",o.ATTACHMENTS="",o.STRIPE_ARROW_LEFT="",o.STRIPE_ARROW_RIGHT="",o.FILTERS="",o.DOT="",o.MINUS="",o.PLUS="",o.MAILS_AND_NOTIFICATIONS="",o.SAVE="",o.LOCKER="",o.ADMIN_INTEGRATION="",o.SYNC="",o.TAG="",o.BOOK_PLAIN="",o.UPLOAD="",o.ONLINE="",o.TAG_PLAIN="",o.ACCOUNT_SETTINGS="",o.PRINT="",o.DEFAULT_ROLES="",o.SHORTCUT_MENU="",o.RELATIVES_PLAIN="",o.RELATIVES="",o.PAUSE="",o.PLAY="",o.ADMIN_PORTAL="",o.STAR="",o.THUMBS_DOWN="",o.THUMBS_DOWN_PLAIN="",o.THUMBS_UP="",o.THUMBS_UP_PLAIN="",o.FEEDBACK_PLAIN="",o.RATE_PLAIN="",o.RATE="",o.OFFLINE_SETTINGS="",o.MY_COLLECTIONS="",o.THIN_ARROW_LEFT="",o.THIN_ARROW_RIGHT="",o.RESET="",o.MY_LIBRARY="",o.UNSTRUCTURED_DOC="",o.CONTEXTUAL="",o.THIN_ARROW_UP="",o.ARROW_RIGHT_TO_LINE="",o.DESKTOP="",o.TABLET_LANDSCAPE="",o.TABLET_PORTRAIT="",o.MOBILE_LANDSCAPE="",o.MOBILE_PORTRAIT="",o.DIAGRAM_SUNBURST="",o.DIAGRAM_SANKEY="",o.COMMENT_QUESTION="",o.COMMENT_QUESTION_PLAIN="",o.MESSAGE_BOT="",o.CHART_SIMPLE="",o.BARS_PROGRESS="",o.BOOK_OPEN_GEAR="",o.BOOK_OPEN_GEAR_SLASH="",o.LINE_CHART="",o.STACKED_CHART="",o.CHART_BAR_STACKED="",o.CHART_BAR_GROUPED="",o.EYE_SLASH="",o.X_MARK="",o.EXPAND_WIDE="",o.PIP="",o.PIP_WIDE="",o.LIFE_RING="",o.GLOBE="",o.PIGGY_BANK="",o.EXTLINK_LIGHT="",o.CLONE="",o.CLONE_LINK_SIMPLE="",o.CHART_BAR_NORMALIZED="",o.CONSUMER="",o.OCTAGON_XMARK="",o.HOURGLASS_HALF="",o.CLOCK="",o.CLOCK_THREE="",o.CALENDAR_DAY="",o.COMPUTER_MOUSE_MAGNIFYING_GLASS="",o.WAND_MAGIC_SPARKLES="",o.PAPER_PLANE="",o.CIRCLE_STOP="",o.ARROW_ROTATE_RIGHT="",o.ARROWS_ROTATE="",o.ALIGN_RIGHT="",o.FORMAT_CLEAR="",o.ALIGN_CENTER="",o.ALIGN_LEFT="",o.PALETTE="",o.BOLD="",o.ITALIC="",o.UNDERLINE="",o.STRIKETHROUGH="",o.LINK_SIMPLE_SLASH="",o.LINK_SIMPLE="",o.ROUTE="",o.CIRCLE_USER_SLASH="",o.CIRCLE_USER_CHECK="",o.EYE="",o.SHARE="󨃱"})(ze||(ze={}));var u;(function(o){o.UNKNOWN="",o.ABW="",o.AUDIO="",o.AVI="",o.CHM="",o.CODE="",o.CSV="",o.DITA="",o.EPUB="",o.EXCEL="",o.FLAC="",o.GIF="",o.GZIP="",o.HTML="",o.IMAGE="",o.JPEG="",o.JSON="",o.M4A="",o.MOV="",o.MP3="",o.MP4="",o.OGG="",o.PDF="",o.PNG="",o.POWERPOINT="",o.RAR="",o.STP="",o.TEXT="",o.VIDEO="",o.WAV="",o.WMA="",o.WORD="",o.XML="",o.YAML="",o.ZIP=""})(u||(u={}));var nd=new Map([...["abw"].map(o=>[o,u.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(o=>[o,u.AUDIO]),...["avi"].map(o=>[o,u.AVI]),...["chm","xhs"].map(o=>[o,u.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(o=>[o,u.CODE]),...["csv"].map(o=>[o,u.CSV]),...["dita","ditamap","ditaval"].map(o=>[o,u.DITA]),...["epub"].map(o=>[o,u.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(o=>[o,u.EXCEL]),...["flac"].map(o=>[o,u.FLAC]),...["gif"].map(o=>[o,u.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(o=>[o,u.GZIP]),...["html","htm","xhtml"].map(o=>[o,u.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(o=>[o,u.IMAGE]),...["jpeg","jpg","jpe"].map(o=>[o,u.JPEG]),...["json"].map(o=>[o,u.JSON]),...["m4a","m4p"].map(o=>[o,u.M4A]),...["mov","qt"].map(o=>[o,u.MOV]),...["mp3"].map(o=>[o,u.MP3]),...["mp4","m4v"].map(o=>[o,u.MP4]),...["ogg","oga"].map(o=>[o,u.OGG]),...["pdf","ps"].map(o=>[o,u.PDF]),...["png"].map(o=>[o,u.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(o=>[o,u.POWERPOINT]),...["rar"].map(o=>[o,u.RAR]),...["stp"].map(o=>[o,u.STP]),...["txt","rtf","md","mdown"].map(o=>[o,u.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(o=>[o,u.VIDEO]),...["wav"].map(o=>[o,u.WAV]),...["wma"].map(o=>[o,u.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(o=>[o,u.WORD]),...["xml","xsl","rdf"].map(o=>[o,u.XML]),...["yaml","yml","x-yaml"].map(o=>[o,u.YAML]),...["zip"].map(o=>[o,u.ZIP])]);var id={[u.ABW]:"#91ABC6",[u.AUDIO]:"#1795E3",[u.AVI]:"#E63324",[u.CHM]:"#71C3EB",[u.CODE]:"#71C3EB",[u.CSV]:"#1F7345",[u.DITA]:"#71C3EB",[u.EPUB]:"#85B926",[u.EXCEL]:"#1F7345",[u.FLAC]:"#1795E3",[u.GIF]:"#59B031",[u.GZIP]:"#F8AB36",[u.HTML]:"#71C3EB",[u.IMAGE]:"#59B031",[u.JPEG]:"#59B031",[u.JSON]:"#71C3EB",[u.M4A]:"#1795E3",[u.MOV]:"#E63324",[u.MP3]:"#1795E3",[u.MP4]:"#E63324",[u.OGG]:"#1795E3",[u.PDF]:"#E44948",[u.PNG]:"#59B031",[u.POWERPOINT]:"#B54A2B",[u.RAR]:"#F8AB36",[u.STP]:"#3764B1",[u.TEXT]:"#3162AB",[u.UNKNOWN]:"#999999",[u.VIDEO]:"#E63324",[u.WAV]:"#1795E3",[u.WMA]:"#1795E3",[u.WORD]:"#3162AB",[u.XML]:"#71C3EB",[u.YAML]:"#71C3EB",[u.ZIP]:"#F8AB36"};var Rt;(function(o){o.fluid_topics="fluid-topics",o.file_format="file-format",o.material="material"})(Rt||(Rt={}));var Be=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},ot=class extends ga.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=he.nothing}render(){let r=this.variant&&Object.values(Rt).includes(this.variant)?this.variant:Rt.fluid_topics,n=r!==Rt.material||!!this.value;return he.html`
|
|
540
|
+
<i class="ft-icon ft-icon--${r}" part="icon icon-${r}">
|
|
541
|
+
${(0,ya.unsafeHTML)(this.resolvedIcon)}
|
|
542
542
|
<slot ?hidden=${n}></slot>
|
|
543
543
|
</i>
|
|
544
|
-
`}get textContent(){var
|
|
544
|
+
`}get textContent(){var r,n;return(n=(r=this.slottedContent)===null||r===void 0?void 0:r.assignedNodes().map(c=>c.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 c=this.value||this.textContent;switch(this.variant){case Rt.file_format:this.resolvedIcon=(r=u[c.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:c;break;case Rt.material:this.resolvedIcon=this.value||he.nothing;break;default:this.resolvedIcon=(n=ze[c.replace("-","_").toUpperCase()])!==null&&n!==void 0?n:c;break}}firstUpdated(r){super.firstUpdated(r),setTimeout(()=>this.resolveIcon())}};ot.elementDefinitions={};ot.styles=pr;Be([(0,kt.property)()],ot.prototype,"variant",void 0);Be([(0,kt.property)()],ot.prototype,"value",void 0);Be([(0,kt.state)()],ot.prototype,"resolvedIcon",void 0);Be([(0,kt.query)("slot")],ot.prototype,"slottedContent",void 0);(0,ua.customElement)("ft-icon")(ot);var ba=O(L());var ma=O(T()),ha=O(L());var Ht=class extends ha.FtLitElement{render(){return ma.html`
|
|
545
545
|
<div class="ft-loader">
|
|
546
546
|
<div></div>
|
|
547
547
|
<div></div>
|
|
548
548
|
<div></div>
|
|
549
549
|
<div></div>
|
|
550
550
|
</div>
|
|
551
|
-
`}};
|
|
551
|
+
`}};Ht.styles=cr;(0,ba.customElement)("ft-loader")(Ht);var te=O(T()),xa=O(Ce()),M=O(gt()),Q=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},k=class extends(0,ee.toFtFormComponent)(ee.FtLitElement,"button"){constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",r=>{var n;this.isDisabled()?(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation()):this.type=="submit"&&((n=this.form)===null||n===void 0||n.requestSubmit())})}render(){return this.addTooltipIfNeeded(te.html`
|
|
552
552
|
<button part="button"
|
|
553
|
-
class="${(0,
|
|
553
|
+
class="${(0,xa.classMap)(this.buttonClasses)}"
|
|
554
554
|
aria-label="${this.getLabel()}"
|
|
555
555
|
?disabled=${this.isDisabled()}>
|
|
556
556
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
557
557
|
<ft-typography part="label"
|
|
558
558
|
variant=${this.typographyVariant}
|
|
559
559
|
element="span"
|
|
560
|
-
class="ft-button--label ${
|
|
560
|
+
class="ft-button--label ${ee.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
561
561
|
?hidden=${!this.hasTextContent()}>
|
|
562
562
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
563
563
|
</ft-typography>
|
|
564
564
|
${this.resolveIcon()}
|
|
565
565
|
</button>
|
|
566
|
-
`)}addTooltipIfNeeded(
|
|
566
|
+
`)}addTooltipIfNeeded(r){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?te.html`
|
|
567
567
|
<ft-tooltip part="tooltip"
|
|
568
568
|
text="${this.getLabel()}"
|
|
569
569
|
position="${this.tooltipPosition}">
|
|
570
|
-
${
|
|
570
|
+
${r}
|
|
571
571
|
</ft-tooltip>
|
|
572
|
-
`:
|
|
573
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
572
|
+
`:r}resolveIcon(){return this.loading?te.html`
|
|
573
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?te.html`
|
|
574
574
|
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
575
|
-
`:
|
|
575
|
+
`:te.html`
|
|
576
576
|
<slot part="icon" name="icon"></slot>
|
|
577
|
-
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};P.elementDefinitions={"ft-ripple":R,"ft-tooltip":A,"ft-typography":tt,"ft-icon":Q,"ft-loader":It};X([(0,Z.property)({type:String,reflect:!0})],P.prototype,"role",void 0);X([(0,Z.property)()],P.prototype,"type",void 0);X([(0,Z.property)({type:Boolean})],P.prototype,"disabled",void 0);X([(0,Z.property)()],P.prototype,"label",void 0);X([(0,Z.property)()],P.prototype,"icon",void 0);X([(0,Z.property)()],P.prototype,"iconVariant",void 0);X([(0,Z.property)({type:Boolean})],P.prototype,"trailingIcon",void 0);X([(0,Z.property)({type:Boolean})],P.prototype,"loading",void 0);X([(0,Z.property)()],P.prototype,"tooltipPosition",void 0);X([(0,Z.property)({type:Boolean})],P.prototype,"hideTooltip",void 0);X([(0,Z.property)({type:Boolean})],P.prototype,"forceTooltip",void 0);X([(0,Z.query)(".ft-button")],P.prototype,"button",void 0);X([(0,Z.query)(".ft-button--label slot")],P.prototype,"slottedContent",void 0);var Le=function(e,o,n,a){var i=arguments.length,c=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(c=(i<3?s(c):i>3?s(o,n,c):s(o,n))||c);return i>3&&c&&Object.defineProperty(o,n,c),c},ot=class extends P{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};ot.styles=[mn.safariEllipsisFix,cr];Le([(0,he.property)({type:Boolean})],ot.prototype,"primary",void 0);Le([(0,he.property)({type:Boolean})],ot.prototype,"outlined",void 0);Le([(0,he.property)({type:Boolean})],ot.prototype,"dense",void 0);Le([(0,he.property)({type:Boolean})],ot.prototype,"round",void 0);var qt=y(pt());var xn=y(w());var yn=y(H()),N=y(w());var bn=[yn.css`
|
|
577
|
+
`}focus(){var r;(r=this.button)===null||r===void 0||r.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(r){return r instanceof HTMLSlotElement?r.assignedNodes().map(n=>this.unslotText(n)).join(""):r?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};k.elementDefinitions={"ft-ripple":W,"ft-tooltip":A,"ft-typography":rt,"ft-icon":ot,"ft-loader":Ht};Q([(0,M.property)({type:String,reflect:!0})],k.prototype,"role",void 0);Q([(0,M.property)()],k.prototype,"type",void 0);Q([(0,M.property)({type:Boolean})],k.prototype,"disabled",void 0);Q([(0,M.property)()],k.prototype,"label",void 0);Q([(0,M.property)()],k.prototype,"icon",void 0);Q([(0,M.property)()],k.prototype,"iconVariant",void 0);Q([(0,M.property)({type:Boolean})],k.prototype,"trailingIcon",void 0);Q([(0,M.property)({type:Boolean})],k.prototype,"loading",void 0);Q([(0,M.property)()],k.prototype,"tooltipPosition",void 0);Q([(0,M.property)({type:Boolean})],k.prototype,"hideTooltip",void 0);Q([(0,M.property)({type:Boolean})],k.prototype,"forceTooltip",void 0);Q([(0,M.query)(".ft-button")],k.prototype,"button",void 0);Q([(0,M.query)(".ft-button--label slot")],k.prototype,"slottedContent",void 0);var Pe=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},nt=class extends k{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};nt.styles=[Oa.safariEllipsisFix,gr];Pe([(0,be.property)({type:Boolean})],nt.prototype,"primary",void 0);Pe([(0,be.property)({type:Boolean})],nt.prototype,"outlined",void 0);Pe([(0,be.property)({type:Boolean})],nt.prototype,"dense",void 0);Pe([(0,be.property)({type:Boolean})],nt.prototype,"round",void 0);var oe=O(gt());var Ea=O(L());var Na=O(T()),R=O(L());var St=O(T(),1),It=o=>typeof o=="string"?(0,St.unsafeCSS)(o):o,e=class{static create(r,n,c,l){let d=g=>It(g??l),p=St.css`var(${It(r)}, ${d(l)})`;return p.name=r,p.description=n,p.category=c,p.defaultValue=l,p.defaultCssValue=d,p.get=g=>St.css`var(${It(r)}, ${d(g)})`,p.breadcrumb=()=>[],p.lastResortDefaultValue=()=>l,p}static extend(r,n,c,l){let d=g=>c.get(g??l),p=St.css`var(${It(r)}, ${d(l)})`;return p.name=r,p.description=n,p.category=c.category,p.fallbackVariable=c,p.defaultValue=l,p.defaultCssValue=d,p.get=g=>St.css`var(${It(r)}, ${d(g)})`,p.breadcrumb=()=>[c.name,...c.breadcrumb()],p.lastResortDefaultValue=()=>l??c.lastResortDefaultValue(),p}static external(r,n){let c=d=>r.fallbackVariable?r.fallbackVariable.get(d??r.defaultValue):It(d??r.lastResortDefaultValue()),l=St.css`var(${It(r.name)}, ${c(r.defaultValue)})`;return l.name=r.name,l.category=r.category,l.fallbackVariable=r.fallbackVariable,l.defaultValue=r.defaultValue,l.context=n,l.defaultCssValue=c,l.get=d=>St.css`var(${It(r.name)}, ${c(d)})`,l.breadcrumb=()=>r.fallbackVariable?[r.fallbackVariable.name,...r.fallbackVariable.breadcrumb()]:[],l.lastResortDefaultValue=()=>r.lastResortDefaultValue(),l}};var a={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(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:e.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:e.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:e.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:e.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:e.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:e.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:e.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:e.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:e.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:e.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:e.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:e.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:e.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 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"),opacity40:e.create("--ft-opacity-40","","NUMBER","0.4"),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)")},Hd={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")},$d={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")},Gd={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")},Td={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")},Zd={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")},Dd={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")},Kd={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")},Fd={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")},_d={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")},Md={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")},Vd={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")},Yd={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")},jd={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")},Xd={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")},qd={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")},Jd={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")},Qd={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")},ts={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")},es={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")},os={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")},rs={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")},as={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")},ns={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")},is={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")},cs={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")},ls={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")};var f={backgroundActionPrimary:e.extend("--ft-background-action-primary","Used as backgorund of primary action components.",a.colorBrand0),backgroundErrorSubtle:e.extend("--ft-background-error-subtle","Used as background of subtle error components.",a.colorRed10),backgroundInfoSubtle:e.extend("--ft-background-info-subtle","Used as background of subtle information components.",a.colorCyan10),backgroundWarningSubtle:e.extend("--ft-background-warning-subtle","Used as background of subtle information components.",a.colorOrange10),backgroundSuccessSubtle:e.extend("--ft-background-success-subtle","Used as background of subtle success components.",a.colorGreen10),backgroundGlobalSurface:e.extend("--ft-background-global-surface","Used as app background.",a.colorWhite),backgroundGlobalOnSurface:e.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",a.colorGray10),backgroundGlobalOnSurfaceDark:e.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",a.colorGray30),contentActionPrimary:e.extend("--ft-content-action-primary","Used on label of primary action on light surface.",a.colorBrand0),contentWarningPrimary:e.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",a.colorOrange200),contentWarningIconOnly:e.extend("--ft-content-warning-icon-only","Used on warning status icons alone",a.colorOrange0),contentErrorPrimary:e.extend("--ft-content-error-primary","Used on label of error messages on light surface.",a.colorRed0),contentErrorIconOnly:e.extend("--ft-content-error-icon-only","Used on error status icons alone",a.colorRed70),contentInfoPrimary:e.extend("--ft-content-info-primary","Used on label of information messages on light surface.",a.colorCyan200),contentInfoIconOnly:e.extend("--ft-content-info-icon-only","Used on info status icons alone",a.colorCyan0),contentSuccessPrimary:e.extend("--ft-content-success-primary","Used on label of success messages on light surface.",a.colorGreen200),contentSuccessIconOnly:e.extend("--ft-content-success-icon-only","Used on success status icons alone",a.colorGreen0),contentGlobalPrimary:e.extend("--ft-content-global-primary","Used for main content on the page.",a.colorGray500),contentGlobalSecondary:e.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
578
|
+
Also for action icons.`,a.colorGray200),contentGlobalSubtle:e.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",a.colorGray0),contentGlobalOnColor:e.extend("--ft-content-global-on-color","Used for content on a dominant color.",a.colorWhite),borderActionPrimary:e.extend("--ft-border-action-primary","Used as border for primary action components.",a.colorBrand0),borderActionFocusRing:e.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",a.colorCyan0),borderWarningPrimary:e.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",a.colorOrange200),borderWarningSubtle:e.extend("--ft-border-warning-subtle","Used as border for warning components.",a.colorOrange30),borderSuccessPrimary:e.extend("--ft-border-success-primary","Used as border for success buttons.",a.colorGreen200),borderSuccessSubtle:e.extend("--ft-border-success-subtle","Used as border for success components.",a.colorGreen30),borderErrorPrimary:e.extend("--ft-border-error-primary","Used as border for text fields in error states.",a.colorRed0),borderErrorSubtle:e.extend("--ft-border-error-subtle","Used as border for error components.",a.colorRed30),borderInfoPrimary:e.extend("--ft-border-info-primary","Used as border for buttons in info color.",a.colorCyan200),borderInfoSubtle:e.extend("--ft-border-info-subtle","Used as border for information components.",a.colorCyan30),borderGlobalPrimary:e.extend("--ft-border-global-primary","Used as border for element like input.",a.colorGray50),borderGlobalSubtle:e.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",a.colorGray30),borderInputPrimary:e.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",a.colorGray80)};var b={largeHeight:e.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:e.extend("--ft-button-large-horizontal-padding","",a.spacing4),largeGap:e.extend("--ft-button-large-gap","",a.spacing2),largeBorderRadius:e.extend("--ft-button-large-border-radius","",a.borderRadiusS),largeIconSize:e.extend("--ft-button-large-icon-size","",a.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","",a.spacing3),mediumGap:e.extend("--ft-button-medium-gap","",a.spacing2),mediumBorderRadius:e.extend("--ft-button-medium-border-radius","",a.borderRadiusS),mediumIconSize:e.extend("--ft-button-medium-icon-size","",a.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","",a.spacing2),smallGap:e.extend("--ft-button-small-gap","",a.spacing1),smallBorderRadius:e.extend("--ft-button-small-border-radius","",a.borderRadiusS),smallIconSize:e.extend("--ft-button-small-icon-size","",a.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","",a.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","",a.borderRadiusPill),primaryBackgroundColor:e.extend("--ft-button-primary-background-color","",f.backgroundActionPrimary),primaryColor:e.extend("--ft-button-primary-color","",f.contentGlobalOnColor),primaryIconColor:e.extend("--ft-button-primary-icon-color","",f.contentGlobalOnColor),primaryStateLayerColor:e.extend("--ft-button-primary-state-layer-color","",f.contentGlobalOnColor),primaryHoverStateLayerOpacity:e.extend("--ft-button-primary-hover-state-layer-opacity","",a.opacity16),primaryFocusStateLayerOpacity:e.extend("--ft-button-primary-focus-state-layer-opacity","",a.opacity16),primaryActiveStateLayerOpacity:e.extend("--ft-button-primary-active-state-layer-opacity","",a.opacity24),primaryDisabledComponentOpacity:e.extend("--ft-button-primary-disabled-component-opacity","",a.opacity40),focusFocusRingColor:e.extend("--ft-button-focus-focus-ring-color","",f.borderActionFocusRing),tertiaryBackgroundColor:e.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:e.extend("--ft-button-tertiary-color","",f.contentActionPrimary),tertiaryIconColor:e.extend("--ft-button-tertiary-icon-color","",f.contentActionPrimary),tertiaryStateLayerColor:e.extend("--ft-button-tertiary-state-layer-color","",f.contentActionPrimary),tertiaryHoverStateLayerOpacity:e.extend("--ft-button-tertiary-hover-state-layer-opacity","",a.opacity8),tertiaryFocusStateLayerOpacity:e.extend("--ft-button-tertiary-focus-state-layer-opacity","",a.opacity8),tertiaryActiveStateLayerOpacity:e.extend("--ft-button-tertiary-active-state-layer-opacity","",a.opacity16),tertiaryDisabledComponentOpacity:e.extend("--ft-button-tertiary-disabled-component-opacity","",a.opacity40),secondaryBackgroundColor:e.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:e.extend("--ft-button-secondary-color","",f.contentActionPrimary),secondaryIconColor:e.extend("--ft-button-secondary-icon-color","",f.contentActionPrimary),secondaryStateLayerColor:e.extend("--ft-button-secondary-state-layer-color","",f.contentActionPrimary),secondaryHoverStateLayerOpacity:e.extend("--ft-button-secondary-hover-state-layer-opacity","",a.opacity8),secondaryFocusStateLayerOpacity:e.extend("--ft-button-secondary-focus-state-layer-opacity","",a.opacity8),secondaryActiveStateLayerOpacity:e.extend("--ft-button-secondary-active-state-layer-opacity","",a.opacity16),secondaryDisabledComponentOpacity:e.extend("--ft-button-secondary-disabled-component-opacity","",a.opacity40),secondaryBorderColor:e.extend("--ft-button-secondary-border-color","",f.borderActionPrimary),neutralBackgroundColor:e.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:e.extend("--ft-button-neutral-icon-color","",f.contentGlobalSecondary),neutralColor:e.extend("--ft-button-neutral-color","",f.contentGlobalSecondary),neutralStateLayerColor:e.extend("--ft-button-neutral-state-layer-color","",f.contentGlobalSecondary),neutralHoverStateLayerOpacity:e.extend("--ft-button-neutral-hover-state-layer-opacity","",a.opacity8),neutralFocusStateLayerOpacity:e.extend("--ft-button-neutral-focus-state-layer-opacity","",a.opacity8),neutralActiveStateLayerOpacity:e.extend("--ft-button-neutral-active-state-layer-opacity","",a.opacity16),neutralDisabledComponentOpacity:e.extend("--ft-button-neutral-disabled-component-opacity","",a.opacity40)};var Os={largeMinHeight:e.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:e.extend("--ft-chip-large-horizontal-padding","",a.spacing3),largeButtonRightPadding:e.extend("--ft-chip-large-button-right-padding","",a.spacing1),largeGap:e.extend("--ft-chip-large-gap","",a.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.extend("--ft-chip-large-border-radius","",a.borderRadiusPill),largeBorderWidth:e.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:e.extend("--ft-chip-large-icon-size","",a.iconSize3),mediumMinHeight:e.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:e.extend("--ft-chip-medium-horizontal-padding","",a.spacing2),mediumButtonRightPadding:e.extend("--ft-chip-medium-button-right-padding","",a.spacing05),mediumGap:e.extend("--ft-chip-medium-gap","",a.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.extend("--ft-chip-medium-border-radius","",a.borderRadiusPill),mediumBorderWidth:e.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:e.extend("--ft-chip-medium-icon-size","",a.iconSize2),smallMinHeight:e.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:e.extend("--ft-chip-small-horizontal-padding","",a.spacing1),smallButtonRightPadding:e.extend("--ft-chip-small-button-right-padding","",a.spacing05),smallGap:e.extend("--ft-chip-small-gap","",a.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.extend("--ft-chip-small-border-radius","",a.borderRadiusPill),smallBorderWidth:e.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:e.extend("--ft-chip-small-icon-size","",a.iconSize1),neutralBackgroundColor:e.extend("--ft-chip-neutral-background-color","",f.backgroundGlobalOnSurface),neutralColor:e.extend("--ft-chip-neutral-color","",f.contentGlobalSecondary),neutralIconColor:e.extend("--ft-chip-neutral-icon-color","",f.contentGlobalSecondary),neutralBorderColor:e.extend("--ft-chip-neutral-border-color","",f.borderGlobalSubtle),infoBackgroundColor:e.extend("--ft-chip-info-background-color","",f.backgroundInfoSubtle),infoColor:e.extend("--ft-chip-info-color","",f.contentInfoPrimary),infoIconColor:e.extend("--ft-chip-info-icon-color","",f.contentInfoIconOnly),infoBorderColor:e.extend("--ft-chip-info-border-color","",f.borderInfoSubtle),successBackgroundColor:e.extend("--ft-chip-success-background-color","",f.backgroundSuccessSubtle),successColor:e.extend("--ft-chip-success-color","",f.contentSuccessPrimary),successIconColor:e.extend("--ft-chip-success-icon-color","",f.contentSuccessIconOnly),successBorderColor:e.extend("--ft-chip-success-border-color","",f.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-chip-warning-background-color","",f.backgroundWarningSubtle),warningColor:e.extend("--ft-chip-warning-color","",f.contentWarningPrimary),warningIconColor:e.extend("--ft-chip-warning-icon-color","",f.contentWarningIconOnly),warningBorderColor:e.extend("--ft-chip-warning-border-color","",f.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-chip-error-background-color","",f.backgroundErrorSubtle),errorColor:e.extend("--ft-chip-error-color","",f.contentErrorPrimary),errorIconColor:e.extend("--ft-chip-error-icon-color","",f.contentErrorIconOnly),errorBorderColor:e.extend("--ft-chip-error-border-color","",f.borderErrorSubtle)};var Es={focusOpacity:e.extend("--ft-link-focus-opacity","",a.opacity80),focusFocusRingColor:e.extend("--ft-link-focus-focus-ring-color","",f.borderActionFocusRing),brandColor:e.extend("--ft-link-brand-color","",f.contentActionPrimary),infoColor:e.extend("--ft-link-info-color","",f.contentInfoPrimary)};var Ws={iconSize:e.extend("--ft-banner-icon-size","",a.iconSize5),borderWidth:e.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:e.extend("--ft-banner-left-padding","",a.spacing6),rightPadding:e.extend("--ft-banner-right-padding","",a.spacing6),verticalPadding:e.extend("--ft-banner-vertical-padding","",a.spacing6),horizontalSideGap:e.extend("--ft-banner-horizontal-side-gap","",a.spacing6),horizontalMobileGap:e.extend("--ft-banner-horizontal-mobile-gap","",a.spacing4),verticalMobileGap:e.extend("--ft-banner-vertical-mobile-gap","",a.spacing6),horizontalMiddleGap:e.extend("--ft-banner-horizontal-middle-gap","",a.spacing20),infoBackgroundColor:e.extend("--ft-banner-info-background-color","",f.backgroundInfoSubtle),infoColor:e.extend("--ft-banner-info-color","",f.contentInfoPrimary),infoIconColor:e.extend("--ft-banner-info-icon-color","",f.contentInfoIconOnly),infoBorderColor:e.extend("--ft-banner-info-border-color","",f.borderInfoSubtle)};var Us={horizontalPadding:e.extend("--ft-badge-horizontal-padding","",a.spacing1),verticalPadding:e.extend("--ft-badge-vertical-padding","",a.spacing1),borderRadius:e.extend("--ft-badge-border-radius","",a.borderRadiusPill),color:e.extend("--ft-badge-color","",f.contentGlobalOnColor),backgroundColor:e.extend("--ft-badge-background-color","",f.contentActionPrimary)};var Ts={horizontalGap:e.extend("--ft-breadcrumb-horizontal-gap","",a.spacing1),verticalGap:e.extend("--ft-breadcrumb-vertical-gap","",a.spacing2),currentColor:e.extend("--ft-breadcrumb-current-color","",f.contentGlobalPrimary),previousNonClickableColor:e.extend("--ft-breadcrumb-previous-non-clickable-color","",f.contentGlobalSecondary),iconColor:e.extend("--ft-breadcrumb-icon-color","",f.contentGlobalSubtle)};var _s={horizontalPadding:e.extend("--ft-page-header-horizontal-padding","",a.spacing12),horizontalGap:e.extend("--ft-page-header-horizontal-gap","",a.spacing4),verticalGap:e.extend("--ft-page-header-vertical-gap","",a.spacing2),classicVerticalPadding:e.extend("--ft-page-header-classic-vertical-padding","",a.spacing6),multilineVerticalPadding:e.extend("--ft-page-header-multiline-vertical-padding","",a.spacing4),inlineVerticalPadding:e.extend("--ft-page-header-inline-vertical-padding","",a.spacing2),backgroundColor:e.extend("--ft-page-header-background-color","",a.colorWhite),bottomBorderColor:e.extend("--ft-page-header-bottom-border-color","",f.borderGlobalSubtle),titleColor:e.extend("--ft-page-header-title-color","",f.contentGlobalPrimary),subtitleColor:e.extend("--ft-page-header-subtitle-color","",f.contentGlobalSecondary)};var Xs={smallContainerWidth:e.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:e.create("--ft-modal-large-container-width","","SIZE","900px"),overlayBackgroundColor:e.extend("--ft-modal-overlay-background-color","",a.colorGray700),overlayOpacity:e.extend("--ft-modal-overlay-opacity","",a.opacity40),shadow:e.extend("--ft-modal-shadow","",a.shadowElevation03),bodyBackgroundColor:e.extend("--ft-modal-body-background-color","",a.colorWhite),bodyColor:e.extend("--ft-modal-body-color","",f.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-modal-body-horizontal-padding","",a.spacing6),bodyVerticalPadding:e.extend("--ft-modal-body-vertical-padding","",a.spacing6),bodyVerticalGap:e.extend("--ft-modal-body-vertical-gap","",a.spacing6),containerMargin:e.extend("--ft-modal-container-margin","",a.spacing3),headerBackgroundColor:e.extend("--ft-modal-header-background-color","",f.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-modal-header-border-color","",f.borderGlobalSubtle),headerColor:e.extend("--ft-modal-header-color","",f.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-modal-header-trailing-icon-color","",f.contentGlobalSecondary),headerVerticalPadding:e.extend("--ft-modal-header-vertical-padding","",a.spacing1),headerRightPadding:e.extend("--ft-modal-header-right-padding","",a.spacing1),headerLeftPadding:e.extend("--ft-modal-header-left-padding","",a.spacing6),headerGap:e.extend("--ft-modal-header-gap","",a.spacing2),headerBorderBottom:e.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:e.extend("--ft-modal-border-radius","",a.borderRadiusM)};var ef={overlayOpacity:e.extend("--ft-drawer-overlay-opacity","",a.opacity40),shadow:e.extend("--ft-drawer-shadow","",a.shadowElevation03),bodyColor:e.extend("--ft-drawer-body-color","",f.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-drawer-body-horizontal-padding","",a.spacing6),bodyVerticalPadding:e.extend("--ft-drawer-body-vertical-padding","",a.spacing6),bodyGap:e.extend("--ft-drawer-body-gap","",a.spacing6),bodyBackgroundColor:e.extend("--ft-drawer-body-background-color","",a.colorWhite),headerBackgroundColor:e.extend("--ft-drawer-header-background-color","",f.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-drawer-header-border-color","",f.borderGlobalSubtle),headerColor:e.extend("--ft-drawer-header-color","",f.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-drawer-header-trailing-icon-color","",f.contentGlobalSecondary),headerHeight:e.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:e.extend("--ft-drawer-header-horizontal-padding","",a.spacing2),headerBorderWidth:e.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:e.extend("--ft-drawer-header-gap","",a.spacing3),buttonsBarBackgroundColor:e.extend("--ft-drawer-buttons-bar-background-color","",f.backgroundGlobalOnSurface),buttonsBarBorderColor:e.extend("--ft-drawer-buttons-bar-border-color","",f.borderGlobalSubtle),buttonsBarColor:e.extend("--ft-drawer-buttons-bar-color","",f.contentGlobalPrimary),buttonsBarHorizontalPadding:e.extend("--ft-drawer-buttons-bar-horizontal-padding","",a.spacing4),buttonsBarVerticalPadding:e.extend("--ft-drawer-buttons-bar-vertical-padding","",a.spacing4),buttonsBarGap:e.extend("--ft-drawer-buttons-bar-gap","",a.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","",a.colorGray700)};var cf={fieldHorizontalPadding:e.extend("--ft-text-input-field-horizontal-padding","",a.spacing4),fieldHorizontalGap:e.extend("--ft-text-input-field-horizontal-gap","",a.spacing3),fieldVerticalGap:e.extend("--ft-text-input-field-vertical-gap","",a.spacing05),fieldIconSize:e.extend("--ft-text-input-field-icon-size","",a.iconSize3),fieldHeight:e.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-text-input-helper-horizontal-padding","",a.spacing4),helperHorizontalGap:e.extend("--ft-text-input-helper-horizontal-gap","",a.spacing1),helperIconSize:e.extend("--ft-text-input-helper-icon-size","",a.iconSize2),borderRadius:e.extend("--ft-text-input-border-radius","",a.borderRadiusM),backgroundColor:e.extend("--ft-text-input-background-color","",a.colorWhite),contentValueColor:e.extend("--ft-text-input-content-value-color","",f.contentGlobalPrimary),trailingIconColor:e.extend("--ft-text-input-trailing-icon-color","",f.contentGlobalSubtle),labelColor:e.extend("--ft-text-input-label-color","",f.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-input-default-border-color","",f.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-input-default-helper-text-color","",f.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","",f.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-input-error-helper-text-color","",f.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-input-error-helper-icon-color","",f.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","",f.borderActionFocusRing),focusOutlineOffset:e.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-input-disabled-component-opacity","",a.opacity40)};var ff={backgroundColor:e.extend("--ft-text-area-background-color","",a.colorWhite),contentValueColor:e.extend("--ft-text-area-content-value-color","",f.contentGlobalPrimary),labelColor:e.extend("--ft-text-area-label-color","",f.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-area-default-border-color","",f.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-area-default-helper-text-color","",f.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","",f.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-area-error-helper-text-color","",f.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-area-error-helper-icon-color","",f.contentErrorIconOnly),focusFocusRingColor:e.extend("--ft-text-area-focus-focus-ring-color","",f.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","",a.opacity40),fieldHorizontalLeftPadding:e.extend("--ft-text-area-field-horizontal-left-padding","",a.spacing4),fieldHorizontalGap:e.extend("--ft-text-area-field-horizontal-gap","",a.spacing3),fieldVerticalGap:e.extend("--ft-text-area-field-vertical-gap","",a.spacing05),fieldMinHeight:e.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:e.extend("--ft-text-area-helper-horizontal-padding","",a.spacing4),helperHorizontalGap:e.extend("--ft-text-area-helper-horizontal-gap","",a.spacing1),helperIconSize:e.extend("--ft-text-area-helper-icon-size","",a.iconSize2),borderRadius:e.extend("--ft-text-area-border-radius","",a.borderRadiusM)};var hf={height:e.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:e.extend("--ft-floating-menu-horizontal-padding","",a.spacing4),offIconColor:e.extend("--ft-floating-menu-off-icon-color","",f.contentGlobalPrimary),offColor:e.extend("--ft-floating-menu-off-color","",f.contentGlobalPrimary),onColor:e.extend("--ft-floating-menu-on-color","",f.contentActionPrimary),onStateLayerColor:e.extend("--ft-floating-menu-on-state-layer-color","",f.contentActionPrimary),gap:e.extend("--ft-floating-menu-gap","",a.spacing3),focusFocusRingColor:e.extend("--ft-floating-menu-focus-focus-ring-color","",f.borderActionFocusRing),focusOutlineWidth:e.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:e.extend("--ft-floating-menu-focus-state-layer-opacity","",a.opacity8),hoverStateLayerOpacity:e.extend("--ft-floating-menu-hover-state-layer-opacity","",a.opacity8),activeStateLayerOpacity:e.extend("--ft-floating-menu-active-state-layer-opacity","",a.opacity16),disabledComponentOpacity:e.extend("--ft-floating-menu-disabled-component-opacity","",a.opacity40),iconSize:e.extend("--ft-floating-menu-icon-size","",a.iconSize3),backgroundColor:e.extend("--ft-floating-menu-background-color","",f.backgroundGlobalOnSurface)};var Cf={fieldHorizontalPadding:e.extend("--ft-combobox-single-select-field-horizontal-padding","",a.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-single-select-field-horizontal-gap","",a.spacing3),fieldVerticalGap:e.extend("--ft-combobox-single-select-field-vertical-gap","",a.spacing05),fieldIconSize:e.extend("--ft-combobox-single-select-field-icon-size","",a.iconSize3),fieldHeight:e.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-combobox-single-select-helper-horizontal-padding","",a.spacing4),helperHorizontalGap:e.extend("--ft-combobox-single-select-helper-horizontal-gap","",a.spacing1),helperVerticalGap:e.extend("--ft-combobox-single-select-helper-vertical-gap","",a.spacing1),helperIconSize:e.extend("--ft-combobox-single-select-helper-icon-size","",a.iconSize2),menuVerticalGap:e.extend("--ft-combobox-single-select-menu-vertical-gap","",a.spacing2),borderRadius:e.extend("--ft-combobox-single-select-border-radius","",a.borderRadiusM),backgroundColor:e.extend("--ft-combobox-single-select-background-color","",a.colorWhite),labelColor:e.extend("--ft-combobox-single-select-label-color","",f.contentGlobalSubtle),contentValueColor:e.extend("--ft-combobox-single-select-content-value-color","",f.contentGlobalPrimary),trailingIconColor:e.extend("--ft-combobox-single-select-trailing-icon-color","",f.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-single-select-default-border-color","",f.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-single-select-default-helper-text-color","",f.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","",f.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-single-select-error-helper-text-color","",f.contentErrorPrimary),warningBorderWidth:e.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-single-select-warning-border-color","",f.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-single-select-warning-helper-text-color","",f.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-single-select-warning-helper-icon-color","",f.contentWarningIconOnly),focusOutlineWidth:e.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-single-select-focus-focus-ring-color","",f.borderActionFocusRing),focusOutlineOffset:e.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-single-select-disabled-component-opacity","",a.opacity40)};var Rf={backgroundColor:e.extend("--ft-combobox-multi-select-background-color","",a.colorWhite),labelColor:e.extend("--ft-combobox-multi-select-label-color","",f.contentGlobalSubtle),trailingIconColor:e.extend("--ft-combobox-multi-select-trailing-icon-color","",f.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-multi-select-default-border-color","",f.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-multi-select-default-helper-text-color","",f.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:e.extend("--ft-combobox-multi-select-error-border-color","",f.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-multi-select-error-helper-text-color","",f.contentErrorPrimary),errorHelperIcon:e.extend("--ft-combobox-multi-select-error-helper-icon","",f.contentErrorIconOnly),errorBorderWidth:e.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-multi-select-warning-border-color","",f.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-multi-select-warning-helper-text-color","",f.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-multi-select-warning-helper-icon-color","",f.contentWarningIconOnly),warningBorderWidth:e.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-multi-select-focus-focus-ring-color","",f.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","",a.opacity40),helperHorizontalPadding:e.extend("--ft-combobox-multi-select-helper-horizontal-padding","",a.spacing4),helperHorizontalGap:e.extend("--ft-combobox-multi-select-helper-horizontal-gap","",a.spacing1),helperVerticalGap:e.extend("--ft-combobox-multi-select-helper-vertical-gap","",a.spacing1),helperIconSize:e.extend("--ft-combobox-multi-select-helper-icon-size","",a.iconSize2),fieldHorizontalPadding:e.extend("--ft-combobox-multi-select-field-horizontal-padding","",a.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-multi-select-field-horizontal-gap","",a.spacing3),fieldVerticalGap:e.extend("--ft-combobox-multi-select-field-vertical-gap","",a.spacing05),fieldIconSize:e.extend("--ft-combobox-multi-select-field-icon-size","",a.iconSize3),fieldMaxHeight:e.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:e.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",a.spacing1),contentValuesVerticalGap:e.extend("--ft-combobox-multi-select-content-values-vertical-gap","",a.spacing1),borderRadius:e.extend("--ft-combobox-multi-select-border-radius","",a.borderRadiusM)};var zf={backgroundColor:e.extend("--ft-popover-background-color","",f.backgroundGlobalOnSurface),horizontalPadding:e.extend("--ft-popover-horizontal-padding","",a.spacing6),verticalPadding:e.extend("--ft-popover-vertical-padding","",a.spacing6),titleColor:e.extend("--ft-popover-title-color","",f.contentGlobalPrimary),bodyColor:e.extend("--ft-popover-body-color","",f.contentGlobalSecondary),linkColor:e.extend("--ft-popover-link-color","",f.contentActionPrimary),gap:e.extend("--ft-popover-gap","",a.spacing3),borderRadius:e.extend("--ft-popover-border-radius","",a.borderRadiusM),shadow:e.extend("--ft-popover-shadow","",a.shadowElevation02)};var Hf={topLeftBorderRadius:e.extend("--ft-tabs-top-left-border-radius","",a.borderRadiusS),topRightBorderRadius:e.extend("--ft-tabs-top-right-border-radius","",a.borderRadiusS),withLabelHorizontalPadding:e.extend("--ft-tabs-with-label-horizontal-padding","",a.spacing4),withLabelVerticalPadding:e.extend("--ft-tabs-with-label-vertical-padding","",a.spacing3),horizontalGap:e.extend("--ft-tabs-horizontal-gap","",a.spacing1),verticalGap:e.extend("--ft-tabs-vertical-gap","",a.spacing1),offHoverStateLayerOpacity:e.extend("--ft-tabs-off-hover-state-layer-opacity","",a.opacity8),offDefaultStateLayerOpacity:e.extend("--ft-tabs-off-default-state-layer-opacity","",a.opacity0),offFocusStateLayerOpacity:e.extend("--ft-tabs-off-focus-state-layer-opacity","",a.opacity8),offDisabledComponentOpacity:e.extend("--ft-tabs-off-disabled-component-opacity","",a.opacity40),offColor:e.extend("--ft-tabs-off-color","",f.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-tabs-off-state-layer-color","",f.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-tabs-on-hover-state-layer-opacity","",a.opacity8),onDefaultStateLayerOpacity:e.extend("--ft-tabs-on-default-state-layer-opacity","",a.opacity0),onFocusStateLayerOpacity:e.extend("--ft-tabs-on-focus-state-layer-opacity","",a.opacity8),onActiveStateLayerOpacity:e.extend("--ft-tabs-on-active-state-layer-opacity","",a.opacity16),onColor:e.extend("--ft-tabs-on-color","",f.contentActionPrimary),onStateLayerColor:e.extend("--ft-tabs-on-state-layer-color","",f.contentActionPrimary),iconOnlyHorizontalPadding:e.extend("--ft-tabs-icon-only-horizontal-padding","",a.spacing4),iconOnlyVerticalPadding:e.extend("--ft-tabs-icon-only-vertical-padding","",a.spacing4),alertTopPadding:e.extend("--ft-tabs-alert-top-padding","",a.spacing1),alertRightPadding:e.extend("--ft-tabs-alert-right-padding","",a.spacing05),focusOutlineWidth:e.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-tabs-focus-focus-ring-color","",f.borderActionFocusRing)};var Df={hoverStateLayerOpacity:e.extend("--ft-collapsible-hover-state-layer-opacity","",a.opacity8),focusStateLayerOpacity:e.extend("--ft-collapsible-focus-state-layer-opacity","",a.opacity8),focusOutlineWidth:e.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:e.extend("--ft-collapsible-focus-focus-ring-color","",f.borderActionFocusRing),activeStateLayerOpacity:e.extend("--ft-collapsible-active-state-layer-opacity","",a.opacity16),disabledComponentOpacity:e.extend("--ft-collapsible-disabled-component-opacity","",a.opacity40),horizontalPadding:e.extend("--ft-collapsible-horizontal-padding","",a.spacing4),verticalPadding:e.extend("--ft-collapsible-vertical-padding","",a.spacing3),color:e.extend("--ft-collapsible-color","",f.contentGlobalPrimary),stateLayerColor:e.extend("--ft-collapsible-state-layer-color","",f.contentGlobalPrimary),backgroundColor:e.extend("--ft-collapsible-background-color","",f.backgroundGlobalOnSurface),borderColor:e.extend("--ft-collapsible-border-color","",f.borderGlobalSubtle),iconSize:e.extend("--ft-collapsible-icon-size","",a.iconSize3)};var Vf={groupHorizontalPadding:e.extend("--ft-switch-group-horizontal-padding","",a.spacing1),groupVerticalPadding:e.extend("--ft-switch-group-vertical-padding","",a.spacing1),groupGap:e.extend("--ft-switch-group-gap","",a.spacing1),groupBackgroundColor:e.extend("--ft-switch-group-background-color","",f.backgroundGlobalSurface),groupBorderColor:e.extend("--ft-switch-group-border-color","",f.borderGlobalSubtle),groupBorderRadius:e.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:e.extend("--ft-switch-label-horizontal-padding","",a.spacing2),labelVerticalPadding:e.extend("--ft-switch-label-vertical-padding","",a.spacing1),offHoverStateLayerOpacity:e.extend("--ft-switch-off-hover-state-layer-opacity","",a.opacity8),offFocusStateLayerOpacity:e.extend("--ft-switch-off-focus-state-layer-opacity","",a.opacity8),offActiveStateLayerOpacity:e.extend("--ft-switch-off-active-state-layer-opacity","",a.opacity16),offDisabledComponentOpacity:e.extend("--ft-switch-off-disabled-component-opacity","",a.opacity40),offColor:e.extend("--ft-switch-off-color","",f.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-switch-off-state-layer-color","",f.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-switch-on-hover-state-layer-opacity","",a.opacity8),onFocusStateLayerOpacity:e.extend("--ft-switch-on-focus-state-layer-opacity","",a.opacity8),onActiveStateLayerOpacity:e.extend("--ft-switch-on-active-state-layer-opacity","",a.opacity16),onDisabledComponentOpacity:e.extend("--ft-switch-on-disabled-component-opacity","",a.opacity40),onColor:e.extend("--ft-switch-on-color","",f.contentActionPrimary),onStateLayerColor:e.extend("--ft-switch-on-state-layer-color","",f.contentActionPrimary),iconHorizontalPadding:e.extend("--ft-switch-icon-horizontal-padding","",a.spacing1),iconVerticalPadding:e.extend("--ft-switch-icon-vertical-padding","",a.spacing1),focusOutlineWidth:e.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-switch-focus-focus-ring-color","",f.borderActionFocusRing),optionBorderRadius:e.extend("--ft-switch-option-border-radius","",a.borderRadiusS)};var qf={color1Light:e.extend("--ft-chart-1-light","for area color charts",a.colorBrand40),color1Base:e.extend("--ft-chart-1-base","for line charts",a.colorBrand0),color2Light:e.extend("--ft-chart-2-light","for area color charts",a.colorYellow60),color2Base:e.extend("--ft-chart-2-base","for line charts",a.colorYellow100),color3Light:e.extend("--ft-chart-3-light","",a.colorUltramarine40),color3Base:e.extend("--ft-chart-3-base","",a.colorUltramarine70),color4Light:e.extend("--ft-chart-4-light","",a.colorCyan50),color4Base:e.extend("--ft-chart-4-base","",a.colorCyan100),color5Light:e.extend("--ft-chart-5-light","",a.colorRed40),color5Base:e.extend("--ft-chart-5-base","",a.colorRed60),color6Light:e.extend("--ft-chart-6-light","",a.colorGreen40),color6Base:e.extend("--ft-chart-6-base","",a.colorGreen70),color7Light:e.extend("--ft-chart-7-light","",a.colorOrange70),color7Base:e.extend("--ft-chart-7-base","",a.colorOrange100),color8Light:e.extend("--ft-chart-8-light","",a.colorAvocado70),color8Base:e.extend("--ft-chart-8-base","",a.colorAvocado200),color9Light:e.extend("--ft-chart-9-light","",a.colorBrown50),color9Base:e.extend("--ft-chart-9-base","",a.colorBrown200),color10Light:e.extend("--ft-chart-10-light","",a.colorGray50),color10Base:e.extend("--ft-chart-10-base","",a.colorGray80),monochrome10:e.extend("--ft-chart-monochrome-10","",a.colorBrand10),monochrome20:e.extend("--ft-chart-monochrome-20","",a.colorBrand20),monochrome30:e.extend("--ft-chart-monochrome-30","",a.colorBrand40),monochrome40:e.extend("--ft-chart-monochrome-40","",a.colorBrand60),monochrome50:e.extend("--ft-chart-monochrome-50","",a.colorBrand0),monochrome60:e.extend("--ft-chart-monochrome-60","",a.colorBrand200)};var og={borderWidth:e.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:e.extend("--ft-notice-horizontal-padding","",a.spacing3),verticalPadding:e.extend("--ft-notice-vertical-padding","",a.spacing2),borderRadius:e.extend("--ft-notice-border-radius","",a.borderRadiusS),gap:e.extend("--ft-notice-gap","",a.spacing2),iconSize:e.extend("--ft-notice-icon-size","",a.iconSize3),infoBackgroundColor:e.extend("--ft-notice-info-background-color","",f.backgroundInfoSubtle),infoBorderColor:e.extend("--ft-notice-info-border-color","",f.borderInfoSubtle),infoColor:e.extend("--ft-notice-info-color","",f.contentInfoPrimary),infoIconColor:e.extend("--ft-notice-info-icon-color","",f.contentInfoIconOnly),warningBackgroundColor:e.extend("--ft-notice-warning-background-color","",f.backgroundWarningSubtle),warningBorderColor:e.extend("--ft-notice-warning-border-color","",f.borderWarningSubtle),warningColor:e.extend("--ft-notice-warning-color","",f.contentWarningPrimary),warningIconColor:e.extend("--ft-notice-warning-icon-color","",f.contentWarningIconOnly),errorBackgroundColor:e.extend("--ft-notice-error-background-color","",f.backgroundErrorSubtle),errorBorderColor:e.extend("--ft-notice-error-border-color","",f.borderErrorSubtle),errorColor:e.extend("--ft-notice-error-color","",f.contentErrorPrimary),errorIconColor:e.extend("--ft-notice-error-icon-color","",f.contentErrorIconOnly),successBackgroundColor:e.extend("--ft-notice-success-background-color","",f.backgroundSuccessSubtle),successBorderColor:e.extend("--ft-notice-success-border-color","",f.borderSuccessSubtle),successColor:e.extend("--ft-notice-success-color","",f.contentSuccessPrimary),successIconColor:e.extend("--ft-notice-success-icon-color","",f.contentSuccessIconOnly)};var cg={color:e.extend("--ft-checkbox-color","",f.contentGlobalPrimary),checkedBackgroundColor:e.extend("--ft-checkbox-checked-background-color","",f.contentActionPrimary),checkedStateLayerColor:e.extend("--ft-checkbox-checked-state-layer-color","",f.contentActionPrimary),checkedIconColor:e.extend("--ft-checkbox-checked-icon-color","",f.contentGlobalOnColor),checkedHoverStateLayerOpacity:e.extend("--ft-checkbox-checked-hover-state-layer-opacity","",a.opacity16),checkedFocusStateLayerOpacity:e.extend("--ft-checkbox-checked-focus-state-layer-opacity","",a.opacity16),checkedActiveStateLayerOpacity:e.extend("--ft-checkbox-checked-active-state-layer-opacity","",a.opacity24),checkedDisabledComponentOpacity:e.extend("--ft-checkbox-checked-disabled-component-opacity","",a.opacity40),uncheckedBorderColor:e.extend("--ft-checkbox-unchecked-border-color","",a.colorGray80),uncheckedStateLayerColor:e.extend("--ft-checkbox-unchecked-state-layer-color","",a.colorGray80),uncheckedHoverStateLayerOpacity:e.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",a.opacity16),uncheckedFocusStateLayerOpacity:e.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",a.opacity16),uncheckedActiveStateLayerOpacity:e.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",a.opacity24),uncheckedDisabledComponentOpacity:e.extend("--ft-checkbox-unchecked-disabled-component-opacity","",a.opacity40),focusFocusRingColor:e.extend("--ft-checkbox-focus-focus-ring-color","",f.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","",a.spacing3)};var fg={offHoverStateLayerOpacity:e.extend("--ft-toggle-off-hover-state-layer-opacity","",a.opacity16),offFocusStateLayerOpacity:e.extend("--ft-toggle-off-focus-state-layer-opacity","",a.opacity16),offActiveStateLayerOpacity:e.extend("--ft-toggle-off-active-state-layer-opacity","",a.opacity24),offDisabledComponentOpacity:e.extend("--ft-toggle-off-disabled-component-opacity","",a.opacity40),offBackgroundColor:e.extend("--ft-toggle-off-background-color","",f.contentGlobalSubtle),offIconColor:e.extend("--ft-toggle-off-icon-color","",f.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-toggle-off-state-layer-color","",f.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-toggle-on-hover-state-layer-opacity","",a.opacity16),onFocusStateLayerOpacity:e.extend("--ft-toggle-on-focus-state-layer-opacity","",a.opacity16),onActiveStateLayerOpacity:e.extend("--ft-toggle-on-active-state-layer-opacity","",a.opacity24),onDisabledComponentOpacity:e.extend("--ft-toggle-on-disabled-component-opacity","",a.opacity40),onBackgroundColor:e.extend("--ft-toggle-on-background-color","",f.contentActionPrimary),onStateLayerColor:e.extend("--ft-toggle-on-state-layer-color","",f.contentActionPrimary),onIconColor:e.extend("--ft-toggle-on-icon-color","",f.contentActionPrimary),color:e.extend("--ft-toggle-color","",f.contentGlobalPrimary),focusFocusRingColor:e.extend("--ft-toggle-focus-focus-ring-color","",f.borderActionFocusRing),gap:e.extend("--ft-toggle-gap","",a.spacing3)};var hg={color:e.extend("--ft-radio-color","",f.contentGlobalPrimary),selectedRadioColor:e.extend("--ft-radio-selected-radio-color","",f.contentActionPrimary),selectedStateLayerColor:e.extend("--ft-radio-selected-state-layer-color","",f.contentActionPrimary),selectedHoverStateLayerOpacity:e.extend("--ft-radio-selected-hover-state-layer-opacity","",a.opacity16),selectedFocusStateLayerOpacity:e.extend("--ft-radio-selected-focus-state-layer-opacity","",a.opacity16),selectedActiveStateLayerOpacity:e.extend("--ft-radio-selected-active-state-layer-opacity","",a.opacity24),selectedDisabledComponentOpacity:e.extend("--ft-radio-selected-disabled-component-opacity","",a.opacity40),unselectedStateLayerColor:e.extend("--ft-radio-unselected-state-layer-color","",f.borderInputPrimary),unselectedBorderColor:e.extend("--ft-radio-unselected-border-color","",f.borderInputPrimary),unselectedHoverStateLayerOpacity:e.extend("--ft-radio-unselected-hover-state-layer-opacity","",a.opacity16),unselectedFocusStateLayerOpacity:e.extend("--ft-radio-unselected-focus-state-layer-opacity","",a.opacity16),unselectedActiveStateLayerOpacity:e.extend("--ft-radio-unselected-active-state-layer-opacity","",a.opacity24),unselectedDisabledComponentOpacity:e.extend("--ft-radio-unselected-disabled-component-opacity","",a.opacity40),focusFocusRingColor:e.extend("--ft-radio-focus-focus-ring-color","",f.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","",a.spacing3)};var Cg={iconSize:e.extend("--ft-notification-icon-size","",a.iconSize4),leftPadding:e.extend("--ft-notification-left-padding","",a.spacing5),rightPadding:e.extend("--ft-notification-right-padding","",a.spacing4),verticalPadding:e.extend("--ft-notification-vertical-padding","",a.spacing3),infoBackgroundColor:e.extend("--ft-notification-info-background-color","",f.backgroundInfoSubtle),infoColor:e.extend("--ft-notification-info-color","",f.contentInfoPrimary),infoIconColor:e.extend("--ft-notification-info-icon-color","",f.contentInfoIconOnly),infoBorderColor:e.extend("--ft-notification-info-border-color","",f.borderInfoSubtle),successBackgroundColor:e.extend("--ft-notification-success-background-color","",f.backgroundSuccessSubtle),successColor:e.extend("--ft-notification-success-color","",f.contentSuccessPrimary),successIconColor:e.extend("--ft-notification-success-icon-color","",f.contentSuccessIconOnly),successBorderColor:e.extend("--ft-notification-success-border-color","",f.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-notification-warning-background-color","",f.backgroundWarningSubtle),warningColor:e.extend("--ft-notification-warning-color","",f.contentWarningPrimary),warningIconColor:e.extend("--ft-notification-warning-icon-color","",f.contentWarningIconOnly),warningBorderColor:e.extend("--ft-notification-warning-border-color","",f.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-notification-error-background-color","",f.backgroundErrorSubtle),errorColor:e.extend("--ft-notification-error-color","",f.contentErrorPrimary),errorIconColor:e.extend("--ft-notification-error-icon-color","",f.contentErrorIconOnly),errorBorderColor:e.extend("--ft-notification-error-border-color","",f.borderErrorSubtle),borderRadius:e.extend("--ft-notification-border-radius","",a.borderRadiusPill),borderWidth:e.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:e.extend("--ft-notification-leading-gap","",a.spacing2),trailingGap:e.extend("--ft-notification-trailing-gap","",a.spacing8)};var Rg={horizontalPadding:e.extend("--ft-tooltip-horizontal-padding","",a.spacing2),verticalPadding:e.extend("--ft-tooltip-vertical-padding","",a.spacing2),borderRadius:e.extend("--ft-tooltip-border-radius","",a.borderRadiusS),color:e.extend("--ft-tooltip-color","",f.contentGlobalOnColor),backgroundColor:e.extend("--ft-tooltip-background-color","",f.contentGlobalPrimary),backgroundOpacity:e.extend("--ft-tooltip-background-opacity","",a.opacity80),shadow:e.extend("--ft-tooltip-shadow","",a.shadowElevation03),maxWidth:e.create("--ft-tooltip-max-width","","SIZE","256px"),gap:e.extend("--ft-tooltip-gap","",a.spacing05)};var Sa;(function(o){o.brand="brand",o.neutral="neutral",o.info="info",o.success="success",o.warning="warning",o.error="error"})(Sa||(Sa={}));var Ca;(function(o){o.large="large",o.medium="medium",o.small="small"})(Ca||(Ca={}));var va=[Na.css`
|
|
578
579
|
:host {
|
|
579
580
|
display: inline-block;
|
|
580
581
|
max-width: 100%;
|
|
@@ -624,7 +625,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
624
625
|
}
|
|
625
626
|
|
|
626
627
|
.ft-button:focus-visible {
|
|
627
|
-
outline-color: ${
|
|
628
|
+
outline-color: ${b.focusFocusRingColor};
|
|
628
629
|
outline-style: solid;
|
|
629
630
|
}
|
|
630
631
|
|
|
@@ -653,146 +654,146 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
653
654
|
/** Primary styles **/
|
|
654
655
|
|
|
655
656
|
.ft-button--primary {
|
|
656
|
-
${(0,
|
|
657
|
+
${(0,R.setVariable)(V.color,b.primaryIconColor)};
|
|
657
658
|
|
|
658
|
-
${(0,
|
|
659
|
-
${(0,
|
|
660
|
-
${(0,
|
|
661
|
-
${(0,
|
|
662
|
-
${(0,
|
|
659
|
+
${(0,R.setVariable)(w.color,b.primaryStateLayerColor)};
|
|
660
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceHover,b.primaryHoverStateLayerOpacity)};
|
|
661
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceFocused,b.primaryFocusStateLayerOpacity)};
|
|
662
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceSelected,b.primaryActiveStateLayerOpacity)};
|
|
663
|
+
${(0,R.setVariable)(w.opacityContentOnSurfacePressed,b.primaryActiveStateLayerOpacity)};
|
|
663
664
|
|
|
664
|
-
background-color: ${
|
|
665
|
-
color: ${
|
|
665
|
+
background-color: ${b.primaryBackgroundColor};
|
|
666
|
+
color: ${b.primaryColor};
|
|
666
667
|
border-style: none;
|
|
667
668
|
}
|
|
668
669
|
|
|
669
670
|
.ft-button--primary[disabled] {
|
|
670
|
-
opacity: ${
|
|
671
|
+
opacity: ${b.primaryDisabledComponentOpacity};
|
|
671
672
|
}
|
|
672
673
|
|
|
673
674
|
.ft-button--primary ft-icon {
|
|
674
|
-
color: ${
|
|
675
|
+
color: ${b.primaryIconColor};
|
|
675
676
|
}
|
|
676
677
|
|
|
677
678
|
/** Secondary styles **/
|
|
678
679
|
|
|
679
680
|
.ft-button--secondary {
|
|
680
|
-
${(0,
|
|
681
|
+
${(0,R.setVariable)(V.color,b.secondaryIconColor)};
|
|
681
682
|
|
|
682
|
-
${(0,
|
|
683
|
-
${(0,
|
|
684
|
-
${(0,
|
|
685
|
-
${(0,
|
|
686
|
-
${(0,
|
|
683
|
+
${(0,R.setVariable)(w.color,b.secondaryStateLayerColor)};
|
|
684
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceHover,b.secondaryHoverStateLayerOpacity)};
|
|
685
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceFocused,b.secondaryFocusStateLayerOpacity)};
|
|
686
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceSelected,b.secondaryActiveStateLayerOpacity)};
|
|
687
|
+
${(0,R.setVariable)(w.opacityContentOnSurfacePressed,b.secondaryActiveStateLayerOpacity)};
|
|
687
688
|
|
|
688
|
-
background-color: ${
|
|
689
|
-
color: ${
|
|
690
|
-
border-color: ${
|
|
689
|
+
background-color: ${b.secondaryBackgroundColor};
|
|
690
|
+
color: ${b.secondaryColor};
|
|
691
|
+
border-color: ${b.secondaryBorderColor};
|
|
691
692
|
border-style: solid;
|
|
692
693
|
}
|
|
693
694
|
|
|
694
695
|
.ft-button--secondary[disabled] {
|
|
695
|
-
opacity: ${
|
|
696
|
+
opacity: ${b.secondaryDisabledComponentOpacity};
|
|
696
697
|
}
|
|
697
698
|
|
|
698
699
|
.ft-button--secondary ft-icon {
|
|
699
|
-
color: ${
|
|
700
|
+
color: ${b.secondaryIconColor};
|
|
700
701
|
}
|
|
701
702
|
|
|
702
703
|
/** Tertiary styles **/
|
|
703
704
|
|
|
704
705
|
.ft-button--tertiary {
|
|
705
|
-
${(0,
|
|
706
|
+
${(0,R.setVariable)(V.color,b.tertiaryIconColor)};
|
|
706
707
|
|
|
707
|
-
${(0,
|
|
708
|
-
${(0,
|
|
709
|
-
${(0,
|
|
710
|
-
${(0,
|
|
711
|
-
${(0,
|
|
708
|
+
${(0,R.setVariable)(w.color,b.tertiaryStateLayerColor)};
|
|
709
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceHover,b.tertiaryHoverStateLayerOpacity)};
|
|
710
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceFocused,b.tertiaryFocusStateLayerOpacity)};
|
|
711
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceSelected,b.tertiaryActiveStateLayerOpacity)};
|
|
712
|
+
${(0,R.setVariable)(w.opacityContentOnSurfacePressed,b.tertiaryActiveStateLayerOpacity)};
|
|
712
713
|
|
|
713
|
-
background-color: ${
|
|
714
|
-
color: ${
|
|
714
|
+
background-color: ${b.tertiaryBackgroundColor};
|
|
715
|
+
color: ${b.tertiaryColor};
|
|
715
716
|
border-style: none;
|
|
716
717
|
}
|
|
717
718
|
|
|
718
719
|
.ft-button--tertiary[disabled] {
|
|
719
|
-
opacity: ${
|
|
720
|
+
opacity: ${b.tertiaryDisabledComponentOpacity};
|
|
720
721
|
}
|
|
721
722
|
|
|
722
723
|
.ft-button--tertiary ft-icon {
|
|
723
|
-
color: ${
|
|
724
|
+
color: ${b.tertiaryIconColor};
|
|
724
725
|
}
|
|
725
726
|
|
|
726
727
|
/** Neutral styles **/
|
|
727
728
|
|
|
728
729
|
.ft-button--neutral {
|
|
729
|
-
${(0,
|
|
730
|
+
${(0,R.setVariable)(V.color,b.neutralIconColor)};
|
|
730
731
|
|
|
731
|
-
${(0,
|
|
732
|
-
${(0,
|
|
733
|
-
${(0,
|
|
734
|
-
${(0,
|
|
735
|
-
${(0,
|
|
732
|
+
${(0,R.setVariable)(w.backgroundColor,b.neutralStateLayerColor)};
|
|
733
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceHover,b.neutralHoverStateLayerOpacity)};
|
|
734
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceFocused,b.neutralFocusStateLayerOpacity)};
|
|
735
|
+
${(0,R.setVariable)(w.opacityContentOnSurfaceSelected,b.neutralActiveStateLayerOpacity)};
|
|
736
|
+
${(0,R.setVariable)(w.opacityContentOnSurfacePressed,b.neutralActiveStateLayerOpacity)};
|
|
736
737
|
|
|
737
|
-
background-color: ${
|
|
738
|
-
color: ${
|
|
738
|
+
background-color: ${b.neutralBackgroundColor};
|
|
739
|
+
color: ${b.neutralColor};
|
|
739
740
|
border-style: none;
|
|
740
741
|
}
|
|
741
742
|
|
|
742
743
|
.ft-button--neutral[disabled] {
|
|
743
|
-
opacity: ${
|
|
744
|
+
opacity: ${b.neutralDisabledComponentOpacity};
|
|
744
745
|
}
|
|
745
746
|
|
|
746
747
|
.ft-button--neutral ft-icon {
|
|
747
|
-
color: ${
|
|
748
|
+
color: ${b.neutralIconColor};
|
|
748
749
|
}
|
|
749
750
|
|
|
750
751
|
/** Large styles **/
|
|
751
752
|
|
|
752
753
|
.ft-button--large {
|
|
753
|
-
${(0,
|
|
754
|
-
${(0,
|
|
754
|
+
${(0,R.setVariable)(Y.size,b.largeIconSize)};
|
|
755
|
+
${(0,R.setVariable)(V.size,b.largeIconSize)};
|
|
755
756
|
|
|
756
|
-
height: ${
|
|
757
|
-
padding: 0 ${
|
|
758
|
-
gap: ${
|
|
759
|
-
border-radius: ${
|
|
760
|
-
border-width: ${
|
|
757
|
+
height: ${b.largeHeight};
|
|
758
|
+
padding: 0 ${b.largeHorizontalPadding};
|
|
759
|
+
gap: ${b.largeGap};
|
|
760
|
+
border-radius: ${b.largeBorderRadius};
|
|
761
|
+
border-width: ${b.largeBorderWidth};
|
|
761
762
|
}
|
|
762
763
|
|
|
763
764
|
.ft-button--large:focus-visible {
|
|
764
|
-
outline-width: ${
|
|
765
|
-
outline-offset: ${
|
|
765
|
+
outline-width: ${b.largeFocusOutlineWidth};
|
|
766
|
+
outline-offset: ${b.largeFocusOutlineOffset};
|
|
766
767
|
}
|
|
767
768
|
|
|
768
769
|
.ft-button--large.ft-button--icon-only {
|
|
769
|
-
width: ${
|
|
770
|
+
width: ${b.largeIconOnlyWidth};
|
|
770
771
|
padding: unset;
|
|
771
772
|
}
|
|
772
773
|
|
|
773
774
|
/** Small styles **/
|
|
774
775
|
|
|
775
776
|
.ft-button--small {
|
|
776
|
-
${(0,
|
|
777
|
-
${(0,
|
|
777
|
+
${(0,R.setVariable)(Y.size,b.smallIconSize)};
|
|
778
|
+
${(0,R.setVariable)(V.size,b.smallIconSize)};
|
|
778
779
|
|
|
779
|
-
height: ${
|
|
780
|
-
padding: 0 ${
|
|
781
|
-
gap: ${
|
|
782
|
-
border-radius: ${
|
|
783
|
-
border-width: ${
|
|
780
|
+
height: ${b.smallHeight};
|
|
781
|
+
padding: 0 ${b.smallHorizontalPadding};
|
|
782
|
+
gap: ${b.smallGap};
|
|
783
|
+
border-radius: ${b.smallBorderRadius};
|
|
784
|
+
border-width: ${b.smallBorderWidth};
|
|
784
785
|
}
|
|
785
786
|
|
|
786
787
|
.ft-button--small:focus-visible {
|
|
787
|
-
outline-width: ${
|
|
788
|
-
outline-offset: ${
|
|
788
|
+
outline-width: ${b.smallFocusOutlineWidth};
|
|
789
|
+
outline-offset: ${b.smallFocusOutlineOffset};
|
|
789
790
|
}
|
|
790
791
|
|
|
791
792
|
.ft-button--small.ft-button--icon-only {
|
|
792
|
-
width: ${
|
|
793
|
+
width: ${b.smallIconOnlyWidth};
|
|
793
794
|
padding: unset;
|
|
794
795
|
}
|
|
795
|
-
`,
|
|
796
|
+
`,R.noTextSelect];var xe=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},st=class extends k{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?Bt.caption1medium:Bt.body2medium}};st.styles=[Ea.safariEllipsisFix,va];xe([(0,oe.property)({type:Boolean})],st.prototype,"primary",void 0);xe([(0,oe.property)({type:Boolean})],st.prototype,"secondary",void 0);xe([(0,oe.property)({type:Boolean})],st.prototype,"tertiary",void 0);xe([(0,oe.property)({type:Boolean})],st.prototype,"neutral",void 0);xe([(0,oe.property)({type:Boolean})],st.prototype,"small",void 0);(0,oo.customElement)("ft-button")(nt);(0,oo.customElement)("ftds-button")(st);var La=O(Ce());var wa=O(T()),it=O(L());var Lt={buttonsColor:it.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",it.designSystemVariables.colorPrimary),buttonsZIndex:it.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:it.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:it.FtCssVariableFactory.external(it.designSystemVariables.colorSurface,"Design system")},Ra=wa.css`
|
|
796
797
|
.ft-snap-scroll {
|
|
797
798
|
box-sizing: border-box;
|
|
798
799
|
position: relative;
|
|
@@ -827,7 +828,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
827
828
|
flex-wrap: nowrap;
|
|
828
829
|
align-items: flex-start;
|
|
829
830
|
justify-content: flex-start;
|
|
830
|
-
gap: ${
|
|
831
|
+
gap: ${Lt.gap};
|
|
831
832
|
}
|
|
832
833
|
|
|
833
834
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -870,11 +871,11 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
870
871
|
.ft-snap-scroll--next {
|
|
871
872
|
position: absolute;
|
|
872
873
|
display: flex;
|
|
873
|
-
z-index: ${
|
|
874
|
+
z-index: ${Lt.buttonsZIndex};
|
|
874
875
|
opacity: 1;
|
|
875
876
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
876
|
-
${(0,
|
|
877
|
-
${(0,
|
|
877
|
+
${(0,it.setVariable)(z.backgroundColor,"transparent")};
|
|
878
|
+
${(0,it.setVariable)(z.color,Lt.buttonsColor)};
|
|
878
879
|
}
|
|
879
880
|
|
|
880
881
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -887,38 +888,38 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
887
888
|
top: 0;
|
|
888
889
|
left: -1px;
|
|
889
890
|
bottom: 0;
|
|
890
|
-
background: linear-gradient(to right, ${
|
|
891
|
+
background: linear-gradient(to right, ${Lt.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
891
892
|
}
|
|
892
893
|
|
|
893
894
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
894
895
|
top: -1px;
|
|
895
896
|
left: 0;
|
|
896
897
|
right: 0;
|
|
897
|
-
background: linear-gradient(to bottom, ${
|
|
898
|
+
background: linear-gradient(to bottom, ${Lt.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
898
899
|
}
|
|
899
900
|
|
|
900
901
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
901
902
|
top: 0;
|
|
902
903
|
right: -1px;
|
|
903
904
|
bottom: 0;
|
|
904
|
-
background: linear-gradient(to left, ${
|
|
905
|
+
background: linear-gradient(to left, ${Lt.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
905
906
|
}
|
|
906
907
|
|
|
907
908
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
908
909
|
left: 0;
|
|
909
910
|
right: 0;
|
|
910
911
|
bottom: -1px;
|
|
911
|
-
background: linear-gradient(to top, ${
|
|
912
|
+
background: linear-gradient(to top, ${Lt.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
912
913
|
}
|
|
913
914
|
|
|
914
915
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
915
916
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
916
917
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
917
918
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
918
|
-
background-color: ${
|
|
919
|
+
background-color: ${Lt.colorSurface};
|
|
919
920
|
}
|
|
920
|
-
`;var
|
|
921
|
-
<div part="container" class="${
|
|
921
|
+
`;var ft=function(o,r,n,c){var l=arguments.length,d=l<3?r:c===null?c=Object.getOwnPropertyDescriptor(r,n):c,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(o,r,n,c);else for(var g=o.length-1;g>=0;g--)(p=o[g])&&(d=(l<3?p(d):l>3?p(r,n,d):p(r,n))||d);return l>3&&d&&Object.defineProperty(r,n,d),d},ro=class extends CustomEvent{constructor(r,n){super("current-element-change",{detail:{index:r,element:n}})}},F=class extends $t.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver(()=>this.scheduleUpdateScroll()),this.scrollDebouncer=new $t.Debouncer(200),this.updateScrollDebouncer=new $t.Debouncer(100)}scrollToIndex(r){this.scrollToElement(this.elements[r])}scrollIndexIntoView(r){let n=this.elements[r];if(n){let c=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,l=this.contentSlot[this.scrollAttribute]+this.prevSize;(n[this.offsetAttribute]<l||n[this.offsetAttribute]+n[this.sizeAttribute]>c)&&this.scrollToElement(n)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){let r=(0,La.classMap)({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":$t.isSafari}),n=this.controls&&this.withScroll;return Ia.html`
|
|
922
|
+
<div part="container" class="${r}">
|
|
922
923
|
<ft-button
|
|
923
924
|
class="ft-snap-scroll--previous"
|
|
924
925
|
part="controls"
|
|
@@ -941,7 +942,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
941
942
|
@click=${this.next}
|
|
942
943
|
></ft-button>
|
|
943
944
|
</div>
|
|
944
|
-
`}update(
|
|
945
|
+
`}update(r){super.update(r),r.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),r.has("currentElement")&&this.dispatchEvent(new ro(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(r){var n;super.contentAvailableCallback(r),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,(n=this.listenedContainer)===null||n===void 0||n.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run(()=>this.snap()),this.scheduleUpdateScroll()}snap(){let r=this.closestElementFromStart();if(r!=null){let n=this.getDistanceFromStart(r);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<n&&(r=this.lastElement),this.scrollToElement(r)}}scrollToElement(r){var n,c;r&&(this.horizontal?(n=this.contentSlot)===null||n===void 0||n.scrollTo({left:this.getOffset(r)-this.controlsSize,behavior:"smooth"}):(c=this.contentSlot)===null||c===void 0||c.scrollTo({top:this.getOffset(r)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(r))}onSlotChange(){var r,n;this.elements=(n=(r=this.contentSlot)===null||r===void 0?void 0:r.assignedElements().map(c=>c))!==null&&n!==void 0?n:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let r=-1;for(let n=0;n<this.elements.length;n++)(r<0||this.getDistanceFromStart(this.elements[n])<this.getDistanceFromStart(this.elements[r]))&&(r=n);return r}scheduleUpdateScroll(){this.updateScrollDebouncer.run(()=>this.updateScroll())}updateScroll(){this.contentSlot!=null?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=this.contentSlot[this.scrollAttribute]===0,this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let r=this.elements[0];return r?r[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(r){return r[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(r){let n=r===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(r)-this.contentSlot[this.scrollAttribute]-n)}};F.elementDefinitions={"ft-button":nt};F.styles=Ra;ft([(0,tt.property)({type:Boolean})],F.prototype,"horizontal",void 0);ft([(0,tt.property)({type:Boolean})],F.prototype,"hideScrollbar",void 0);ft([(0,tt.property)({type:Boolean})],F.prototype,"controls",void 0);ft([(0,tt.property)({type:Boolean})],F.prototype,"limitSize",void 0);ft([(0,tt.state)()],F.prototype,"elements",void 0);ft([(0,tt.state)()],F.prototype,"currentElement",void 0);ft([(0,tt.state)()],F.prototype,"withScroll",void 0);ft([(0,tt.state)()],F.prototype,"startReached",void 0);ft([(0,tt.state)()],F.prototype,"endReached",void 0);ft([(0,tt.query)(".ft-snap-scroll--content")],F.prototype,"contentSlot",void 0);(0,Wa.customElement)("ft-snap-scroll")(F);})();
|
|
945
946
|
/*! Bundled license information:
|
|
946
947
|
|
|
947
948
|
lit-html/lit-html.js:
|