@fluid-topics/ft-base-input 1.3.15 → 1.3.17
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-base-input.light.js +488 -487
- package/build/ft-base-input.min.js +552 -551
- package/build/ft-base-input.styles.js +14 -11
- package/package.json +7 -7
|
@@ -1,302 +1,18 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Zo=/'/g,Ko=/"/g,Xo=/^(?:script|style|textarea|title)$/i,io=e=>(o,...a)=>({_$litType$:e,strings:o,values:a}),qo=io(1),Qo=io(2),Jo=io(3),xe=Symbol.for("lit-noChange"),G=Symbol.for("lit-nothing"),Vo=new WeakMap,Dt=Ut.createTreeWalker(Ut,129);function tr(e,o){if(!no(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Uo!==void 0?Uo.createHTML(o):o}var vn=(e,o)=>{let a=e.length-1,i=[],l,c=o===2?"<svg>":o===3?"<math>":"",d=me;for(let p=0;p<a;p++){let u=e[p],x,v,S=-1,R=0;for(;R<u.length&&(d.lastIndex=R,v=d.exec(u),v!==null);)R=d.lastIndex,d===me?v[1]==="!--"?d=Fo:v[1]!==void 0?d=Mo:v[2]!==void 0?(Xo.test(v[2])&&(l=RegExp("</"+v[2],"g")),d=Gt):v[3]!==void 0&&(d=Gt):d===Gt?v[0]===">"?(d=l??me,S=-1):v[1]===void 0?S=-2:(S=d.lastIndex-v[2].length,x=v[1],d=v[3]===void 0?Gt:v[3]==='"'?Ko:Zo):d===Ko||d===Zo?d=Gt:d===Fo||d===Mo?d=me:(d=Gt,l=void 0);let N=d===Gt&&e[p+1].startsWith("/>")?" ":"";c+=d===me?u+Cn:S>=0?(i.push(x),u.slice(0,S)+jo+u.slice(S)+zt+N):u+zt+(S===-2?p:N)}return[tr(e,c+(e[a]||"<?>")+(o===2?"</svg>":o===3?"</math>":"")),i]},Se=class e{constructor({strings:o,_$litType$:a},i){let l;this.parts=[];let c=0,d=0,p=o.length-1,u=this.parts,[x,v]=vn(o,a);if(this.el=e.createElement(x,i),Dt.currentNode=this.el.content,a===2||a===3){let S=this.el.content.firstChild;S.replaceWith(...S.childNodes)}for(;(l=Dt.nextNode())!==null&&u.length<p;){if(l.nodeType===1){if(l.hasAttributes())for(let S of l.getAttributeNames())if(S.endsWith(jo)){let R=v[d++],N=l.getAttribute(S).split(zt),I=/([.?@])?(.*)/.exec(R);u.push({type:1,index:c,name:I[2],strings:N,ctor:I[1]==="."?to:I[1]==="?"?eo:I[1]==="@"?oo:Jt}),l.removeAttribute(S)}else S.startsWith(zt)&&(u.push({type:6,index:c}),l.removeAttribute(S));if(Xo.test(l.tagName)){let S=l.textContent.split(zt),R=S.length-1;if(R>0){l.textContent=Pe?Pe.emptyScript:"";for(let N=0;N<R;N++)l.append(S[N],We()),Dt.nextNode(),u.push({type:2,index:++c});l.append(S[R],We())}}}else if(l.nodeType===8)if(l.data===Yo)u.push({type:2,index:c});else{let S=-1;for(;(S=l.data.indexOf(zt,S+1))!==-1;)u.push({type:7,index:c}),S+=zt.length-1}c++}}static createElement(o,a){let i=Ut.createElement("template");return i.innerHTML=o,i}};function Qt(e,o,a=e,i){if(o===xe)return o;let l=i!==void 0?a._$Co?.[i]:a._$Cl,c=be(o)?void 0:o._$litDirective$;return l?.constructor!==c&&(l?._$AO?.(!1),c===void 0?l=void 0:(l=new c(e),l._$AT(e,a,i)),i!==void 0?(a._$Co??=[])[i]=l:a._$Cl=l),l!==void 0&&(o=Qt(e,l._$AS(e,o.values),l,i)),o}var Je=class{constructor(o,a){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=a}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:a},parts:i}=this._$AD,l=(o?.creationScope??Ut).importNode(a,!0);Dt.currentNode=l;let c=Dt.nextNode(),d=0,p=0,u=i[0];for(;u!==void 0;){if(d===u.index){let x;u.type===2?x=new He(c,c.nextSibling,this,o):u.type===1?x=new u.ctor(c,u.name,u.strings,this,o):u.type===6&&(x=new ro(c,this,o)),this._$AV.push(x),u=i[++p]}d!==u?.index&&(c=Dt.nextNode(),d++)}return Dt.currentNode=Ut,l}p(o){let a=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,a),a+=i.strings.length-2):i._$AI(o[a])),a++}},He=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,a,i,l){this.type=2,this._$AH=G,this._$AN=void 0,this._$AA=o,this._$AB=a,this._$AM=i,this.options=l,this._$Cv=l?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,a=this._$AM;return a!==void 0&&o?.nodeType===11&&(o=a.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,a=this){o=Qt(this,o,a),be(o)?o===G||o==null||o===""?(this._$AH!==G&&this._$AR(),this._$AH=G):o!==this._$AH&&o!==xe&&this._(o):o._$litType$!==void 0?this.$(o):o.nodeType!==void 0?this.T(o):On(o)?this.k(o):this._(o)}O(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}T(o){this._$AH!==o&&(this._$AR(),this._$AH=this.O(o))}_(o){this._$AH!==G&&be(this._$AH)?this._$AA.nextSibling.data=o:this.T(Ut.createTextNode(o)),this._$AH=o}$(o){let{values:a,_$litType$:i}=o,l=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=Se.createElement(tr(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===l)this._$AH.p(a);else{let c=new Je(l,this),d=c.u(this.options);c.p(a),this.T(d),this._$AH=c}}_$AC(o){let a=Vo.get(o.strings);return a===void 0&&Vo.set(o.strings,a=new Se(o)),a}k(o){no(this._$AH)||(this._$AH=[],this._$AR());let a=this._$AH,i,l=0;for(let c of o)l===a.length?a.push(i=new e(this.O(We()),this.O(We()),this,this.options)):i=a[l],i._$AI(c),l++;l<a.length&&(this._$AR(i&&i._$AB.nextSibling,l),a.length=l)}_$AR(o=this._$AA.nextSibling,a){for(this._$AP?.(!1,!0,a);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},Jt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,a,i,l,c){this.type=1,this._$AH=G,this._$AN=void 0,this.element=o,this.name=a,this._$AM=l,this.options=c,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=G}_$AI(o,a=this,i,l){let c=this.strings,d=!1;if(c===void 0)o=Qt(this,o,a,0),d=!be(o)||o!==this._$AH&&o!==xe,d&&(this._$AH=o);else{let p=o,u,x;for(o=c[0],u=0;u<c.length-1;u++)x=Qt(this,p[i+u],a,u),x===xe&&(x=this._$AH[u]),d||=!be(x)||x!==this._$AH[u],x===G?o=G:o!==G&&(o+=(x??"")+c[u+1]),this._$AH[u]=x}d&&!l&&this.j(o)}j(o){o===G?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},to=class extends Jt{constructor(){super(...arguments),this.type=3}j(o){this.element[this.name]=o===G?void 0:o}},eo=class extends Jt{constructor(){super(...arguments),this.type=4}j(o){this.element.toggleAttribute(this.name,!!o&&o!==G)}},oo=class extends Jt{constructor(o,a,i,l,c){super(o,a,i,l,c),this.type=5}_$AI(o,a=this){if((o=Qt(this,o,a,0)??G)===xe)return;let i=this._$AH,l=o===G&&i!==G||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,c=o!==G&&(i===G||l);l&&this.element.removeEventListener(this.name,this,i),c&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},ro=class{constructor(o,a,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=a,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){Qt(this,o)}};var wn=ao.litHtmlPolyfillSupport;wn?.(Se,He),(ao.litHtmlVersions??=[]).push("3.3.0");var er=e=>e??G;var ft=m(E());var or=m(W()),g=m(E()),so=g.FtCssVariableFactory.create("--ftds-base-input-border-radius","","SIZE",g.textInput.borderRadius),lo=g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-right","",so),co=g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-left","",so),C={defaultInputFontSize:g.FtCssVariableFactory.create("--ftds-base-input-default-input-font-size","","SIZE",g.typographyBody2Medium.fontSize),defaultInputLineHeight:g.FtCssVariableFactory.create("--ftds-base-input-default-input-line-height","","NUMBER",g.typographyBody2Medium.lineHeight),labelColor:g.FtCssVariableFactory.create("--ftds-base-input-label-color","","COLOR",g.textInput.labelColor),largeFieldHeight:g.FtCssVariableFactory.create("--ftds-base-input-large-field-height","","SIZE",g.textInput.largeFieldHeight),largeFieldVerticalGap:g.FtCssVariableFactory.create("--ftds-base-input-large-field-vertical-gap","","SIZE",g.textInput.largeFieldVerticalGap),largeFieldHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-large-field-horizontal-gap","","SIZE",g.textInput.largeFieldHorizontalGap),largeFieldHorizontalPadding:g.FtCssVariableFactory.create("--ftds-base-input-large-field-horizontal-padding","","SIZE",g.textInput.largeFieldHorizontalPadding),largeFieldIconSize:g.FtCssVariableFactory.create("--ftds-base-input-large-icon-size","","SIZE",g.textInput.largeFieldIconSize),mediumFieldHeight:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-height","","SIZE",g.textInput.mediumFieldHeight),mediumFieldVerticalGap:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-vertical-gap","","SIZE",g.textInput.mediumFieldVerticalGap),mediumFieldHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-horizontal-gap","","SIZE",g.textInput.mediumFieldHorizontalGap),mediumFieldHorizontalPadding:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-horizontal-padding","","SIZE",g.textInput.mediumFieldHorizontalPadding),mediumFieldIconSize:g.FtCssVariableFactory.create("--ftds-base-input-medium-icon-size","","SIZE",g.textInput.mediumFieldIconSize),disabledComponentOpacity:g.FtCssVariableFactory.create("--ftds-base-input-disabled-component-opacity","","NUMBER",g.textInput.disabledComponentOpacity),defaultBorderWidth:g.FtCssVariableFactory.create("--ftds-base-input-default-border-width","","SIZE",g.textInput.defaultBorderWidth),defaultBorderColor:g.FtCssVariableFactory.create("--ftds-base-input-default-border-color","","COLOR",g.textInput.defaultBorderColor),errorBorderWidth:g.FtCssVariableFactory.create("--ftds-base-input-error-border-width","","SIZE",g.textInput.errorBorderWidth),errorBorderColor:g.FtCssVariableFactory.create("--ftds-base-input-error-border-color","","COLOR",g.textInput.errorBorderColor),warningBorderWidth:g.FtCssVariableFactory.create("--ftds-base-input-warning-border-width","","SIZE",g.textInput.warningBorderWidth),warningBorderColor:g.FtCssVariableFactory.create("--ftds-base-input-warning-border-color","","COLOR",g.textInput.warningBorderColor),borderRadius:so,borderRadiusRight:lo,borderRadiusLeft:co,borderRadiusTopRight:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-top-right","",lo),borderRadiusBottomRight:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-bottom-right","",lo),borderRadiusTopLeft:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-top-left","",co),borderRadiusBottomLeft:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-bottom-left","",co),focusOutlineOffset:g.FtCssVariableFactory.create("--ftds-base-input-focus-outline-offset","","SIZE",g.textInput.focusOutlineOffset),focusOutlineWidth:g.FtCssVariableFactory.create("--ftds-base-input-focus-outline-width","","SIZE",g.textInput.focusOutlineWidth),focusFocusRingColor:g.FtCssVariableFactory.create("--ftds-base-input-focus-ring-color","","COLOR",g.textInput.focusFocusRingColor),appendIconColor:g.FtCssVariableFactory.create("--ftds-base-input-append-icon-color","","COLOR",g.textInput.trailingIconColor),prependIconColor:g.FtCssVariableFactory.create("--ftds-base-input-prepend-icon-color","","COLOR",g.textInput.trailingIconColor),appendIconScale:g.FtCssVariableFactory.create("--ftds-base-input-append-icon-scale","","NUMBER","1.5"),prependIconScale:g.FtCssVariableFactory.create("--ftds-base-input-prepend-icon-scale","","NUMBER","1.5"),helperHorizontalPadding:g.FtCssVariableFactory.create("--ftds-base-input-helper-horizontal-padding","","COLOR",g.textInput.helperHorizontalPadding),helperHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-helper-horizontal-gap","","COLOR",g.textInput.helperHorizontalGap),helperIconSize:g.FtCssVariableFactory.create("--ftds-base-input-helper-icon-size","","COLOR",g.textInput.helperIconSize),helperIconHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-helper-horizontal-gap","","COLOR",g.textInput.helperHorizontalGap),defaultHelperTextColor:g.FtCssVariableFactory.create("--ftds-base-input-helper-default-helper-text","","COLOR",g.textInput.defaultHelperTextColor),errorHelperIconColor:g.FtCssVariableFactory.create("--ftds-base-input-helper-error-helper-icon-color","","COLOR",g.textInput.errorHelperIconColor),warningHelperIconColor:g.FtCssVariableFactory.create("--ftds-base-input-helper-warning-helper-icon-color","","COLOR",g.textInput.warningHelperIconColor)},rr=or.css`
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
slot::slotted(*:focus) {
|
|
18
|
-
outline: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
slot:not([name])::slotted(*) { /* all elements inside of the default slot, in which will be the actual input */
|
|
22
|
-
font-size: ${C.defaultInputFontSize};
|
|
23
|
-
line-height: ${C.defaultInputLineHeight};
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.ftds-input {
|
|
27
|
-
display: flex;
|
|
28
|
-
width: 100%;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
align-items: stretch;
|
|
31
|
-
position: relative;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.ftds-input.ftds--size-large {
|
|
35
|
-
--field-height: ${C.largeFieldHeight};
|
|
36
|
-
--field-vertical-gap: ${C.largeFieldVerticalGap};
|
|
37
|
-
--field-horizontal-gap: ${C.largeFieldHorizontalGap};
|
|
38
|
-
--field-horizontal-padding: ${C.largeFieldHorizontalPadding};
|
|
39
|
-
--icon-size: ${C.largeFieldIconSize};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.ftds-input.ftds--size-medium {
|
|
43
|
-
--field-height: ${C.mediumFieldHeight};
|
|
44
|
-
--field-vertical-gap: ${C.mediumFieldVerticalGap};
|
|
45
|
-
--field-horizontal-gap: ${C.mediumFieldHorizontalGap};
|
|
46
|
-
--field-horizontal-padding: ${C.mediumFieldHorizontalPadding};
|
|
47
|
-
--icon-size: ${C.mediumFieldIconSize};
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.ftds-input.disabled {
|
|
51
|
-
opacity: ${C.disabledComponentOpacity};
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.inside-structure {
|
|
55
|
-
width: 100%;
|
|
56
|
-
box-sizing: border-box;
|
|
57
|
-
height: var(--field-height);
|
|
58
|
-
font-size: ${C.defaultInputFontSize};
|
|
59
|
-
line-height: ${C.defaultInputLineHeight};
|
|
60
|
-
border: ${C.defaultBorderWidth} solid ${C.defaultBorderColor};
|
|
61
|
-
border-top-left-radius: ${C.borderRadiusTopLeft};
|
|
62
|
-
border-bottom-left-radius: ${C.borderRadiusBottomLeft};
|
|
63
|
-
border-top-right-radius: ${C.borderRadiusTopRight};
|
|
64
|
-
border-bottom-right-radius: ${C.borderRadiusBottomRight};
|
|
65
|
-
--current-border-width: ${C.defaultBorderWidth};
|
|
66
|
-
outline-offset: calc(${C.focusOutlineOffset} - ${C.defaultBorderWidth});
|
|
67
|
-
|
|
68
|
-
--typo-caption-height: calc(${g.typographyCaption2Medium.lineHeight} * ${g.typographyCaption2Medium.fontSize});
|
|
69
|
-
--typo-body-height: calc(${C.defaultInputLineHeight} * ${C.defaultInputFontSize});
|
|
70
|
-
--caption-label-and-value-combined-height: calc(var(--field-vertical-gap) + var(--typo-caption-height) + var(--typo-body-height));
|
|
71
|
-
|
|
72
|
-
--input-content-vertical-padding: calc((var(--field-height) - var(--caption-label-and-value-combined-height)) / 2);
|
|
73
|
-
--value-padding-bottom: calc(var(--input-content-vertical-padding) - var(--current-border-width));
|
|
74
|
-
--value-padding-top: calc(var(--input-content-vertical-padding) + var(--field-vertical-gap) + var(--typo-caption-height) - var(--current-border-width));
|
|
75
|
-
padding: var(--value-padding-top) var(--field-horizontal-padding) var(--value-padding-bottom);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.ftds-input.no-label .inside-structure {
|
|
79
|
-
--value-padding-bottom: calc(((var(--field-height) - var(--typo-body-height)) / 2) - var(--current-border-width));
|
|
80
|
-
--value-padding-top: calc(((var(--field-height) - var(--typo-body-height)) / 2) - var(--current-border-width));
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.ftds-input.with-prepend-icon .inside-structure {
|
|
84
|
-
padding-left: calc(var(--icon-size) + var(--field-horizontal-padding) + var(--field-horizontal-gap));
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.ftds-input.with-append-icon .inside-structure {
|
|
88
|
-
padding-right: calc(var(--icon-size) + var(--field-horizontal-padding) + var(--field-horizontal-gap));
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.ftds-input.error .inside-structure {
|
|
92
|
-
border: ${C.errorBorderWidth} solid ${C.errorBorderColor};
|
|
93
|
-
--current-border-width: ${C.errorBorderWidth};
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.ftds-input.warning .inside-structure {
|
|
97
|
-
border: ${C.warningBorderWidth} solid ${C.warningBorderColor};
|
|
98
|
-
--current-border-width: ${C.warningBorderWidth};
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.ftds-input.focused .inside-structure {
|
|
102
|
-
outline: ${C.focusOutlineWidth} solid ${C.focusFocusRingColor};
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.inside-structure .inside-structure--icon {
|
|
106
|
-
position: absolute;
|
|
107
|
-
top: calc((var(--field-height) - var(--icon-size)) / 2);
|
|
108
|
-
height: var(--icon-size);
|
|
109
|
-
display: flex;
|
|
110
|
-
align-items: center;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.inside-structure .inside-structure--icon.append {
|
|
114
|
-
right: var(--field-horizontal-padding);
|
|
115
|
-
color: ${C.appendIconColor};
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.inside-structure .inside-structure--icon.append ftds-button {
|
|
119
|
-
--ft-button-icon-only-scale: ${C.appendIconScale};
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.inside-structure .inside-structure--icon.prepend {
|
|
123
|
-
left: var(--field-horizontal-padding);
|
|
124
|
-
color: ${C.prependIconColor};
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.inside-structure .inside-structure--icon.prepend ftds-button {
|
|
128
|
-
--ft-button-icon-only-scale: ${C.prependIconScale};
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.inside-structure .inside-structure--icon.append button {
|
|
132
|
-
color: ${C.appendIconColor};
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.inside-structure .inside-structure--icon.prepend button {
|
|
136
|
-
color: ${C.prependIconColor};
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.inside-structure .inside-structure--icon button {
|
|
140
|
-
border: none;
|
|
141
|
-
padding: 0;
|
|
142
|
-
background: none;
|
|
143
|
-
cursor: pointer;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.inside-structure .inside-structure--icon button:focus-visible {
|
|
147
|
-
outline: ${C.focusOutlineWidth} solid ${C.focusFocusRingColor};
|
|
148
|
-
border-radius: ${C.borderRadius};
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
ftds-input-label {
|
|
152
|
-
--ft-input-label-color: ${C.labelColor};
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.ftds-input.with-prepend-icon ftds-input-label {
|
|
156
|
-
--ft-input-label-additional-padding-left: calc(var(--icon-size) + var(--field-horizontal-gap));
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.ftds-input.with-append-icon ftds-input-label {
|
|
160
|
-
--ft-input-label-additional-padding-right: calc(var(--icon-size) + var(--field-horizontal-gap));
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
ftds-input-helper-text {
|
|
164
|
-
margin-top: ${C.helperHorizontalGap};
|
|
165
|
-
padding-left: ${C.helperHorizontalPadding};
|
|
166
|
-
--ftds-helper-text-icon-size: ${C.helperIconSize};
|
|
167
|
-
--ftds-helper-text-icon-horizontal-gap: ${C.helperIconHorizontalGap};
|
|
168
|
-
--ftds-helper-text-color: ${C.defaultHelperTextColor};
|
|
169
|
-
--ftds-helper-text-error-icon-color: ${C.errorHelperIconColor};
|
|
170
|
-
--ftds-helper-text-warning-icon-color: ${C.warningHelperIconColor};
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
`;var aa=m(E());var Ge=m(W()),we=m(dt()),wt=m(E());var Wr=m(W());var Ot=m(W(),1),Pt=e=>typeof e=="string"?(0,Ot.unsafeCSS)(e):e,t=class{static create(o,a,i,l){let c=p=>Pt(p??l),d=Ot.css`var(${Pt(o)}, ${c(l)})`;return d.name=o,d.description=a,d.category=i,d.defaultValue=l,d.defaultCssValue=c,d.set=p=>ar(d,p??c(l)),d.get=p=>Ot.css`var(${Pt(o)}, ${c(p)})`,d.breadcrumb=()=>[],d.lastResortDefaultValue=()=>l,d}static extend(o,a,i,l){let c=p=>i.get(p??l),d=Ot.css`var(${Pt(o)}, ${c(l)})`;return d.name=o,d.description=a,d.category=i.category,d.fallbackVariable=i,d.defaultValue=l,d.defaultCssValue=c,d.set=p=>ar(d,p??c(l)),d.get=p=>Ot.css`var(${Pt(o)}, ${c(p)})`,d.breadcrumb=()=>[i.name,...i.breadcrumb()],d.lastResortDefaultValue=()=>l??i.lastResortDefaultValue(),d}static external(o,a){let i=c=>o.defaultCssValue(c),l=Ot.css`var(${Pt(o.name)}, ${i(o.defaultValue)})`;return l.name=o.name,l.category=o.category,l.fallbackVariable=o.fallbackVariable,l.defaultValue=o.defaultValue,l.context=a,l.defaultCssValue=i,l.set=c=>o.set(c),l.get=c=>Ot.css`var(${Pt(o.name)}, ${i(c)})`,l.breadcrumb=()=>o.breadcrumb(),l.lastResortDefaultValue=()=>o.lastResortDefaultValue(),l}};function ar(e,o){return Pt(`${e.name}: ${o}`)}var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(0.25rem*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(0.25rem*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(0.25rem*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(0.25rem*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(0.25rem*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(0.25rem*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(0.25rem*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(0.25rem*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(0.25rem*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(0.25rem*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(0.25rem*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(0.25rem*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(0.25rem*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(0.25rem*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity12:t.create("--ft-opacity-12","","NUMBER","0.12"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:t.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:t.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:t.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:t.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:t.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:t.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:t.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:t.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:t.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:t.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},nr={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","1.2"),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")},ir={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","1.2"),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")},lr={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","1.2"),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")},cr={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","1.2"),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")},dr={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","1.35"),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")},sr={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","1.35"),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")},pr={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","1.35"),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")},fr={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","1.35"),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")},te={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","1.35"),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")},Nn={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","1.35"),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")},ur={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","1.35"),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")},gr={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")},yr={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")},hr={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")},mr={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")},br={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")},xr={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")},Sr={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","1.3"),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")},Cr={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","1.3"),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")},Or={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","1.3"),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")},Ft={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","1.3"),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")},vr={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","1.3"),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")},wr={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","1.3"),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")},Nr={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","1.3"),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")},Er={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","1.3"),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")},Rr={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","1.3"),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")},ke={display:nr,"title-1":ir,"title-2":lr,"title-3":cr,"body-1-regular":dr,"body-1-medium":sr,"body-1-semibold":pr,"body-2-regular":fr,"body-2-medium":te,"body-2-medium-underline":Nn,"body-2-semibold":ur,"label-1-medium":gr,"label-1-semibold":yr,"label-1-bold":hr,"label-2-medium":mr,"label-2-semibold":br,"label-2-bold":xr,"caption-1-medium":Sr,"caption-1-semibold":Cr,"caption-1-bold":Or,"caption-2-medium":Ft,"caption-2-semibold":vr,"caption-2-bold":wr,"caption-3-medium":Nr,"caption-3-semibold":Er,"caption-3-bold":Rr};var n={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",r.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",r.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",r.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",r.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",r.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",r.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",r.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",r.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",r.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",r.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",r.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",r.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",r.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",r.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",r.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",r.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",r.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",r.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
174
|
-
Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",r.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",r.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",r.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",r.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",r.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",r.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",r.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",r.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",r.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",r.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",r.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",r.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",r.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",r.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",r.colorGray80),borderNeutralPrimary:t.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",r.colorGray200)};var s={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",r.spacing4),largeGap:t.extend("--ft-button-large-gap","",r.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",r.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",r.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",r.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",r.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",r.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",r.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",r.spacing2),smallGap:t.extend("--ft-button-small-gap","",r.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",r.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",r.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",r.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",r.borderRadiusPill),primaryBrandBackgroundColor:t.extend("--ft-button-primary-brand-background-color","",n.backgroundActionPrimary),primaryBrandColor:t.extend("--ft-button-primary-brand-color","",n.contentGlobalOnColor),primaryBrandIconColor:t.extend("--ft-button-primary-brand-icon-color","",n.contentGlobalOnColor),primaryBrandStateLayerColor:t.extend("--ft-button-primary-brand-state-layer-color","",n.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:t.extend("--ft-button-primary-brand-hover-state-layer-opacity","",r.opacity16),primaryBrandFocusStateLayerOpacity:t.extend("--ft-button-primary-brand-focus-state-layer-opacity","",r.opacity16),primaryBrandActiveStateLayerOpacity:t.extend("--ft-button-primary-brand-active-state-layer-opacity","",r.opacity24),primaryBrandDisabledComponentOpacity:t.extend("--ft-button-primary-brand-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",n.borderActionFocusRing),tertiaryBrandBackgroundColor:t.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:t.extend("--ft-button-tertiary-brand-color","",n.contentActionPrimary),tertiaryBrandIconColor:t.extend("--ft-button-tertiary-brand-icon-color","",n.contentActionPrimary),tertiaryBrandStateLayerColor:t.extend("--ft-button-tertiary-brand-state-layer-color","",n.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:t.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",r.opacity8),tertiaryBrandFocusStateLayerOpacity:t.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",r.opacity8),tertiaryBrandActiveStateLayerOpacity:t.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",r.opacity16),tertiaryBrandDisabledComponentOpacity:t.extend("--ft-button-tertiary-brand-disabled-component-opacity","",r.opacity40),tertiaryInfoBackgroundColor:t.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:t.extend("--ft-button-tertiary-info-color","",n.contentInfoPrimary),tertiaryInfoIconColor:t.extend("--ft-button-tertiary-info-icon-color","",n.contentInfoPrimary),tertiaryInfoStateLayerColor:t.extend("--ft-button-tertiary-info-state-layer-color","",n.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:t.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",r.opacity8),tertiaryInfoHoverStateLayerOpacity:t.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",r.opacity8),tertiaryInfoActiveStateLayerOpacity:t.extend("--ft-button-tertiary-info-active-state-layer-opacity","",r.opacity16),tertiaryInfoDisabledComponentOpacity:t.extend("--ft-button-tertiary-info-disabled-component-opacity","",r.opacity40),tertiarySuccessBackgroundColor:t.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:t.extend("--ft-button-tertiary-success-color","",n.contentSuccessPrimary),tertiarySuccessIconColor:t.extend("--ft-button-tertiary-success-icon-color","",n.contentSuccessPrimary),tertiarySuccessStateLayerColor:t.extend("--ft-button-tertiary-success-state-layer-color","",n.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:t.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",r.opacity8),tertiarySuccessFocusStateLayerOpacity:t.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",r.opacity8),tertiarySuccessActiveStateLayerOpacity:t.extend("--ft-button-tertiary-success-active-state-layer-opacity","",r.opacity16),tertiarySuccessDisabledComponentOpacity:t.extend("--ft-button-tertiary-success-disabled-component-opacity","",r.opacity40),tertiaryWarningBackgroundColor:t.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:t.extend("--ft-button-tertiary-warning-color","",n.contentWarningPrimary),tertiaryWarningIconColor:t.extend("--ft-button-tertiary-warning-icon-color","",n.contentWarningPrimary),tertiaryWarningStateLayerColor:t.extend("--ft-button-tertiary-warning-state-layer-color","",n.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:t.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",r.opacity8),tertiaryWarningFocusStateLayerOpacity:t.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",r.opacity8),tertiaryWarningActiveStateLayerOpacity:t.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",r.opacity16),tertiaryWarningDisabledComponentOpacity:t.extend("--ft-button-tertiary-warning-disabled-component-opacity","",r.opacity40),tertiaryErrorBackgroundColor:t.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:t.extend("--ft-button-tertiary-error-color","",n.contentErrorPrimary),tertiaryErrorIconColor:t.extend("--ft-button-tertiary-error-icon-color","",n.contentErrorPrimary),tertiaryErrorStateLayerColor:t.extend("--ft-button-tertiary-error-state-layer-color","",n.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:t.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",r.opacity8),tertiaryErrorFocusStateLayerOpacity:t.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",r.opacity8),tertiaryErrorActiveStateLayerOpacity:t.extend("--ft-button-tertiary-error-active-state-layer-opacity","",r.opacity16),tertiaryErrorDisabledComponentOpacity:t.extend("--ft-button-tertiary-error-disabled-component-opacity","",r.opacity40),tertiaryNeutralBackgroundColor:t.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:t.extend("--ft-button-tertiary-neutral-icon-color","",n.contentGlobalSecondary),tertiaryNeutralColor:t.extend("--ft-button-tertiary-neutral-color","",n.contentGlobalSecondary),tertiaryNeutralStateLayerColor:t.extend("--ft-button-tertiary-neutral-state-layer-color","",n.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",r.opacity8),tertiaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",r.opacity8),tertiaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",r.opacity16),tertiaryNeutralDisabledComponentOpacity:t.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",r.opacity40),secondaryBrandBackgroundColor:t.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:t.extend("--ft-button-secondary-brand-color","",n.contentActionPrimary),secondaryBrandIconColor:t.extend("--ft-button-secondary-brand-icon-color","",n.contentActionPrimary),secondaryBrandStateLayerColor:t.extend("--ft-button-secondary-brand-state-layer-color","",n.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:t.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",r.opacity8),secondaryBrandFocusStateLayerOpacity:t.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",r.opacity8),secondaryBrandActiveStateLayerOpacity:t.extend("--ft-button-secondary-brand-active-state-layer-opacity","",r.opacity16),secondaryBrandDisabledComponentOpacity:t.extend("--ft-button-secondary-brand-disabled-component-opacity","",r.opacity40),secondaryBrandBorderColor:t.extend("--ft-button-secondary-brand-border-color","",n.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",r.opacity8),secondaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",r.opacity8),secondaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",r.opacity16),secondaryNeutralDisabledComponentOpacity:t.extend("--ft-button-secondary-neutral-disabled-component-opacity","",r.opacity40),secondaryNeutralBackgroundColor:t.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:t.extend("--ft-button-secondary-neutral-color","",n.contentGlobalSecondary),secondaryNeutralIconColor:t.extend("--ft-button-secondary-neutral-icon-color","",n.contentGlobalSecondary),secondaryNeutralStateLayerColor:t.extend("--ft-button-secondary-neutral-state-layer-color","",n.contentGlobalSecondary),secondaryNeutralBorderColor:t.extend("--ft-button-secondary-neutral-border-color","",n.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:t.extend("--ft-button-secondary-info-hover-state-layer-opacity","",r.opacity8),secondaryInfoFocusStateLayerOpacity:t.extend("--ft-button-secondary-info-focus-state-layer-opacity","",r.opacity8),secondaryInfoActiveStateLayerOpacity:t.extend("--ft-button-secondary-info-active-state-layer-opacity","",r.opacity16),secondaryInfoDisabledComponentOpacity:t.extend("--ft-button-secondary-info-disabled-component-opacity","",r.opacity40),secondaryInfoBackgroundColor:t.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:t.extend("--ft-button-secondary-info-border-color","",n.borderInfoPrimary),secondaryInfoColor:t.extend("--ft-button-secondary-info-color","",n.contentInfoPrimary),secondaryInfoIconColor:t.extend("--ft-button-secondary-info-icon-color","",n.contentInfoPrimary),secondaryInfoStateLayerColor:t.extend("--ft-button-secondary-info-state-layer-color","",n.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:t.extend("--ft-button-secondary-success-hover-state-layer-opacity","",r.opacity8),secondarySuccessFocusStateLayerOpacity:t.extend("--ft-button-secondary-success-focus-state-layer-opacity","",r.opacity8),secondarySuccessActiveStateLayerOpacity:t.extend("--ft-button-secondary-success-active-state-layer-opacity","",r.opacity16),secondarySuccessDisabledComponentOpacity:t.extend("--ft-button-secondary-success-disabled-component-opacity","",r.opacity40),secondarySuccessBackgroundColor:t.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:t.extend("--ft-button-secondary-success-border-color","",n.borderSuccessPrimary),secondarySuccessColor:t.extend("--ft-button-secondary-success-color","",n.contentSuccessPrimary),secondarySuccessIconColor:t.extend("--ft-button-secondary-success-icon-color","",n.contentSuccessPrimary),secondarySuccessStateLayerColor:t.extend("--ft-button-secondary-success-state-layer-color","",n.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:t.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",r.opacity8),secondaryWarningFocusStateLayerOpacity:t.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",r.opacity8),secondaryWarningActiveStateLayerOpacity:t.extend("--ft-button-secondary-warning-active-state-layer-opacity","",r.opacity16),secondaryWarningDisabledComponentOpacity:t.extend("--ft-button-secondary-warning-disabled-component-opacity","",r.opacity40),secondaryWarningBackgroundColor:t.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:t.extend("--ft-button-secondary-warning-border-color","",n.borderWarningPrimary),secondaryWarningColor:t.extend("--ft-button-secondary-warning-color","",n.contentWarningPrimary),secondaryWarningIconColor:t.extend("--ft-button-secondary-warning-icon-color","",n.contentWarningPrimary),secondaryWarningStateLayerColor:t.extend("--ft-button-secondary-warning-state-layer-color","",n.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:t.extend("--ft-button-secondary-error-hover-state-layer-opacity","",r.opacity8),secondaryErrorFocusStateLayerOpacity:t.extend("--ft-button-secondary-error-focus-state-layer-opacity","",r.opacity8),secondaryErrorActiveStateLayerOpacity:t.extend("--ft-button-secondary-error-active-state-layer-opacity","",r.opacity16),secondaryErrorDisabledComponentOpacity:t.extend("--ft-button-secondary-error-disabled-component-opacity","",r.opacity40),secondaryErrorBackgroundColor:t.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:t.extend("--ft-button-secondary-error-border-color","",n.contentErrorPrimary),secondaryErrorColor:t.extend("--ft-button-secondary-error-color","",n.contentErrorPrimary),secondaryErrorIconColor:t.extend("--ft-button-secondary-error-icon-color","",n.contentErrorPrimary),secondaryErrorStateLayerColor:t.extend("--ft-button-secondary-error-state-layer-color","",n.contentErrorPrimary)};var Oi={iconSize:t.extend("--ft-checkbox-icon-size","",r.iconSize2),boxSize:t.create("--ft-checkbox-box-size","","SIZE","18px"),colorLegendSize:t.create("--ft-checkbox-color-legend-size","","SIZE","16px"),borderRadius:t.create("--ft-checkbox-border-radius","","SIZE","1px"),color:t.extend("--ft-checkbox-color","",n.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",n.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",n.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",n.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",r.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",r.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",r.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",r.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",r.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",r.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",r.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",r.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",r.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),borderWidth:t.create("--ft-checkbox-border-width","","SIZE","2px"),horizontalGap:t.extend("--ft-checkbox-horizontal-gap","",r.spacing3),leftPadding:t.extend("--ft-checkbox-left-padding","",r.spacing2)};var Ri={headerRowBorderWidth:t.create("--ft-table-header-row-border-width","","SIZE","1px"),headerRowBackgroundColor:t.extend("--ft-table-header-row-background-color","",n.backgroundGlobalOnSurfaceDark),headerRowBorderColor:t.extend("--ft-table-header-row-border-color","",n.borderGlobalPrimary),headerRowColor:t.extend("--ft-table-header-row-color","",n.contentGlobalPrimary),dataRowBorderWidth:t.create("--ft-table-data-row-border-width","","SIZE","1px"),dataRowBackgroundColor:t.extend("--ft-table-data-row-background-color","",n.backgroundGlobalOnSurface),dataRowBorderColor:t.extend("--ft-table-data-row-border-color","",n.borderGlobalSubtle),dataRowColor:t.extend("--ft-table-data-row-color","",n.contentGlobalSecondary),dataRowDefaultHoverBackgroundColor:t.extend("--ft-table-data-row-default-hover-background-color","",r.colorGray20),dataRowSelectableUnselectedHoverBackgroundColor:t.extend("--ft-table-data-row-selectable-unselected-hover-background-color","",r.colorGray20),dataRowSelectableSelectedDefaultBackgroundColor:t.extend("--ft-table-data-row-selectable-selected-default-background-color","",r.colorBrand10),dataRowSelectableSelectedDefaultBorderColor:t.extend("--ft-table-data-row-selectable-selected-default-border-color","",r.colorBrand20),dataRowSelectableSelectedHoverBackgroundColor:t.extend("--ft-table-data-row-selectable-selected-hover-background-color","",r.colorBrand20),dataRowSelectableSelectedHoverBorderColor:t.extend("--ft-table-data-row-selectable-selected-hover-border-color","",r.colorBrand30),dataRowSelectableSelectedColor:t.extend("--ft-table-data-row-selectable-selected-color","",n.contentActionPrimary),dataRowClickableHoverBackgroundColor:t.extend("--ft-table-data-row-clickable-hover-background-color","",r.colorGray30),dataRowClickableFocusBorderColor:t.extend("--ft-table-data-row-clickable-focus-border-color","",n.borderActionFocusRing),dataRowClickableFocusBackgroundColor:t.extend("--ft-table-data-row-clickable-focus-background-color","",r.colorGray30),dataRowClickableActiveBackgroundColor:t.extend("--ft-table-data-row-clickable-active-background-color","",r.colorGray40),headerCellHorizontalGap:t.extend("--ft-table-header-cell-horizontal-gap","",r.spacing1),headerCellVerticalPadding:t.extend("--ft-table-header-cell-vertical-padding","",r.spacing2),headerCellHorizontalPadding:t.extend("--ft-table-header-cell-horizontal-padding","",r.spacing3),dataCellVerticalPadding:t.extend("--ft-table-data-cell-vertical-padding","",r.spacing2),dataCellHorizontalPadding:t.extend("--ft-table-data-cell-horizontal-padding","",r.spacing3),dataCellVerticalGap:t.extend("--ft-table-data-cell-vertical-gap","",r.spacing1)};var Bi={neutralOffHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",r.opacity8),neutralOffFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",r.opacity8),neutralOffFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",n.borderActionFocusRing),neutralOffActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",r.opacity16),neutralOffBackgroundColor:t.extend("--ft-chip-choice-neutral-off-background-color","",n.backgroundGlobalOnSurface),neutralOffBorderColor:t.extend("--ft-chip-choice-neutral-off-border-color","",n.borderGlobalPrimary),neutralOffColor:t.extend("--ft-chip-choice-neutral-off-color","",n.contentGlobalSecondary),neutralOffStateLayerColor:t.extend("--ft-chip-choice-neutral-off-state-layer-color","",n.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",r.opacity16),neutralOnHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",r.opacity24),neutralOnFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",r.opacity24),neutralOnFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",n.borderActionFocusRing),neutralOnActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",r.opacity32),neutralOnBackgroundColor:t.extend("--ft-chip-choice-neutral-on-background-color","",n.backgroundGlobalOnSurface),neutralOnBorderColor:t.extend("--ft-chip-choice-neutral-on-border-color","",n.borderGlobalPrimary),neutralOnColor:t.extend("--ft-chip-choice-neutral-on-color","",n.contentGlobalPrimary),neutralOnIconColor:t.extend("--ft-chip-choice-neutral-on-icon-color","",n.contentGlobalPrimary),neutralOnStateLayerColor:t.extend("--ft-chip-choice-neutral-on-state-layer-color","",n.contentGlobalPrimary),largeMinHeight:t.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-choice-large-horizontal-padding","",r.spacing3),largeGap:t.extend("--ft-chip-choice-large-gap","",r.spacing1),largeBorderRadius:t.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-choice-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-choice-medium-horizontal-padding","",r.spacing2),mediumGap:t.extend("--ft-chip-choice-medium-gap","",r.spacing1),mediumBorderRadius:t.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-choice-medium-icon-size","",r.iconSize2)};var ki={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",r.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",r.spacing1),largeGap:t.extend("--ft-chip-large-gap","",r.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",r.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",r.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",r.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",r.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",r.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",r.spacing05),smallGap:t.extend("--ft-chip-small-gap","",r.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",r.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",n.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",n.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",n.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",n.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",n.borderErrorSubtle)};var Ui={brandHoverOpacity:t.extend("--ft-link-brand-hover-opacity","",r.opacity80),brandHoverColor:t.extend("--ft-link-brand-hover-color","",n.contentActionPrimary),brandFocusFocusRingColor:t.extend("--ft-link-brand-focus-focus-ring-color","",n.borderActionFocusRing),brandFocusColor:t.extend("--ft-link-brand-focus-color","",n.contentActionPrimary),brandDefaultColor:t.extend("--ft-link-brand-default-color","",n.contentActionPrimary),brandActiveColor:t.extend("--ft-link-brand-active-color","",n.contentActionPrimary),infoHoverOpacity:t.extend("--ft-link-info-hover-opacity","",r.opacity80),infoHoverColor:t.extend("--ft-link-info-hover-color","",n.contentInfoPrimary),infoFocusFocusRingColor:t.extend("--ft-link-info-focus-focus-ring-color","",n.borderActionFocusRing),infoFocusColor:t.extend("--ft-link-info-focus-color","",n.contentInfoPrimary),infoDefaultColor:t.extend("--ft-link-info-default-color","",n.contentInfoPrimary),infoActiveColor:t.extend("--ft-link-info-active-color","",n.contentInfoPrimary),neutralFocusFocusRingColor:t.extend("--ft-link-neutral-focus-focus-ring-color","",n.borderActionFocusRing),neutralFocusColor:t.extend("--ft-link-neutral-focus-color","",n.contentActionPrimary),neutralDefaultColor:t.extend("--ft-link-neutral-default-color","",n.contentGlobalPrimary),neutralHoverColor:t.extend("--ft-link-neutral-hover-color","",n.contentActionPrimary),neutralActiveColor:t.extend("--ft-link-neutral-active-color","",n.contentActionPrimary),neutralVisitedColor:t.extend("--ft-link-neutral-visited-color","",r.colorBrand100)};var Vi={iconSize:t.extend("--ft-banner-icon-size","",r.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",r.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",r.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",r.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",r.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",r.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",r.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",r.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",n.borderInfoSubtle)};var Qi={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",r.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",r.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",r.borderRadiusPill),color:t.extend("--ft-badge-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",n.contentActionPrimary)};var rl={horizontalGap:t.extend("--ft-title-breadcrumb-horizontal-gap","",r.spacing1),currentColor:t.extend("--ft-title-breadcrumb-current-color","",n.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-title-breadcrumb-previous-non-clickable-color","",n.contentGlobalSecondary),iconColor:t.extend("--ft-title-breadcrumb-icon-color","",n.contentGlobalSubtle)};var cl={parentHorizontalPadding:t.extend("--ft-page-header-parent-horizontal-padding","",r.spacing6),parentTopPadding:t.extend("--ft-page-header-parent-top-padding","",r.spacing4),parentBottomPadding:t.extend("--ft-page-header-parent-bottom-padding","",r.spacing6),parentHelpLeftMargin:t.extend("--ft-page-header-parent-help-left-margin","",r.spacing1),parentTitleColor:t.extend("--ft-page-header-parent-title-color","",n.contentGlobalPrimary),parentSubtitleColor:t.extend("--ft-page-header-parent-subtitle-color","",n.contentGlobalSecondary),parentChipLeftMargin:t.extend("--ft-page-header-parent-chip-left-margin","",r.spacing4),parentVerticalGap:t.extend("--ft-page-header-parent-vertical-gap","",r.spacing2),parentButtonsGroupHorizontalGap:t.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",r.spacing4),parentButtonsGroupVerticalGap:t.extend("--ft-page-header-parent-buttons-group-vertical-gap","",r.spacing4),parentChipsGroupHorizontalGap:t.extend("--ft-page-header-parent-chips-group-horizontal-gap","",r.spacing2),parentChipsGroupVerticalGap:t.extend("--ft-page-header-parent-chips-group-vertical-gap","",r.spacing2),childHorizontalPadding:t.extend("--ft-page-header-child-horizontal-padding","",r.spacing6),childTopPadding:t.extend("--ft-page-header-child-top-padding","",r.spacing2),childBottomPadding:t.extend("--ft-page-header-child-bottom-padding","",r.spacing2),childHelpLeftMargin:t.extend("--ft-page-header-child-help-left-margin","",r.spacing1),childChipLeftMargin:t.extend("--ft-page-header-child-chip-left-margin","",r.spacing4),childVerticalGap:t.extend("--ft-page-header-child-vertical-gap","",r.spacing2),childMinHeight:t.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:t.extend("--ft-page-header-child-buttons-group-horizontal-gap","",r.spacing4),childButtonsGroupVerticalGap:t.extend("--ft-page-header-child-buttons-group-vertical-gap","",r.spacing4),childChipsGroupHorizontalGap:t.extend("--ft-page-header-child-chips-group-horizontal-gap","",r.spacing2),childChipsGroupVerticalGap:t.extend("--ft-page-header-child-chips-group-vertical-gap","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",n.borderGlobalSubtle),bottomBorderWidth:t.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var ul={horizontalPadding:t.extend("--ft-page-footer-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-page-footer-vertical-padding","",r.spacing2),verticalGap:t.extend("--ft-page-footer-vertical-gap","",r.spacing2),minHeight:t.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:t.extend("--ft-page-footer-background-color","",r.colorWhite),topBorderColor:t.extend("--ft-page-footer-top-border-color","",n.borderGlobalSubtle),topBorderWidth:t.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:t.extend("--ft-page-footer-buttons-group-gap","",r.spacing4)};var ml={contentHorizontalPadding:t.extend("--ft-page-layout-content-horizontal-padding","",r.spacing6),contentVerticalPadding:t.extend("--ft-page-layout-content-vertical-padding","",r.spacing6)};var Ol={smallContainerTargetWidth:t.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:t.extend("--ft-modal-small-container-margin","",r.spacing6),mediumContainerTargetWidth:t.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:t.extend("--ft-modal-medium-container-margin","",r.spacing6),largeContainerTargetWidth:t.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:t.extend("--ft-modal-large-container-margin","",r.spacing6),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",r.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-modal-shadow","",r.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",r.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",r.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",r.spacing6),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",n.contentGlobalPrimary),headerLeadingIconColor:t.extend("--ft-modal-header-leading-icon-color","",n.contentGlobalPrimary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",r.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",r.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",r.spacing6),headerGap:t.extend("--ft-modal-header-gap","",r.spacing2),headerBorderBottomWidth:t.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var Rl={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",r.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",r.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",r.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",n.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",n.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",r.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",r.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",n.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",n.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",n.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing6),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",r.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",r.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",r.colorGray700)};var Bl={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",r.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",r.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",r.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-tabs-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",n.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",n.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",r.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",r.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",r.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",r.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",r.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity24),onColor:t.extend("--ft-tabs-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",n.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",n.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",r.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",r.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",r.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",r.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",n.borderActionFocusRing)};var kl={largeFieldHorizontalPadding:t.extend("--ft-text-input-large-field-horizontal-padding","",r.spacing4),largeFieldHorizontalGap:t.extend("--ft-text-input-large-field-horizontal-gap","",r.spacing3),largeFieldVerticalGap:t.extend("--ft-text-input-large-field-vertical-gap","",r.spacing05),largeFieldHeight:t.create("--ft-text-input-large-field-height","","SIZE","50px"),largeFieldIconSize:t.extend("--ft-text-input-large-field-icon-size","",r.iconSize3),mediumFieldHorizontalPadding:t.extend("--ft-text-input-medium-field-horizontal-padding","",r.spacing4),mediumFieldHorizontalGap:t.extend("--ft-text-input-medium-field-horizontal-gap","",r.spacing3),mediumFieldVerticalGap:t.create("--ft-text-input-medium-field-vertical-gap","","SIZE","0px"),mediumFieldHeight:t.create("--ft-text-input-medium-field-height","","SIZE","40px"),mediumFieldIconSize:t.extend("--ft-text-input-medium-field-icon-size","",r.iconSize3),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.borderRadiusS),backgroundColor:t.extend("--ft-text-input-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",n.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",n.contentErrorIconOnly),warningBorderColor:t.extend("--ft-text-input-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-text-input-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-text-input-warning-helper-icon-color","",n.contentWarningIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var Ul={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",n.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",n.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",r.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",r.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",r.borderRadiusS)};var Vl={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",r.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",n.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",n.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",n.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",r.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",r.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",r.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",r.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",n.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",r.shadowElevation02)};var Ql={largeFieldHorizontalPadding:t.extend("--ft-combobox-single-select-large-field-horizontal-padding","",r.spacing4),largeFieldHorizontalGap:t.extend("--ft-combobox-single-select-large-field-horizontal-gap","",r.spacing3),largeFieldVerticalGap:t.extend("--ft-combobox-single-select-large-field-vertical-gap","",r.spacing05),largeFieldHeight:t.create("--ft-combobox-single-select-large-field-height","","SIZE","50px"),largeFieldIconSize:t.extend("--ft-combobox-single-select-large-field-icon-size","",r.iconSize3),mediumFieldHorizontalPadding:t.extend("--ft-combobox-single-select-medium-field-horizontal-padding","",r.spacing4),mediumFieldHorizontalGap:t.extend("--ft-combobox-single-select-medium-field-horizontal-gap","",r.spacing3),mediumFieldVerticalGap:t.create("--ft-combobox-single-select-medium-field-vertical-gap","","SIZE","0px"),mediumFieldHeight:t.create("--ft-combobox-single-select-medium-field-height","","SIZE","40px"),mediumFieldIconSize:t.extend("--ft-combobox-single-select-medium-field-icon-size","",r.iconSize3),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.borderRadiusS),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",n.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",n.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",n.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",r.opacity40)};var rc={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",n.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",n.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",n.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",n.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",r.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",r.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",r.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",r.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",r.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",r.borderRadiusS)};var cc={backgroundColor:t.extend("--ft-popover-background-color","",n.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",r.spacing6),titleColor:t.extend("--ft-popover-title-color","",n.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",n.contentGlobalSecondary),gap:t.extend("--ft-popover-gap","",r.spacing2),borderRadius:t.extend("--ft-popover-border-radius","",r.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-popover-max-width","","SIZE","440px"),contentSectionVerticalGap:t.extend("--ft-popover-content-section-vertical-gap","",r.spacing2),multiSectionVerticalGap:t.extend("--ft-popover-multi-section-vertical-gap","",r.spacing6)};var uc={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",r.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",r.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",n.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",r.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",r.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",r.spacing3),color:t.extend("--ft-collapsible-color","",n.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",n.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",n.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",n.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var bc={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",r.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",r.spacing1),groupGap:t.extend("--ft-switch-group-gap","",r.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",n.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",n.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",r.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",r.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",r.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",r.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-switch-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",r.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",r.opacity40),onColor:t.extend("--ft-switch-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",n.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",r.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",r.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",n.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var Oc={color1Light:t.extend("--ft-chart-1-light","for area color charts",r.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",r.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",r.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",r.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",r.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",r.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",r.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",r.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",r.colorRed40),color5Base:t.extend("--ft-chart-5-base","",r.colorRed60),color6Light:t.extend("--ft-chart-6-light","",r.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",r.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",r.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",r.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",r.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",r.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",r.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",r.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",r.colorGray50),color10Base:t.extend("--ft-chart-10-base","",r.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",r.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",r.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",r.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",r.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",r.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",r.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",r.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",r.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",r.colorRed10),scatterplotQuadrantUnpopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",r.colorCyan10),scatterplotDatapointInitialDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",r.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",r.opacity48),scatterplotDatapointInitialHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",r.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",r.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",r.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",r.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",r.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",r.colorGray70),scatterplotDatapointHoverHoverRingColor:t.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",r.colorCyan200)};var Ec={color1IconColor:t.extend("--ft-page-designer-1-icon-color","for area color charts",r.colorCyan0),color1ToolbarColor:t.extend("--ft-page-designer-1-toolbar-color","for area color charts",r.colorCyan0),color2IconColor:t.extend("--ft-page-designer-2-icon-color","for area color charts",r.colorBrand0),color2ToolbarColor:t.extend("--ft-page-designer-2-toolbar-color","for area color charts",r.colorBrand0),color3IconColor:t.extend("--ft-page-designer-3-icon-color","for area color charts",r.colorYellow200),color3ToolbarColor:t.extend("--ft-page-designer-3-toolbar-color","for area color charts",r.colorYellow200),color4IconColor:t.extend("--ft-page-designer-4-icon-color","for area color charts",r.colorUltramarine50),color4ToolbarColor:t.extend("--ft-page-designer-4-toolbar-color","for area color charts",r.colorUltramarine50),color5IconColor:t.extend("--ft-page-designer-5-icon-color","for area color charts",r.colorGreen0),color5ToolbarColor:t.extend("--ft-page-designer-5-toolbar-color","for area color charts",r.colorGreen0),color6IconColor:t.extend("--ft-page-designer-6-icon-color","for area color charts",r.colorOrange0),color6ToolbarColor:t.extend("--ft-page-designer-6-toolbar-color","for area color charts",r.colorOrange0),color7IconColor:t.extend("--ft-page-designer-7-icon-color","for area color charts",r.colorAvocado200),color7ToolbarColor:t.extend("--ft-page-designer-7-toolbar-color","for area color charts",r.colorAvocado200),color8IconColor:t.extend("--ft-page-designer-8-icon-color","for area color charts",r.colorBrown0),color8ToolbarColor:t.extend("--ft-page-designer-8-toolbar-color","for area color charts",r.colorBrown0)};var Ac={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",r.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",r.borderRadiusS),gap:t.extend("--ft-notice-gap","",r.spacing2),iconSize:t.extend("--ft-notice-icon-size","",r.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",n.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",n.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",n.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",n.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",n.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",n.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",n.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",n.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",n.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",n.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",n.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",n.contentSuccessIconOnly),denseHorizontalPadding:t.create("--ft-notice-dense-horizontal-padding","","SIZE","0px"),denseVerticalPadding:t.create("--ft-notice-dense-vertical-padding","","SIZE","0px"),denseGap:t.extend("--ft-notice-dense-gap","",r.spacing1),denseIconSize:t.extend("--ft-notice-dense-icon-size","",r.iconSize2),denseBorderWidth:t.create("--ft-notice-dense-border-width","","SIZE","0")};var Hc={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",r.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",r.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",r.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",r.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",n.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",r.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",r.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",r.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",n.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",n.contentActionPrimary),color:t.extend("--ft-toggle-color","",n.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",n.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var Dc={color:t.extend("--ft-radio-color","",n.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",n.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",n.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",r.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",r.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",r.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",r.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",n.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",n.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",r.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",r.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",r.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-radio-gap","",r.spacing3)};var Kc={iconSize:t.extend("--ft-notification-icon-size","",r.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",r.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",r.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",r.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",n.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",r.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",r.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",r.spacing8)};var qc={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",r.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",r.borderRadiusS),color:t.extend("--ft-tooltip-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",n.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var od={verticalPadding:t.extend("--ft-reorderable-list-vertical-padding","",r.spacing4),gap:t.extend("--ft-reorderable-list-gap","",r.spacing1),borderRadius:t.extend("--ft-reorderable-list-border-radius","",r.borderRadiusM),reorderableItemTitleMarginRight:t.extend("--ft-reorderable-list-reorderable-item-title-margin-right","",r.spacing6),reorderableItemTitleColor:t.extend("--ft-reorderable-list-reorderable-item-title-color","",n.contentGlobalPrimary),reorderableItemLeftButtonsGroupMarginRight:t.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-margin-right","",r.spacing6),reorderableItemLeftButtonsGroupHorizontalGap:t.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-horizontal-gap","",r.spacing2),reorderableItemRightButtonsGroupHorizontalGap:t.extend("--ft-reorderable-list-reorderable-item-right-buttons-group-horizontal-gap","",r.spacing2),reorderableItemUsersCountColor:t.extend("--ft-reorderable-list-reorderable-item-users-count-color","",n.contentGlobalPrimary),reorderableItemUsersCountMarginRight:t.extend("--ft-reorderable-list-reorderable-item-users-count-margin-right","",r.spacing6),reorderableItemBackgroundColor:t.extend("--ft-reorderable-list-reorderable-item-background-color","",n.backgroundGlobalOnSurface),reorderableItemWarningMessageGap:t.extend("--ft-reorderable-list-reorderable-item-warning-message-gap","",r.spacing1),reorderableItemWarningMessageColor:t.extend("--ft-reorderable-list-reorderable-item-warning-message-color","",n.contentWarningPrimary),reorderableItemWarningMessageIconColor:t.extend("--ft-reorderable-list-reorderable-item-warning-message-icon-color","",n.contentWarningIconOnly),reorderableItemGripColor:t.extend("--ft-reorderable-list-reorderable-item-grip-color","",n.contentGlobalSecondary),reorderableItemGripOpacity:t.extend("--ft-reorderable-list-reorderable-item-grip-opacity","",r.opacity48),boxShadow:t.extend("--ft-reorderable-list-box-shadow","",r.shadowElevation01),borderWidth:t.create("--ft-reorderable-list-border-width","","SIZE","1px"),reorderableItemsGap:t.extend("--ft-reorderable-list-reorderable-items-gap","",r.spacing2),leftPadding:t.extend("--ft-reorderable-list-left-padding","",r.spacing2),rightPadding:t.extend("--ft-reorderable-list-right-padding","",r.spacing6),borderColor:t.extend("--ft-reorderable-list-border-color","",n.borderGlobalPrimary),backgroundColor:t.extend("--ft-reorderable-list-background-color","",n.backgroundGlobalOnSurfaceDark)};var ld={nodeHeight:t.create("--ft-tree-list-node-height","","SIZE","36px"),nodeParentLabelMarginLeft:t.extend("--ft-tree-list-node-parent-label-margin-left","",r.spacing2),nodeParentLabelMarginRight:t.extend("--ft-tree-list-node-parent-label-margin-right","",r.spacing2),nodeRootPaddingLeft:t.extend("--ft-tree-list-node-root-padding-left","",r.spacing3),nodeChildPaddingLeft:t.extend("--ft-tree-list-node-child-padding-left","",r.spacing5),nodeLeafPaddingLeft:t.extend("--ft-tree-list-node-leaf-padding-left","",r.spacing6),nodeUnselectedDefaultBorderColor:t.extend("--ft-tree-list-node-unselected-default-border-color","",n.borderGlobalSubtle),nodeUnselectedIconColor:t.extend("--ft-tree-list-node-unselected-icon-color","",n.contentGlobalSecondary),nodeUnselectedLabelColor:t.extend("--ft-tree-list-node-unselected-label-color","",n.contentGlobalSecondary),nodeUnselectedCounterColor:t.extend("--ft-tree-list-node-unselected-counter-color","",n.contentGlobalSecondary),nodeHoverBorderColor:t.extend("--ft-tree-list-node-hover-border-color","",n.borderActionPrimary),nodeFocusFocusRingColor:t.extend("--ft-tree-list-node-focus-focus-ring-color","",n.borderActionFocusRing),nodeFocusOutlineWidth:t.create("--ft-tree-list-node-focus-outline-width","","SIZE","2px"),nodeSelectedDefaultBorderColor:t.extend("--ft-tree-list-node-selected-default-border-color","",n.borderGlobalPrimary),nodeSelectedIconColor:t.extend("--ft-tree-list-node-selected-icon-color","",n.contentGlobalSecondary),nodeSelectedLabelColor:t.extend("--ft-tree-list-node-selected-label-color","",n.contentGlobalPrimary),nodeSelectedCounterColor:t.extend("--ft-tree-list-node-selected-counter-color","",n.contentGlobalSecondary),nodeSelectedBackgroundColor:t.create("--ft-tree-list-node-selected-background-color","","COLOR","rgba(113,113,142,0.24)"),nodeDescendantOfSelectedDefaultBorderColor:t.extend("--ft-tree-list-node-descendant-of-selected-default-border-color","",n.borderGlobalPrimary),nodeDescendantOfSelectedIconColor:t.extend("--ft-tree-list-node-descendant-of-selected-icon-color","",n.contentGlobalSecondary),nodeDescendantOfSelectedLabelColor:t.extend("--ft-tree-list-node-descendant-of-selected-label-color","",n.contentGlobalSecondary),nodeDescendantOfSelectedCounterColor:t.extend("--ft-tree-list-node-descendant-of-selected-counter-color","",n.contentGlobalSecondary),nodeDescendantOfSelectedBackgroundColor:t.create("--ft-tree-list-node-descendant-of-selected-background-color","","COLOR","rgba(113,113,142,0.08)"),nodeBorderWidth:t.create("--ft-tree-list-node-border-width","","SIZE","1px"),headerSectionPaddingLeft:t.extend("--ft-tree-list-header-section-padding-left","",r.spacing3),headerSectionPaddingRight:t.extend("--ft-tree-list-header-section-padding-right","",r.spacing3),headerSectionHorizontalGap:t.extend("--ft-tree-list-header-section-horizontal-gap","",r.spacing2),headerSectionMarginBottom:t.extend("--ft-tree-list-header-section-margin-bottom","",r.spacing2),headerSectionColor:t.extend("--ft-tree-list-header-section-color","",n.contentGlobalPrimary),headerSectionCounterColor:t.extend("--ft-tree-list-header-section-counter-color","",n.contentGlobalSecondary),listContainerBorderWidth:t.create("--ft-tree-list-list-container-border-width","","SIZE","1px"),listContainerBackgroundColor:t.extend("--ft-tree-list-list-container-background-color","",n.backgroundGlobalSurface),listContainerBorderColor:t.extend("--ft-tree-list-list-container-border-color","",n.borderGlobalSubtle),loadMorePaddingLeft:t.extend("--ft-tree-list-load-more-padding-left","",r.spacing6),loadMoreUnselectedDefaultBorderColor:t.extend("--ft-tree-list-load-more-unselected-default-border-color","",n.borderGlobalSubtle),loadMoreIconColor:t.extend("--ft-tree-list-load-more-icon-color","",n.contentActionPrimary),loadMoreLabelColor:t.extend("--ft-tree-list-load-more-label-color","",n.contentActionPrimary),loadMoreHoverBorderColor:t.extend("--ft-tree-list-load-more-hover-border-color","",r.colorBrand20),loadMoreHoverBackgroundColor:t.create("--ft-tree-list-load-more-hover-background-color","","COLOR","rgba(157,32,123,0.08)"),loadMoreActiveBorderColor:t.extend("--ft-tree-list-load-more-active-border-color","",r.colorBrand20),loadMoreActiveBackgroundColor:t.create("--ft-tree-list-load-more-active-background-color","","COLOR","rgba(157,32,123,0.16)"),loadMoreFocusBackgroundColor:t.create("--ft-tree-list-load-more-focus-background-color","","COLOR","rgba(157,32,123,0.08)"),loadMoreDescendantOfSelectedDefaultBackgroundColor:t.create("--ft-tree-list-load-more-descendant-of-selected-default-background-color","","COLOR","rgba(113,113,142,0.08)"),loadMoreDescendantOfSelectedDefaultBorderColor:t.extend("--ft-tree-list-load-more-descendant-of-selected-default-border-color","",n.borderGlobalPrimary)};var Te;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})(Te||(Te={}));var ee;(function(e){e.large="large",e.medium="medium",e.small="small"})(ee||(ee={}));var gt=m(E());var Pr=m(E());var Ce=m(W()),Wt=m(dt()),Br=m(E()),zr=m(Ir());var Mt;(function(e){e.ADD_TO_PBK="",e.ALERT="",e.ADD_ALERT="",e.BACK_TO_SEARCH="",e.ADD_BOOKMARK="",e.BOOKMARK="",e.BOOKS="",e.MENU="",e.DOWNLOAD="",e.EDIT="",e.FEEDBACK="",e.HOME="",e.MODIFY_PBK="",e.SCHEDULED="",e.SEARCH="",e.EXPORT="",e.TOC="",e.WRITE_UGC="",e.TRASH="",e.USER="",e.EXTLINK="",e.CALENDAR="",e.OFFLINE="",e.BOOK="",e.DOWNLOAD_PLAIN="",e.CHECK="",e.STAR_PLAIN="",e.TOPICS="",e.DISC="",e.CIRCLE="",e.SHARED="",e.SORT_UNSORTED="",e.SORT_UP="",e.SORT_DOWN="",e.WORKING="",e.CLOSE="",e.ZOOM_OUT="",e.ZOOM_IN="",e.ZOOM_REALSIZE="",e.ZOOM_FULLSCREEN="",e.ADMIN_RESTRICTED="",e.ADMIN="",e.ADMIN_KHUB="",e.ADMIN_THEME="",e.ADMIN_USERS="",e.WARNING="",e.CONTEXT="",e.SEARCH_HOME="",e.STEPS="",e.ICON_EXPAND="",e.ICON_COLLAPSE="",e.INFO="",e.MINUS_PLAIN="",e.PLUS_PLAIN="",e.FACET_HAS_DESCENDANT="",e.TRIANGLE_BOTTOM="",e.TRIANGLE_LEFT="",e.TRIANGLE_RIGHT="",e.TRIANGLE_TOP="",e.THIN_ARROW="",e.SIGN_IN="",e.LOGOUT="",e.TRANSLATE="",e.CLOSE_PLAIN="",e.CHECK_PLAIN="",e.ARTICLE="",e.COLUMNS="",e.ANALYTICS="",e.COLLECTIONS="",e.ARROW_DOWN="",e.ARROW_LEFT="",e.ARROW_RIGHT="",e.ARROW_UP="",e.SEARCH_IN_PUBLICATION="",e.COPY_TO_CLIPBOARD="",e.SHARED_PBK="",e.ATTACHMENTS="",e.STRIPE_ARROW_LEFT="",e.STRIPE_ARROW_RIGHT="",e.FILTERS="",e.DOT="",e.MINUS="",e.PLUS="",e.MAILS_AND_NOTIFICATIONS="",e.SAVE="",e.LOCKER="",e.ADMIN_INTEGRATION="",e.SYNC="",e.TAG="",e.BOOK_PLAIN="",e.UPLOAD="",e.ONLINE="",e.TAG_PLAIN="",e.ACCOUNT_SETTINGS="",e.PRINT="",e.DEFAULT_ROLES="",e.SHORTCUT_MENU="",e.RELATIVES_PLAIN="",e.RELATIVES="",e.PAUSE="",e.PLAY="",e.ADMIN_PORTAL="",e.STAR="",e.THUMBS_DOWN="",e.THUMBS_DOWN_PLAIN="",e.THUMBS_UP="",e.THUMBS_UP_PLAIN="",e.FEEDBACK_PLAIN="",e.RATE_PLAIN="",e.RATE="",e.OFFLINE_SETTINGS="",e.MY_COLLECTIONS="",e.THIN_ARROW_LEFT="",e.THIN_ARROW_RIGHT="",e.RESET="",e.MY_LIBRARY="",e.UNSTRUCTURED_DOC="",e.CONTEXTUAL="",e.THIN_ARROW_UP="",e.ARROW_RIGHT_TO_LINE="",e.DESKTOP="",e.TABLET_LANDSCAPE="",e.TABLET_PORTRAIT="",e.MOBILE_LANDSCAPE="",e.MOBILE_PORTRAIT="",e.DIAGRAM_SUNBURST="",e.DIAGRAM_SANKEY="",e.COMMENT_QUESTION="",e.COMMENT_QUESTION_PLAIN="",e.MESSAGE_BOT="",e.CHART_SIMPLE="",e.BARS_PROGRESS="",e.BOOK_OPEN_GEAR="",e.BOOK_OPEN_GEAR_SLASH="",e.LINE_CHART="",e.STACKED_CHART="",e.CHART_BAR_STACKED="",e.CHART_BAR_GROUPED="",e.EYE_SLASH="",e.X_MARK="",e.EXPAND_WIDE="",e.PIP="",e.PIP_WIDE="",e.LIFE_RING="",e.GLOBE="",e.PIGGY_BANK="",e.EXTLINK_LIGHT="",e.CLONE="",e.CLONE_LINK_SIMPLE="",e.CHART_BAR_NORMALIZED="",e.CONSUMER="",e.OCTAGON_XMARK="",e.HOURGLASS_HALF="",e.CLOCK="",e.CLOCK_THREE="",e.CALENDAR_DAY="",e.COMPUTER_MOUSE_MAGNIFYING_GLASS="",e.WAND_MAGIC_SPARKLES="",e.PAPER_PLANE="",e.CIRCLE_STOP="",e.ARROW_ROTATE_RIGHT="",e.ARROWS_ROTATE="",e.ALIGN_RIGHT="",e.FORMAT_CLEAR="",e.ALIGN_CENTER="",e.ALIGN_LEFT="",e.PALETTE="",e.BOLD="",e.ITALIC="",e.UNDERLINE="",e.STRIKETHROUGH="",e.LINK_SIMPLE_SLASH="",e.LINK_SIMPLE="",e.ROUTE="",e.CIRCLE_USER_SLASH="",e.CIRCLE_USER_CHECK="",e.LIST_MAGNIFYING_GLASS="",e.MEDAL="",e.THUMBS_UP_THUMBS_DOWN_SOLID="",e.ARROW_TURN_DOWN_RIGHT="",e.FLASK="",e.LOCK_KEYHOLE_OPEN_SOLID="",e.HOURGLASS_END="",e.CIRCLE_QUESTION="",e.GRIP_LINES_SOLID="",e.TRANSLATE_SPARKLE_SOLID="",e.CODE="",e.ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER="",e.PAPER_PLANE_SLASH="",e.COMPRESS="",e.EXPAND="",e.ARROW_ROTATE_LEFT="",e.EYE="",e.SHARE="󨃱",e.MOBILE_SMALL="",e.SPARKLES="",e.HAND_SOLID="",e.CLOCK_SOLID="",e.CONTEXT_MENU_CURSOR="",e.LANGUAGE_SLASH="",e.MAGNIFYING_GLASS_FLOPPY_DISK="",e.CABINET_FILING_FLOPPY_DISK=""})(Mt||(Mt={}));var h;(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=""})(h||(h={}));var Xd=new Map([...["abw"].map(e=>[e,h.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,h.AUDIO]),...["avi"].map(e=>[e,h.AVI]),...["chm","xhs"].map(e=>[e,h.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,h.CODE]),...["csv"].map(e=>[e,h.CSV]),...["dita","ditamap","ditaval"].map(e=>[e,h.DITA]),...["epub"].map(e=>[e,h.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(e=>[e,h.EXCEL]),...["flac"].map(e=>[e,h.FLAC]),...["gif"].map(e=>[e,h.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(e=>[e,h.GZIP]),...["html","htm","xhtml"].map(e=>[e,h.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,h.IMAGE]),...["jpeg","jpg","jpe"].map(e=>[e,h.JPEG]),...["json"].map(e=>[e,h.JSON]),...["m4a","m4p"].map(e=>[e,h.M4A]),...["mov","qt"].map(e=>[e,h.MOV]),...["mp3"].map(e=>[e,h.MP3]),...["mp4","m4v"].map(e=>[e,h.MP4]),...["ogg","oga"].map(e=>[e,h.OGG]),...["pdf","ps"].map(e=>[e,h.PDF]),...["png"].map(e=>[e,h.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(e=>[e,h.POWERPOINT]),...["rar"].map(e=>[e,h.RAR]),...["stp"].map(e=>[e,h.STP]),...["txt","rtf","md","mdown"].map(e=>[e,h.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,h.VIDEO]),...["wav"].map(e=>[e,h.WAV]),...["wma"].map(e=>[e,h.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(e=>[e,h.WORD]),...["xml","xsl","rdf"].map(e=>[e,h.XML]),...["yaml","yml","x-yaml"].map(e=>[e,h.YAML]),...["zip"].map(e=>[e,h.ZIP])]);var qd={[h.ABW]:"#91ABC6",[h.AUDIO]:"#1795E3",[h.AVI]:"#E63324",[h.CHM]:"#71C3EB",[h.CODE]:"#71C3EB",[h.CSV]:"#1F7345",[h.DITA]:"#71C3EB",[h.EPUB]:"#85B926",[h.EXCEL]:"#1F7345",[h.FLAC]:"#1795E3",[h.GIF]:"#59B031",[h.GZIP]:"#F8AB36",[h.HTML]:"#71C3EB",[h.IMAGE]:"#59B031",[h.JPEG]:"#59B031",[h.JSON]:"#71C3EB",[h.M4A]:"#1795E3",[h.MOV]:"#E63324",[h.MP3]:"#1795E3",[h.MP4]:"#E63324",[h.OGG]:"#1795E3",[h.PDF]:"#E44948",[h.PNG]:"#59B031",[h.POWERPOINT]:"#B54A2B",[h.RAR]:"#F8AB36",[h.STP]:"#3764B1",[h.TEXT]:"#3162AB",[h.UNKNOWN]:"#999999",[h.VIDEO]:"#E63324",[h.WAV]:"#1795E3",[h.WMA]:"#1795E3",[h.WORD]:"#3162AB",[h.XML]:"#71C3EB",[h.YAML]:"#71C3EB",[h.ZIP]:"#F8AB36"};var $r=m(W()),ut=m(E()),Y={size:ut.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:ut.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",ut.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:ut.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",ut.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:ut.FtCssVariableFactory.extend("--ft-icon-material-font-family","",ut.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:ut.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},Ar=[$r.css`
|
|
175
|
-
:host, i.ft-icon {
|
|
176
|
-
display: inline-flex;
|
|
177
|
-
align-items: center;
|
|
178
|
-
flex-shrink: 0;
|
|
179
|
-
flex-grow: 0;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
:host {
|
|
183
|
-
width: ${Y.size};
|
|
184
|
-
height: ${Y.size};
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
i.ft-icon {
|
|
188
|
-
width: 100%;
|
|
189
|
-
height: 100%;
|
|
190
|
-
font-size: ${Y.size};
|
|
191
|
-
line-height: 1;
|
|
192
|
-
font-weight: normal;
|
|
193
|
-
text-transform: none;
|
|
194
|
-
font-style: normal;
|
|
195
|
-
font-variant: normal;
|
|
196
|
-
speak: none;
|
|
197
|
-
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
|
|
198
|
-
text-rendering: auto;
|
|
199
|
-
-webkit-font-smoothing: antialiased;
|
|
200
|
-
-moz-osx-font-smoothing: grayscale;
|
|
201
|
-
vertical-align: ${Y.verticalAlign};
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
i.ft-icon.ft-icon--fluid-topics {
|
|
205
|
-
font-family: ${Y.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
206
|
-
|
|
207
|
-
/* Ugly fix because font is broken */
|
|
208
|
-
font-size: calc(0.75 * ${Y.size});
|
|
209
|
-
line-height: ${Y.size};
|
|
210
|
-
position: relative;
|
|
211
|
-
top: -4%;
|
|
212
|
-
justify-content: center;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.ft-icon--file-format {
|
|
216
|
-
font-family: ${Y.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.ft-icon--material {
|
|
220
|
-
font-family: ${Y.materialFontFamily}, "Material Icons", sans-serif;
|
|
221
|
-
}
|
|
222
|
-
`,ut.noTextSelect];var it;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(it||(it={}));var Oe=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},X=class extends Br.FtLitElement{constructor(){super(...arguments),this.ariaHidden="true",this.resolvedIcon=Ce.nothing}render(){let o=this.variant&&Object.values(it).includes(this.variant)?this.variant:it.fluid_topics,a=o!==it.material||!!this.value;return Ce.html`
|
|
223
|
-
<i class="ft-icon ft-icon--${o} ft-no-text-select" part="icon icon-${o}">
|
|
224
|
-
${(0,zr.unsafeHTML)(this.resolvedIcon)}
|
|
225
|
-
<slot ?hidden=${a}></slot>
|
|
226
|
-
</i>
|
|
227
|
-
`}get textContent(){var o,a;return(a=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&a!==void 0?a:""}update(o){super.update(o),["value","variant"].some(a=>o.has(a))&&this.resolveIcon()}resolveIcon(){var o,a;let i=this.value||this.textContent;switch(this.variant){case it.file_format:this.resolvedIcon=(o=h[i.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:i;break;case it.material:this.resolvedIcon=this.value||Ce.nothing;break;default:this.resolvedIcon=(a=Mt[i.replace("-","_").toUpperCase()])!==null&&a!==void 0?a:i;break}}firstUpdated(o){super.firstUpdated(o),setTimeout(()=>this.resolveIcon())}};X.elementDefinitions={};X.styles=Ar;Oe([(0,Wt.property)()],X.prototype,"variant",void 0);Oe([(0,Wt.property)()],X.prototype,"value",void 0);Oe([(0,Wt.property)({reflect:!0,attribute:"aria-hidden"})],X.prototype,"ariaHidden",void 0);Oe([(0,Wt.state)()],X.prototype,"resolvedIcon",void 0);Oe([(0,Wt.query)("slot")],X.prototype,"slottedContent",void 0);(0,Pr.customElement)("ft-icon")(X);var ve={color:gt.FtCssVariableFactory.extend("--ftds-helper-text-color","",n.contentGlobalSubtle),errorColor:gt.FtCssVariableFactory.extend("--ftds-helper-text-error-icon-color","",n.contentErrorPrimary),warningColor:gt.FtCssVariableFactory.extend("--ftds-helper-text-warning-icon-color","",n.contentWarningPrimary),iconSize:gt.FtCssVariableFactory.extend("--ftds-helper-text-icon-size","",gt.foundation.iconSize2),iconHorizontalGap:gt.FtCssVariableFactory.extend("--ftds-helper-text-icon-horizontal-gap","",gt.foundation.spacing1)},Hr=Wr.css`
|
|
228
|
-
.ftds-input-helper-text {
|
|
229
|
-
box-sizing: border-box;
|
|
230
|
-
list-style-type: none;
|
|
231
|
-
margin: 0;
|
|
232
|
-
padding: 0;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.ftds-input-helper-text--list-item {
|
|
236
|
-
position: relative;
|
|
237
|
-
text-decoration: none;
|
|
238
|
-
display: flex;
|
|
239
|
-
align-items: baseline;
|
|
240
|
-
color: ${ve.color};
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
.ftds-input-helper-text--list-item.error {
|
|
244
|
-
color: ${ve.errorColor};
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
.ftds-input-helper-text--list-item.warning {
|
|
248
|
-
color: ${ve.warningColor};
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
.ftds-input-helper-text--list-item.hasIcon ft-typography {
|
|
252
|
-
padding-left: calc(${ve.iconHorizontalGap} - 2px);
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
.ftds-input-helper-text--list-item.hasIcon {
|
|
256
|
-
left: -2px;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
ft-icon {
|
|
260
|
-
${(0,gt.setVariable)(Y.size,ve.iconSize)};
|
|
261
|
-
}
|
|
262
|
-
`;var yo=m(Tr());var ra=m(qt());var oa=m(E());var Gr=Symbol.for(""),En=e=>{if(e?.r===Gr)return e?._$litStatic$},po=e=>({_$litStatic$:e,r:Gr});var _r=new Map,fo=e=>(o,...a)=>{let i=a.length,l,c,d=[],p=[],u,x=0,v=!1;for(;x<i;){for(u=o[x];x<i&&(c=a[x],(l=En(c))!==void 0);)u+=l+o[++x],v=!0;x!==i&&p.push(c),d.push(u),x++}if(x===i&&d.push(o[i]),v){let S=d.join("$$lit$$");(o=_r.get(S))===void 0&&(d.raw=d,_r.set(S,o=d)),a=p}return e(o,...a)},uo=fo(qo),hs=fo(Qo),ms=fo(Jo);var go=m(dt()),ea=m(E());var bt;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(bt||(bt={}));var st=m(W()),b=m(E());var _e=m(W());function Dr(e){let o=ke[e];return _e.css`
|
|
263
|
-
.ft-typography--${(0,_e.unsafeCSS)(e)} {
|
|
264
|
-
font-family: ${o.fontFamily};
|
|
265
|
-
font-size: ${o.fontSize};
|
|
266
|
-
font-weight: ${o.fontWeight};
|
|
267
|
-
letter-spacing: ${o.letterSpacing};
|
|
268
|
-
line-height: ${o.lineHeight};
|
|
269
|
-
text-transform: ${o.textCase};
|
|
270
|
-
}
|
|
271
|
-
`}var Ur=b.FtCssVariableFactory.extend("--ft-typography-font-family","",b.designSystemVariables.titleFont),vt=b.FtCssVariableFactory.extend("--ft-typography-font-family","",b.designSystemVariables.contentFont),O={fontFamily:vt,fontSize:b.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:b.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:b.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:b.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:b.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},oe={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Ur),fontSize:b.FtCssVariableFactory.extend("--ft-typography-title-font-size","",O.fontSize,"20px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",O.letterSpacing,"0.15px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-title-line-height","",O.lineHeight,"1.2"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",O.textTransform,"inherit")},re={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Ur),fontSize:b.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",O.letterSpacing,"0.105px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",O.lineHeight,"1.7"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",O.textTransform,"inherit")},ae={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",O.fontSize,"16px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",O.fontWeight,"600"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",O.letterSpacing,"0.144px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",O.lineHeight,"1.5"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",O.textTransform,"inherit")},ne={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",O.letterSpacing,"0.098px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",O.lineHeight,"1.7"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",O.textTransform,"inherit")},ie={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",O.fontSize,"16px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",O.letterSpacing,"0.496px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",O.lineHeight,"1.5"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",O.textTransform,"inherit")},le={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",O.letterSpacing,"0.252px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",O.lineHeight,"1.4"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",O.textTransform,"inherit")},tt={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",O.fontSize,"12px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",O.letterSpacing,"0.396px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",O.lineHeight,"1.33"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",O.textTransform,"inherit")},ce={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",O.fontSize,"10px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",O.letterSpacing,"0.33px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",O.lineHeight,"1.6"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",O.textTransform,"inherit")},de={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",O.fontSize,"10px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",O.letterSpacing,"1.5px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",O.lineHeight,"1.6"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",O.textTransform,"uppercase")},xt={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-button-font-family","",vt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-button-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",O.fontWeight,"600"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",O.letterSpacing,"1.246px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-button-line-height","",O.lineHeight,"1.15"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",O.textTransform,"uppercase")},Fr=st.css`
|
|
1
|
+
"use strict";(()=>{var hn=Object.create;var Go=Object.defineProperty;var mn=Object.getOwnPropertyDescriptor;var bn=Object.getOwnPropertyNames;var xn=Object.getPrototypeOf,Sn=Object.prototype.hasOwnProperty;var Qt=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var Cn=(e,o,a,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of bn(o))!Sn.call(e,l)&&l!==a&&Go(e,l,{get:()=>o[l],enumerable:!(i=mn(o,l))||i.enumerable});return e};var m=(e,o,a)=>(a=e!=null?hn(xn(e)):{},Cn(o||!e||!e.__esModule?Go(a,"default",{value:e,enumerable:!0}):a,e));var E=Qt((Xn,_o)=>{_o.exports=ftGlobals.wcUtils});var W=Qt((qn,Do)=>{Do.exports=ftGlobals.lit});var dt=Qt((Qn,Uo)=>{Uo.exports=ftGlobals.litDecorators});var Jt=Qt((Jn,Fo)=>{Fo.exports=ftGlobals.litClassMap});var ea=Qt((hp,ta)=>{ta.exports=ftGlobals.litUnsafeHTML});var sa=Qt((Wp,da)=>{da.exports=ftGlobals.litRepeat});var un=m(E());var qt=m(W()),H=m(dt()),fn=m(Jt());function Dt(e,o,a){return e?o(e):a?.(e)}var io=globalThis,We=io.trustedTypes,Mo=We?We.createPolicy("lit-html",{createHTML:e=>e}):void 0,Xo="$lit$",Pt=`lit$${Math.random().toFixed(9).slice(2)}$`,qo="?"+Pt,On=`<${qo}>`,Mt=document,ke=()=>Mt.createComment(""),Ce=e=>e===null||typeof e!="object"&&typeof e!="function",lo=Array.isArray,vn=e=>lo(e)||typeof e?.[Symbol.iterator]=="function",to=`[
|
|
2
|
+
\f\r]`,Se=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Zo=/-->/g,Ko=/>/g,Ut=RegExp(`>|${to}(?:([^\\s"'>=/]+)(${to}*=${to}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Vo=/'/g,jo=/"/g,Qo=/^(?:script|style|textarea|title)$/i,co=e=>(o,...a)=>({_$litType$:e,strings:o,values:a}),Jo=co(1),tr=co(2),er=co(3),Oe=Symbol.for("lit-noChange"),_=Symbol.for("lit-nothing"),Yo=new WeakMap,Ft=Mt.createTreeWalker(Mt,129);function or(e,o){if(!lo(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return Mo!==void 0?Mo.createHTML(o):o}var wn=(e,o)=>{let a=e.length-1,i=[],l,c=o===2?"<svg>":o===3?"<math>":"",d=Se;for(let p=0;p<a;p++){let u=e[p],x,v,S=-1,R=0;for(;R<u.length&&(d.lastIndex=R,v=d.exec(u),v!==null);)R=d.lastIndex,d===Se?v[1]==="!--"?d=Zo:v[1]!==void 0?d=Ko:v[2]!==void 0?(Qo.test(v[2])&&(l=RegExp("</"+v[2],"g")),d=Ut):v[3]!==void 0&&(d=Ut):d===Ut?v[0]===">"?(d=l??Se,S=-1):v[1]===void 0?S=-2:(S=d.lastIndex-v[2].length,x=v[1],d=v[3]===void 0?Ut:v[3]==='"'?jo:Vo):d===jo||d===Vo?d=Ut:d===Zo||d===Ko?d=Se:(d=Ut,l=void 0);let N=d===Ut&&e[p+1].startsWith("/>")?" ":"";c+=d===Se?u+On:S>=0?(i.push(x),u.slice(0,S)+Xo+u.slice(S)+Pt+N):u+Pt+(S===-2?p:N)}return[or(e,c+(e[a]||"<?>")+(o===2?"</svg>":o===3?"</math>":"")),i]},ve=class e{constructor({strings:o,_$litType$:a},i){let l;this.parts=[];let c=0,d=0,p=o.length-1,u=this.parts,[x,v]=wn(o,a);if(this.el=e.createElement(x,i),Ft.currentNode=this.el.content,a===2||a===3){let S=this.el.content.firstChild;S.replaceWith(...S.childNodes)}for(;(l=Ft.nextNode())!==null&&u.length<p;){if(l.nodeType===1){if(l.hasAttributes())for(let S of l.getAttributeNames())if(S.endsWith(Xo)){let R=v[d++],N=l.getAttribute(S).split(Pt),$=/([.?@])?(.*)/.exec(R);u.push({type:1,index:c,name:$[2],strings:N,ctor:$[1]==="."?oo:$[1]==="?"?ro:$[1]==="@"?ao:ee}),l.removeAttribute(S)}else S.startsWith(Pt)&&(u.push({type:6,index:c}),l.removeAttribute(S));if(Qo.test(l.tagName)){let S=l.textContent.split(Pt),R=S.length-1;if(R>0){l.textContent=We?We.emptyScript:"";for(let N=0;N<R;N++)l.append(S[N],ke()),Ft.nextNode(),u.push({type:2,index:++c});l.append(S[R],ke())}}}else if(l.nodeType===8)if(l.data===qo)u.push({type:2,index:c});else{let S=-1;for(;(S=l.data.indexOf(Pt,S+1))!==-1;)u.push({type:7,index:c}),S+=Pt.length-1}c++}}static createElement(o,a){let i=Mt.createElement("template");return i.innerHTML=o,i}};function te(e,o,a=e,i){if(o===Oe)return o;let l=i!==void 0?a._$Co?.[i]:a._$Cl,c=Ce(o)?void 0:o._$litDirective$;return l?.constructor!==c&&(l?._$AO?.(!1),c===void 0?l=void 0:(l=new c(e),l._$AT(e,a,i)),i!==void 0?(a._$Co??=[])[i]=l:a._$Cl=l),l!==void 0&&(o=te(e,l._$AS(e,o.values),l,i)),o}var eo=class{constructor(o,a){this._$AV=[],this._$AN=void 0,this._$AD=o,this._$AM=a}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(o){let{el:{content:a},parts:i}=this._$AD,l=(o?.creationScope??Mt).importNode(a,!0);Ft.currentNode=l;let c=Ft.nextNode(),d=0,p=0,u=i[0];for(;u!==void 0;){if(d===u.index){let x;u.type===2?x=new He(c,c.nextSibling,this,o):u.type===1?x=new u.ctor(c,u.name,u.strings,this,o):u.type===6&&(x=new no(c,this,o)),this._$AV.push(x),u=i[++p]}d!==u?.index&&(c=Ft.nextNode(),d++)}return Ft.currentNode=Mt,l}p(o){let a=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(o,i,a),a+=i.strings.length-2):i._$AI(o[a])),a++}},He=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(o,a,i,l){this.type=2,this._$AH=_,this._$AN=void 0,this._$AA=o,this._$AB=a,this._$AM=i,this.options=l,this._$Cv=l?.isConnected??!0}get parentNode(){let o=this._$AA.parentNode,a=this._$AM;return a!==void 0&&o?.nodeType===11&&(o=a.parentNode),o}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(o,a=this){o=te(this,o,a),Ce(o)?o===_||o==null||o===""?(this._$AH!==_&&this._$AR(),this._$AH=_):o!==this._$AH&&o!==Oe&&this._(o):o._$litType$!==void 0?this.$(o):o.nodeType!==void 0?this.T(o):vn(o)?this.k(o):this._(o)}O(o){return this._$AA.parentNode.insertBefore(o,this._$AB)}T(o){this._$AH!==o&&(this._$AR(),this._$AH=this.O(o))}_(o){this._$AH!==_&&Ce(this._$AH)?this._$AA.nextSibling.data=o:this.T(Mt.createTextNode(o)),this._$AH=o}$(o){let{values:a,_$litType$:i}=o,l=typeof i=="number"?this._$AC(o):(i.el===void 0&&(i.el=ve.createElement(or(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===l)this._$AH.p(a);else{let c=new eo(l,this),d=c.u(this.options);c.p(a),this.T(d),this._$AH=c}}_$AC(o){let a=Yo.get(o.strings);return a===void 0&&Yo.set(o.strings,a=new ve(o)),a}k(o){lo(this._$AH)||(this._$AH=[],this._$AR());let a=this._$AH,i,l=0;for(let c of o)l===a.length?a.push(i=new e(this.O(ke()),this.O(ke()),this,this.options)):i=a[l],i._$AI(c),l++;l<a.length&&(this._$AR(i&&i._$AB.nextSibling,l),a.length=l)}_$AR(o=this._$AA.nextSibling,a){for(this._$AP?.(!1,!0,a);o&&o!==this._$AB;){let i=o.nextSibling;o.remove(),o=i}}setConnected(o){this._$AM===void 0&&(this._$Cv=o,this._$AP?.(o))}},ee=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(o,a,i,l,c){this.type=1,this._$AH=_,this._$AN=void 0,this.element=o,this.name=a,this._$AM=l,this.options=c,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=_}_$AI(o,a=this,i,l){let c=this.strings,d=!1;if(c===void 0)o=te(this,o,a,0),d=!Ce(o)||o!==this._$AH&&o!==Oe,d&&(this._$AH=o);else{let p=o,u,x;for(o=c[0],u=0;u<c.length-1;u++)x=te(this,p[i+u],a,u),x===Oe&&(x=this._$AH[u]),d||=!Ce(x)||x!==this._$AH[u],x===_?o=_:o!==_&&(o+=(x??"")+c[u+1]),this._$AH[u]=x}d&&!l&&this.j(o)}j(o){o===_?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,o??"")}},oo=class extends ee{constructor(){super(...arguments),this.type=3}j(o){this.element[this.name]=o===_?void 0:o}},ro=class extends ee{constructor(){super(...arguments),this.type=4}j(o){this.element.toggleAttribute(this.name,!!o&&o!==_)}},ao=class extends ee{constructor(o,a,i,l,c){super(o,a,i,l,c),this.type=5}_$AI(o,a=this){if((o=te(this,o,a,0)??_)===Oe)return;let i=this._$AH,l=o===_&&i!==_||o.capture!==i.capture||o.once!==i.once||o.passive!==i.passive,c=o!==_&&(i===_||l);l&&this.element.removeEventListener(this.name,this,i),c&&this.element.addEventListener(this.name,this,o),this._$AH=o}handleEvent(o){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,o):this._$AH.handleEvent(o)}},no=class{constructor(o,a,i){this.element=o,this.type=6,this._$AN=void 0,this._$AM=a,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(o){te(this,o)}};var Nn=io.litHtmlPolyfillSupport;Nn?.(ve,He),(io.litHtmlVersions??=[]).push("3.3.0");var rr=e=>e??_;var ft=m(E());var Je=m(W()),g=m(E());var mo=m(E());var _e=m(dt());var st=m(W()),b=m(E());var vt=m(W(),1),Wt=e=>typeof e=="string"?(0,vt.unsafeCSS)(e):e,t=class{static create(o,a,i,l){let c=p=>Wt(p??l),d=vt.css`var(${Wt(o)}, ${c(l)})`;return d.name=o,d.description=a,d.category=i,d.defaultValue=l,d.defaultCssValue=c,d.set=p=>ar(d,p??c(l)),d.get=p=>vt.css`var(${Wt(o)}, ${c(p)})`,d.breadcrumb=()=>[],d.lastResortDefaultValue=()=>l,d}static extend(o,a,i,l){let c=p=>i.get(p??l),d=vt.css`var(${Wt(o)}, ${c(l)})`;return d.name=o,d.description=a,d.category=i.category,d.fallbackVariable=i,d.defaultValue=l,d.defaultCssValue=c,d.set=p=>ar(d,p??c(l)),d.get=p=>vt.css`var(${Wt(o)}, ${c(p)})`,d.breadcrumb=()=>[i.name,...i.breadcrumb()],d.lastResortDefaultValue=()=>l??i.lastResortDefaultValue(),d}static external(o,a){let i=c=>o.defaultCssValue(c),l=vt.css`var(${Wt(o.name)}, ${i(o.defaultValue)})`;return l.name=o.name,l.category=o.category,l.fallbackVariable=o.fallbackVariable,l.defaultValue=o.defaultValue,l.context=a,l.defaultCssValue=i,l.set=c=>o.set(c),l.get=c=>vt.css`var(${Wt(o.name)}, ${i(c)})`,l.breadcrumb=()=>o.breadcrumb(),l.lastResortDefaultValue=()=>o.lastResortDefaultValue(),l}};function ar(e,o){return Wt(`${e.name}: ${o}`)}var r={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(0.25rem*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(0.25rem*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(0.25rem*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(0.25rem*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(0.25rem*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(0.25rem*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(0.25rem*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(0.25rem*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(0.25rem*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(0.25rem*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(0.25rem*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(0.25rem*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(0.25rem*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(0.25rem*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity12:t.create("--ft-opacity-12","","NUMBER","0.12"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:t.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:t.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:t.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:t.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:t.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:t.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:t.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:t.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:t.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:t.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},nr={fontFamily:t.create("--ft-typography-display-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-line-height","","SIZE","1.2"),fontSize:t.create("--ft-typography-display-font-size","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letter-spacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-text-case","","UNKNOWN","none")},ir={fontFamily:t.create("--ft-typography-title-1-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-line-height","","SIZE","1.2"),fontSize:t.create("--ft-typography-title-1-font-size","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letter-spacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-text-case","","UNKNOWN","none")},lr={fontFamily:t.create("--ft-typography-title-2-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-line-height","","SIZE","1.2"),fontSize:t.create("--ft-typography-title-2-font-size","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letter-spacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-text-case","","UNKNOWN","none")},cr={fontFamily:t.create("--ft-typography-title-3-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-line-height","","SIZE","1.2"),fontSize:t.create("--ft-typography-title-3-font-size","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letter-spacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-text-case","","UNKNOWN","none")},dr={fontFamily:t.create("--ft-typography-body-1-regular-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-font-weight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-1-regular-font-size","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-text-case","","UNKNOWN","none")},sr={fontFamily:t.create("--ft-typography-body-1-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-1-medium-font-size","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-text-case","","UNKNOWN","none")},pr={fontFamily:t.create("--ft-typography-body-1-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-1-semibold-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-1-semibold-font-size","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-semibold-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-semibold-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-semibold-text-case","","UNKNOWN","none")},fr={fontFamily:t.create("--ft-typography-body-2-regular-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-regular-font-weight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-2-regular-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-2-regular-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-regular-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-regular-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-regular-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-regular-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-regular-text-case","","UNKNOWN","none")},oe={fontFamily:t.create("--ft-typography-body-2-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-2-medium-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-medium-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-medium-text-case","","UNKNOWN","none")},En={fontFamily:t.create("--ft-typography-body-2-medium-underline-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-underline-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-underline-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-2-medium-underline-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-underline-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-underline-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-underline-paragraph-indent","","UNKNOWN","0"),textCase:t.create("--ft-typography-body-2-medium-underline-text-case","","UNKNOWN","none"),textDecoration:t.create("--ft-typography-body-2-medium-underline-text-decoration","","UNKNOWN","underline")},ur={fontFamily:t.create("--ft-typography-body-2-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-2-semibold-line-height","","SIZE","1.35"),fontSize:t.create("--ft-typography-body-2-semibold-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-semibold-letter-spacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-semibold-text-decoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-semibold-text-case","","UNKNOWN","none")},gr={fontFamily:t.create("--ft-typography-label-1-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-1-medium-line-height","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-medium-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-medium-letter-spacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-medium-text-case","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-medium-text-decoration","","UNKNOWN","none")},yr={fontFamily:t.create("--ft-typography-label-1-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-1-semibold-line-height","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-semibold-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-semibold-letter-spacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-semibold-text-case","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-semibold-text-decoration","","UNKNOWN","none")},hr={fontFamily:t.create("--ft-typography-label-1-bold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-bold-font-weight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-1-bold-line-height","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-bold-font-size","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-bold-letter-spacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-bold-text-case","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-bold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-bold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-bold-text-decoration","","UNKNOWN","none")},mr={fontFamily:t.create("--ft-typography-label-2-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-2-medium-line-height","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-medium-font-size","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-medium-letter-spacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-medium-text-case","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-medium-text-decoration","","UNKNOWN","none")},br={fontFamily:t.create("--ft-typography-label-2-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-line-height","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-font-size","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letter-spacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-text-case","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-text-decoration","","UNKNOWN","none")},xr={fontFamily:t.create("--ft-typography-label-2-bold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-font-weight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-line-height","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-font-size","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letter-spacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-text-case","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-text-decoration","","UNKNOWN","none")},Sr={fontFamily:t.create("--ft-typography-caption-1-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-1-medium-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-1-medium-font-size","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-medium-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-medium-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-medium-text-decoration","","UNKNOWN","none")},Cr={fontFamily:t.create("--ft-typography-caption-1-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-1-semibold-font-size","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-text-decoration","","UNKNOWN","none")},Or={fontFamily:t.create("--ft-typography-caption-1-bold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-font-weight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-1-bold-font-size","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-text-decoration","","UNKNOWN","none")},Zt={fontFamily:t.create("--ft-typography-caption-2-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-2-medium-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-2-medium-font-size","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-medium-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-medium-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-medium-text-decoration","","UNKNOWN","none")},vr={fontFamily:t.create("--ft-typography-caption-2-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-2-semibold-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-2-semibold-font-size","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-semibold-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-semibold-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-semibold-text-decoration","","UNKNOWN","none")},wr={fontFamily:t.create("--ft-typography-caption-2-bold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-bold-font-weight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-2-bold-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-2-bold-font-size","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-bold-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-bold-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-bold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-bold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-bold-text-decoration","","UNKNOWN","none")},Nr={fontFamily:t.create("--ft-typography-caption-3-medium-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-medium-font-weight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-3-medium-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-3-medium-font-size","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-medium-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-medium-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-medium-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-medium-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-medium-text-decoration","","UNKNOWN","none")},Er={fontFamily:t.create("--ft-typography-caption-3-semibold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-font-weight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-3-semibold-font-size","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-text-decoration","","UNKNOWN","none")},Rr={fontFamily:t.create("--ft-typography-caption-3-bold-font-family","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-font-weight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-line-height","","SIZE","1.3"),fontSize:t.create("--ft-typography-caption-3-bold-font-size","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letter-spacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-text-case","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraph-spacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraph-indent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-text-decoration","","UNKNOWN","none")},Te={display:nr,"title-1":ir,"title-2":lr,"title-3":cr,"body-1-regular":dr,"body-1-medium":sr,"body-1-semibold":pr,"body-2-regular":fr,"body-2-medium":oe,"body-2-medium-underline":En,"body-2-semibold":ur,"label-1-medium":gr,"label-1-semibold":yr,"label-1-bold":hr,"label-2-medium":mr,"label-2-semibold":br,"label-2-bold":xr,"caption-1-medium":Sr,"caption-1-semibold":Cr,"caption-1-bold":Or,"caption-2-medium":Zt,"caption-2-semibold":vr,"caption-2-bold":wr,"caption-3-medium":Nr,"caption-3-semibold":Er,"caption-3-bold":Rr};var n={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",r.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",r.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",r.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",r.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",r.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",r.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",r.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",r.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",r.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",r.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",r.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",r.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",r.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",r.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",r.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",r.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",r.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",r.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
4
|
+
Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",r.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",r.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",r.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",r.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",r.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",r.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",r.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",r.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",r.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",r.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",r.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",r.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",r.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",r.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",r.colorGray80),borderNeutralPrimary:t.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",r.colorGray200)};var s={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",r.spacing4),largeGap:t.extend("--ft-button-large-gap","",r.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",r.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",r.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",r.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",r.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",r.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",r.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",r.spacing2),smallGap:t.extend("--ft-button-small-gap","",r.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",r.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",r.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",r.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",r.borderRadiusPill),primaryBrandBackgroundColor:t.extend("--ft-button-primary-brand-background-color","",n.backgroundActionPrimary),primaryBrandColor:t.extend("--ft-button-primary-brand-color","",n.contentGlobalOnColor),primaryBrandIconColor:t.extend("--ft-button-primary-brand-icon-color","",n.contentGlobalOnColor),primaryBrandStateLayerColor:t.extend("--ft-button-primary-brand-state-layer-color","",n.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:t.extend("--ft-button-primary-brand-hover-state-layer-opacity","",r.opacity16),primaryBrandFocusStateLayerOpacity:t.extend("--ft-button-primary-brand-focus-state-layer-opacity","",r.opacity16),primaryBrandActiveStateLayerOpacity:t.extend("--ft-button-primary-brand-active-state-layer-opacity","",r.opacity24),primaryBrandDisabledComponentOpacity:t.extend("--ft-button-primary-brand-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",n.borderActionFocusRing),tertiaryBrandBackgroundColor:t.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:t.extend("--ft-button-tertiary-brand-color","",n.contentActionPrimary),tertiaryBrandIconColor:t.extend("--ft-button-tertiary-brand-icon-color","",n.contentActionPrimary),tertiaryBrandStateLayerColor:t.extend("--ft-button-tertiary-brand-state-layer-color","",n.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:t.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",r.opacity8),tertiaryBrandFocusStateLayerOpacity:t.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",r.opacity8),tertiaryBrandActiveStateLayerOpacity:t.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",r.opacity16),tertiaryBrandDisabledComponentOpacity:t.extend("--ft-button-tertiary-brand-disabled-component-opacity","",r.opacity40),tertiaryInfoBackgroundColor:t.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:t.extend("--ft-button-tertiary-info-color","",n.contentInfoPrimary),tertiaryInfoIconColor:t.extend("--ft-button-tertiary-info-icon-color","",n.contentInfoPrimary),tertiaryInfoStateLayerColor:t.extend("--ft-button-tertiary-info-state-layer-color","",n.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:t.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",r.opacity8),tertiaryInfoHoverStateLayerOpacity:t.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",r.opacity8),tertiaryInfoActiveStateLayerOpacity:t.extend("--ft-button-tertiary-info-active-state-layer-opacity","",r.opacity16),tertiaryInfoDisabledComponentOpacity:t.extend("--ft-button-tertiary-info-disabled-component-opacity","",r.opacity40),tertiarySuccessBackgroundColor:t.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:t.extend("--ft-button-tertiary-success-color","",n.contentSuccessPrimary),tertiarySuccessIconColor:t.extend("--ft-button-tertiary-success-icon-color","",n.contentSuccessPrimary),tertiarySuccessStateLayerColor:t.extend("--ft-button-tertiary-success-state-layer-color","",n.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:t.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",r.opacity8),tertiarySuccessFocusStateLayerOpacity:t.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",r.opacity8),tertiarySuccessActiveStateLayerOpacity:t.extend("--ft-button-tertiary-success-active-state-layer-opacity","",r.opacity16),tertiarySuccessDisabledComponentOpacity:t.extend("--ft-button-tertiary-success-disabled-component-opacity","",r.opacity40),tertiaryWarningBackgroundColor:t.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:t.extend("--ft-button-tertiary-warning-color","",n.contentWarningPrimary),tertiaryWarningIconColor:t.extend("--ft-button-tertiary-warning-icon-color","",n.contentWarningPrimary),tertiaryWarningStateLayerColor:t.extend("--ft-button-tertiary-warning-state-layer-color","",n.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:t.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",r.opacity8),tertiaryWarningFocusStateLayerOpacity:t.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",r.opacity8),tertiaryWarningActiveStateLayerOpacity:t.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",r.opacity16),tertiaryWarningDisabledComponentOpacity:t.extend("--ft-button-tertiary-warning-disabled-component-opacity","",r.opacity40),tertiaryErrorBackgroundColor:t.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:t.extend("--ft-button-tertiary-error-color","",n.contentErrorPrimary),tertiaryErrorIconColor:t.extend("--ft-button-tertiary-error-icon-color","",n.contentErrorPrimary),tertiaryErrorStateLayerColor:t.extend("--ft-button-tertiary-error-state-layer-color","",n.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:t.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",r.opacity8),tertiaryErrorFocusStateLayerOpacity:t.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",r.opacity8),tertiaryErrorActiveStateLayerOpacity:t.extend("--ft-button-tertiary-error-active-state-layer-opacity","",r.opacity16),tertiaryErrorDisabledComponentOpacity:t.extend("--ft-button-tertiary-error-disabled-component-opacity","",r.opacity40),tertiaryNeutralBackgroundColor:t.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:t.extend("--ft-button-tertiary-neutral-icon-color","",n.contentGlobalSecondary),tertiaryNeutralColor:t.extend("--ft-button-tertiary-neutral-color","",n.contentGlobalSecondary),tertiaryNeutralStateLayerColor:t.extend("--ft-button-tertiary-neutral-state-layer-color","",n.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",r.opacity8),tertiaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",r.opacity8),tertiaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",r.opacity16),tertiaryNeutralDisabledComponentOpacity:t.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",r.opacity40),secondaryBrandBackgroundColor:t.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:t.extend("--ft-button-secondary-brand-color","",n.contentActionPrimary),secondaryBrandIconColor:t.extend("--ft-button-secondary-brand-icon-color","",n.contentActionPrimary),secondaryBrandStateLayerColor:t.extend("--ft-button-secondary-brand-state-layer-color","",n.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:t.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",r.opacity8),secondaryBrandFocusStateLayerOpacity:t.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",r.opacity8),secondaryBrandActiveStateLayerOpacity:t.extend("--ft-button-secondary-brand-active-state-layer-opacity","",r.opacity16),secondaryBrandDisabledComponentOpacity:t.extend("--ft-button-secondary-brand-disabled-component-opacity","",r.opacity40),secondaryBrandBorderColor:t.extend("--ft-button-secondary-brand-border-color","",n.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",r.opacity8),secondaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",r.opacity8),secondaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",r.opacity16),secondaryNeutralDisabledComponentOpacity:t.extend("--ft-button-secondary-neutral-disabled-component-opacity","",r.opacity40),secondaryNeutralBackgroundColor:t.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:t.extend("--ft-button-secondary-neutral-color","",n.contentGlobalSecondary),secondaryNeutralIconColor:t.extend("--ft-button-secondary-neutral-icon-color","",n.contentGlobalSecondary),secondaryNeutralStateLayerColor:t.extend("--ft-button-secondary-neutral-state-layer-color","",n.contentGlobalSecondary),secondaryNeutralBorderColor:t.extend("--ft-button-secondary-neutral-border-color","",n.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:t.extend("--ft-button-secondary-info-hover-state-layer-opacity","",r.opacity8),secondaryInfoFocusStateLayerOpacity:t.extend("--ft-button-secondary-info-focus-state-layer-opacity","",r.opacity8),secondaryInfoActiveStateLayerOpacity:t.extend("--ft-button-secondary-info-active-state-layer-opacity","",r.opacity16),secondaryInfoDisabledComponentOpacity:t.extend("--ft-button-secondary-info-disabled-component-opacity","",r.opacity40),secondaryInfoBackgroundColor:t.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:t.extend("--ft-button-secondary-info-border-color","",n.borderInfoPrimary),secondaryInfoColor:t.extend("--ft-button-secondary-info-color","",n.contentInfoPrimary),secondaryInfoIconColor:t.extend("--ft-button-secondary-info-icon-color","",n.contentInfoPrimary),secondaryInfoStateLayerColor:t.extend("--ft-button-secondary-info-state-layer-color","",n.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:t.extend("--ft-button-secondary-success-hover-state-layer-opacity","",r.opacity8),secondarySuccessFocusStateLayerOpacity:t.extend("--ft-button-secondary-success-focus-state-layer-opacity","",r.opacity8),secondarySuccessActiveStateLayerOpacity:t.extend("--ft-button-secondary-success-active-state-layer-opacity","",r.opacity16),secondarySuccessDisabledComponentOpacity:t.extend("--ft-button-secondary-success-disabled-component-opacity","",r.opacity40),secondarySuccessBackgroundColor:t.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:t.extend("--ft-button-secondary-success-border-color","",n.borderSuccessPrimary),secondarySuccessColor:t.extend("--ft-button-secondary-success-color","",n.contentSuccessPrimary),secondarySuccessIconColor:t.extend("--ft-button-secondary-success-icon-color","",n.contentSuccessPrimary),secondarySuccessStateLayerColor:t.extend("--ft-button-secondary-success-state-layer-color","",n.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:t.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",r.opacity8),secondaryWarningFocusStateLayerOpacity:t.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",r.opacity8),secondaryWarningActiveStateLayerOpacity:t.extend("--ft-button-secondary-warning-active-state-layer-opacity","",r.opacity16),secondaryWarningDisabledComponentOpacity:t.extend("--ft-button-secondary-warning-disabled-component-opacity","",r.opacity40),secondaryWarningBackgroundColor:t.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:t.extend("--ft-button-secondary-warning-border-color","",n.borderWarningPrimary),secondaryWarningColor:t.extend("--ft-button-secondary-warning-color","",n.contentWarningPrimary),secondaryWarningIconColor:t.extend("--ft-button-secondary-warning-icon-color","",n.contentWarningPrimary),secondaryWarningStateLayerColor:t.extend("--ft-button-secondary-warning-state-layer-color","",n.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:t.extend("--ft-button-secondary-error-hover-state-layer-opacity","",r.opacity8),secondaryErrorFocusStateLayerOpacity:t.extend("--ft-button-secondary-error-focus-state-layer-opacity","",r.opacity8),secondaryErrorActiveStateLayerOpacity:t.extend("--ft-button-secondary-error-active-state-layer-opacity","",r.opacity16),secondaryErrorDisabledComponentOpacity:t.extend("--ft-button-secondary-error-disabled-component-opacity","",r.opacity40),secondaryErrorBackgroundColor:t.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:t.extend("--ft-button-secondary-error-border-color","",n.contentErrorPrimary),secondaryErrorColor:t.extend("--ft-button-secondary-error-color","",n.contentErrorPrimary),secondaryErrorIconColor:t.extend("--ft-button-secondary-error-icon-color","",n.contentErrorPrimary),secondaryErrorStateLayerColor:t.extend("--ft-button-secondary-error-state-layer-color","",n.contentErrorPrimary)};var Ci={iconSize:t.extend("--ft-checkbox-icon-size","",r.iconSize2),boxSize:t.create("--ft-checkbox-box-size","","SIZE","18px"),colorLegendSize:t.create("--ft-checkbox-color-legend-size","","SIZE","16px"),borderRadius:t.create("--ft-checkbox-border-radius","","SIZE","1px"),color:t.extend("--ft-checkbox-color","",n.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",n.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",n.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",n.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",r.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",r.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",r.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",r.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",r.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",r.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",r.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",r.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",r.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),borderWidth:t.create("--ft-checkbox-border-width","","SIZE","2px"),horizontalGap:t.extend("--ft-checkbox-horizontal-gap","",r.spacing3),leftPadding:t.extend("--ft-checkbox-left-padding","",r.spacing2)};var Ei={circleSize:t.create("--ft-radio-circle-size","","SIZE","18px"),borderWidth:t.create("--ft-radio-border-width","","SIZE","2px"),color:t.extend("--ft-radio-color","",n.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",n.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",n.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",r.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",r.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",r.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",r.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",n.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",n.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",r.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",r.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",r.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",r.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),verticalGap:t.extend("--ft-radio-vertical-gap","",r.spacing3),horizontalGap:t.extend("--ft-radio-horizontal-gap","",r.spacing3)};var Ai={headerRowBorderWidth:t.create("--ft-table-header-row-border-width","","SIZE","1px"),headerRowBackgroundColor:t.extend("--ft-table-header-row-background-color","",n.backgroundGlobalOnSurfaceDark),headerRowBorderColor:t.extend("--ft-table-header-row-border-color","",n.borderGlobalPrimary),headerRowColor:t.extend("--ft-table-header-row-color","",n.contentGlobalPrimary),dataRowBorderWidth:t.create("--ft-table-data-row-border-width","","SIZE","1px"),dataRowBackgroundColor:t.extend("--ft-table-data-row-background-color","",n.backgroundGlobalOnSurface),dataRowBorderColor:t.extend("--ft-table-data-row-border-color","",n.borderGlobalSubtle),dataRowColor:t.extend("--ft-table-data-row-color","",n.contentGlobalSecondary),dataRowDefaultHoverBackgroundColor:t.extend("--ft-table-data-row-default-hover-background-color","",r.colorGray20),dataRowSelectableUnselectedHoverBackgroundColor:t.extend("--ft-table-data-row-selectable-unselected-hover-background-color","",r.colorGray20),dataRowSelectableSelectedDefaultBackgroundColor:t.extend("--ft-table-data-row-selectable-selected-default-background-color","",r.colorBrand10),dataRowSelectableSelectedDefaultBorderColor:t.extend("--ft-table-data-row-selectable-selected-default-border-color","",r.colorBrand20),dataRowSelectableSelectedHoverBackgroundColor:t.extend("--ft-table-data-row-selectable-selected-hover-background-color","",r.colorBrand20),dataRowSelectableSelectedHoverBorderColor:t.extend("--ft-table-data-row-selectable-selected-hover-border-color","",r.colorBrand30),dataRowSelectableSelectedColor:t.extend("--ft-table-data-row-selectable-selected-color","",n.contentActionPrimary),dataRowClickableHoverBackgroundColor:t.extend("--ft-table-data-row-clickable-hover-background-color","",r.colorGray30),dataRowClickableFocusBorderColor:t.extend("--ft-table-data-row-clickable-focus-border-color","",n.borderActionFocusRing),dataRowClickableFocusBackgroundColor:t.extend("--ft-table-data-row-clickable-focus-background-color","",r.colorGray30),dataRowClickableActiveBackgroundColor:t.extend("--ft-table-data-row-clickable-active-background-color","",r.colorGray40),headerCellHorizontalGap:t.extend("--ft-table-header-cell-horizontal-gap","",r.spacing1),headerCellVerticalPadding:t.extend("--ft-table-header-cell-vertical-padding","",r.spacing2),headerCellHorizontalPadding:t.extend("--ft-table-header-cell-horizontal-padding","",r.spacing3),dataCellVerticalPadding:t.extend("--ft-table-data-cell-vertical-padding","",r.spacing2),dataCellHorizontalPadding:t.extend("--ft-table-data-cell-horizontal-padding","",r.spacing3),dataCellVerticalGap:t.extend("--ft-table-data-cell-vertical-gap","",r.spacing1)};var ki={neutralOffHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",r.opacity8),neutralOffFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",r.opacity8),neutralOffFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",n.borderActionFocusRing),neutralOffActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",r.opacity16),neutralOffBackgroundColor:t.extend("--ft-chip-choice-neutral-off-background-color","",n.backgroundGlobalOnSurface),neutralOffBorderColor:t.extend("--ft-chip-choice-neutral-off-border-color","",n.borderGlobalPrimary),neutralOffColor:t.extend("--ft-chip-choice-neutral-off-color","",n.contentGlobalSecondary),neutralOffStateLayerColor:t.extend("--ft-chip-choice-neutral-off-state-layer-color","",n.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",r.opacity16),neutralOnHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",r.opacity24),neutralOnFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",r.opacity24),neutralOnFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",n.borderActionFocusRing),neutralOnActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",r.opacity32),neutralOnBackgroundColor:t.extend("--ft-chip-choice-neutral-on-background-color","",n.backgroundGlobalOnSurface),neutralOnBorderColor:t.extend("--ft-chip-choice-neutral-on-border-color","",n.borderGlobalPrimary),neutralOnColor:t.extend("--ft-chip-choice-neutral-on-color","",n.contentGlobalPrimary),neutralOnIconColor:t.extend("--ft-chip-choice-neutral-on-icon-color","",n.contentGlobalPrimary),neutralOnStateLayerColor:t.extend("--ft-chip-choice-neutral-on-state-layer-color","",n.contentGlobalPrimary),largeMinHeight:t.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-choice-large-horizontal-padding","",r.spacing3),largeGap:t.extend("--ft-chip-choice-large-gap","",r.spacing1),largeBorderRadius:t.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-choice-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-choice-medium-horizontal-padding","",r.spacing2),mediumGap:t.extend("--ft-chip-choice-medium-gap","",r.spacing1),mediumBorderRadius:t.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-choice-medium-icon-size","",r.iconSize2)};var Di={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",r.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",r.spacing1),largeGap:t.extend("--ft-chip-large-gap","",r.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",r.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",r.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",r.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",r.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",r.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",r.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",r.spacing05),smallGap:t.extend("--ft-chip-small-gap","",r.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",r.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",n.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",n.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",n.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",n.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",n.borderErrorSubtle)};var Ki={brandHoverOpacity:t.extend("--ft-link-brand-hover-opacity","",r.opacity80),brandHoverColor:t.extend("--ft-link-brand-hover-color","",n.contentActionPrimary),brandFocusFocusRingColor:t.extend("--ft-link-brand-focus-focus-ring-color","",n.borderActionFocusRing),brandFocusColor:t.extend("--ft-link-brand-focus-color","",n.contentActionPrimary),brandDefaultColor:t.extend("--ft-link-brand-default-color","",n.contentActionPrimary),brandActiveColor:t.extend("--ft-link-brand-active-color","",n.contentActionPrimary),infoHoverOpacity:t.extend("--ft-link-info-hover-opacity","",r.opacity80),infoHoverColor:t.extend("--ft-link-info-hover-color","",n.contentInfoPrimary),infoFocusFocusRingColor:t.extend("--ft-link-info-focus-focus-ring-color","",n.borderActionFocusRing),infoFocusColor:t.extend("--ft-link-info-focus-color","",n.contentInfoPrimary),infoDefaultColor:t.extend("--ft-link-info-default-color","",n.contentInfoPrimary),infoActiveColor:t.extend("--ft-link-info-active-color","",n.contentInfoPrimary),neutralFocusFocusRingColor:t.extend("--ft-link-neutral-focus-focus-ring-color","",n.borderActionFocusRing),neutralFocusColor:t.extend("--ft-link-neutral-focus-color","",n.contentActionPrimary),neutralDefaultColor:t.extend("--ft-link-neutral-default-color","",n.contentGlobalPrimary),neutralHoverColor:t.extend("--ft-link-neutral-hover-color","",n.contentActionPrimary),neutralActiveColor:t.extend("--ft-link-neutral-active-color","",n.contentActionPrimary),neutralVisitedColor:t.extend("--ft-link-neutral-visited-color","",r.colorBrand100)};var qi={iconSize:t.extend("--ft-banner-icon-size","",r.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",r.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",r.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",r.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",r.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",r.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",r.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",r.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",n.borderInfoSubtle)};var ol={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",r.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",r.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",r.borderRadiusPill),color:t.extend("--ft-badge-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",n.contentActionPrimary)};var ll={horizontalGap:t.extend("--ft-title-breadcrumb-horizontal-gap","",r.spacing1),currentColor:t.extend("--ft-title-breadcrumb-current-color","",n.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-title-breadcrumb-previous-non-clickable-color","",n.contentGlobalSecondary),iconColor:t.extend("--ft-title-breadcrumb-icon-color","",n.contentGlobalSubtle)};var fl={parentHorizontalPadding:t.extend("--ft-page-header-parent-horizontal-padding","",r.spacing6),parentTopPadding:t.extend("--ft-page-header-parent-top-padding","",r.spacing4),parentBottomPadding:t.extend("--ft-page-header-parent-bottom-padding","",r.spacing6),parentHelpLeftMargin:t.extend("--ft-page-header-parent-help-left-margin","",r.spacing1),parentTitleColor:t.extend("--ft-page-header-parent-title-color","",n.contentGlobalPrimary),parentSubtitleColor:t.extend("--ft-page-header-parent-subtitle-color","",n.contentGlobalSecondary),parentChipLeftMargin:t.extend("--ft-page-header-parent-chip-left-margin","",r.spacing4),parentVerticalGap:t.extend("--ft-page-header-parent-vertical-gap","",r.spacing2),parentButtonsGroupHorizontalGap:t.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",r.spacing4),parentButtonsGroupVerticalGap:t.extend("--ft-page-header-parent-buttons-group-vertical-gap","",r.spacing4),parentChipsGroupHorizontalGap:t.extend("--ft-page-header-parent-chips-group-horizontal-gap","",r.spacing2),parentChipsGroupVerticalGap:t.extend("--ft-page-header-parent-chips-group-vertical-gap","",r.spacing2),childHorizontalPadding:t.extend("--ft-page-header-child-horizontal-padding","",r.spacing6),childTopPadding:t.extend("--ft-page-header-child-top-padding","",r.spacing2),childBottomPadding:t.extend("--ft-page-header-child-bottom-padding","",r.spacing2),childHelpLeftMargin:t.extend("--ft-page-header-child-help-left-margin","",r.spacing1),childChipLeftMargin:t.extend("--ft-page-header-child-chip-left-margin","",r.spacing4),childVerticalGap:t.extend("--ft-page-header-child-vertical-gap","",r.spacing2),childMinHeight:t.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:t.extend("--ft-page-header-child-buttons-group-horizontal-gap","",r.spacing4),childButtonsGroupVerticalGap:t.extend("--ft-page-header-child-buttons-group-vertical-gap","",r.spacing4),childChipsGroupHorizontalGap:t.extend("--ft-page-header-child-chips-group-horizontal-gap","",r.spacing2),childChipsGroupVerticalGap:t.extend("--ft-page-header-child-chips-group-vertical-gap","",r.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",r.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",n.borderGlobalSubtle),bottomBorderWidth:t.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var ml={horizontalPadding:t.extend("--ft-page-footer-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-page-footer-vertical-padding","",r.spacing2),verticalGap:t.extend("--ft-page-footer-vertical-gap","",r.spacing2),minHeight:t.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:t.extend("--ft-page-footer-background-color","",r.colorWhite),topBorderColor:t.extend("--ft-page-footer-top-border-color","",n.borderGlobalSubtle),topBorderWidth:t.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:t.extend("--ft-page-footer-buttons-group-gap","",r.spacing4)};var Cl={contentHorizontalPadding:t.extend("--ft-page-layout-content-horizontal-padding","",r.spacing6),contentVerticalPadding:t.extend("--ft-page-layout-content-vertical-padding","",r.spacing6)};var El={smallContainerTargetWidth:t.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:t.extend("--ft-modal-small-container-margin","",r.spacing6),mediumContainerTargetWidth:t.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:t.extend("--ft-modal-medium-container-margin","",r.spacing6),largeContainerTargetWidth:t.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:t.extend("--ft-modal-large-container-margin","",r.spacing6),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",r.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-modal-shadow","",r.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",r.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",r.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",r.spacing6),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",n.contentGlobalPrimary),headerLeadingIconColor:t.extend("--ft-modal-header-leading-icon-color","",n.contentGlobalPrimary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",r.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",r.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",r.spacing6),headerGap:t.extend("--ft-modal-header-gap","",r.spacing2),headerBorderBottomWidth:t.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",r.borderRadiusM)};var Al={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",r.opacity40),shadow:t.extend("--ft-drawer-shadow","",r.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",n.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",r.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",r.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",r.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",r.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",n.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",n.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",n.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",n.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",r.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",r.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",n.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",n.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",n.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",r.spacing6),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",r.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",r.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",r.colorGray700)};var kl={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",r.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",r.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",r.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-tabs-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",n.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",n.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",r.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",r.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",r.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",r.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",r.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",r.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",r.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",r.opacity24),onColor:t.extend("--ft-tabs-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",n.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",n.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",r.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",r.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",r.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",r.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",n.borderActionFocusRing)};var Dl={largeFieldHorizontalPadding:t.extend("--ft-text-input-large-field-horizontal-padding","",r.spacing4),largeFieldHorizontalGap:t.extend("--ft-text-input-large-field-horizontal-gap","",r.spacing3),largeFieldVerticalGap:t.extend("--ft-text-input-large-field-vertical-gap","",r.spacing05),largeFieldHeight:t.create("--ft-text-input-large-field-height","","SIZE","50px"),largeFieldIconSize:t.extend("--ft-text-input-large-field-icon-size","",r.iconSize3),mediumFieldHorizontalPadding:t.extend("--ft-text-input-medium-field-horizontal-padding","",r.spacing4),mediumFieldHorizontalGap:t.extend("--ft-text-input-medium-field-horizontal-gap","",r.spacing3),mediumFieldVerticalGap:t.create("--ft-text-input-medium-field-vertical-gap","","SIZE","0px"),mediumFieldHeight:t.create("--ft-text-input-medium-field-height","","SIZE","40px"),mediumFieldIconSize:t.extend("--ft-text-input-medium-field-icon-size","",r.iconSize3),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.borderRadiusS),backgroundColor:t.extend("--ft-text-input-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",n.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",n.contentErrorIconOnly),warningBorderColor:t.extend("--ft-text-input-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-text-input-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-text-input-warning-helper-icon-color","",n.contentWarningIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",r.opacity40)};var Kl={backgroundColor:t.extend("--ft-text-area-background-color","",r.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",n.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",n.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",n.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",r.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",r.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",r.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",r.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",r.borderRadiusS)};var ql={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",r.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",n.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",n.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",n.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",r.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",r.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",r.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",r.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",r.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",n.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",r.shadowElevation02)};var oc={largeFieldHorizontalPadding:t.extend("--ft-combobox-single-select-large-field-horizontal-padding","",r.spacing4),largeFieldHorizontalGap:t.extend("--ft-combobox-single-select-large-field-horizontal-gap","",r.spacing3),largeFieldVerticalGap:t.extend("--ft-combobox-single-select-large-field-vertical-gap","",r.spacing05),largeFieldHeight:t.create("--ft-combobox-single-select-large-field-height","","SIZE","50px"),largeFieldIconSize:t.extend("--ft-combobox-single-select-large-field-icon-size","",r.iconSize3),mediumFieldHorizontalPadding:t.extend("--ft-combobox-single-select-medium-field-horizontal-padding","",r.spacing4),mediumFieldHorizontalGap:t.extend("--ft-combobox-single-select-medium-field-horizontal-gap","",r.spacing3),mediumFieldVerticalGap:t.create("--ft-combobox-single-select-medium-field-vertical-gap","","SIZE","0px"),mediumFieldHeight:t.create("--ft-combobox-single-select-medium-field-height","","SIZE","40px"),mediumFieldIconSize:t.extend("--ft-combobox-single-select-medium-field-icon-size","",r.iconSize3),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.borderRadiusS),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",n.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",n.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",n.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",n.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",r.opacity40)};var lc={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",r.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",n.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",n.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",n.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",n.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",n.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",n.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",n.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",n.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",n.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",n.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",n.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",r.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",r.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",r.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",r.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",r.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",r.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",r.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",r.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",r.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",r.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",r.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",r.borderRadiusS)};var fc={backgroundColor:t.extend("--ft-popover-background-color","",n.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",r.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",r.spacing6),titleColor:t.extend("--ft-popover-title-color","",n.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",n.contentGlobalSecondary),gap:t.extend("--ft-popover-gap","",r.spacing2),borderRadius:t.extend("--ft-popover-border-radius","",r.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-popover-max-width","","SIZE","440px"),contentSectionVerticalGap:t.extend("--ft-popover-content-section-vertical-gap","",r.spacing2),multiSectionVerticalGap:t.extend("--ft-popover-multi-section-vertical-gap","",r.spacing6)};var mc={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",r.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",r.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",n.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",r.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",r.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",r.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",r.spacing3),color:t.extend("--ft-collapsible-color","",n.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",n.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",n.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",n.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",r.iconSize3)};var Oc={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",r.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",r.spacing1),groupGap:t.extend("--ft-switch-group-gap","",r.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",n.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",n.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",r.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",r.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",r.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",r.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",r.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",r.opacity40),offColor:t.extend("--ft-switch-off-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",r.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",r.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",r.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",r.opacity40),onColor:t.extend("--ft-switch-on-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",n.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",r.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",r.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",n.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",r.borderRadiusS)};var Ec={color1Light:t.extend("--ft-chart-1-light","for area color charts",r.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",r.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",r.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",r.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",r.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",r.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",r.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",r.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",r.colorRed40),color5Base:t.extend("--ft-chart-5-base","",r.colorRed60),color6Light:t.extend("--ft-chart-6-light","",r.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",r.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",r.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",r.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",r.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",r.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",r.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",r.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",r.colorGray50),color10Base:t.extend("--ft-chart-10-base","",r.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",r.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",r.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",r.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",r.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",r.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",r.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",r.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",r.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",r.colorRed10),scatterplotQuadrantUnpopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",r.colorCyan10),scatterplotDatapointInitialDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",r.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",r.opacity48),scatterplotDatapointInitialHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",r.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",r.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",r.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",r.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",r.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",r.colorGray70),scatterplotDatapointHoverHoverRingColor:t.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",r.colorCyan200)};var Ic={color1IconColor:t.extend("--ft-page-designer-1-icon-color","for area color charts",r.colorCyan0),color1ToolbarColor:t.extend("--ft-page-designer-1-toolbar-color","for area color charts",r.colorCyan0),color2IconColor:t.extend("--ft-page-designer-2-icon-color","for area color charts",r.colorBrand0),color2ToolbarColor:t.extend("--ft-page-designer-2-toolbar-color","for area color charts",r.colorBrand0),color3IconColor:t.extend("--ft-page-designer-3-icon-color","for area color charts",r.colorYellow200),color3ToolbarColor:t.extend("--ft-page-designer-3-toolbar-color","for area color charts",r.colorYellow200),color4IconColor:t.extend("--ft-page-designer-4-icon-color","for area color charts",r.colorUltramarine50),color4ToolbarColor:t.extend("--ft-page-designer-4-toolbar-color","for area color charts",r.colorUltramarine50),color5IconColor:t.extend("--ft-page-designer-5-icon-color","for area color charts",r.colorGreen0),color5ToolbarColor:t.extend("--ft-page-designer-5-toolbar-color","for area color charts",r.colorGreen0),color6IconColor:t.extend("--ft-page-designer-6-icon-color","for area color charts",r.colorOrange0),color6ToolbarColor:t.extend("--ft-page-designer-6-toolbar-color","for area color charts",r.colorOrange0),color7IconColor:t.extend("--ft-page-designer-7-icon-color","for area color charts",r.colorAvocado200),color7ToolbarColor:t.extend("--ft-page-designer-7-toolbar-color","for area color charts",r.colorAvocado200),color8IconColor:t.extend("--ft-page-designer-8-icon-color","for area color charts",r.colorBrown0),color8ToolbarColor:t.extend("--ft-page-designer-8-toolbar-color","for area color charts",r.colorBrown0)};var Wc={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",r.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",r.borderRadiusS),gap:t.extend("--ft-notice-gap","",r.spacing2),iconSize:t.extend("--ft-notice-icon-size","",r.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",n.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",n.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",n.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",n.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",n.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",n.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",n.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",n.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",n.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",n.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",n.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",n.contentSuccessIconOnly),denseHorizontalPadding:t.create("--ft-notice-dense-horizontal-padding","","SIZE","0px"),denseVerticalPadding:t.create("--ft-notice-dense-vertical-padding","","SIZE","0px"),denseGap:t.extend("--ft-notice-dense-gap","",r.spacing1),denseIconSize:t.extend("--ft-notice-dense-icon-size","",r.iconSize2),denseBorderWidth:t.create("--ft-notice-dense-border-width","","SIZE","0")};var _c={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",r.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",r.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",r.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",r.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",n.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",n.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",n.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",r.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",r.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",r.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",r.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",n.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",n.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",n.contentActionPrimary),color:t.extend("--ft-toggle-color","",n.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",n.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",r.spacing3)};var Zc={iconSize:t.extend("--ft-notification-icon-size","",r.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",r.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",r.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",r.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",n.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",n.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",n.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",n.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",n.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",n.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",n.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",n.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",n.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",n.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",n.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",n.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",n.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",n.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",n.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",n.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",r.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",r.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",r.spacing8)};var Xc={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",r.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",r.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",r.borderRadiusS),color:t.extend("--ft-tooltip-color","",n.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",n.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",r.opacity80),shadow:t.extend("--ft-tooltip-shadow","",r.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",r.spacing05)};var ed={verticalPadding:t.extend("--ft-reorderable-list-vertical-padding","",r.spacing4),gap:t.extend("--ft-reorderable-list-gap","",r.spacing1),borderRadius:t.extend("--ft-reorderable-list-border-radius","",r.borderRadiusM),reorderableItemTitleMarginRight:t.extend("--ft-reorderable-list-reorderable-item-title-margin-right","",r.spacing6),reorderableItemTitleColor:t.extend("--ft-reorderable-list-reorderable-item-title-color","",n.contentGlobalPrimary),reorderableItemLeftButtonsGroupMarginRight:t.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-margin-right","",r.spacing6),reorderableItemLeftButtonsGroupHorizontalGap:t.extend("--ft-reorderable-list-reorderable-item-left-buttons-group-horizontal-gap","",r.spacing2),reorderableItemRightButtonsGroupHorizontalGap:t.extend("--ft-reorderable-list-reorderable-item-right-buttons-group-horizontal-gap","",r.spacing2),reorderableItemUsersCountColor:t.extend("--ft-reorderable-list-reorderable-item-users-count-color","",n.contentGlobalPrimary),reorderableItemUsersCountMarginRight:t.extend("--ft-reorderable-list-reorderable-item-users-count-margin-right","",r.spacing6),reorderableItemBackgroundColor:t.extend("--ft-reorderable-list-reorderable-item-background-color","",n.backgroundGlobalOnSurface),reorderableItemWarningMessageGap:t.extend("--ft-reorderable-list-reorderable-item-warning-message-gap","",r.spacing1),reorderableItemWarningMessageColor:t.extend("--ft-reorderable-list-reorderable-item-warning-message-color","",n.contentWarningPrimary),reorderableItemWarningMessageIconColor:t.extend("--ft-reorderable-list-reorderable-item-warning-message-icon-color","",n.contentWarningIconOnly),reorderableItemGripColor:t.extend("--ft-reorderable-list-reorderable-item-grip-color","",n.contentGlobalSecondary),reorderableItemGripOpacity:t.extend("--ft-reorderable-list-reorderable-item-grip-opacity","",r.opacity48),boxShadow:t.extend("--ft-reorderable-list-box-shadow","",r.shadowElevation01),borderWidth:t.create("--ft-reorderable-list-border-width","","SIZE","1px"),reorderableItemsGap:t.extend("--ft-reorderable-list-reorderable-items-gap","",r.spacing2),leftPadding:t.extend("--ft-reorderable-list-left-padding","",r.spacing2),rightPadding:t.extend("--ft-reorderable-list-right-padding","",r.spacing6),borderColor:t.extend("--ft-reorderable-list-border-color","",n.borderGlobalPrimary),backgroundColor:t.extend("--ft-reorderable-list-background-color","",n.backgroundGlobalOnSurfaceDark)};var id={nodeHeight:t.create("--ft-tree-list-node-height","","SIZE","36px"),nodeParentLabelMarginLeft:t.extend("--ft-tree-list-node-parent-label-margin-left","",r.spacing2),nodeParentLabelMarginRight:t.extend("--ft-tree-list-node-parent-label-margin-right","",r.spacing2),nodeRootPaddingLeft:t.extend("--ft-tree-list-node-root-padding-left","",r.spacing3),nodeChildPaddingLeft:t.extend("--ft-tree-list-node-child-padding-left","",r.spacing5),nodeLeafPaddingLeft:t.extend("--ft-tree-list-node-leaf-padding-left","",r.spacing6),nodeUnselectedDefaultBorderColor:t.extend("--ft-tree-list-node-unselected-default-border-color","",n.borderGlobalSubtle),nodeUnselectedIconColor:t.extend("--ft-tree-list-node-unselected-icon-color","",n.contentGlobalSecondary),nodeUnselectedLabelColor:t.extend("--ft-tree-list-node-unselected-label-color","",n.contentGlobalSecondary),nodeUnselectedCounterColor:t.extend("--ft-tree-list-node-unselected-counter-color","",n.contentGlobalSecondary),nodeHoverBorderColor:t.extend("--ft-tree-list-node-hover-border-color","",n.borderActionPrimary),nodeFocusFocusRingColor:t.extend("--ft-tree-list-node-focus-focus-ring-color","",n.borderActionFocusRing),nodeFocusOutlineWidth:t.create("--ft-tree-list-node-focus-outline-width","","SIZE","2px"),nodeSelectedDefaultBorderColor:t.extend("--ft-tree-list-node-selected-default-border-color","",n.borderGlobalPrimary),nodeSelectedIconColor:t.extend("--ft-tree-list-node-selected-icon-color","",n.contentGlobalSecondary),nodeSelectedLabelColor:t.extend("--ft-tree-list-node-selected-label-color","",n.contentGlobalPrimary),nodeSelectedCounterColor:t.extend("--ft-tree-list-node-selected-counter-color","",n.contentGlobalSecondary),nodeSelectedBackgroundColor:t.create("--ft-tree-list-node-selected-background-color","","COLOR","rgba(113,113,142,0.24)"),nodeDescendantOfSelectedDefaultBorderColor:t.extend("--ft-tree-list-node-descendant-of-selected-default-border-color","",n.borderGlobalPrimary),nodeDescendantOfSelectedIconColor:t.extend("--ft-tree-list-node-descendant-of-selected-icon-color","",n.contentGlobalSecondary),nodeDescendantOfSelectedLabelColor:t.extend("--ft-tree-list-node-descendant-of-selected-label-color","",n.contentGlobalSecondary),nodeDescendantOfSelectedCounterColor:t.extend("--ft-tree-list-node-descendant-of-selected-counter-color","",n.contentGlobalSecondary),nodeDescendantOfSelectedBackgroundColor:t.create("--ft-tree-list-node-descendant-of-selected-background-color","","COLOR","rgba(113,113,142,0.08)"),nodeBorderWidth:t.create("--ft-tree-list-node-border-width","","SIZE","1px"),headerSectionPaddingLeft:t.extend("--ft-tree-list-header-section-padding-left","",r.spacing3),headerSectionPaddingRight:t.extend("--ft-tree-list-header-section-padding-right","",r.spacing3),headerSectionHorizontalGap:t.extend("--ft-tree-list-header-section-horizontal-gap","",r.spacing2),headerSectionMarginBottom:t.extend("--ft-tree-list-header-section-margin-bottom","",r.spacing2),headerSectionColor:t.extend("--ft-tree-list-header-section-color","",n.contentGlobalPrimary),headerSectionCounterColor:t.extend("--ft-tree-list-header-section-counter-color","",n.contentGlobalSecondary),listContainerBorderWidth:t.create("--ft-tree-list-list-container-border-width","","SIZE","1px"),listContainerBackgroundColor:t.extend("--ft-tree-list-list-container-background-color","",n.backgroundGlobalSurface),listContainerBorderColor:t.extend("--ft-tree-list-list-container-border-color","",n.borderGlobalSubtle),loadMorePaddingLeft:t.extend("--ft-tree-list-load-more-padding-left","",r.spacing6),loadMoreUnselectedDefaultBorderColor:t.extend("--ft-tree-list-load-more-unselected-default-border-color","",n.borderGlobalSubtle),loadMoreIconColor:t.extend("--ft-tree-list-load-more-icon-color","",n.contentActionPrimary),loadMoreLabelColor:t.extend("--ft-tree-list-load-more-label-color","",n.contentActionPrimary),loadMoreHoverBorderColor:t.extend("--ft-tree-list-load-more-hover-border-color","",r.colorBrand20),loadMoreHoverBackgroundColor:t.create("--ft-tree-list-load-more-hover-background-color","","COLOR","rgba(157,32,123,0.08)"),loadMoreActiveBorderColor:t.extend("--ft-tree-list-load-more-active-border-color","",r.colorBrand20),loadMoreActiveBackgroundColor:t.create("--ft-tree-list-load-more-active-background-color","","COLOR","rgba(157,32,123,0.16)"),loadMoreFocusBackgroundColor:t.create("--ft-tree-list-load-more-focus-background-color","","COLOR","rgba(157,32,123,0.08)"),loadMoreDescendantOfSelectedDefaultBackgroundColor:t.create("--ft-tree-list-load-more-descendant-of-selected-default-background-color","","COLOR","rgba(113,113,142,0.08)"),loadMoreDescendantOfSelectedDefaultBorderColor:t.extend("--ft-tree-list-load-more-descendant-of-selected-default-border-color","",n.borderGlobalPrimary)};var sd={menuHorizontalPadding:t.extend("--ft-date-range-picker-menu-horizontal-padding","",r.spacing4),menuVerticalPadding:t.extend("--ft-date-range-picker-menu-vertical-padding","",r.spacing4),menuVerticalGap:t.extend("--ft-date-range-picker-menu-vertical-gap","",r.spacing4),menuButtonsVerticalGap:t.extend("--ft-date-range-picker-menu-buttons-vertical-gap","",r.spacing2)};var Ge;(function(e){e.brand="brand",e.neutral="neutral",e.info="info",e.success="success",e.warning="warning",e.error="error"})(Ge||(Ge={}));var re;(function(e){e.large="large",e.medium="medium",e.small="small"})(re||(re={}));var ae=m(W());function Lr(e,o){let a=Te[e];return ae.css`
|
|
5
|
+
${o?(0,ae.unsafeCSS)(o):ae.css`.ft-typography--${(0,ae.unsafeCSS)(e)}`} {
|
|
6
|
+
font-family: ${a.fontFamily};
|
|
7
|
+
font-size: ${a.fontSize};
|
|
8
|
+
font-weight: ${a.fontWeight};
|
|
9
|
+
letter-spacing: ${a.letterSpacing};
|
|
10
|
+
line-height: ${a.lineHeight};
|
|
11
|
+
text-decoration: ${a.textDecoration};
|
|
12
|
+
text-transform: ${a.textCase};
|
|
13
|
+
}
|
|
14
|
+
`}var $r=b.FtCssVariableFactory.extend("--ft-typography-font-family","",b.designSystemVariables.titleFont),wt=b.FtCssVariableFactory.extend("--ft-typography-font-family","",b.designSystemVariables.contentFont),O={fontFamily:wt,fontSize:b.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:b.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:b.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:b.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:b.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},ne={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-title-font-family","",$r),fontSize:b.FtCssVariableFactory.extend("--ft-typography-title-font-size","",O.fontSize,"20px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",O.letterSpacing,"0.15px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-title-line-height","",O.lineHeight,"1.2"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",O.textTransform,"inherit")},ie={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",$r),fontSize:b.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",O.letterSpacing,"0.105px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",O.lineHeight,"1.7"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",O.textTransform,"inherit")},le={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",O.fontSize,"16px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",O.fontWeight,"600"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",O.letterSpacing,"0.144px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",O.lineHeight,"1.5"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",O.textTransform,"inherit")},ce={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",O.letterSpacing,"0.098px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",O.lineHeight,"1.7"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",O.textTransform,"inherit")},de={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",O.fontSize,"16px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",O.letterSpacing,"0.496px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",O.lineHeight,"1.5"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",O.textTransform,"inherit")},se={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",O.letterSpacing,"0.252px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",O.lineHeight,"1.4"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",O.textTransform,"inherit")},Y={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",O.fontSize,"12px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",O.letterSpacing,"0.396px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",O.lineHeight,"1.33"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",O.textTransform,"inherit")},pe={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",O.fontSize,"10px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",O.letterSpacing,"0.33px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",O.lineHeight,"1.6"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",O.textTransform,"inherit")},fe={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",O.fontSize,"10px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",O.fontWeight,"normal"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",O.letterSpacing,"1.5px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",O.lineHeight,"1.6"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",O.textTransform,"uppercase")},xt={fontFamily:b.FtCssVariableFactory.extend("--ft-typography-button-font-family","",wt),fontSize:b.FtCssVariableFactory.extend("--ft-typography-button-font-size","",O.fontSize,"14px"),fontWeight:b.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",O.fontWeight,"600"),letterSpacing:b.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",O.letterSpacing,"1.246px"),lineHeight:b.FtCssVariableFactory.extend("--ft-typography-button-line-height","",O.lineHeight,"1.15"),textTransform:b.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",O.textTransform,"uppercase")},Ir=st.css`
|
|
272
15
|
.ft-typography--title {
|
|
273
|
-
font-family: ${oe.fontFamily};
|
|
274
|
-
font-size: ${oe.fontSize};
|
|
275
|
-
font-weight: ${oe.fontWeight};
|
|
276
|
-
letter-spacing: ${oe.letterSpacing};
|
|
277
|
-
line-height: ${oe.lineHeight};
|
|
278
|
-
text-transform: ${oe.textTransform};
|
|
279
|
-
}
|
|
280
|
-
`,Mr=st.css`
|
|
281
|
-
.ft-typography--title-dense {
|
|
282
|
-
font-family: ${re.fontFamily};
|
|
283
|
-
font-size: ${re.fontSize};
|
|
284
|
-
font-weight: ${re.fontWeight};
|
|
285
|
-
letter-spacing: ${re.letterSpacing};
|
|
286
|
-
line-height: ${re.lineHeight};
|
|
287
|
-
text-transform: ${re.textTransform};
|
|
288
|
-
}
|
|
289
|
-
`,Zr=st.css`
|
|
290
|
-
.ft-typography--subtitle1 {
|
|
291
|
-
font-family: ${ae.fontFamily};
|
|
292
|
-
font-size: ${ae.fontSize};
|
|
293
|
-
font-weight: ${ae.fontWeight};
|
|
294
|
-
letter-spacing: ${ae.letterSpacing};
|
|
295
|
-
line-height: ${ae.lineHeight};
|
|
296
|
-
text-transform: ${ae.textTransform};
|
|
297
|
-
}
|
|
298
|
-
`,Kr=st.css`
|
|
299
|
-
.ft-typography--subtitle2 {
|
|
300
16
|
font-family: ${ne.fontFamily};
|
|
301
17
|
font-size: ${ne.fontSize};
|
|
302
18
|
font-weight: ${ne.fontWeight};
|
|
@@ -304,9 +20,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
304
20
|
line-height: ${ne.lineHeight};
|
|
305
21
|
text-transform: ${ne.textTransform};
|
|
306
22
|
}
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
.ft-typography--body1 {
|
|
23
|
+
`,Ar=st.css`
|
|
24
|
+
.ft-typography--title-dense {
|
|
310
25
|
font-family: ${ie.fontFamily};
|
|
311
26
|
font-size: ${ie.fontSize};
|
|
312
27
|
font-weight: ${ie.fontWeight};
|
|
@@ -314,8 +29,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
314
29
|
line-height: ${ie.lineHeight};
|
|
315
30
|
text-transform: ${ie.textTransform};
|
|
316
31
|
}
|
|
317
|
-
`,
|
|
318
|
-
.ft-typography--
|
|
32
|
+
`,Br=st.css`
|
|
33
|
+
.ft-typography--subtitle1 {
|
|
319
34
|
font-family: ${le.fontFamily};
|
|
320
35
|
font-size: ${le.fontSize};
|
|
321
36
|
font-weight: ${le.fontWeight};
|
|
@@ -323,17 +38,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
323
38
|
line-height: ${le.lineHeight};
|
|
324
39
|
text-transform: ${le.textTransform};
|
|
325
40
|
}
|
|
326
|
-
`,
|
|
327
|
-
.ft-typography--
|
|
328
|
-
font-family: ${tt.fontFamily};
|
|
329
|
-
font-size: ${tt.fontSize};
|
|
330
|
-
font-weight: ${tt.fontWeight};
|
|
331
|
-
letter-spacing: ${tt.letterSpacing};
|
|
332
|
-
line-height: ${tt.lineHeight};
|
|
333
|
-
text-transform: ${tt.textTransform};
|
|
334
|
-
}
|
|
335
|
-
`,Yr=st.css`
|
|
336
|
-
.ft-typography--breadcrumb {
|
|
41
|
+
`,zr=st.css`
|
|
42
|
+
.ft-typography--subtitle2 {
|
|
337
43
|
font-family: ${ce.fontFamily};
|
|
338
44
|
font-size: ${ce.fontSize};
|
|
339
45
|
font-weight: ${ce.fontWeight};
|
|
@@ -341,8 +47,9 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
341
47
|
line-height: ${ce.lineHeight};
|
|
342
48
|
text-transform: ${ce.textTransform};
|
|
343
49
|
}
|
|
344
|
-
|
|
345
|
-
|
|
50
|
+
|
|
51
|
+
`,Pr=st.css`
|
|
52
|
+
.ft-typography--body1 {
|
|
346
53
|
font-family: ${de.fontFamily};
|
|
347
54
|
font-size: ${de.fontSize};
|
|
348
55
|
font-weight: ${de.fontWeight};
|
|
@@ -350,7 +57,43 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
350
57
|
line-height: ${de.lineHeight};
|
|
351
58
|
text-transform: ${de.textTransform};
|
|
352
59
|
}
|
|
353
|
-
`,
|
|
60
|
+
`,Wr=st.css`
|
|
61
|
+
.ft-typography--body2 {
|
|
62
|
+
font-family: ${se.fontFamily};
|
|
63
|
+
font-size: ${se.fontSize};
|
|
64
|
+
font-weight: ${se.fontWeight};
|
|
65
|
+
letter-spacing: ${se.letterSpacing};
|
|
66
|
+
line-height: ${se.lineHeight};
|
|
67
|
+
text-transform: ${se.textTransform};
|
|
68
|
+
}
|
|
69
|
+
`,ue=st.css`
|
|
70
|
+
.ft-typography--caption {
|
|
71
|
+
font-family: ${Y.fontFamily};
|
|
72
|
+
font-size: ${Y.fontSize};
|
|
73
|
+
font-weight: ${Y.fontWeight};
|
|
74
|
+
letter-spacing: ${Y.letterSpacing};
|
|
75
|
+
line-height: ${Y.lineHeight};
|
|
76
|
+
text-transform: ${Y.textTransform};
|
|
77
|
+
}
|
|
78
|
+
`,kr=st.css`
|
|
79
|
+
.ft-typography--breadcrumb {
|
|
80
|
+
font-family: ${pe.fontFamily};
|
|
81
|
+
font-size: ${pe.fontSize};
|
|
82
|
+
font-weight: ${pe.fontWeight};
|
|
83
|
+
letter-spacing: ${pe.letterSpacing};
|
|
84
|
+
line-height: ${pe.lineHeight};
|
|
85
|
+
text-transform: ${pe.textTransform};
|
|
86
|
+
}
|
|
87
|
+
`,Hr=st.css`
|
|
88
|
+
.ft-typography--overline {
|
|
89
|
+
font-family: ${fe.fontFamily};
|
|
90
|
+
font-size: ${fe.fontSize};
|
|
91
|
+
font-weight: ${fe.fontWeight};
|
|
92
|
+
letter-spacing: ${fe.letterSpacing};
|
|
93
|
+
line-height: ${fe.lineHeight};
|
|
94
|
+
text-transform: ${fe.textTransform};
|
|
95
|
+
}
|
|
96
|
+
`,Tr=st.css`
|
|
354
97
|
.ft-typography--button {
|
|
355
98
|
font-family: ${xt.fontFamily};
|
|
356
99
|
font-size: ${xt.fontSize};
|
|
@@ -359,31 +102,11 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
359
102
|
line-height: ${xt.lineHeight};
|
|
360
103
|
text-transform: ${xt.textTransform};
|
|
361
104
|
}
|
|
362
|
-
`,
|
|
105
|
+
`,Gr=st.css`
|
|
363
106
|
.ft-typography {
|
|
364
107
|
vertical-align: inherit;
|
|
365
108
|
}
|
|
366
|
-
`,
|
|
367
|
-
<${po(this.element)}
|
|
368
|
-
part="text"
|
|
369
|
-
class="ft-typography ft-typography--${this.variant}">
|
|
370
|
-
<slot></slot>
|
|
371
|
-
</${po(this.element)}>
|
|
372
|
-
`:uo`
|
|
373
|
-
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
374
|
-
`}};lt.styles=[Fr,Mr,Zr,Kr,Vr,jr,se,Yr,Xr,qr,Qr,...Jr];ta([(0,go.property)()],lt.prototype,"element",void 0);ta([(0,go.property)()],lt.prototype,"variant",void 0);(0,oa.customElement)("ft-typography")(lt);var De=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},pt=class extends wt.FtLitElement{constructor(){super(...arguments),this.errorMessages=[],this.warningMessages=[],this.ariaHidden="true"}render(){return Ge.html`
|
|
375
|
-
<ul class="ftds-input-helper-text">
|
|
376
|
-
${(0,yo.repeat)(this.errorMessages,o=>this.renderMessage(o,wt.Status.error))}
|
|
377
|
-
${(0,yo.repeat)(this.warningMessages,o=>this.renderMessage(o,wt.Status.warning))}
|
|
378
|
-
${_t(!this.errorMessages.length&&!this.warningMessages.length&&this.helperText,()=>this.renderMessage(this.helperText,wt.Status.default))}
|
|
379
|
-
</ul>
|
|
380
|
-
`}renderMessage(o,a){let i=this.toIconIdentifier(a),l={"ftds-input-helper-text--list-item":!0,hasIcon:!!i,[a]:!0};return Ge.html`
|
|
381
|
-
<li class="${(0,ra.classMap)(l)}">
|
|
382
|
-
${_t(i,()=>Ge.html`
|
|
383
|
-
<ft-icon class="icon" value="${i}" part="icon"></ft-icon>`)}
|
|
384
|
-
<ft-typography part="text" variant="${bt.caption1medium}">${o}</ft-typography>
|
|
385
|
-
</li>
|
|
386
|
-
`}toIconIdentifier(o){switch(o){case wt.Status.error:return Mt.OCTAGON_XMARK;case wt.Status.warning:return Mt.WARNING;case wt.Status.default:return}}};pt.elementDefinitions={"ft-typography":lt,"ft-icon":X};pt.styles=Hr;De([(0,we.property)()],pt.prototype,"helperText",void 0);De([(0,we.property)({type:Array})],pt.prototype,"errorMessages",void 0);De([(0,we.property)({type:Array})],pt.prototype,"warningMessages",void 0);De([(0,we.property)({reflect:!0,attribute:"aria-hidden"})],pt.prototype,"ariaHidden",void 0);(0,aa.customElement)("ftds-input-helper-text")(pt);var xo=m(E());var Ue=m(dt());var na=m(W()),$=m(E());var L={fontSize:$.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:$.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:$.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:$.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:$.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:$.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:$.FtCssVariableFactory.extend("--ft-input-label-border-color","",$.designSystemVariables.colorOutline),textColor:$.FtCssVariableFactory.extend("--ft-input-label-text-color","",$.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:$.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",$.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:$.FtCssVariableFactory.extend("--ft-input-label-background-color","",$.designSystemVariables.colorSurface),borderRadius:$.FtCssVariableFactory.extend("--ft-input-label-border-radius","",$.designSystemVariables.borderRadiusS),colorError:$.FtCssVariableFactory.external($.designSystemVariables.colorError,"Design system")},ia=na.css`
|
|
109
|
+
`,_r=[Object.keys(Te).map(e=>Lr(e))];var Dr=m(W()),I=m(E());var L={fontSize:I.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:I.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:I.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:I.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:I.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:I.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:I.FtCssVariableFactory.extend("--ft-input-label-border-color","",I.designSystemVariables.colorOutline),textColor:I.FtCssVariableFactory.extend("--ft-input-label-text-color","",I.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:I.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",I.designSystemVariables.colorOnSurfaceDisabled),backgroundColor:I.FtCssVariableFactory.extend("--ft-input-label-background-color","",I.designSystemVariables.colorSurface),borderRadius:I.FtCssVariableFactory.extend("--ft-input-label-border-radius","",I.designSystemVariables.borderRadiusS),colorError:I.FtCssVariableFactory.external(I.designSystemVariables.colorError,"Design system")},Ur=Dr.css`
|
|
387
110
|
.ft-input-label {
|
|
388
111
|
position: absolute;
|
|
389
112
|
inset: 0;
|
|
@@ -434,8 +157,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
434
157
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
435
158
|
max-width: calc(${L.labelMaxWidth} - 2 * (${L.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
436
159
|
text-overflow: ellipsis;
|
|
437
|
-
${(0
|
|
438
|
-
${(0
|
|
160
|
+
${(0,I.setVariable)(Y.fontSize,L.fontSize)};
|
|
161
|
+
${(0,I.setVariable)(Y.lineHeight,L.fontSize)};
|
|
439
162
|
}
|
|
440
163
|
|
|
441
164
|
.ft-input-label--in-error .ft-input-label--text {
|
|
@@ -455,7 +178,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
455
178
|
|
|
456
179
|
.ft-input-label--floating-text {
|
|
457
180
|
position: absolute;
|
|
458
|
-
top: calc(50% -
|
|
181
|
+
top: calc(50% - ${Y.lineHeight} / 2);
|
|
459
182
|
transition: top 250ms;
|
|
460
183
|
overflow: hidden;
|
|
461
184
|
white-space: nowrap;
|
|
@@ -467,8 +190,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
467
190
|
}
|
|
468
191
|
|
|
469
192
|
.ft-input-label--raised .ft-input-label--text {
|
|
470
|
-
${(0
|
|
471
|
-
${(0
|
|
193
|
+
${(0,I.setVariable)(Y.fontSize,L.raisedFontSize)};
|
|
194
|
+
${(0,I.setVariable)(Y.lineHeight,L.raisedFontSize)};
|
|
472
195
|
}
|
|
473
196
|
|
|
474
197
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
@@ -499,30 +222,30 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
499
222
|
z-index: ${L.raisedZIndex};
|
|
500
223
|
background-color: ${L.backgroundColor};
|
|
501
224
|
border-radius: ${L.borderRadius};
|
|
502
|
-
top: calc((
|
|
225
|
+
top: calc((${Y.lineHeight} / -2) + 2px);
|
|
503
226
|
}
|
|
504
227
|
|
|
505
228
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
506
229
|
border-top: none;
|
|
507
230
|
}
|
|
508
|
-
`;var
|
|
509
|
-
<div class="${(0,
|
|
510
|
-
${
|
|
231
|
+
`;var so=m(W()),po=m(dt());var Mr=m(Jt()),Zr=m(E()),Fr=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},Nt=class extends Zr.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1}get inputLabelClasses(){return{}}render(){return so.html`
|
|
232
|
+
<div class="${(0,Mr.classMap)(this.inputLabelClasses)}">
|
|
233
|
+
${Dt(this.text,()=>so.html`
|
|
511
234
|
<div class="ft-input-label--text ft-typography--caption">
|
|
512
235
|
<label class="ft-input-label--floating-text">${this.text}</label>
|
|
513
236
|
<span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
|
|
514
237
|
</div>
|
|
515
238
|
`)}
|
|
516
239
|
</div>
|
|
517
|
-
`}};Nt.elementDefinitions={};
|
|
240
|
+
`}};Nt.elementDefinitions={};Fr([(0,po.property)({type:String})],Nt.prototype,"text",void 0);Fr([(0,po.property)({type:Boolean})],Nt.prototype,"raised",void 0);var fo=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},Et=class extends Nt{constructor(){super(...arguments),this.outlined=!1,this.error=!1,this.disabled=!1}get inputLabelClasses(){return{"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error}}};Et.elementDefinitions={};Et.styles=[ue,Ur];fo([(0,_e.property)({type:Boolean})],Et.prototype,"outlined",void 0);fo([(0,_e.property)({type:Boolean})],Et.prototype,"error",void 0);fo([(0,_e.property)({type:Boolean})],Et.prototype,"disabled",void 0);var Jr=m(E());var Kr=m(W());var U=m(E()),D={fontSize:U.FtCssVariableFactory.extend("--ft-input-label-font-size","",oe.fontSize),fontSizeRaised:U.FtCssVariableFactory.extend("--ft-input-label-font-size-raised","",Zt.fontSize),lineHeight:U.FtCssVariableFactory.extend("--ft-input-label-line-height","",Zt.lineHeight),color:U.FtCssVariableFactory.extend("--ft-input-label-color","",U.semantic.contentGlobalSubtle),largeFieldHeight:U.FtCssVariableFactory.create("--ft-input-label-large-height","","SIZE","50px"),largeFieldVerticalGap:U.FtCssVariableFactory.extend("--ft-input-label-large-field-vertical-gap","",r.spacing05),largeFieldHorizontalPadding:U.FtCssVariableFactory.extend("--ft-input-label-large-field-horizontal-padding","",r.spacing4),mediumFieldHeight:U.FtCssVariableFactory.create("--ft-input-label-medium-height","","SIZE","40px"),mediumFieldVerticalGap:U.FtCssVariableFactory.create("--ft-input-label-medium-field-vertical-gap","","SIZE","0px"),mediumFieldHorizontalPadding:U.FtCssVariableFactory.extend("--ft-input-label-medium-field-horizontal-padding","",r.spacing4),additionalPaddingLeft:U.FtCssVariableFactory.create("--ft-input-label-additional-padding-left","","SIZE","0px"),additionalPaddingRight:U.FtCssVariableFactory.create("--ft-input-label-additional-padding-right","","SIZE","0px")},Vr=[Kr.css`
|
|
518
241
|
|
|
519
242
|
:root {
|
|
520
|
-
--field-height: ${
|
|
521
|
-
--field-vertical-gap: ${
|
|
522
|
-
--field-horizontal-padding: ${
|
|
243
|
+
--field-height: ${D.largeFieldHeight};
|
|
244
|
+
--field-vertical-gap: ${D.largeFieldVerticalGap};
|
|
245
|
+
--field-horizontal-padding: ${D.largeFieldHorizontalPadding};
|
|
523
246
|
|
|
524
|
-
--typo-caption-height: calc(${
|
|
525
|
-
--typo-body-height: calc(${
|
|
247
|
+
--typo-caption-height: calc(${Zt.lineHeight} * ${Zt.fontSize});
|
|
248
|
+
--typo-body-height: calc(${oe.lineHeight} * ${oe.fontSize});
|
|
526
249
|
--caption-label-and-value-combined-height: calc(var(--field-vertical-gap) + var(--typo-caption-height) + var(--typo-body-height));
|
|
527
250
|
--input-content-vertical-padding: calc((var(--field-height) - var(--caption-label-and-value-combined-height)) / 2);
|
|
528
251
|
}
|
|
@@ -537,15 +260,15 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
537
260
|
}
|
|
538
261
|
|
|
539
262
|
.ft-input-label.ftds--size-large {
|
|
540
|
-
--field-height: ${
|
|
541
|
-
--field-vertical-gap: ${
|
|
542
|
-
--field-horizontal-padding: ${
|
|
263
|
+
--field-height: ${D.largeFieldHeight};
|
|
264
|
+
--field-vertical-gap: ${D.largeFieldVerticalGap};
|
|
265
|
+
--field-horizontal-padding: ${D.largeFieldHorizontalPadding};
|
|
543
266
|
}
|
|
544
267
|
|
|
545
268
|
.ft-input-label.ftds--size-medium {
|
|
546
|
-
--field-height: ${
|
|
547
|
-
--field-vertical-gap: ${
|
|
548
|
-
--field-horizontal-padding: ${
|
|
269
|
+
--field-height: ${D.mediumFieldHeight};
|
|
270
|
+
--field-vertical-gap: ${D.mediumFieldVerticalGap};
|
|
271
|
+
--field-horizontal-padding: ${D.mediumFieldHorizontalPadding};
|
|
549
272
|
}
|
|
550
273
|
|
|
551
274
|
.ft-input-label--text {
|
|
@@ -556,8 +279,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
556
279
|
z-index: 10;
|
|
557
280
|
width: 100%;
|
|
558
281
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
559
|
-
${(0,
|
|
560
|
-
${(0,
|
|
282
|
+
${(0,U.setVariable)(Y.fontSize,D.fontSize)};
|
|
283
|
+
${(0,U.setVariable)(Y.lineHeight,D.lineHeight)};
|
|
561
284
|
}
|
|
562
285
|
|
|
563
286
|
.ft-input-label--hidden-text {
|
|
@@ -580,70 +303,131 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
580
303
|
|
|
581
304
|
padding-top: ${L.verticalSpacing};
|
|
582
305
|
padding-bottom: ${L.verticalSpacing};
|
|
583
|
-
padding-left: calc(var(--field-horizontal-padding) + ${
|
|
584
|
-
padding-right: calc(var(--field-horizontal-padding) + ${
|
|
306
|
+
padding-left: calc(var(--field-horizontal-padding) + ${D.additionalPaddingLeft});
|
|
307
|
+
padding-right: calc(var(--field-horizontal-padding) + ${D.additionalPaddingRight});
|
|
585
308
|
|
|
586
309
|
margin: calc(${L.verticalSpacing} * -1) 0;
|
|
587
|
-
color: ${
|
|
310
|
+
color: ${D.color};
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.ft-input-label--raised .ft-input-label--text {
|
|
314
|
+
${(0,U.setVariable)(Y.fontSize,D.fontSizeRaised)};
|
|
315
|
+
${(0,U.setVariable)(Y.lineHeight,D.lineHeight)};
|
|
588
316
|
}
|
|
589
317
|
|
|
590
|
-
.ft-input-label--raised .ft-input-label--text {
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
318
|
+
.ft-input-label--raised .ft-input-label--floating-text {
|
|
319
|
+
top: var(--input-content-vertical-padding);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
`];var Qr=m(E());var Yr=Symbol.for(""),Rn=e=>{if(e?.r===Yr)return e?._$litStatic$},uo=e=>({_$litStatic$:e,r:Yr});var jr=new Map,go=e=>(o,...a)=>{let i=a.length,l,c,d=[],p=[],u,x=0,v=!1;for(;x<i;){for(u=o[x];x<i&&(c=a[x],(l=Rn(c))!==void 0);)u+=l+o[++x],v=!0;x!==i&&p.push(c),d.push(u),x++}if(x===i&&d.push(o[i]),v){let S=d.join("$$lit$$");(o=jr.get(S))===void 0&&(d.raw=d,jr.set(S,o=d)),a=p}return e(o,...a)},yo=go(Jo),Us=go(tr),Fs=go(er);var ho=m(dt()),qr=m(E());var St;(function(e){e.title="title",e.title_dense="title-dense",e.subtitle1="subtitle1",e.subtitle2="subtitle2",e.body1="body1",e.body2="body2",e.caption="caption",e.breadcrumb="breadcrumb",e.overline="overline",e.button="button",e.display="display",e.title1="title-1",e.title2="title-2",e.title3="title-3",e.body1regular="body-1-regular",e.body1medium="body-1-medium",e.body1semibold="body-1-semibold",e.body2regular="body-2-regular",e.body2medium="body-2-medium",e.body2semibold="body-2-semibold",e.label1medium="label-1-medium",e.label1semibold="label-1-semibold",e.label1bold="label-1-bold",e.label2medium="label-2-medium",e.label2semibold="label-2-semibold",e.label2bold="label-2-bold",e.caption1medium="caption-1-medium",e.caption1semibold="caption-1-semibold",e.caption1bold="caption-1-bold",e.caption2medium="caption-2-medium",e.caption2semibold="caption-2-semibold",e.caption2bold="caption-2-bold"})(St||(St={}));var Xr=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},it=class extends qr.FtLitElement{constructor(){super(...arguments),this.variant=St.body1}render(){return this.element?yo`
|
|
323
|
+
<${uo(this.element)}
|
|
324
|
+
part="text"
|
|
325
|
+
class="ft-typography ft-typography--${this.variant}">
|
|
326
|
+
<slot></slot>
|
|
327
|
+
</${uo(this.element)}>
|
|
328
|
+
`:yo`
|
|
329
|
+
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
330
|
+
`}};it.styles=[Ir,Ar,Br,zr,Pr,Wr,ue,kr,Hr,Tr,Gr,..._r];Xr([(0,ho.property)()],it.prototype,"element",void 0);Xr([(0,ho.property)()],it.prototype,"variant",void 0);(0,Qr.customElement)("ft-typography")(it);var Kt=class extends(0,Jr.toFtdsBase)(Nt){get inputLabelClasses(){return{"ft-input-label":!0,"ft-input-label--raised":this.raised,...this.getDesignSystemBaseClasses()}}};Kt.styles=[ue,Vr];(0,mo.customElement)("ft-input-label")(Et);(0,mo.customElement)("ftds-input-label")(Kt);var fa=m(E());var De=m(W()),Ee=m(dt()),Rt=m(E());var la=m(W());var gt=m(E());var ia=m(E());var we=m(W()),kt=m(dt()),aa=m(E()),na=m(ea());var Vt;(function(e){e.ADD_TO_PBK="",e.ALERT="",e.ADD_ALERT="",e.BACK_TO_SEARCH="",e.ADD_BOOKMARK="",e.BOOKMARK="",e.BOOKS="",e.MENU="",e.DOWNLOAD="",e.EDIT="",e.FEEDBACK="",e.HOME="",e.MODIFY_PBK="",e.SCHEDULED="",e.SEARCH="",e.EXPORT="",e.TOC="",e.WRITE_UGC="",e.TRASH="",e.USER="",e.EXTLINK="",e.CALENDAR="",e.OFFLINE="",e.BOOK="",e.DOWNLOAD_PLAIN="",e.CHECK="",e.STAR_PLAIN="",e.TOPICS="",e.DISC="",e.CIRCLE="",e.SHARED="",e.SORT_UNSORTED="",e.SORT_UP="",e.SORT_DOWN="",e.WORKING="",e.CLOSE="",e.ZOOM_OUT="",e.ZOOM_IN="",e.ZOOM_REALSIZE="",e.ZOOM_FULLSCREEN="",e.ADMIN_RESTRICTED="",e.ADMIN="",e.ADMIN_KHUB="",e.ADMIN_THEME="",e.ADMIN_USERS="",e.WARNING="",e.CONTEXT="",e.SEARCH_HOME="",e.STEPS="",e.ICON_EXPAND="",e.ICON_COLLAPSE="",e.INFO="",e.MINUS_PLAIN="",e.PLUS_PLAIN="",e.FACET_HAS_DESCENDANT="",e.TRIANGLE_BOTTOM="",e.TRIANGLE_LEFT="",e.TRIANGLE_RIGHT="",e.TRIANGLE_TOP="",e.THIN_ARROW="",e.SIGN_IN="",e.LOGOUT="",e.TRANSLATE="",e.CLOSE_PLAIN="",e.CHECK_PLAIN="",e.ARTICLE="",e.COLUMNS="",e.ANALYTICS="",e.COLLECTIONS="",e.ARROW_DOWN="",e.ARROW_LEFT="",e.ARROW_RIGHT="",e.ARROW_UP="",e.SEARCH_IN_PUBLICATION="",e.COPY_TO_CLIPBOARD="",e.SHARED_PBK="",e.ATTACHMENTS="",e.STRIPE_ARROW_LEFT="",e.STRIPE_ARROW_RIGHT="",e.FILTERS="",e.DOT="",e.MINUS="",e.PLUS="",e.MAILS_AND_NOTIFICATIONS="",e.SAVE="",e.LOCKER="",e.ADMIN_INTEGRATION="",e.SYNC="",e.TAG="",e.BOOK_PLAIN="",e.UPLOAD="",e.ONLINE="",e.TAG_PLAIN="",e.ACCOUNT_SETTINGS="",e.PRINT="",e.DEFAULT_ROLES="",e.SHORTCUT_MENU="",e.RELATIVES_PLAIN="",e.RELATIVES="",e.PAUSE="",e.PLAY="",e.ADMIN_PORTAL="",e.STAR="",e.THUMBS_DOWN="",e.THUMBS_DOWN_PLAIN="",e.THUMBS_UP="",e.THUMBS_UP_PLAIN="",e.FEEDBACK_PLAIN="",e.RATE_PLAIN="",e.RATE="",e.OFFLINE_SETTINGS="",e.MY_COLLECTIONS="",e.THIN_ARROW_LEFT="",e.THIN_ARROW_RIGHT="",e.RESET="",e.MY_LIBRARY="",e.UNSTRUCTURED_DOC="",e.CONTEXTUAL="",e.THIN_ARROW_UP="",e.ARROW_RIGHT_TO_LINE="",e.DESKTOP="",e.TABLET_LANDSCAPE="",e.TABLET_PORTRAIT="",e.MOBILE_LANDSCAPE="",e.MOBILE_PORTRAIT="",e.DIAGRAM_SUNBURST="",e.DIAGRAM_SANKEY="",e.COMMENT_QUESTION="",e.COMMENT_QUESTION_PLAIN="",e.MESSAGE_BOT="",e.CHART_SIMPLE="",e.BARS_PROGRESS="",e.BOOK_OPEN_GEAR="",e.BOOK_OPEN_GEAR_SLASH="",e.LINE_CHART="",e.STACKED_CHART="",e.CHART_BAR_STACKED="",e.CHART_BAR_GROUPED="",e.EYE_SLASH="",e.X_MARK="",e.EXPAND_WIDE="",e.PIP="",e.PIP_WIDE="",e.LIFE_RING="",e.GLOBE="",e.PIGGY_BANK="",e.EXTLINK_LIGHT="",e.CLONE="",e.CLONE_LINK_SIMPLE="",e.CHART_BAR_NORMALIZED="",e.CONSUMER="",e.OCTAGON_XMARK="",e.HOURGLASS_HALF="",e.CLOCK="",e.CLOCK_THREE="",e.CALENDAR_DAY="",e.COMPUTER_MOUSE_MAGNIFYING_GLASS="",e.WAND_MAGIC_SPARKLES="",e.PAPER_PLANE="",e.CIRCLE_STOP="",e.ARROW_ROTATE_RIGHT="",e.ARROWS_ROTATE="",e.ALIGN_RIGHT="",e.FORMAT_CLEAR="",e.ALIGN_CENTER="",e.ALIGN_LEFT="",e.PALETTE="",e.BOLD="",e.ITALIC="",e.UNDERLINE="",e.STRIKETHROUGH="",e.LINK_SIMPLE_SLASH="",e.LINK_SIMPLE="",e.ROUTE="",e.CIRCLE_USER_SLASH="",e.CIRCLE_USER_CHECK="",e.LIST_MAGNIFYING_GLASS="",e.MEDAL="",e.THUMBS_UP_THUMBS_DOWN_SOLID="",e.ARROW_TURN_DOWN_RIGHT="",e.FLASK="",e.LOCK_KEYHOLE_OPEN_SOLID="",e.HOURGLASS_END="",e.CIRCLE_QUESTION="",e.GRIP_LINES_SOLID="",e.TRANSLATE_SPARKLE_SOLID="",e.CODE="",e.ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER="",e.PAPER_PLANE_SLASH="",e.COMPRESS="",e.EXPAND="",e.ARROW_ROTATE_LEFT="",e.EYE="",e.SHARE="󨃱",e.MOBILE_SMALL="",e.SPARKLES="",e.HAND_SOLID="",e.CLOCK_SOLID="",e.CONTEXT_MENU_CURSOR="",e.LANGUAGE_SLASH="",e.MAGNIFYING_GLASS_FLOPPY_DISK="",e.CABINET_FILING_FLOPPY_DISK=""})(Vt||(Vt={}));var h;(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=""})(h||(h={}));var mp=new Map([...["abw"].map(e=>[e,h.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,h.AUDIO]),...["avi"].map(e=>[e,h.AVI]),...["chm","xhs"].map(e=>[e,h.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,h.CODE]),...["csv"].map(e=>[e,h.CSV]),...["dita","ditamap","ditaval"].map(e=>[e,h.DITA]),...["epub"].map(e=>[e,h.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(e=>[e,h.EXCEL]),...["flac"].map(e=>[e,h.FLAC]),...["gif"].map(e=>[e,h.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(e=>[e,h.GZIP]),...["html","htm","xhtml"].map(e=>[e,h.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,h.IMAGE]),...["jpeg","jpg","jpe"].map(e=>[e,h.JPEG]),...["json"].map(e=>[e,h.JSON]),...["m4a","m4p"].map(e=>[e,h.M4A]),...["mov","qt"].map(e=>[e,h.MOV]),...["mp3"].map(e=>[e,h.MP3]),...["mp4","m4v"].map(e=>[e,h.MP4]),...["ogg","oga"].map(e=>[e,h.OGG]),...["pdf","ps"].map(e=>[e,h.PDF]),...["png"].map(e=>[e,h.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(e=>[e,h.POWERPOINT]),...["rar"].map(e=>[e,h.RAR]),...["stp"].map(e=>[e,h.STP]),...["txt","rtf","md","mdown"].map(e=>[e,h.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,h.VIDEO]),...["wav"].map(e=>[e,h.WAV]),...["wma"].map(e=>[e,h.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(e=>[e,h.WORD]),...["xml","xsl","rdf"].map(e=>[e,h.XML]),...["yaml","yml","x-yaml"].map(e=>[e,h.YAML]),...["zip"].map(e=>[e,h.ZIP])]);var bp={[h.ABW]:"#91ABC6",[h.AUDIO]:"#1795E3",[h.AVI]:"#E63324",[h.CHM]:"#71C3EB",[h.CODE]:"#71C3EB",[h.CSV]:"#1F7345",[h.DITA]:"#71C3EB",[h.EPUB]:"#85B926",[h.EXCEL]:"#1F7345",[h.FLAC]:"#1795E3",[h.GIF]:"#59B031",[h.GZIP]:"#F8AB36",[h.HTML]:"#71C3EB",[h.IMAGE]:"#59B031",[h.JPEG]:"#59B031",[h.JSON]:"#71C3EB",[h.M4A]:"#1795E3",[h.MOV]:"#E63324",[h.MP3]:"#1795E3",[h.MP4]:"#E63324",[h.OGG]:"#1795E3",[h.PDF]:"#E44948",[h.PNG]:"#59B031",[h.POWERPOINT]:"#B54A2B",[h.RAR]:"#F8AB36",[h.STP]:"#3764B1",[h.TEXT]:"#3162AB",[h.UNKNOWN]:"#999999",[h.VIDEO]:"#E63324",[h.WAV]:"#1795E3",[h.WMA]:"#1795E3",[h.WORD]:"#3162AB",[h.XML]:"#71C3EB",[h.YAML]:"#71C3EB",[h.ZIP]:"#F8AB36"};var oa=m(W()),ut=m(E()),q={size:ut.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:ut.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",ut.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:ut.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",ut.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:ut.FtCssVariableFactory.extend("--ft-icon-material-font-family","",ut.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:ut.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},ra=[oa.css`
|
|
331
|
+
:host, i.ft-icon {
|
|
332
|
+
display: inline-flex;
|
|
333
|
+
align-items: center;
|
|
334
|
+
flex-shrink: 0;
|
|
335
|
+
flex-grow: 0;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
:host {
|
|
339
|
+
width: ${q.size};
|
|
340
|
+
height: ${q.size};
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
i.ft-icon {
|
|
344
|
+
width: 100%;
|
|
345
|
+
height: 100%;
|
|
346
|
+
font-size: ${q.size};
|
|
347
|
+
line-height: 1;
|
|
348
|
+
font-weight: normal;
|
|
349
|
+
text-transform: none;
|
|
350
|
+
font-style: normal;
|
|
351
|
+
font-variant: normal;
|
|
352
|
+
speak: none;
|
|
353
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
|
|
354
|
+
text-rendering: auto;
|
|
355
|
+
-webkit-font-smoothing: antialiased;
|
|
356
|
+
-moz-osx-font-smoothing: grayscale;
|
|
357
|
+
vertical-align: ${q.verticalAlign};
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
i.ft-icon.ft-icon--fluid-topics {
|
|
361
|
+
font-family: ${q.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
362
|
+
|
|
363
|
+
/* Ugly fix because font is broken */
|
|
364
|
+
font-size: calc(0.75 * ${q.size});
|
|
365
|
+
line-height: ${q.size};
|
|
366
|
+
position: relative;
|
|
367
|
+
top: -4%;
|
|
368
|
+
justify-content: center;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.ft-icon--file-format {
|
|
372
|
+
font-family: ${q.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
.ft-icon--material {
|
|
376
|
+
font-family: ${q.materialFontFamily}, "Material Icons", sans-serif;
|
|
377
|
+
}
|
|
378
|
+
`,ut.noTextSelect];var lt;(function(e){e.fluid_topics="fluid-topics",e.file_format="file-format",e.material="material"})(lt||(lt={}));var Ne=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},Q=class extends aa.FtLitElement{constructor(){super(...arguments),this.ariaHidden="true",this.resolvedIcon=we.nothing}render(){let o=this.variant&&Object.values(lt).includes(this.variant)?this.variant:lt.fluid_topics,a=o!==lt.material||!!this.value;return we.html`
|
|
379
|
+
<i class="ft-icon ft-icon--${o} ft-no-text-select" part="icon icon-${o}">
|
|
380
|
+
${(0,na.unsafeHTML)(this.resolvedIcon)}
|
|
381
|
+
<slot ?hidden=${a}></slot>
|
|
382
|
+
</i>
|
|
383
|
+
`}get textContent(){var o,a;return(a=(o=this.slottedContent)===null||o===void 0?void 0:o.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&a!==void 0?a:""}update(o){super.update(o),["value","variant"].some(a=>o.has(a))&&this.resolveIcon()}resolveIcon(){var o,a;let i=this.value||this.textContent;switch(this.variant){case lt.file_format:this.resolvedIcon=(o=h[i.replace("-","_").toUpperCase()])!==null&&o!==void 0?o:i;break;case lt.material:this.resolvedIcon=this.value||we.nothing;break;default:this.resolvedIcon=(a=Vt[i.replace("-","_").toUpperCase()])!==null&&a!==void 0?a:i;break}}firstUpdated(o){super.firstUpdated(o),setTimeout(()=>this.resolveIcon())}};Q.elementDefinitions={};Q.styles=ra;Ne([(0,kt.property)()],Q.prototype,"variant",void 0);Ne([(0,kt.property)()],Q.prototype,"value",void 0);Ne([(0,kt.property)({reflect:!0,attribute:"aria-hidden"})],Q.prototype,"ariaHidden",void 0);Ne([(0,kt.state)()],Q.prototype,"resolvedIcon",void 0);Ne([(0,kt.query)("slot")],Q.prototype,"slottedContent",void 0);(0,ia.customElement)("ft-icon")(Q);var yt={color:gt.FtCssVariableFactory.extend("--ftds-helper-text-color","",n.contentGlobalSubtle),errorColor:gt.FtCssVariableFactory.extend("--ftds-helper-text-error-icon-color","",n.contentErrorPrimary),warningColor:gt.FtCssVariableFactory.extend("--ftds-helper-text-warning-icon-color","",n.contentWarningPrimary),iconSize:gt.FtCssVariableFactory.extend("--ftds-helper-text-icon-size","",gt.foundation.iconSize2),iconHorizontalGap:gt.FtCssVariableFactory.extend("--ftds-helper-text-icon-horizontal-gap","",gt.foundation.spacing1)},ca=la.css`
|
|
384
|
+
.ftds-input-helper-text {
|
|
385
|
+
box-sizing: border-box;
|
|
386
|
+
list-style-type: none;
|
|
387
|
+
margin: 0;
|
|
388
|
+
padding: 0;
|
|
389
|
+
}
|
|
390
|
+
|
|
391
|
+
.ftds-input-helper-text--list-item {
|
|
392
|
+
position: relative;
|
|
393
|
+
text-decoration: none;
|
|
394
|
+
display: flex;
|
|
395
|
+
align-items: baseline;
|
|
396
|
+
color: ${yt.color};
|
|
397
|
+
}
|
|
594
398
|
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
399
|
+
.ftds-input-helper-text--list-item.error {
|
|
400
|
+
color: ${yt.errorColor};
|
|
401
|
+
}
|
|
598
402
|
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
display: block;
|
|
403
|
+
.ftds-input-helper-text--list-item.warning {
|
|
404
|
+
color: ${yt.warningColor};
|
|
602
405
|
}
|
|
603
406
|
|
|
604
|
-
.
|
|
605
|
-
|
|
606
|
-
max-width: 100%;
|
|
407
|
+
.ftds-input-helper-text--list-item.hasIcon ft-typography {
|
|
408
|
+
padding-left: calc(${yt.iconHorizontalGap} - 2px);
|
|
607
409
|
}
|
|
608
410
|
|
|
609
|
-
.
|
|
610
|
-
|
|
611
|
-
box-sizing: border-box;
|
|
612
|
-
overflow: hidden;
|
|
613
|
-
width: max-content;
|
|
614
|
-
max-width: ${pe.maxWidth};
|
|
615
|
-
text-align: center;
|
|
616
|
-
padding: ${pe.distance};
|
|
617
|
-
z-index: ${pe.zIndex};
|
|
411
|
+
.ftds-input-helper-text--list-item.hasIcon {
|
|
412
|
+
left: -2px;
|
|
618
413
|
}
|
|
619
414
|
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
border-radius: ${pe.borderRadiusS};
|
|
623
|
-
background-color: ${pe.backgroundColor};
|
|
624
|
-
color: ${pe.color};
|
|
625
|
-
position: relative;
|
|
626
|
-
word-break: break-word;
|
|
415
|
+
ft-icon {
|
|
416
|
+
${(0,gt.setVariable)(q.size,yt.iconSize)};
|
|
627
417
|
}
|
|
628
|
-
`;var ha=["top","right","bottom","left"],ya=["start","end"],Co=ha.reduce((e,o)=>e.concat(o,o+"-"+ya[0],o+"-"+ya[1]),[]),ma=Math.min,ba=Math.max;var Rn={left:"right",right:"left",bottom:"top",top:"bottom"},Ln={start:"end",end:"start"};function Oo(e,o,a){return ba(e,ma(o,a))}function Fe(e,o){return typeof e=="function"?e(o):e}function fe(e){return e.split("-")[0]}function Ht(e){return e.split("-")[1]}function vo(e){return e==="x"?"y":"x"}function wo(e){return e==="y"?"height":"width"}function Me(e){return["top","bottom"].includes(fe(e))?"y":"x"}function No(e){return vo(Me(e))}function xa(e,o,a){a===void 0&&(a=!1);let i=Ht(e),l=No(e),c=wo(l),d=l==="x"?i===(a?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[c]>o.floating[c]&&(d=So(d)),[d,So(d)]}function Sa(e){return e.replace(/start|end/g,o=>Ln[o])}function So(e){return e.replace(/left|right|bottom|top/g,o=>Rn[o])}function In(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ca(e){return typeof e!="number"?In(e):{top:e,right:e,bottom:e,left:e}}function Kt(e){let{x:o,y:a,width:i,height:l}=e;return{width:i,height:l,top:a,left:o,right:o+i,bottom:a+l,x:o,y:a}}function Oa(e,o,a){let{reference:i,floating:l}=e,c=Me(o),d=No(o),p=wo(d),u=fe(o),x=c==="y",v=i.x+i.width/2-l.width/2,S=i.y+i.height/2-l.height/2,R=i[p]/2-l[p]/2,N;switch(u){case"top":N={x:v,y:i.y-l.height};break;case"bottom":N={x:v,y:i.y+i.height};break;case"right":N={x:i.x+i.width,y:S};break;case"left":N={x:i.x-l.width,y:S};break;default:N={x:i.x,y:i.y}}switch(Ht(o)){case"start":N[d]-=R*(a&&x?-1:1);break;case"end":N[d]+=R*(a&&x?-1:1);break}return N}var va=async(e,o,a)=>{let{placement:i="bottom",strategy:l="absolute",middleware:c=[],platform:d}=a,p=c.filter(Boolean),u=await(d.isRTL==null?void 0:d.isRTL(o)),x=await d.getElementRects({reference:e,floating:o,strategy:l}),{x:v,y:S}=Oa(x,i,u),R=i,N={},I=0;for(let T=0;T<p.length;T++){let{name:F,fn:_}=p[T],{x:M,y:ot,data:Bt,reset:J}=await _({x:v,y:S,initialPlacement:i,placement:R,strategy:l,middlewareData:N,rects:x,platform:d,elements:{reference:e,floating:o}});v=M??v,S=ot??S,N={...N,[F]:{...N[F],...Bt}},J&&I<=50&&(I++,typeof J=="object"&&(J.placement&&(R=J.placement),J.rects&&(x=J.rects===!0?await d.getElementRects({reference:e,floating:o,strategy:l}):J.rects),{x:v,y:S}=Oa(x,R,u)),T=-1)}return{x:v,y:S,placement:R,strategy:l,middlewareData:N}};async function Eo(e,o){var a;o===void 0&&(o={});let{x:i,y:l,platform:c,rects:d,elements:p,strategy:u}=e,{boundary:x="clippingAncestors",rootBoundary:v="viewport",elementContext:S="floating",altBoundary:R=!1,padding:N=0}=Fe(o,e),I=Ca(N),F=p[R?S==="floating"?"reference":"floating":S],_=Kt(await c.getClippingRect({element:(a=await(c.isElement==null?void 0:c.isElement(F)))==null||a?F:F.contextElement||await(c.getDocumentElement==null?void 0:c.getDocumentElement(p.floating)),boundary:x,rootBoundary:v,strategy:u})),M=S==="floating"?{x:i,y:l,width:d.floating.width,height:d.floating.height}:d.reference,ot=await(c.getOffsetParent==null?void 0:c.getOffsetParent(p.floating)),Bt=await(c.isElement==null?void 0:c.isElement(ot))?await(c.getScale==null?void 0:c.getScale(ot))||{x:1,y:1}:{x:1,y:1},J=Kt(c.convertOffsetParentRelativeRectToViewportRelativeRect?await c.convertOffsetParentRelativeRectToViewportRelativeRect({elements:p,rect:M,offsetParent:ot,strategy:u}):M);return{top:(_.top-J.top+I.top)/Bt.y,bottom:(J.bottom-_.bottom+I.bottom)/Bt.y,left:(_.left-J.left+I.left)/Bt.x,right:(J.right-_.right+I.right)/Bt.x}}function $n(e,o,a){return(e?[...a.filter(l=>Ht(l)===e),...a.filter(l=>Ht(l)!==e)]:a.filter(l=>fe(l)===l)).filter(l=>e?Ht(l)===e||(o?Sa(l)!==l:!1):!0)}var Ro=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var a,i,l;let{rects:c,middlewareData:d,placement:p,platform:u,elements:x}=o,{crossAxis:v=!1,alignment:S,allowedPlacements:R=Co,autoAlignment:N=!0,...I}=Fe(e,o),T=S!==void 0||R===Co?$n(S||null,N,R):R,F=await Eo(o,I),_=((a=d.autoPlacement)==null?void 0:a.index)||0,M=T[_];if(M==null)return{};let ot=xa(M,c,await(u.isRTL==null?void 0:u.isRTL(x.floating)));if(p!==M)return{reset:{placement:T[0]}};let Bt=[F[fe(M)],F[ot[0]],F[ot[1]]],J=[...((i=d.autoPlacement)==null?void 0:i.overflows)||[],{placement:M,overflows:Bt}],Po=T[_+1];if(Po)return{data:{index:_+1,overflows:J},reset:{placement:Po}};let Wo=J.map(mt=>{let he=Ht(mt.placement);return[mt.placement,he&&v?mt.overflows.slice(0,2).reduce((un,gn)=>un+gn,0):mt.overflows[0],mt.overflows]}).sort((mt,he)=>mt[1]-he[1]),Ho=((l=Wo.filter(mt=>mt[2].slice(0,Ht(mt[0])?2:3).every(he=>he<=0))[0])==null?void 0:l[0])||Wo[0][0];return Ho!==p?{data:{index:_+1,overflows:J},reset:{placement:Ho}}:{}}}};var Lo=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:a,y:i,placement:l}=o,{mainAxis:c=!0,crossAxis:d=!1,limiter:p={fn:F=>{let{x:_,y:M}=F;return{x:_,y:M}}},...u}=Fe(e,o),x={x:a,y:i},v=await Eo(o,u),S=Me(fe(l)),R=vo(S),N=x[R],I=x[S];if(c){let F=R==="y"?"top":"left",_=R==="y"?"bottom":"right",M=N+v[F],ot=N-v[_];N=Oo(M,N,ot)}if(d){let F=S==="y"?"top":"left",_=S==="y"?"bottom":"right",M=I+v[F],ot=I-v[_];I=Oo(M,I,ot)}let T=p.fn({...o,[R]:N,[S]:I});return{...T,data:{x:T.x-a,y:T.y-i,enabled:{[R]:c,[S]:d}}}}}};var Io=Math.min,ue=Math.max,Ne=Math.round;var Lt=e=>({x:e,y:e});function It(e){return Na(e)?(e.nodeName||"").toLowerCase():"#document"}function rt(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function $t(e){var o;return(o=(Na(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Na(e){return e instanceof Node||e instanceof rt(e).Node}function St(e){return e instanceof Element||e instanceof rt(e).Element}function yt(e){return e instanceof HTMLElement||e instanceof rt(e).HTMLElement}function wa(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof rt(e).ShadowRoot}function ge(e){let{overflow:o,overflowX:a,overflowY:i,display:l}=ct(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+a)&&!["inline","contents"].includes(l)}function Ea(e){return["table","td","th"].includes(It(e))}function Ke(e){let o=Ve(),a=ct(e);return a.transform!=="none"||a.perspective!=="none"||(a.containerType?a.containerType!=="normal":!1)||!o&&(a.backdropFilter?a.backdropFilter!=="none":!1)||!o&&(a.filter?a.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(a.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(a.contain||"").includes(i))}function Ra(e){let o=Vt(e);for(;yt(o)&&!Ee(o);){if(Ke(o))return o;o=Vt(o)}return null}function Ve(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ee(e){return["html","body","#document"].includes(It(e))}function ct(e){return rt(e).getComputedStyle(e)}function Re(e){return St(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Vt(e){if(It(e)==="html")return e;let o=e.assignedSlot||e.parentNode||wa(e)&&e.host||$t(e);return wa(o)?o.host:o}function La(e){let o=Vt(e);return Ee(o)?e.ownerDocument?e.ownerDocument.body:e.body:yt(o)&&ge(o)?o:La(o)}function Ze(e,o,a){var i;o===void 0&&(o=[]),a===void 0&&(a=!0);let l=La(e),c=l===((i=e.ownerDocument)==null?void 0:i.body),d=rt(l);return c?o.concat(d,d.visualViewport||[],ge(l)?l:[],d.frameElement&&a?Ze(d.frameElement):[]):o.concat(l,Ze(l,[],a))}function Aa(e){let o=ct(e),a=parseFloat(o.width)||0,i=parseFloat(o.height)||0,l=yt(e),c=l?e.offsetWidth:a,d=l?e.offsetHeight:i,p=Ne(a)!==c||Ne(i)!==d;return p&&(a=c,i=d),{width:a,height:i,$:p}}function Ba(e){return St(e)?e:e.contextElement}function ye(e){let o=Ba(e);if(!yt(o))return Lt(1);let a=o.getBoundingClientRect(),{width:i,height:l,$:c}=Aa(o),d=(c?Ne(a.width):a.width)/i,p=(c?Ne(a.height):a.height)/l;return(!d||!Number.isFinite(d))&&(d=1),(!p||!Number.isFinite(p))&&(p=1),{x:d,y:p}}var zn=Lt(0);function za(e){let o=rt(e);return!Ve()||!o.visualViewport?zn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Pn(e,o,a){return o===void 0&&(o=!1),!a||o&&a!==rt(e)?!1:o}function Le(e,o,a,i){o===void 0&&(o=!1),a===void 0&&(a=!1);let l=e.getBoundingClientRect(),c=Ba(e),d=Lt(1);o&&(i?St(i)&&(d=ye(i)):d=ye(e));let p=Pn(c,a,i)?za(c):Lt(0),u=(l.left+p.x)/d.x,x=(l.top+p.y)/d.y,v=l.width/d.x,S=l.height/d.y;if(c){let R=rt(c),N=i&&St(i)?rt(i):i,I=R.frameElement;for(;I&&i&&N!==R;){let T=ye(I),F=I.getBoundingClientRect(),_=ct(I),M=F.left+(I.clientLeft+parseFloat(_.paddingLeft))*T.x,ot=F.top+(I.clientTop+parseFloat(_.paddingTop))*T.y;u*=T.x,x*=T.y,v*=T.x,S*=T.y,u+=M,x+=ot,I=rt(I).frameElement}}return Kt({width:v,height:S,x:u,y:x})}function Wn(e){let{rect:o,offsetParent:a,strategy:i}=e,l=yt(a),c=$t(a);if(a===c)return o;let d={scrollLeft:0,scrollTop:0},p=Lt(1),u=Lt(0);if((l||!l&&i!=="fixed")&&((It(a)!=="body"||ge(c))&&(d=Re(a)),yt(a))){let x=Le(a);p=ye(a),u.x=x.x+a.clientLeft,u.y=x.y+a.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-d.scrollLeft*p.x+u.x,y:o.y*p.y-d.scrollTop*p.y+u.y}}function Hn(e){return Array.from(e.getClientRects())}function Pa(e){return Le($t(e)).left+Re(e).scrollLeft}function kn(e){let o=$t(e),a=Re(e),i=e.ownerDocument.body,l=ue(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),c=ue(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),d=-a.scrollLeft+Pa(e),p=-a.scrollTop;return ct(i).direction==="rtl"&&(d+=ue(o.clientWidth,i.clientWidth)-l),{width:l,height:c,x:d,y:p}}function Tn(e,o){let a=rt(e),i=$t(e),l=a.visualViewport,c=i.clientWidth,d=i.clientHeight,p=0,u=0;if(l){c=l.width,d=l.height;let x=Ve();(!x||x&&o==="fixed")&&(p=l.offsetLeft,u=l.offsetTop)}return{width:c,height:d,x:p,y:u}}function _n(e,o){let a=Le(e,!0,o==="fixed"),i=a.top+e.clientTop,l=a.left+e.clientLeft,c=yt(e)?ye(e):Lt(1),d=e.clientWidth*c.x,p=e.clientHeight*c.y,u=l*c.x,x=i*c.y;return{width:d,height:p,x:u,y:x}}function Ia(e,o,a){let i;if(o==="viewport")i=Tn(e,a);else if(o==="document")i=kn($t(e));else if(St(o))i=_n(o,a);else{let l=za(e);i={...o,x:o.x-l.x,y:o.y-l.y}}return Kt(i)}function Wa(e,o){let a=Vt(e);return a===o||!St(a)||Ee(a)?!1:ct(a).position==="fixed"||Wa(a,o)}function Gn(e,o){let a=o.get(e);if(a)return a;let i=Ze(e,[],!1).filter(p=>St(p)&&It(p)!=="body"),l=null,c=ct(e).position==="fixed",d=c?Vt(e):e;for(;St(d)&&!Ee(d);){let p=ct(d),u=Ke(d);!u&&p.position==="fixed"&&(l=null),(c?!u&&!l:!u&&p.position==="static"&&!!l&&["absolute","fixed"].includes(l.position)||ge(d)&&!u&&Wa(e,d))?i=i.filter(v=>v!==d):l=p,d=Vt(d)}return o.set(e,i),i}function Dn(e){let{element:o,boundary:a,rootBoundary:i,strategy:l}=e,d=[...a==="clippingAncestors"?Gn(o,this._c):[].concat(a),i],p=d[0],u=d.reduce((x,v)=>{let S=Ia(o,v,l);return x.top=ue(S.top,x.top),x.right=Io(S.right,x.right),x.bottom=Io(S.bottom,x.bottom),x.left=ue(S.left,x.left),x},Ia(o,p,l));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function Un(e){return Aa(e)}function Fn(e,o,a){let i=yt(o),l=$t(o),c=a==="fixed",d=Le(e,!0,c,o),p={scrollLeft:0,scrollTop:0},u=Lt(0);if(i||!i&&!c)if((It(o)!=="body"||ge(l))&&(p=Re(o)),i){let x=Le(o,!0,c,o);u.x=x.x+o.clientLeft,u.y=x.y+o.clientTop}else l&&(u.x=Pa(l));return{x:d.left+p.scrollLeft-u.x,y:d.top+p.scrollTop-u.y,width:d.width,height:d.height}}function $a(e,o){return!yt(e)||ct(e).position==="fixed"?null:o?o(e):e.offsetParent}function Ha(e,o){let a=rt(e);if(!yt(e))return a;let i=$a(e,o);for(;i&&Ea(i)&&ct(i).position==="static";)i=$a(i,o);return i&&(It(i)==="html"||It(i)==="body"&&ct(i).position==="static"&&!Ke(i))?a:i||Ra(e)||a}var Mn=async function(e){let{reference:o,floating:a,strategy:i}=e,l=this.getOffsetParent||Ha,c=this.getDimensions;return{reference:Fn(o,await l(a),i),floating:{x:0,y:0,...await c(a)}}};function Zn(e){return ct(e).direction==="rtl"}var je={convertOffsetParentRelativeRectToViewportRelativeRect:Wn,getDocumentElement:$t,getClippingRect:Dn,getOffsetParent:Ha,getElementRects:Mn,getClientRects:Hn,getDimensions:Un,getScale:ye,isElement:St,isRTL:Zn};var ka=(e,o,a)=>{let i=new Map,l={platform:je,...a},c={...l.platform,_c:i};return va(e,o,{...l,platform:c})};function Ta(e){return Kn(e)}function $o(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function Kn(e){for(let o=e;o;o=$o(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=$o(e);o;o=$o(o)){if(!(o instanceof Element))continue;let a=getComputedStyle(o);if(a.display!=="contents"&&(a.position!=="static"||a.filter!=="none"||o.tagName==="BODY"))return o}return null}async function _a(e,o,a){return ka(e,o,{platform:{...je,getOffsetParent:i=>je.getOffsetParent(i,Ta)},middleware:[Lo({crossAxis:!0}),Ro({allowedPlacements:[a]})]})}var at=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},B=class extends Ie.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 Ie.Debouncer,this.revealDebouncer=new Ie.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Ga.html`
|
|
629
|
-
<
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
<slot name="text"></slot>
|
|
642
|
-
<ft-typography variant="caption" ?hidden=${!this.text}>${this.text}</ft-typography>
|
|
643
|
-
</div>
|
|
644
|
-
</div>
|
|
645
|
-
</div>
|
|
646
|
-
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(a=>o.has(a))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}async showTemporaryText(o,a){let i=this.manual;this.manual=!0;let l=this.text;this.text=o,await this.show(a),this.text=l,this.manual=i}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(a=>a.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="",_a(this.slottedElement,this.tooltip,this.position).then(({x:o,y:a})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${a}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,a){return Math.max(o,Math.min(0,-a))}};B.elementDefinitions={"ft-typography":lt};B.styles=ga;at([(0,Z.property)()],B.prototype,"text",void 0);at([(0,Z.property)({type:Boolean})],B.prototype,"manual",void 0);at([(0,Z.property)({type:Boolean})],B.prototype,"inline",void 0);at([(0,Z.property)({type:Number})],B.prototype,"delay",void 0);at([(0,Z.property)()],B.prototype,"position",void 0);at([(0,Z.queryAssignedNodes)()],B.prototype,"slotNodes",void 0);at([(0,Z.query)(".ft-tooltip--container")],B.prototype,"container",void 0);at([(0,Z.query)(".ft-tooltip")],B.prototype,"tooltip",void 0);at([(0,Z.query)(".ft-tooltip--content")],B.prototype,"tooltipContent",void 0);at([(0,Z.state)()],B.prototype,"visible",void 0);at([(0,Z.eventOptions)({passive:!0})],B.prototype,"onTouch",null);at([(0,Z.eventOptions)({passive:!0})],B.prototype,"onHover",null);at([(0,Z.eventOptions)({passive:!0})],B.prototype,"onOut",null);at([(0,Z.eventOptions)({passive:!0})],B.prototype,"onClick",null);(0,Da.customElement)("ft-tooltip")(B);var zo=m(E());var Be=m(dt()),cn=m(E());var Ja=m(W()),w=m(E());var Va=m(W()),U=m(E()),Ua=U.FtCssVariableFactory.extend("--ft-ripple-color","",U.designSystemVariables.colorContent),y={color:Ua,backgroundColor:U.FtCssVariableFactory.extend("--ft-ripple-background-color","",Ua),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")},Fa=U.FtCssVariableFactory.extend("--ft-ripple-color","",U.designSystemVariables.colorPrimary),Ma={color:Fa,backgroundColor:U.FtCssVariableFactory.extend("--ft-ripple-background-color","",Fa)},Za=U.FtCssVariableFactory.extend("--ft-ripple-color","",U.designSystemVariables.colorSecondary),Ka={color:Za,backgroundColor:U.FtCssVariableFactory.extend("--ft-ripple-background-color","",Za)},ja=Va.css`
|
|
418
|
+
`;var bo=m(sa());var pa=m(Jt());var Ue=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},pt=class extends Rt.FtLitElement{constructor(){super(...arguments),this.errorMessages=[],this.warningMessages=[],this.ariaHidden="true"}render(){return De.html`
|
|
419
|
+
<ul class="ftds-input-helper-text">
|
|
420
|
+
${(0,bo.repeat)(this.errorMessages,o=>this.renderMessage(o,Rt.Status.error))}
|
|
421
|
+
${(0,bo.repeat)(this.warningMessages,o=>this.renderMessage(o,Rt.Status.warning))}
|
|
422
|
+
${Dt(!this.errorMessages.length&&!this.warningMessages.length&&this.helperText,()=>this.renderMessage(this.helperText,Rt.Status.default))}
|
|
423
|
+
</ul>
|
|
424
|
+
`}renderMessage(o,a){let i=this.toIconIdentifier(a),l={"ftds-input-helper-text--list-item":!0,hasIcon:!!i,[a]:!0};return De.html`
|
|
425
|
+
<li class="${(0,pa.classMap)(l)}">
|
|
426
|
+
${Dt(i,()=>De.html`
|
|
427
|
+
<ft-icon class="icon" value="${i}" part="icon"></ft-icon>`)}
|
|
428
|
+
<ft-typography part="text" variant="${St.caption1medium}">${o}</ft-typography>
|
|
429
|
+
</li>
|
|
430
|
+
`}toIconIdentifier(o){switch(o){case Rt.Status.error:return Vt.OCTAGON_XMARK;case Rt.Status.warning:return Vt.WARNING;case Rt.Status.default:return}}};pt.elementDefinitions={"ft-typography":it,"ft-icon":Q};pt.styles=ca;Ue([(0,Ee.property)()],pt.prototype,"helperText",void 0);Ue([(0,Ee.property)({type:Array})],pt.prototype,"errorMessages",void 0);Ue([(0,Ee.property)({type:Array})],pt.prototype,"warningMessages",void 0);Ue([(0,Ee.property)({reflect:!0,attribute:"aria-hidden"})],pt.prototype,"ariaHidden",void 0);(0,fa.customElement)("ftds-input-helper-text")(pt);var Bo=m(E());var ze=m(dt()),cn=m(E());var wa=m(W()),w=m(E());var ba=m(W()),F=m(E()),ua=F.FtCssVariableFactory.extend("--ft-ripple-color","",F.designSystemVariables.colorContent),y={color:ua,backgroundColor:F.FtCssVariableFactory.extend("--ft-ripple-background-color","",ua),opacityContentOnSurfacePressed:F.FtCssVariableFactory.external(F.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:F.FtCssVariableFactory.external(F.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:F.FtCssVariableFactory.external(F.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:F.FtCssVariableFactory.external(F.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:F.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},ga=F.FtCssVariableFactory.extend("--ft-ripple-color","",F.designSystemVariables.colorPrimary),ya={color:ga,backgroundColor:F.FtCssVariableFactory.extend("--ft-ripple-background-color","",ga)},ha=F.FtCssVariableFactory.extend("--ft-ripple-color","",F.designSystemVariables.colorSecondary),ma={color:ha,backgroundColor:F.FtCssVariableFactory.extend("--ft-ripple-background-color","",ha)},xa=ba.css`
|
|
647
431
|
:host {
|
|
648
432
|
display: contents;
|
|
649
433
|
}
|
|
@@ -698,19 +482,19 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
698
482
|
}
|
|
699
483
|
|
|
700
484
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
701
|
-
background-color: ${
|
|
485
|
+
background-color: ${ma.backgroundColor};
|
|
702
486
|
}
|
|
703
487
|
|
|
704
488
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
705
|
-
background-color: ${
|
|
489
|
+
background-color: ${ma.color};
|
|
706
490
|
}
|
|
707
491
|
|
|
708
492
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
709
|
-
background-color: ${
|
|
493
|
+
background-color: ${ya.backgroundColor};
|
|
710
494
|
}
|
|
711
495
|
|
|
712
496
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
713
|
-
background-color: ${
|
|
497
|
+
background-color: ${ya.color};
|
|
714
498
|
}
|
|
715
499
|
|
|
716
500
|
.ft-ripple .ft-ripple--background {
|
|
@@ -755,7 +539,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
755
539
|
opacity: ${y.opacityContentOnSurfacePressed};
|
|
756
540
|
transform: translate(-50%, -50%) scale(1);
|
|
757
541
|
}
|
|
758
|
-
`;var
|
|
542
|
+
`;var Sa=m(W()),Re=m(E()),B={color:Re.FtCssVariableFactory.extend("--ft-loader-color","",Re.designSystemVariables.colorPrimary),size:Re.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Ca=Sa.css`
|
|
759
543
|
:host {
|
|
760
544
|
line-height: 0;
|
|
761
545
|
}
|
|
@@ -764,8 +548,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
764
548
|
display: inline-block;
|
|
765
549
|
position: relative;
|
|
766
550
|
|
|
767
|
-
width: ${
|
|
768
|
-
height: ${
|
|
551
|
+
width: ${B.size};
|
|
552
|
+
height: ${B.size};
|
|
769
553
|
}
|
|
770
554
|
|
|
771
555
|
.ft-loader div {
|
|
@@ -774,7 +558,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
774
558
|
width: 25%;
|
|
775
559
|
height: 25%;
|
|
776
560
|
border-radius: 50%;
|
|
777
|
-
background: ${
|
|
561
|
+
background: ${B.color};
|
|
778
562
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
779
563
|
}
|
|
780
564
|
|
|
@@ -821,10 +605,10 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
821
605
|
transform: translate(0, 0);
|
|
822
606
|
}
|
|
823
607
|
100% {
|
|
824
|
-
transform: translate(calc(0.35 * ${
|
|
608
|
+
transform: translate(calc(0.35 * ${B.size}), 0);
|
|
825
609
|
}
|
|
826
610
|
}
|
|
827
|
-
`;var
|
|
611
|
+
`;var Oa=w.FtCssVariableFactory.extend("--ft-button-color","",w.designSystemVariables.colorPrimary),X={backgroundColor:w.FtCssVariableFactory.extend("--ft-button-background-color","",w.designSystemVariables.colorSurface),borderRadius:w.FtCssVariableFactory.extend("--ft-button-border-radius","",w.designSystemVariables.borderRadiusL),color:Oa,fontSize:w.FtCssVariableFactory.extend("--ft-button-font-size","",xt.fontSize),iconSize:w.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:w.FtCssVariableFactory.extend("--ft-button-ripple-color","",Oa),verticalPadding:w.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:w.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:w.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:w.FtCssVariableFactory.external(w.designSystemVariables.colorOpacityDisabled,"Design system")},va=w.FtCssVariableFactory.extend("--ft-button-primary-color","",w.FtCssVariableFactory.extend("--ft-button-color","",w.designSystemVariables.colorOnPrimary)),xo={backgroundColor:w.FtCssVariableFactory.extend("--ft-button-primary-background-color","",w.FtCssVariableFactory.extend("--ft-button-background-color","",w.designSystemVariables.colorPrimary)),color:va,rippleColor:w.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",va)},Ct={borderRadius:w.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",w.FtCssVariableFactory.extend("--ft-button-border-radius","",w.designSystemVariables.borderRadiusM)),verticalPadding:w.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:w.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:w.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},Na=[wa.css`
|
|
828
612
|
:host {
|
|
829
613
|
display: inline-block;
|
|
830
614
|
max-width: 100%;
|
|
@@ -835,7 +619,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
835
619
|
box-shadow: 0px 0px 0px transparent;
|
|
836
620
|
border: 0px solid transparent;
|
|
837
621
|
text-shadow: 0px 0px 0px transparent;
|
|
838
|
-
font-size: ${
|
|
622
|
+
font-size: ${X.fontSize};
|
|
839
623
|
text-decoration: none;
|
|
840
624
|
}
|
|
841
625
|
|
|
@@ -865,21 +649,21 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
865
649
|
border: none;
|
|
866
650
|
pointer-events: auto;
|
|
867
651
|
|
|
868
|
-
--
|
|
869
|
-
--
|
|
870
|
-
${(0,w.setVariable)(
|
|
871
|
-
${(0,w.setVariable)(y.color,
|
|
652
|
+
--button-internal-line-height: max(calc(${X.fontSize} + 2px), ${X.iconSize});
|
|
653
|
+
--button-internal-color: ${X.color};
|
|
654
|
+
${(0,w.setVariable)(q.size,X.iconSize)};
|
|
655
|
+
${(0,w.setVariable)(y.color,X.rippleColor)};
|
|
872
656
|
|
|
873
|
-
border-radius: ${
|
|
874
|
-
padding: ${
|
|
875
|
-
background-color: ${
|
|
876
|
-
color: var(--
|
|
657
|
+
border-radius: ${X.borderRadius};
|
|
658
|
+
padding: ${X.verticalPadding} ${X.horizontalPadding};
|
|
659
|
+
background-color: ${X.backgroundColor};
|
|
660
|
+
color: var(--button-internal-color);
|
|
877
661
|
-webkit-mask-image: radial-gradient(white, black);
|
|
878
662
|
}
|
|
879
663
|
|
|
880
664
|
.ft-button.ft-button--outlined {
|
|
881
|
-
border: 1px solid var(--
|
|
882
|
-
padding: calc(${
|
|
665
|
+
border: 1px solid var(--button-internal-color);
|
|
666
|
+
padding: calc(${X.verticalPadding} - 1px) calc(${X.horizontalPadding} - 1px);
|
|
883
667
|
}
|
|
884
668
|
|
|
885
669
|
.ft-button.ft-button--dense {
|
|
@@ -897,22 +681,22 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
897
681
|
}
|
|
898
682
|
|
|
899
683
|
.ft-button--round {
|
|
900
|
-
border-radius: calc(var(--
|
|
684
|
+
border-radius: calc(var(--button-internal-line-height) / 2 + ${X.verticalPadding});
|
|
901
685
|
}
|
|
902
686
|
|
|
903
687
|
.ft-button--round.ft-button--dense {
|
|
904
|
-
border-radius: calc(var(--
|
|
688
|
+
border-radius: calc(var(--button-internal-line-height) / 2 + ${Ct.verticalPadding});
|
|
905
689
|
}
|
|
906
690
|
|
|
907
691
|
.ft-button[disabled] {
|
|
908
692
|
filter: grayscale(1);
|
|
909
|
-
opacity: ${
|
|
693
|
+
opacity: ${X.opacityDisabled};
|
|
910
694
|
}
|
|
911
695
|
|
|
912
696
|
.ft-button.ft-button--primary {
|
|
913
|
-
background-color: ${
|
|
914
|
-
--
|
|
915
|
-
${(0,w.setVariable)(y.color,
|
|
697
|
+
background-color: ${xo.backgroundColor};
|
|
698
|
+
--button-internal-color: ${xo.color};
|
|
699
|
+
${(0,w.setVariable)(y.color,xo.rippleColor)};
|
|
916
700
|
}
|
|
917
701
|
|
|
918
702
|
.ft-button:focus {
|
|
@@ -925,9 +709,9 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
925
709
|
white-space: nowrap;
|
|
926
710
|
text-overflow: ellipsis;
|
|
927
711
|
display: block;
|
|
928
|
-
margin: 0 ${
|
|
712
|
+
margin: 0 ${X.iconPadding};
|
|
929
713
|
${(0,w.setVariable)(xt.fontSize,"1em")};
|
|
930
|
-
${(0,w.setVariable)(xt.lineHeight,"var(--
|
|
714
|
+
${(0,w.setVariable)(xt.lineHeight,"var(--button-internal-line-height)")};
|
|
931
715
|
}
|
|
932
716
|
|
|
933
717
|
.ft-button--dense .ft-button--label {
|
|
@@ -944,8 +728,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
944
728
|
}
|
|
945
729
|
|
|
946
730
|
.ft-button--label[hidden] + [part="icon"] {
|
|
947
|
-
margin: 0 calc(${
|
|
948
|
-
padding: 0 ${
|
|
731
|
+
margin: 0 calc(${X.horizontalPadding} * -1);
|
|
732
|
+
padding: 0 ${X.verticalPadding};
|
|
949
733
|
}
|
|
950
734
|
|
|
951
735
|
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
@@ -953,33 +737,80 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
953
737
|
padding: 0 ${Ct.verticalPadding};
|
|
954
738
|
}
|
|
955
739
|
|
|
956
|
-
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
740
|
+
.ft-button:not(.ft-button--trailing-icon) [part="label"] {
|
|
957
741
|
order: 2;
|
|
958
742
|
}
|
|
959
743
|
|
|
960
744
|
ft-loader {
|
|
961
|
-
${(0,w.setVariable)(
|
|
962
|
-
${(0,w.setVariable)(
|
|
745
|
+
${(0,w.setVariable)(B.size,X.iconSize)};
|
|
746
|
+
${(0,w.setVariable)(B.color,"var(--button-internal-color)")};
|
|
963
747
|
}
|
|
964
|
-
`,w.noTextSelect];var
|
|
748
|
+
`,w.noTextSelect];var _t=m(E());var La=m(E());var Ea=m(W()),J=m(dt()),Ra=m(Jt()),Le=m(E());var rt=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},k=class extends Le.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 Le.Debouncer(1e3),this.onTransitionStart=o=>{o.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=o=>{o.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new Le.Debouncer(10),this.moveRipple=o=>{var a,i;let{x:l,y:c}=this.getCoordinates(o),d=(i=(a=this.ripple)===null||a===void 0?void 0:a.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(l!=null?l-d.x:d.width/2),this.originY=Math.round(c!=null?c-d.y:d.height/2)},this.startPress=o=>{this.moveRipple(o),this.pressed=!this.isIgnored(o)},this.endPress=()=>{this.pressed=!1},this.startHover=o=>{this.hovered=!this.isIgnored(o)},this.endHover=()=>{this.hovered=!1},this.startFocus=o=>{this.focused=this.isFocusVisible(o?.target)&&!this.isIgnored(o)},this.endFocus=()=>{this.focused=!1}}render(){let o={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return Ea.html`
|
|
965
749
|
<style>
|
|
966
750
|
.ft-ripple .ft-ripple--effect {
|
|
967
751
|
left: ${this.originX}px;
|
|
968
752
|
top: ${this.originY}px;
|
|
969
753
|
}
|
|
970
754
|
</style>
|
|
971
|
-
<div class="${(0,
|
|
755
|
+
<div class="${(0,Ra.classMap)(o)}">
|
|
972
756
|
<div class="ft-ripple--background"></div>
|
|
973
757
|
<div class="ft-ripple--effect"></div>
|
|
974
758
|
</div>
|
|
975
|
-
`}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var a,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(a=this.target)===null||a===void 0||a.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var o,a;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((a=this.target)!==null&&a!==void 0?a:i)}forceFocusUpdate(){var o;!((o=this.target)===null||o===void 0)&&o.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let a=(...p)=>u=>{p.forEach(x=>window.addEventListener(x,this.endPress,{once:!0})),this.startPress(u)},i=a("mouseup","contextmenu"),l=a("touchend","touchcancel"),c=p=>{["Enter"," "].includes(p.key)&&a("keyup")(p)},d={passive:!0};o.addEventListener("mouseover",this.startHover,d),o.addEventListener("mousemove",this.moveRipple,d),o.addEventListener("mouseleave",this.endHover,d),o.addEventListener("mousedown",i,d),o.addEventListener("touchstart",l,d),o.addEventListener("touchmove",this.moveRipple,d),o.addEventListener("keydown",c,d),o.addEventListener("focus",this.startFocus,d),o.addEventListener("blur",this.endFocus,d),o.addEventListener("focusin",this.startFocus,d),o.addEventListener("focusout",this.endFocus,d),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,d),o.removeEventListener("mousemove",this.moveRipple,d),o.removeEventListener("mouseleave",this.endHover,d),o.removeEventListener("mousedown",i,d),o.removeEventListener("touchstart",l,d),o.removeEventListener("touchmove",this.moveRipple,d),o.removeEventListener("keydown",c,d),o.removeEventListener("focus",this.startFocus,d),o.removeEventListener("blur",this.endFocus,d),o.removeEventListener("focusin",this.startFocus,d),o.removeEventListener("focusout",this.endFocus,d),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let a=o,i=o,l,c;return a.x!=null?{x:l,y:c}=a:i.touches!=null&&(l=i.touches[0].clientX,c=i.touches[0].clientY),{x:l,y:c}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let a of o.composedPath()){if(a===this.target)break;if("hasAttribute"in a&&a.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};
|
|
759
|
+
`}contentAvailableCallback(o){super.contentAvailableCallback(o),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(o){var a,i;super.update(o),o.has("disabled")&&(this.disabled?(this.endRipple(),(a=this.target)===null||a===void 0||a.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var o,a;let i=(o=this.shadowRoot)===null||o===void 0?void 0:o.host.parentElement;i&&this.setupFor((a=this.target)!==null&&a!==void 0?a:i)}forceFocusUpdate(){var o;!((o=this.target)===null||o===void 0)&&o.matches(":focus-within")?this.startFocus():this.endFocus()}setupFor(o){if(this.setupDebouncer.cancel(),this.target===o)return;this.onDisconnect&&this.onDisconnect(),this.target=o,o.setAttribute("data-is-ft-ripple-target","true");let a=(...p)=>u=>{p.forEach(x=>window.addEventListener(x,this.endPress,{once:!0})),this.startPress(u)},i=a("mouseup","contextmenu"),l=a("touchend","touchcancel"),c=p=>{["Enter"," "].includes(p.key)&&a("keyup")(p)},d={passive:!0};o.addEventListener("mouseover",this.startHover,d),o.addEventListener("mousemove",this.moveRipple,d),o.addEventListener("mouseleave",this.endHover,d),o.addEventListener("mousedown",i,d),o.addEventListener("touchstart",l,d),o.addEventListener("touchmove",this.moveRipple,d),o.addEventListener("keydown",c,d),o.addEventListener("focus",this.startFocus,d),o.addEventListener("blur",this.endFocus,d),o.addEventListener("focusin",this.startFocus,d),o.addEventListener("focusout",this.endFocus,d),this.onDisconnect=()=>{o.removeAttribute("data-is-ft-ripple-target"),o.removeEventListener("mouseover",this.startHover,d),o.removeEventListener("mousemove",this.moveRipple,d),o.removeEventListener("mouseleave",this.endHover,d),o.removeEventListener("mousedown",i,d),o.removeEventListener("touchstart",l,d),o.removeEventListener("touchmove",this.moveRipple,d),o.removeEventListener("keydown",c,d),o.removeEventListener("focus",this.startFocus,d),o.removeEventListener("blur",this.endFocus,d),o.removeEventListener("focusin",this.startFocus,d),o.removeEventListener("focusout",this.endFocus,d),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(o){let a=o,i=o,l,c;return a.x!=null?{x:l,y:c}=a:i.touches!=null&&(l=i.touches[0].clientX,c=i.touches[0].clientY),{x:l,y:c}}isFocusVisible(o){return o instanceof HTMLElement?o.matches(":focus-visible"):!0}isIgnored(o){if(this.disabled)return!0;if(o!=null)for(let a of o.composedPath()){if(a===this.target)break;if("hasAttribute"in a&&a.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};k.elementDefinitions={};k.styles=xa;rt([(0,J.property)({type:Boolean})],k.prototype,"primary",void 0);rt([(0,J.property)({type:Boolean})],k.prototype,"secondary",void 0);rt([(0,J.property)({type:Boolean})],k.prototype,"unbounded",void 0);rt([(0,J.property)({type:Boolean})],k.prototype,"activated",void 0);rt([(0,J.property)({type:Boolean})],k.prototype,"selected",void 0);rt([(0,J.property)({type:Boolean})],k.prototype,"disabled",void 0);rt([(0,J.state)()],k.prototype,"hovered",void 0);rt([(0,J.state)()],k.prototype,"focused",void 0);rt([(0,J.state)()],k.prototype,"pressed",void 0);rt([(0,J.state)()],k.prototype,"rippling",void 0);rt([(0,J.state)()],k.prototype,"originX",void 0);rt([(0,J.state)()],k.prototype,"originY",void 0);rt([(0,J.query)(".ft-ripple")],k.prototype,"ripple",void 0);rt([(0,J.query)(".ft-ripple--effect")],k.prototype,"rippleEffect",void 0);(0,La.customElement)("ft-ripple")(k);var rn=m(E());var on=m(W()),K=m(dt()),Tt=m(E());var $a=m(W()),Lt=m(E()),ge={distance:Lt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Lt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Lt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Lt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Lt.FtCssVariableFactory.external(Lt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Lt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},Ia=$a.css`
|
|
760
|
+
.ft-tooltip--container {
|
|
761
|
+
display: block;
|
|
762
|
+
}
|
|
763
|
+
|
|
764
|
+
.ft-tooltip--inline {
|
|
765
|
+
display: inline-block;
|
|
766
|
+
max-width: 100%;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.ft-tooltip {
|
|
770
|
+
position: fixed;
|
|
771
|
+
box-sizing: border-box;
|
|
772
|
+
overflow: hidden;
|
|
773
|
+
width: max-content;
|
|
774
|
+
max-width: ${ge.maxWidth};
|
|
775
|
+
text-align: center;
|
|
776
|
+
padding: ${ge.distance};
|
|
777
|
+
z-index: ${ge.zIndex};
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
.ft-tooltip--content {
|
|
781
|
+
padding: 4px 8px;
|
|
782
|
+
border-radius: ${ge.borderRadiusS};
|
|
783
|
+
background-color: ${ge.backgroundColor};
|
|
784
|
+
color: ${ge.color};
|
|
785
|
+
position: relative;
|
|
786
|
+
word-break: break-word;
|
|
787
|
+
}
|
|
788
|
+
`;var Ba=["top","right","bottom","left"],Aa=["start","end"],Co=Ba.reduce((e,o)=>e.concat(o,o+"-"+Aa[0],o+"-"+Aa[1]),[]),za=Math.min,Pa=Math.max;var Ln={left:"right",right:"left",bottom:"top",top:"bottom"},$n={start:"end",end:"start"};function Oo(e,o,a){return Pa(e,za(o,a))}function Fe(e,o){return typeof e=="function"?e(o):e}function ye(e){return e.split("-")[0]}function Ht(e){return e.split("-")[1]}function vo(e){return e==="x"?"y":"x"}function wo(e){return e==="y"?"height":"width"}function Me(e){return["top","bottom"].includes(ye(e))?"y":"x"}function No(e){return vo(Me(e))}function Wa(e,o,a){a===void 0&&(a=!1);let i=Ht(e),l=No(e),c=wo(l),d=l==="x"?i===(a?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[c]>o.floating[c]&&(d=So(d)),[d,So(d)]}function ka(e){return e.replace(/start|end/g,o=>$n[o])}function So(e){return e.replace(/left|right|bottom|top/g,o=>Ln[o])}function In(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ha(e){return typeof e!="number"?In(e):{top:e,right:e,bottom:e,left:e}}function jt(e){let{x:o,y:a,width:i,height:l}=e;return{width:i,height:l,top:a,left:o,right:o+i,bottom:a+l,x:o,y:a}}function Ta(e,o,a){let{reference:i,floating:l}=e,c=Me(o),d=No(o),p=wo(d),u=ye(o),x=c==="y",v=i.x+i.width/2-l.width/2,S=i.y+i.height/2-l.height/2,R=i[p]/2-l[p]/2,N;switch(u){case"top":N={x:v,y:i.y-l.height};break;case"bottom":N={x:v,y:i.y+i.height};break;case"right":N={x:i.x+i.width,y:S};break;case"left":N={x:i.x-l.width,y:S};break;default:N={x:i.x,y:i.y}}switch(Ht(o)){case"start":N[d]-=R*(a&&x?-1:1);break;case"end":N[d]+=R*(a&&x?-1:1);break}return N}var Ga=async(e,o,a)=>{let{placement:i="bottom",strategy:l="absolute",middleware:c=[],platform:d}=a,p=c.filter(Boolean),u=await(d.isRTL==null?void 0:d.isRTL(o)),x=await d.getElementRects({reference:e,floating:o,strategy:l}),{x:v,y:S}=Ta(x,i,u),R=i,N={},$=0;for(let T=0;T<p.length;T++){let{name:M,fn:G}=p[T],{x:Z,y:ot,data:zt,reset:et}=await G({x:v,y:S,initialPlacement:i,placement:R,strategy:l,middlewareData:N,rects:x,platform:d,elements:{reference:e,floating:o}});v=Z??v,S=ot??S,N={...N,[M]:{...N[M],...zt}},et&&$<=50&&($++,typeof et=="object"&&(et.placement&&(R=et.placement),et.rects&&(x=et.rects===!0?await d.getElementRects({reference:e,floating:o,strategy:l}):et.rects),{x:v,y:S}=Ta(x,R,u)),T=-1)}return{x:v,y:S,placement:R,strategy:l,middlewareData:N}};async function Eo(e,o){var a;o===void 0&&(o={});let{x:i,y:l,platform:c,rects:d,elements:p,strategy:u}=e,{boundary:x="clippingAncestors",rootBoundary:v="viewport",elementContext:S="floating",altBoundary:R=!1,padding:N=0}=Fe(o,e),$=Ha(N),M=p[R?S==="floating"?"reference":"floating":S],G=jt(await c.getClippingRect({element:(a=await(c.isElement==null?void 0:c.isElement(M)))==null||a?M:M.contextElement||await(c.getDocumentElement==null?void 0:c.getDocumentElement(p.floating)),boundary:x,rootBoundary:v,strategy:u})),Z=S==="floating"?{x:i,y:l,width:d.floating.width,height:d.floating.height}:d.reference,ot=await(c.getOffsetParent==null?void 0:c.getOffsetParent(p.floating)),zt=await(c.isElement==null?void 0:c.isElement(ot))?await(c.getScale==null?void 0:c.getScale(ot))||{x:1,y:1}:{x:1,y:1},et=jt(c.convertOffsetParentRelativeRectToViewportRelativeRect?await c.convertOffsetParentRelativeRectToViewportRelativeRect({elements:p,rect:Z,offsetParent:ot,strategy:u}):Z);return{top:(G.top-et.top+$.top)/zt.y,bottom:(et.bottom-G.bottom+$.bottom)/zt.y,left:(G.left-et.left+$.left)/zt.x,right:(et.right-G.right+$.right)/zt.x}}function An(e,o,a){return(e?[...a.filter(l=>Ht(l)===e),...a.filter(l=>Ht(l)!==e)]:a.filter(l=>ye(l)===l)).filter(l=>e?Ht(l)===e||(o?ka(l)!==l:!1):!0)}var Ro=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var a,i,l;let{rects:c,middlewareData:d,placement:p,platform:u,elements:x}=o,{crossAxis:v=!1,alignment:S,allowedPlacements:R=Co,autoAlignment:N=!0,...$}=Fe(e,o),T=S!==void 0||R===Co?An(S||null,N,R):R,M=await Eo(o,$),G=((a=d.autoPlacement)==null?void 0:a.index)||0,Z=T[G];if(Z==null)return{};let ot=Wa(Z,c,await(u.isRTL==null?void 0:u.isRTL(x.floating)));if(p!==Z)return{reset:{placement:T[0]}};let zt=[M[ye(Z)],M[ot[0]],M[ot[1]]],et=[...((i=d.autoPlacement)==null?void 0:i.overflows)||[],{placement:Z,overflows:zt}],ko=T[G+1];if(ko)return{data:{index:G+1,overflows:et},reset:{placement:ko}};let Ho=et.map(bt=>{let xe=Ht(bt.placement);return[bt.placement,xe&&v?bt.overflows.slice(0,2).reduce((gn,yn)=>gn+yn,0):bt.overflows[0],bt.overflows]}).sort((bt,xe)=>bt[1]-xe[1]),To=((l=Ho.filter(bt=>bt[2].slice(0,Ht(bt[0])?2:3).every(xe=>xe<=0))[0])==null?void 0:l[0])||Ho[0][0];return To!==p?{data:{index:G+1,overflows:et},reset:{placement:To}}:{}}}};var Lo=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:a,y:i,placement:l}=o,{mainAxis:c=!0,crossAxis:d=!1,limiter:p={fn:M=>{let{x:G,y:Z}=M;return{x:G,y:Z}}},...u}=Fe(e,o),x={x:a,y:i},v=await Eo(o,u),S=Me(ye(l)),R=vo(S),N=x[R],$=x[S];if(c){let M=R==="y"?"top":"left",G=R==="y"?"bottom":"right",Z=N+v[M],ot=N-v[G];N=Oo(Z,N,ot)}if(d){let M=S==="y"?"top":"left",G=S==="y"?"bottom":"right",Z=$+v[M],ot=$-v[G];$=Oo(Z,$,ot)}let T=p.fn({...o,[R]:N,[S]:$});return{...T,data:{x:T.x-a,y:T.y-i,enabled:{[R]:c,[S]:d}}}}}};var $o=Math.min,he=Math.max,$e=Math.round;var $t=e=>({x:e,y:e});function It(e){return Da(e)?(e.nodeName||"").toLowerCase():"#document"}function at(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function At(e){var o;return(o=(Da(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Da(e){return e instanceof Node||e instanceof at(e).Node}function Ot(e){return e instanceof Element||e instanceof at(e).Element}function ht(e){return e instanceof HTMLElement||e instanceof at(e).HTMLElement}function _a(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof at(e).ShadowRoot}function me(e){let{overflow:o,overflowX:a,overflowY:i,display:l}=ct(e);return/auto|scroll|overlay|hidden|clip/.test(o+i+a)&&!["inline","contents"].includes(l)}function Ua(e){return["table","td","th"].includes(It(e))}function Ke(e){let o=Ve(),a=ct(e);return a.transform!=="none"||a.perspective!=="none"||(a.containerType?a.containerType!=="normal":!1)||!o&&(a.backdropFilter?a.backdropFilter!=="none":!1)||!o&&(a.filter?a.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(a.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(a.contain||"").includes(i))}function Fa(e){let o=Yt(e);for(;ht(o)&&!Ie(o);){if(Ke(o))return o;o=Yt(o)}return null}function Ve(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function Ie(e){return["html","body","#document"].includes(It(e))}function ct(e){return at(e).getComputedStyle(e)}function Ae(e){return Ot(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Yt(e){if(It(e)==="html")return e;let o=e.assignedSlot||e.parentNode||_a(e)&&e.host||At(e);return _a(o)?o.host:o}function Ma(e){let o=Yt(e);return Ie(o)?e.ownerDocument?e.ownerDocument.body:e.body:ht(o)&&me(o)?o:Ma(o)}function Ze(e,o,a){var i;o===void 0&&(o=[]),a===void 0&&(a=!0);let l=Ma(e),c=l===((i=e.ownerDocument)==null?void 0:i.body),d=at(l);return c?o.concat(d,d.visualViewport||[],me(l)?l:[],d.frameElement&&a?Ze(d.frameElement):[]):o.concat(l,Ze(l,[],a))}function Va(e){let o=ct(e),a=parseFloat(o.width)||0,i=parseFloat(o.height)||0,l=ht(e),c=l?e.offsetWidth:a,d=l?e.offsetHeight:i,p=$e(a)!==c||$e(i)!==d;return p&&(a=c,i=d),{width:a,height:i,$:p}}function ja(e){return Ot(e)?e:e.contextElement}function be(e){let o=ja(e);if(!ht(o))return $t(1);let a=o.getBoundingClientRect(),{width:i,height:l,$:c}=Va(o),d=(c?$e(a.width):a.width)/i,p=(c?$e(a.height):a.height)/l;return(!d||!Number.isFinite(d))&&(d=1),(!p||!Number.isFinite(p))&&(p=1),{x:d,y:p}}var Pn=$t(0);function Ya(e){let o=at(e);return!Ve()||!o.visualViewport?Pn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Wn(e,o,a){return o===void 0&&(o=!1),!a||o&&a!==at(e)?!1:o}function Be(e,o,a,i){o===void 0&&(o=!1),a===void 0&&(a=!1);let l=e.getBoundingClientRect(),c=ja(e),d=$t(1);o&&(i?Ot(i)&&(d=be(i)):d=be(e));let p=Wn(c,a,i)?Ya(c):$t(0),u=(l.left+p.x)/d.x,x=(l.top+p.y)/d.y,v=l.width/d.x,S=l.height/d.y;if(c){let R=at(c),N=i&&Ot(i)?at(i):i,$=R.frameElement;for(;$&&i&&N!==R;){let T=be($),M=$.getBoundingClientRect(),G=ct($),Z=M.left+($.clientLeft+parseFloat(G.paddingLeft))*T.x,ot=M.top+($.clientTop+parseFloat(G.paddingTop))*T.y;u*=T.x,x*=T.y,v*=T.x,S*=T.y,u+=Z,x+=ot,$=at($).frameElement}}return jt({width:v,height:S,x:u,y:x})}function kn(e){let{rect:o,offsetParent:a,strategy:i}=e,l=ht(a),c=At(a);if(a===c)return o;let d={scrollLeft:0,scrollTop:0},p=$t(1),u=$t(0);if((l||!l&&i!=="fixed")&&((It(a)!=="body"||me(c))&&(d=Ae(a)),ht(a))){let x=Be(a);p=be(a),u.x=x.x+a.clientLeft,u.y=x.y+a.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-d.scrollLeft*p.x+u.x,y:o.y*p.y-d.scrollTop*p.y+u.y}}function Hn(e){return Array.from(e.getClientRects())}function Xa(e){return Be(At(e)).left+Ae(e).scrollLeft}function Tn(e){let o=At(e),a=Ae(e),i=e.ownerDocument.body,l=he(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),c=he(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),d=-a.scrollLeft+Xa(e),p=-a.scrollTop;return ct(i).direction==="rtl"&&(d+=he(o.clientWidth,i.clientWidth)-l),{width:l,height:c,x:d,y:p}}function Gn(e,o){let a=at(e),i=At(e),l=a.visualViewport,c=i.clientWidth,d=i.clientHeight,p=0,u=0;if(l){c=l.width,d=l.height;let x=Ve();(!x||x&&o==="fixed")&&(p=l.offsetLeft,u=l.offsetTop)}return{width:c,height:d,x:p,y:u}}function _n(e,o){let a=Be(e,!0,o==="fixed"),i=a.top+e.clientTop,l=a.left+e.clientLeft,c=ht(e)?be(e):$t(1),d=e.clientWidth*c.x,p=e.clientHeight*c.y,u=l*c.x,x=i*c.y;return{width:d,height:p,x:u,y:x}}function Za(e,o,a){let i;if(o==="viewport")i=Gn(e,a);else if(o==="document")i=Tn(At(e));else if(Ot(o))i=_n(o,a);else{let l=Ya(e);i={...o,x:o.x-l.x,y:o.y-l.y}}return jt(i)}function qa(e,o){let a=Yt(e);return a===o||!Ot(a)||Ie(a)?!1:ct(a).position==="fixed"||qa(a,o)}function Dn(e,o){let a=o.get(e);if(a)return a;let i=Ze(e,[],!1).filter(p=>Ot(p)&&It(p)!=="body"),l=null,c=ct(e).position==="fixed",d=c?Yt(e):e;for(;Ot(d)&&!Ie(d);){let p=ct(d),u=Ke(d);!u&&p.position==="fixed"&&(l=null),(c?!u&&!l:!u&&p.position==="static"&&!!l&&["absolute","fixed"].includes(l.position)||me(d)&&!u&&qa(e,d))?i=i.filter(v=>v!==d):l=p,d=Yt(d)}return o.set(e,i),i}function Un(e){let{element:o,boundary:a,rootBoundary:i,strategy:l}=e,d=[...a==="clippingAncestors"?Dn(o,this._c):[].concat(a),i],p=d[0],u=d.reduce((x,v)=>{let S=Za(o,v,l);return x.top=he(S.top,x.top),x.right=$o(S.right,x.right),x.bottom=$o(S.bottom,x.bottom),x.left=he(S.left,x.left),x},Za(o,p,l));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function Fn(e){return Va(e)}function Mn(e,o,a){let i=ht(o),l=At(o),c=a==="fixed",d=Be(e,!0,c,o),p={scrollLeft:0,scrollTop:0},u=$t(0);if(i||!i&&!c)if((It(o)!=="body"||me(l))&&(p=Ae(o)),i){let x=Be(o,!0,c,o);u.x=x.x+o.clientLeft,u.y=x.y+o.clientTop}else l&&(u.x=Xa(l));return{x:d.left+p.scrollLeft-u.x,y:d.top+p.scrollTop-u.y,width:d.width,height:d.height}}function Ka(e,o){return!ht(e)||ct(e).position==="fixed"?null:o?o(e):e.offsetParent}function Qa(e,o){let a=at(e);if(!ht(e))return a;let i=Ka(e,o);for(;i&&Ua(i)&&ct(i).position==="static";)i=Ka(i,o);return i&&(It(i)==="html"||It(i)==="body"&&ct(i).position==="static"&&!Ke(i))?a:i||Fa(e)||a}var Zn=async function(e){let{reference:o,floating:a,strategy:i}=e,l=this.getOffsetParent||Qa,c=this.getDimensions;return{reference:Mn(o,await l(a),i),floating:{x:0,y:0,...await c(a)}}};function Kn(e){return ct(e).direction==="rtl"}var je={convertOffsetParentRelativeRectToViewportRelativeRect:kn,getDocumentElement:At,getClippingRect:Un,getOffsetParent:Qa,getElementRects:Zn,getClientRects:Hn,getDimensions:Fn,getScale:be,isElement:Ot,isRTL:Kn};var Ja=(e,o,a)=>{let i=new Map,l={platform:je,...a},c={...l.platform,_c:i};return Ga(e,o,{...l,platform:c})};function tn(e){return Vn(e)}function Io(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function Vn(e){for(let o=e;o;o=Io(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=Io(e);o;o=Io(o)){if(!(o instanceof Element))continue;let a=getComputedStyle(o);if(a.display!=="contents"&&(a.position!=="static"||a.filter!=="none"||o.tagName==="BODY"))return o}return null}async function en(e,o,a){return Ja(e,o,{platform:{...je,getOffsetParent:i=>je.getOffsetParent(i,tn)},middleware:[Lo({crossAxis:!0}),Ro({allowedPlacements:[a]})]})}var nt=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},z=class extends Tt.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 Tt.Debouncer,this.revealDebouncer=new Tt.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return on.html`
|
|
789
|
+
<div part="container"
|
|
790
|
+
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
791
|
+
@mouseenter=${this.onHover}
|
|
792
|
+
@mouseleave=${this.onOut}
|
|
793
|
+
@focusin=${this.onHover}
|
|
794
|
+
@focusout=${this.onOut}
|
|
795
|
+
@touchstart=${this.onTouch}>
|
|
796
|
+
<slot part="slot" @click=${this.onClick}></slot>
|
|
797
|
+
<div part="tooltip" role="tooltip" inert
|
|
798
|
+
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
799
|
+
?hidden=${!this.visible}>
|
|
800
|
+
<div part="tooltip-content" class="ft-tooltip--content">
|
|
801
|
+
<slot name="text"></slot>
|
|
802
|
+
<ft-typography variant="caption" ?hidden=${!this.text}>${this.text}</ft-typography>
|
|
803
|
+
</div>
|
|
804
|
+
</div>
|
|
805
|
+
</div>
|
|
806
|
+
`}updated(o){o.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(o)}contentAvailableCallback(o){super.contentAvailableCallback(o),["visible","text"].some(a=>o.has(a))&&this.visible&&this.positionTooltip()}async show(o){this.visible=!0,o!=null&&await this.hideDebounce.run(()=>{this.hide()},o)}async showTemporaryText(o,a){let i=this.manual;this.manual=!0;let l=this.text;this.text=o,await this.show(a),this.text=l,this.manual=i}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var o;return((o=this.slotNodes)!==null&&o!==void 0?o:[]).filter(a=>a.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="",en(this.slottedElement,this.tooltip,this.position).then(({x:o,y:a})=>{this.tooltip&&(this.tooltip.style.left=`${o}px`,this.tooltip.style.top=`${a}px`)})),this.revealDebouncer.run(()=>{this.tooltipContent&&(this.tooltipContent.style.transition=`top ${Tt.designSystemVariables.transitionDuration}, left ${Tt.designSystemVariables.transitionDuration}`,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,a){return Math.max(o,Math.min(0,-a))}};z.elementDefinitions={"ft-typography":it};z.styles=Ia;nt([(0,K.property)()],z.prototype,"text",void 0);nt([(0,K.property)({type:Boolean})],z.prototype,"manual",void 0);nt([(0,K.property)({type:Boolean})],z.prototype,"inline",void 0);nt([(0,K.property)({type:Number})],z.prototype,"delay",void 0);nt([(0,K.property)()],z.prototype,"position",void 0);nt([(0,K.queryAssignedNodes)()],z.prototype,"slotNodes",void 0);nt([(0,K.query)(".ft-tooltip--container")],z.prototype,"container",void 0);nt([(0,K.query)(".ft-tooltip")],z.prototype,"tooltip",void 0);nt([(0,K.query)(".ft-tooltip--content")],z.prototype,"tooltipContent",void 0);nt([(0,K.state)()],z.prototype,"visible",void 0);nt([(0,K.eventOptions)({passive:!0})],z.prototype,"onTouch",null);nt([(0,K.eventOptions)({passive:!0})],z.prototype,"onHover",null);nt([(0,K.eventOptions)({passive:!0})],z.prototype,"onOut",null);nt([(0,K.eventOptions)({passive:!0})],z.prototype,"onClick",null);(0,rn.customElement)("ft-tooltip")(z);var ln=m(E());var an=m(W()),nn=m(E());var Xt=class extends nn.FtLitElement{render(){return an.html`
|
|
976
807
|
<div class="ft-loader">
|
|
977
808
|
<div></div>
|
|
978
809
|
<div></div>
|
|
979
810
|
<div></div>
|
|
980
811
|
<div></div>
|
|
981
812
|
</div>
|
|
982
|
-
`}};
|
|
813
|
+
`}};Xt.styles=Ca;(0,ln.customElement)("ft-loader")(Xt);var Gt=m(W()),Ao=m(Jt()),V=m(dt()),tt=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},P=class extends(0,_t.toFtFormComponent)(_t.FtLitElement){get buttonClasses(){return{}}get typographyVariant(){return""}constructor(){super(),this.href=void 0,this.target=void 0,this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.ariaLabel=null,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.activated=!1,this.addEventListener("click",o=>{var a;this.isDisabled()?(o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation()):this.type=="submit"&&((a=this.form)===null||a===void 0||a.requestSubmit())})}render(){var o,a,i;let l=Gt.html`
|
|
983
814
|
<ft-ripple part="ripple"
|
|
984
815
|
?disabled=${this.isDisabled()}
|
|
985
816
|
?activated=${this.activated}
|
|
@@ -987,39 +818,39 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
987
818
|
<ft-typography part="label"
|
|
988
819
|
variant=${this.typographyVariant}
|
|
989
820
|
element="span"
|
|
990
|
-
class="ft-button--label ${
|
|
821
|
+
class="ft-button--label ${_t.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
991
822
|
?hidden=${!this.hasTextContent()}>
|
|
992
823
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
993
824
|
</ft-typography>
|
|
994
825
|
${this.resolveIcon()}
|
|
995
|
-
`,c=this.href!=null&&this.href.trim().length>0?this.href:void 0;return this.addTooltipIfNeeded(c?
|
|
826
|
+
`,c=this.href!=null&&this.href.trim().length>0?this.href:void 0;return this.addTooltipIfNeeded(c?Gt.html`
|
|
996
827
|
<a href="${c}"
|
|
997
828
|
target="${(o=this.target)!==null&&o!==void 0?o:"_self"}"
|
|
998
829
|
part="button"
|
|
999
|
-
class="${(0,
|
|
830
|
+
class="${(0,Ao.classMap)(this.buttonClasses)}"
|
|
1000
831
|
aria-label="${(a=this.ariaLabel)!==null&&a!==void 0?a:this.getLabel()}"
|
|
1001
832
|
?disabled=${this.isDisabled()}>
|
|
1002
833
|
${l}
|
|
1003
834
|
</a>
|
|
1004
|
-
`:
|
|
835
|
+
`:Gt.html`
|
|
1005
836
|
<button part="button"
|
|
1006
|
-
class="${(0,
|
|
837
|
+
class="${(0,Ao.classMap)(this.buttonClasses)}"
|
|
1007
838
|
aria-label="${(i=this.ariaLabel)!==null&&i!==void 0?i:this.getLabel()}"
|
|
1008
839
|
?disabled=${this.isDisabled()}>
|
|
1009
840
|
${l}
|
|
1010
841
|
</button>
|
|
1011
|
-
`)}addTooltipIfNeeded(o){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?
|
|
842
|
+
`)}addTooltipIfNeeded(o){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?Gt.html`
|
|
1012
843
|
<ft-tooltip part="tooltip"
|
|
1013
844
|
text="${this.getLabel()}"
|
|
1014
845
|
position="${this.tooltipPosition}">
|
|
1015
846
|
${o}
|
|
1016
847
|
</ft-tooltip>
|
|
1017
|
-
`:o}resolveIcon(){return this.loading?
|
|
1018
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
848
|
+
`:o}resolveIcon(){return this.loading?Gt.html`
|
|
849
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?Gt.html`
|
|
1019
850
|
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
1020
|
-
`:
|
|
851
|
+
`:Gt.html`
|
|
1021
852
|
<slot part="icon" name="icon"></slot>
|
|
1022
|
-
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}focusWithoutTooltip(){var o;this.setTooltipManual(!0),(o=this.button)===null||o===void 0||o.focus(),this.setTooltipManual(!1)}showTemporaryTooltip(o,a){var i;return(i=this.tooltip)===null||i===void 0?void 0:i.showTemporaryText(o,a)}setTooltipManual(o){this.tooltip&&(this.tooltip.manual=o)}click(){var o;(o=this.button)===null||o===void 0||o.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,
|
|
853
|
+
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}focusWithoutTooltip(){var o;this.setTooltipManual(!0),(o=this.button)===null||o===void 0||o.focus(),this.setTooltipManual(!1)}showTemporaryTooltip(o,a){var i;return(i=this.tooltip)===null||i===void 0?void 0:i.showTemporaryText(o,a)}setTooltipManual(o){this.tooltip&&(this.tooltip.manual=o)}click(){var o;(o=this.button)===null||o===void 0||o.click()}getLabel(){return this.label||this.textContent}get textContent(){return(0,_t.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};P.elementDefinitions={"ft-ripple":k,"ft-tooltip":z,"ft-typography":it,"ft-icon":Q,"ft-loader":Xt};tt([(0,V.property)()],P.prototype,"href",void 0);tt([(0,V.property)()],P.prototype,"target",void 0);tt([(0,V.property)()],P.prototype,"type",void 0);tt([(0,V.property)({type:Boolean})],P.prototype,"disabled",void 0);tt([(0,V.property)()],P.prototype,"label",void 0);tt([(0,V.property)()],P.prototype,"icon",void 0);tt([(0,V.property)()],P.prototype,"iconVariant",void 0);tt([(0,V.property)({type:Boolean})],P.prototype,"trailingIcon",void 0);tt([(0,V.property)({type:Boolean})],P.prototype,"loading",void 0);tt([(0,V.property)({attribute:"aria-label"})],P.prototype,"ariaLabel",void 0);tt([(0,V.property)()],P.prototype,"tooltipPosition",void 0);tt([(0,V.property)({type:Boolean})],P.prototype,"hideTooltip",void 0);tt([(0,V.property)({type:Boolean})],P.prototype,"forceTooltip",void 0);tt([(0,V.property)({type:Boolean})],P.prototype,"activated",void 0);tt([(0,V.query)(".ft-button")],P.prototype,"button",void 0);tt([(0,V.query)(".ft-button--label slot")],P.prototype,"slottedContent",void 0);tt([(0,V.query)("[part=tooltip]")],P.prototype,"tooltip",void 0);var Ye=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},Bt=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"}};Bt.styles=[cn.safariEllipsisFix,Na];Ye([(0,ze.property)({type:Boolean})],Bt.prototype,"primary",void 0);Ye([(0,ze.property)({type:Boolean})],Bt.prototype,"outlined",void 0);Ye([(0,ze.property)({type:Boolean})],Bt.prototype,"dense",void 0);Ye([(0,ze.property)({type:Boolean})],Bt.prototype,"round",void 0);var Pe=m(dt());var Qe=m(E());var dn=m(W()),f=m(E());var Xe={...s,iconOnlyScale:f.FtCssVariableFactory.create("--ft-button-icon-only-scale","","NUMBER","1")},sn=[dn.css`
|
|
1023
854
|
:host {
|
|
1024
855
|
display: inline-block;
|
|
1025
856
|
max-width: 100%;
|
|
@@ -1102,13 +933,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1102
933
|
}
|
|
1103
934
|
|
|
1104
935
|
.ft-button.ft-button--icon-only ft-icon {
|
|
1105
|
-
transform: scale(${
|
|
936
|
+
transform: scale(${Xe.iconOnlyScale});
|
|
1106
937
|
}
|
|
1107
938
|
|
|
1108
939
|
/** Brand Primary styles **/
|
|
1109
940
|
|
|
1110
941
|
.ftds--family-brand.ft-button--primary {
|
|
1111
|
-
${(0,f.setVariable)(
|
|
942
|
+
${(0,f.setVariable)(B.color,s.primaryBrandIconColor)};
|
|
1112
943
|
|
|
1113
944
|
${(0,f.setVariable)(y.color,s.primaryBrandStateLayerColor)};
|
|
1114
945
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.primaryBrandHoverStateLayerOpacity)};
|
|
@@ -1132,7 +963,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1132
963
|
/** Brand Secondary styles **/
|
|
1133
964
|
|
|
1134
965
|
.ftds--family-brand.ft-button--secondary {
|
|
1135
|
-
${(0,f.setVariable)(
|
|
966
|
+
${(0,f.setVariable)(B.color,s.secondaryBrandIconColor)};
|
|
1136
967
|
|
|
1137
968
|
${(0,f.setVariable)(y.color,s.secondaryBrandStateLayerColor)};
|
|
1138
969
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.secondaryBrandHoverStateLayerOpacity)};
|
|
@@ -1157,7 +988,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1157
988
|
/** Brand Tertiary styles **/
|
|
1158
989
|
|
|
1159
990
|
.ftds--family-brand.ft-button--tertiary {
|
|
1160
|
-
${(0,f.setVariable)(
|
|
991
|
+
${(0,f.setVariable)(B.color,s.tertiaryBrandIconColor)};
|
|
1161
992
|
|
|
1162
993
|
${(0,f.setVariable)(y.color,s.tertiaryBrandStateLayerColor)};
|
|
1163
994
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.tertiaryBrandHoverStateLayerOpacity)};
|
|
@@ -1181,7 +1012,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1181
1012
|
/** Neutral Secondary styles **/
|
|
1182
1013
|
|
|
1183
1014
|
.ftds--family-neutral.ft-button--secondary {
|
|
1184
|
-
${(0,f.setVariable)(
|
|
1015
|
+
${(0,f.setVariable)(B.color,s.secondaryNeutralIconColor)};
|
|
1185
1016
|
|
|
1186
1017
|
${(0,f.setVariable)(y.backgroundColor,s.secondaryNeutralStateLayerColor)};
|
|
1187
1018
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.secondaryNeutralHoverStateLayerOpacity)};
|
|
@@ -1206,7 +1037,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1206
1037
|
/** Neutral Tertiary styles **/
|
|
1207
1038
|
|
|
1208
1039
|
.ftds--family-neutral.ft-button--tertiary {
|
|
1209
|
-
${(0,f.setVariable)(
|
|
1040
|
+
${(0,f.setVariable)(B.color,s.tertiaryNeutralIconColor)};
|
|
1210
1041
|
|
|
1211
1042
|
${(0,f.setVariable)(y.backgroundColor,s.tertiaryNeutralStateLayerColor)};
|
|
1212
1043
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.tertiaryNeutralHoverStateLayerOpacity)};
|
|
@@ -1230,7 +1061,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1230
1061
|
/** Info Secondary styles **/
|
|
1231
1062
|
|
|
1232
1063
|
.ftds--family-info.ft-button--secondary {
|
|
1233
|
-
${(0,f.setVariable)(
|
|
1064
|
+
${(0,f.setVariable)(B.color,s.secondaryInfoIconColor)};
|
|
1234
1065
|
|
|
1235
1066
|
${(0,f.setVariable)(y.backgroundColor,s.secondaryInfoStateLayerColor)};
|
|
1236
1067
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.secondaryInfoHoverStateLayerOpacity)};
|
|
@@ -1255,7 +1086,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1255
1086
|
/** Info Tertiary styles **/
|
|
1256
1087
|
|
|
1257
1088
|
.ftds--family-info.ft-button--tertiary {
|
|
1258
|
-
${(0,f.setVariable)(
|
|
1089
|
+
${(0,f.setVariable)(B.color,s.tertiaryInfoIconColor)};
|
|
1259
1090
|
|
|
1260
1091
|
${(0,f.setVariable)(y.backgroundColor,s.tertiaryInfoStateLayerColor)};
|
|
1261
1092
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.tertiaryInfoHoverStateLayerOpacity)};
|
|
@@ -1279,7 +1110,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1279
1110
|
/** Success Secondary styles **/
|
|
1280
1111
|
|
|
1281
1112
|
.ftds--family-success.ft-button--secondary {
|
|
1282
|
-
${(0,f.setVariable)(
|
|
1113
|
+
${(0,f.setVariable)(B.color,s.secondarySuccessIconColor)};
|
|
1283
1114
|
|
|
1284
1115
|
${(0,f.setVariable)(y.backgroundColor,s.secondarySuccessStateLayerColor)};
|
|
1285
1116
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.secondarySuccessHoverStateLayerOpacity)};
|
|
@@ -1304,7 +1135,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1304
1135
|
/** Success Tertiary styles **/
|
|
1305
1136
|
|
|
1306
1137
|
.ftds--family-success.ft-button--tertiary {
|
|
1307
|
-
${(0,f.setVariable)(
|
|
1138
|
+
${(0,f.setVariable)(B.color,s.tertiarySuccessIconColor)};
|
|
1308
1139
|
|
|
1309
1140
|
${(0,f.setVariable)(y.backgroundColor,s.tertiarySuccessStateLayerColor)};
|
|
1310
1141
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.tertiarySuccessHoverStateLayerOpacity)};
|
|
@@ -1328,7 +1159,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1328
1159
|
/** Warning Secondary styles **/
|
|
1329
1160
|
|
|
1330
1161
|
.ftds--family-warning.ft-button--secondary {
|
|
1331
|
-
${(0,f.setVariable)(
|
|
1162
|
+
${(0,f.setVariable)(B.color,s.secondaryWarningIconColor)};
|
|
1332
1163
|
|
|
1333
1164
|
${(0,f.setVariable)(y.backgroundColor,s.secondaryWarningStateLayerColor)};
|
|
1334
1165
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.secondaryWarningHoverStateLayerOpacity)};
|
|
@@ -1353,7 +1184,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1353
1184
|
/** Warning Tertiary styles **/
|
|
1354
1185
|
|
|
1355
1186
|
.ftds--family-warning.ft-button--tertiary {
|
|
1356
|
-
${(0,f.setVariable)(
|
|
1187
|
+
${(0,f.setVariable)(B.color,s.tertiaryWarningIconColor)};
|
|
1357
1188
|
|
|
1358
1189
|
${(0,f.setVariable)(y.backgroundColor,s.tertiaryWarningStateLayerColor)};
|
|
1359
1190
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.tertiaryWarningHoverStateLayerOpacity)};
|
|
@@ -1377,7 +1208,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1377
1208
|
/** Error Secondary styles **/
|
|
1378
1209
|
|
|
1379
1210
|
.ftds--family-error.ft-button--secondary {
|
|
1380
|
-
${(0,f.setVariable)(
|
|
1211
|
+
${(0,f.setVariable)(B.color,s.secondaryErrorIconColor)};
|
|
1381
1212
|
|
|
1382
1213
|
${(0,f.setVariable)(y.backgroundColor,s.secondaryErrorStateLayerColor)};
|
|
1383
1214
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.secondaryErrorHoverStateLayerOpacity)};
|
|
@@ -1402,7 +1233,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1402
1233
|
/** Error Tertiary styles **/
|
|
1403
1234
|
|
|
1404
1235
|
.ftds--family-error.ft-button--tertiary {
|
|
1405
|
-
${(0,f.setVariable)(
|
|
1236
|
+
${(0,f.setVariable)(B.color,s.tertiaryErrorIconColor)};
|
|
1406
1237
|
|
|
1407
1238
|
${(0,f.setVariable)(y.backgroundColor,s.tertiaryErrorStateLayerColor)};
|
|
1408
1239
|
${(0,f.setVariable)(y.opacityContentOnSurfaceHover,s.tertiaryErrorHoverStateLayerOpacity)};
|
|
@@ -1426,8 +1257,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1426
1257
|
/** Large styles **/
|
|
1427
1258
|
|
|
1428
1259
|
.ftds--size-large {
|
|
1429
|
-
${(0,f.setVariable)(
|
|
1430
|
-
${(0,f.setVariable)(
|
|
1260
|
+
${(0,f.setVariable)(q.size,s.largeIconSize)};
|
|
1261
|
+
${(0,f.setVariable)(B.size,s.largeIconSize)};
|
|
1431
1262
|
|
|
1432
1263
|
height: ${s.largeHeight};
|
|
1433
1264
|
padding: 0 ${s.largeHorizontalPadding};
|
|
@@ -1448,8 +1279,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1448
1279
|
/** Small styles **/
|
|
1449
1280
|
|
|
1450
1281
|
.ftds--size-medium {
|
|
1451
|
-
${(0,f.setVariable)(
|
|
1452
|
-
${(0,f.setVariable)(
|
|
1282
|
+
${(0,f.setVariable)(q.size,s.mediumIconSize)};
|
|
1283
|
+
${(0,f.setVariable)(B.size,s.mediumIconSize)};
|
|
1453
1284
|
|
|
1454
1285
|
height: ${s.mediumHeight};
|
|
1455
1286
|
padding: 0 ${s.mediumHorizontalPadding};
|
|
@@ -1471,8 +1302,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1471
1302
|
/** Small styles **/
|
|
1472
1303
|
|
|
1473
1304
|
.ftds--size-small {
|
|
1474
|
-
${(0,f.setVariable)(
|
|
1475
|
-
${(0,f.setVariable)(
|
|
1305
|
+
${(0,f.setVariable)(q.size,s.smallIconSize)};
|
|
1306
|
+
${(0,f.setVariable)(B.size,s.smallIconSize)};
|
|
1476
1307
|
|
|
1477
1308
|
height: ${s.smallHeight};
|
|
1478
1309
|
padding: 0 ${s.smallHorizontalPadding};
|
|
@@ -1489,12 +1320,182 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1489
1320
|
.ftds--size-small.ft-button--icon-only {
|
|
1490
1321
|
width: ${s.smallIconOnlyWidth};
|
|
1491
1322
|
}
|
|
1492
|
-
`,f.noTextSelect];var
|
|
1493
|
-
|
|
1323
|
+
`,f.noTextSelect];var qe=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},mt=class extends(0,Qe.toFtdsBase)(P){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Ge.brand,this.iconVariant=lt.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case re.large:return St.body2medium;case re.medium:return St.caption1medium;case re.small:return St.caption2medium}}};mt.styles=[Qe.safariEllipsisFix,sn];qe([(0,Pe.property)({type:Boolean})],mt.prototype,"primary",void 0);qe([(0,Pe.property)({type:Boolean})],mt.prototype,"secondary",void 0);qe([(0,Pe.property)({type:Boolean})],mt.prototype,"tertiary",void 0);qe([(0,Pe.property)({type:Boolean})],mt.prototype,"round",void 0);(0,Bo.customElement)("ft-button")(Bt);(0,Bo.customElement)("ftds-button")(mt);var Wo=g.FtCssVariableFactory.create("--ftds-base-input-border-radius","","SIZE",g.textInput.borderRadius),zo=g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-right","",Wo),Po=g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-left","",Wo),C={defaultInputFontSize:g.FtCssVariableFactory.create("--ftds-base-input-default-input-font-size","","SIZE",g.typographyBody2Medium.fontSize),defaultInputLineHeight:g.FtCssVariableFactory.create("--ftds-base-input-default-input-line-height","","NUMBER",g.typographyBody2Medium.lineHeight),labelColor:g.FtCssVariableFactory.create("--ftds-base-input-label-color","","COLOR",g.textInput.labelColor),largeFieldHeight:g.FtCssVariableFactory.create("--ftds-base-input-large-field-height","","SIZE",g.textInput.largeFieldHeight),largeFieldVerticalGap:g.FtCssVariableFactory.create("--ftds-base-input-large-field-vertical-gap","","SIZE",g.textInput.largeFieldVerticalGap),largeFieldHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-large-field-horizontal-gap","","SIZE",g.textInput.largeFieldHorizontalGap),largeFieldHorizontalPadding:g.FtCssVariableFactory.create("--ftds-base-input-large-field-horizontal-padding","","SIZE",g.textInput.largeFieldHorizontalPadding),largeFieldIconSize:g.FtCssVariableFactory.create("--ftds-base-input-large-icon-size","","SIZE",g.textInput.largeFieldIconSize),mediumFieldHeight:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-height","","SIZE",g.textInput.mediumFieldHeight),mediumFieldVerticalGap:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-vertical-gap","","SIZE",g.textInput.mediumFieldVerticalGap),mediumFieldHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-horizontal-gap","","SIZE",g.textInput.mediumFieldHorizontalGap),mediumFieldHorizontalPadding:g.FtCssVariableFactory.create("--ftds-base-input-medium-field-horizontal-padding","","SIZE",g.textInput.mediumFieldHorizontalPadding),mediumFieldIconSize:g.FtCssVariableFactory.create("--ftds-base-input-medium-icon-size","","SIZE",g.textInput.mediumFieldIconSize),disabledComponentOpacity:g.FtCssVariableFactory.create("--ftds-base-input-disabled-component-opacity","","NUMBER",g.textInput.disabledComponentOpacity),defaultBorderWidth:g.FtCssVariableFactory.create("--ftds-base-input-default-border-width","","SIZE",g.textInput.defaultBorderWidth),defaultBorderColor:g.FtCssVariableFactory.create("--ftds-base-input-default-border-color","","COLOR",g.textInput.defaultBorderColor),errorBorderWidth:g.FtCssVariableFactory.create("--ftds-base-input-error-border-width","","SIZE",g.textInput.errorBorderWidth),errorBorderColor:g.FtCssVariableFactory.create("--ftds-base-input-error-border-color","","COLOR",g.textInput.errorBorderColor),warningBorderWidth:g.FtCssVariableFactory.create("--ftds-base-input-warning-border-width","","SIZE",g.textInput.warningBorderWidth),warningBorderColor:g.FtCssVariableFactory.create("--ftds-base-input-warning-border-color","","COLOR",g.textInput.warningBorderColor),borderRadius:Wo,borderRadiusRight:zo,borderRadiusLeft:Po,borderRadiusTopRight:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-top-right","",zo),borderRadiusBottomRight:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-bottom-right","",zo),borderRadiusTopLeft:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-top-left","",Po),borderRadiusBottomLeft:g.FtCssVariableFactory.extend("--ftds-base-input-border-radius-bottom-left","",Po),focusOutlineOffset:g.FtCssVariableFactory.create("--ftds-base-input-focus-outline-offset","","SIZE",g.textInput.focusOutlineOffset),focusOutlineWidth:g.FtCssVariableFactory.create("--ftds-base-input-focus-outline-width","","SIZE",g.textInput.focusOutlineWidth),focusFocusRingColor:g.FtCssVariableFactory.create("--ftds-base-input-focus-ring-color","","COLOR",g.textInput.focusFocusRingColor),appendIconColor:g.FtCssVariableFactory.create("--ftds-base-input-append-icon-color","","COLOR",g.textInput.trailingIconColor),prependIconColor:g.FtCssVariableFactory.create("--ftds-base-input-prepend-icon-color","","COLOR",g.textInput.trailingIconColor),appendIconScale:g.FtCssVariableFactory.create("--ftds-base-input-append-icon-scale","","NUMBER","1.5"),prependIconScale:g.FtCssVariableFactory.create("--ftds-base-input-prepend-icon-scale","","NUMBER","1.5"),helperHorizontalPadding:g.FtCssVariableFactory.create("--ftds-base-input-helper-horizontal-padding","","COLOR",g.textInput.helperHorizontalPadding),helperHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-helper-horizontal-gap","","COLOR",g.textInput.helperHorizontalGap),helperIconSize:g.FtCssVariableFactory.create("--ftds-base-input-helper-icon-size","","COLOR",g.textInput.helperIconSize),helperIconHorizontalGap:g.FtCssVariableFactory.create("--ftds-base-input-helper-horizontal-gap","","COLOR",g.textInput.helperHorizontalGap),defaultHelperTextColor:g.FtCssVariableFactory.create("--ftds-base-input-helper-default-helper-text","","COLOR",g.textInput.defaultHelperTextColor),errorHelperIconColor:g.FtCssVariableFactory.create("--ftds-base-input-helper-error-helper-icon-color","","COLOR",g.textInput.errorHelperIconColor),warningHelperIconColor:g.FtCssVariableFactory.create("--ftds-base-input-helper-warning-helper-icon-color","","COLOR",g.textInput.warningHelperIconColor)},pn=Je.css`
|
|
1324
|
+
|
|
1325
|
+
*:focus {
|
|
1326
|
+
outline: none;
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1329
|
+
slot::slotted(*) {
|
|
1330
|
+
width: 100%;
|
|
1331
|
+
height: 100%;
|
|
1332
|
+
box-sizing: border-box;
|
|
1333
|
+
border: none;
|
|
1334
|
+
padding: 0;
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1337
|
+
slot::slotted(*:focus) {
|
|
1338
|
+
outline: none;
|
|
1339
|
+
}
|
|
1340
|
+
|
|
1341
|
+
slot:not([name])::slotted(*) { /* all elements inside of the default slot, in which will be the actual input */
|
|
1342
|
+
font-size: ${C.defaultInputFontSize};
|
|
1343
|
+
line-height: ${C.defaultInputLineHeight};
|
|
1344
|
+
}
|
|
1345
|
+
|
|
1346
|
+
.ftds-input {
|
|
1347
|
+
display: flex;
|
|
1348
|
+
width: 100%;
|
|
1349
|
+
flex-direction: column;
|
|
1350
|
+
align-items: stretch;
|
|
1351
|
+
position: relative;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
.ftds-input.ftds--size-large {
|
|
1355
|
+
--field-height: ${C.largeFieldHeight};
|
|
1356
|
+
--field-vertical-gap: ${C.largeFieldVerticalGap};
|
|
1357
|
+
--field-horizontal-gap: ${C.largeFieldHorizontalGap};
|
|
1358
|
+
--field-horizontal-padding: ${C.largeFieldHorizontalPadding};
|
|
1359
|
+
--icon-size: ${C.largeFieldIconSize};
|
|
1360
|
+
}
|
|
1361
|
+
|
|
1362
|
+
.ftds-input.ftds--size-medium {
|
|
1363
|
+
--field-height: ${C.mediumFieldHeight};
|
|
1364
|
+
--field-vertical-gap: ${C.mediumFieldVerticalGap};
|
|
1365
|
+
--field-horizontal-gap: ${C.mediumFieldHorizontalGap};
|
|
1366
|
+
--field-horizontal-padding: ${C.mediumFieldHorizontalPadding};
|
|
1367
|
+
--icon-size: ${C.mediumFieldIconSize};
|
|
1368
|
+
}
|
|
1369
|
+
|
|
1370
|
+
.ftds-input.disabled {
|
|
1371
|
+
opacity: ${C.disabledComponentOpacity};
|
|
1372
|
+
}
|
|
1373
|
+
|
|
1374
|
+
.inside-structure {
|
|
1375
|
+
width: 100%;
|
|
1376
|
+
box-sizing: border-box;
|
|
1377
|
+
height: var(--field-height);
|
|
1378
|
+
font-size: ${C.defaultInputFontSize};
|
|
1379
|
+
line-height: ${C.defaultInputLineHeight};
|
|
1380
|
+
border: ${C.defaultBorderWidth} solid ${C.defaultBorderColor};
|
|
1381
|
+
border-top-left-radius: ${C.borderRadiusTopLeft};
|
|
1382
|
+
border-bottom-left-radius: ${C.borderRadiusBottomLeft};
|
|
1383
|
+
border-top-right-radius: ${C.borderRadiusTopRight};
|
|
1384
|
+
border-bottom-right-radius: ${C.borderRadiusBottomRight};
|
|
1385
|
+
--current-border-width: ${C.defaultBorderWidth};
|
|
1386
|
+
outline-offset: calc(${C.focusOutlineOffset} - ${C.defaultBorderWidth});
|
|
1387
|
+
|
|
1388
|
+
--typo-caption-height: calc(${g.typographyCaption2Medium.lineHeight} * ${g.typographyCaption2Medium.fontSize});
|
|
1389
|
+
--typo-body-height: calc(${C.defaultInputLineHeight} * ${C.defaultInputFontSize});
|
|
1390
|
+
--caption-label-and-value-combined-height: calc(var(--field-vertical-gap) + var(--typo-caption-height) + var(--typo-body-height));
|
|
1391
|
+
|
|
1392
|
+
--input-content-vertical-padding: calc((var(--field-height) - var(--caption-label-and-value-combined-height)) / 2);
|
|
1393
|
+
--value-padding-bottom: calc(var(--input-content-vertical-padding) - var(--current-border-width));
|
|
1394
|
+
--value-padding-top: calc(var(--input-content-vertical-padding) + var(--field-vertical-gap) + var(--typo-caption-height) - var(--current-border-width));
|
|
1395
|
+
padding: var(--value-padding-top) var(--field-horizontal-padding) var(--value-padding-bottom);
|
|
1396
|
+
}
|
|
1397
|
+
|
|
1398
|
+
.ftds-input.no-label .inside-structure {
|
|
1399
|
+
--value-padding-bottom: calc(((var(--field-height) - var(--typo-body-height)) / 2) - var(--current-border-width));
|
|
1400
|
+
--value-padding-top: calc(((var(--field-height) - var(--typo-body-height)) / 2) - var(--current-border-width));
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
.ftds-input.with-prepend-icon .inside-structure {
|
|
1404
|
+
padding-left: calc(var(--icon-size) + var(--field-horizontal-padding) + var(--field-horizontal-gap));
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.ftds-input.with-append-icon .inside-structure {
|
|
1408
|
+
padding-right: calc(var(--icon-size) + var(--field-horizontal-padding) + var(--field-horizontal-gap));
|
|
1409
|
+
}
|
|
1410
|
+
|
|
1411
|
+
.ftds-input.error .inside-structure {
|
|
1412
|
+
border: ${C.errorBorderWidth} solid ${C.errorBorderColor};
|
|
1413
|
+
--current-border-width: ${C.errorBorderWidth};
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
.ftds-input.warning .inside-structure {
|
|
1417
|
+
border: ${C.warningBorderWidth} solid ${C.warningBorderColor};
|
|
1418
|
+
--current-border-width: ${C.warningBorderWidth};
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
.ftds-input.focused .inside-structure {
|
|
1422
|
+
outline: ${C.focusOutlineWidth} solid ${C.focusFocusRingColor};
|
|
1423
|
+
}
|
|
1424
|
+
|
|
1425
|
+
.inside-structure .inside-structure--icon {
|
|
1426
|
+
position: absolute;
|
|
1427
|
+
top: calc((var(--field-height) - var(--icon-size)) / 2);
|
|
1428
|
+
height: var(--icon-size);
|
|
1429
|
+
display: flex;
|
|
1430
|
+
align-items: center;
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1433
|
+
.inside-structure .inside-structure--icon.append {
|
|
1434
|
+
right: var(--field-horizontal-padding);
|
|
1435
|
+
color: ${C.appendIconColor};
|
|
1436
|
+
}
|
|
1437
|
+
|
|
1438
|
+
.inside-structure .inside-structure--icon.append ftds-button {
|
|
1439
|
+
${Xe.iconOnlyScale.set(C.appendIconScale)};
|
|
1440
|
+
}
|
|
1441
|
+
|
|
1442
|
+
.inside-structure .inside-structure--icon.prepend {
|
|
1443
|
+
left: var(--field-horizontal-padding);
|
|
1444
|
+
color: ${C.prependIconColor};
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1447
|
+
.inside-structure .inside-structure--icon.prepend ftds-button {
|
|
1448
|
+
${Xe.iconOnlyScale.set(C.prependIconScale)};
|
|
1449
|
+
}
|
|
1450
|
+
|
|
1451
|
+
.inside-structure .inside-structure--icon.append button {
|
|
1452
|
+
color: ${C.appendIconColor};
|
|
1453
|
+
}
|
|
1454
|
+
|
|
1455
|
+
.inside-structure .inside-structure--icon.prepend button {
|
|
1456
|
+
color: ${C.prependIconColor};
|
|
1457
|
+
}
|
|
1458
|
+
|
|
1459
|
+
.inside-structure .inside-structure--icon button {
|
|
1460
|
+
border: none;
|
|
1461
|
+
padding: 0;
|
|
1462
|
+
background: none;
|
|
1463
|
+
cursor: pointer;
|
|
1464
|
+
}
|
|
1465
|
+
|
|
1466
|
+
.inside-structure .inside-structure--icon button:focus-visible {
|
|
1467
|
+
outline: ${C.focusOutlineWidth} solid ${C.focusFocusRingColor};
|
|
1468
|
+
border-radius: ${C.borderRadius};
|
|
1469
|
+
}
|
|
1470
|
+
|
|
1471
|
+
ftds-input-label {
|
|
1472
|
+
${D.color.set(C.labelColor)};
|
|
1473
|
+
}
|
|
1474
|
+
|
|
1475
|
+
.ftds-input.with-prepend-icon ftds-input-label {
|
|
1476
|
+
${D.additionalPaddingLeft.set(Je.css`calc(var(--icon-size) + var(--field-horizontal-gap))`)};
|
|
1477
|
+
}
|
|
1478
|
+
|
|
1479
|
+
.ftds-input.with-append-icon ftds-input-label {
|
|
1480
|
+
${D.additionalPaddingRight.set(Je.css`calc(var(--icon-size) + var(--field-horizontal-gap))`)};
|
|
1481
|
+
}
|
|
1482
|
+
|
|
1483
|
+
ftds-input-helper-text {
|
|
1484
|
+
margin-top: ${C.helperHorizontalGap};
|
|
1485
|
+
padding-left: ${C.helperHorizontalPadding};
|
|
1486
|
+
${yt.iconSize.set(C.helperIconSize)};
|
|
1487
|
+
${yt.iconHorizontalGap.set(C.helperIconHorizontalGap)};
|
|
1488
|
+
${yt.color.set(C.defaultHelperTextColor)};
|
|
1489
|
+
${yt.errorColor.set(C.errorHelperIconColor)};
|
|
1490
|
+
${yt.warningColor.set(C.warningHelperIconColor)};
|
|
1491
|
+
}
|
|
1492
|
+
|
|
1493
|
+
`;var j=function(e,o,a,i){var l=arguments.length,c=l<3?o:i===null?i=Object.getOwnPropertyDescriptor(o,a):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(e,o,a,i);else for(var p=e.length-1;p>=0;p--)(d=e[p])&&(c=(l<3?d(c):l>3?d(o,a,c):d(o,a))||c);return l>3&&c&&Object.defineProperty(o,a,c),c},A=class extends ft.FtdsBase{constructor(){super(...arguments),this.status=ft.Status.default,this.disabled=!1,this.label="",this.hideLabel=!1,this.raiseLabel=!1,this.appendIconVariant=lt.fluid_topics,this.appendIconIsClickable=!1,this.prependIconVariant=lt.fluid_topics,this.prependIconIsClickable=!1,this.errorMessages=[],this.warningMessages=[],this.hasFocus=!1}setFocusState(o){this.hasFocus=o,this.toggleAttribute("focused",o)}focusSlottedInput(){let a=this.mainSlot.assignedElements({flatten:!0}).find(i=>i instanceof HTMLInputElement||i instanceof HTMLTextAreaElement||i instanceof HTMLSelectElement);a?.focus()}get shouldShowLabel(){return!this.hideLabel&&this.label}get iconSize(){switch(this.size){case ft.DesignSystemSize.large:return ft.DesignSystemSize.medium;case ft.DesignSystemSize.medium:return ft.DesignSystemSize.small;default:return ft.DesignSystemSize.medium}}render(){let o={"ftds-input":!0,disabled:this.disabled,"no-label":!this.shouldShowLabel,focused:this.hasFocus,"with-prepend-icon":!!this.prependIcon,"with-append-icon":!!this.appendIcon,[this.status]:!0,...this.getDesignSystemBaseClasses()};return qt.html`
|
|
1494
|
+
<div class="${(0,fn.classMap)(o)}">
|
|
1494
1495
|
|
|
1495
1496
|
<div class="inside-structure" @click=${()=>this.focusSlottedInput()}>
|
|
1496
1497
|
<slot part="label" name="label">
|
|
1497
|
-
${
|
|
1498
|
+
${Dt(this.shouldShowLabel,()=>qt.html`
|
|
1498
1499
|
<ftds-input-label
|
|
1499
1500
|
aria-hidden="true"
|
|
1500
1501
|
text="${this.label}"
|
|
@@ -1530,7 +1531,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1530
1531
|
</slot>
|
|
1531
1532
|
|
|
1532
1533
|
</div>
|
|
1533
|
-
`}renderIcon(o){let a=o==="append"?this.appendIcon:this.prependIcon,i=o==="append"?this.appendIconVariant:this.prependIconVariant,l=o==="append"?"append-icon-click":"prepend-icon-click",c=o==="append"?this.appendIconIsClickable:this.prependIconIsClickable,d=o==="append"?this.appendIconLabel:this.prependIconLabel;return!a||a===!0?
|
|
1534
|
+
`}renderIcon(o){let a=o==="append"?this.appendIcon:this.prependIcon,i=o==="append"?this.appendIconVariant:this.prependIconVariant,l=o==="append"?"append-icon-click":"prepend-icon-click",c=o==="append"?this.appendIconIsClickable:this.prependIconIsClickable,d=o==="append"?this.appendIconLabel:this.prependIconLabel;return!a||a===!0?qt.nothing:c?qt.html`
|
|
1534
1535
|
<ftds-button
|
|
1535
1536
|
.label=${d}
|
|
1536
1537
|
.icon=${a}
|
|
@@ -1541,8 +1542,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1541
1542
|
@click=${p=>{p.stopPropagation(),this.dispatchEvent(new CustomEvent(l,p))}}
|
|
1542
1543
|
>
|
|
1543
1544
|
</ftds-button>
|
|
1544
|
-
`:
|
|
1545
|
-
<ft-icon aria-label="${
|
|
1545
|
+
`:qt.html`
|
|
1546
|
+
<ft-icon aria-label="${rr(d)}" aria-hidden="${!!d}" .value=${a}></ft-icon>`}};A.elementDefinitions={"ftds-input-helper-text":pt,"ftds-input-label":Kt,"ft-icon":Q,"ftds-button":mt,"ft-tooltip":z};A.styles=[pn];j([(0,H.property)()],A.prototype,"status",void 0);j([(0,H.property)({type:Boolean})],A.prototype,"disabled",void 0);j([(0,H.property)()],A.prototype,"label",void 0);j([(0,H.property)({type:Boolean})],A.prototype,"hideLabel",void 0);j([(0,H.property)({type:Boolean})],A.prototype,"raiseLabel",void 0);j([(0,H.property)()],A.prototype,"helperText",void 0);j([(0,H.property)()],A.prototype,"appendIcon",void 0);j([(0,H.property)()],A.prototype,"appendIconVariant",void 0);j([(0,H.property)()],A.prototype,"appendIconLabel",void 0);j([(0,H.property)({type:Boolean})],A.prototype,"appendIconIsClickable",void 0);j([(0,H.property)()],A.prototype,"prependIcon",void 0);j([(0,H.property)()],A.prototype,"prependIconVariant",void 0);j([(0,H.property)()],A.prototype,"prependIconLabel",void 0);j([(0,H.property)({type:Boolean})],A.prototype,"prependIconIsClickable",void 0);j([(0,H.state)()],A.prototype,"errorMessages",void 0);j([(0,H.state)()],A.prototype,"warningMessages",void 0);j([(0,H.state)()],A.prototype,"hasFocus",void 0);j([(0,H.query)(".ft-base-input")],A.prototype,"container",void 0);j([(0,H.query)("slot:not([name])")],A.prototype,"mainSlot",void 0);(0,un.customElement)("ftds-base-input")(A);})();
|
|
1546
1547
|
/*! Bundled license information:
|
|
1547
1548
|
|
|
1548
1549
|
lit-html/directives/when.js:
|