@fluid-topics/ft-tooltip 1.1.8 → 1.1.10
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-tooltip.css.js
CHANGED
package/build/ft-tooltip.js
CHANGED
|
@@ -9,7 +9,8 @@ import { eventOptions, property, query, queryAssignedNodes, state } from "lit/de
|
|
|
9
9
|
import { Debouncer, FtLitElement } from "@fluid-topics/ft-wc-utils";
|
|
10
10
|
import { FtTypography } from "@fluid-topics/ft-typography";
|
|
11
11
|
import { styles } from "./ft-tooltip.css";
|
|
12
|
-
import { autoPlacement, computePosition, shift } from "@floating-ui/dom";
|
|
12
|
+
import { autoPlacement, computePosition, platform, shift } from "@floating-ui/dom";
|
|
13
|
+
import { offsetParent } from "composed-offset-position";
|
|
13
14
|
class FtTooltip extends FtLitElement {
|
|
14
15
|
constructor() {
|
|
15
16
|
super(...arguments);
|
|
@@ -35,7 +36,7 @@ class FtTooltip extends FtLitElement {
|
|
|
35
36
|
@focusin=${this.onHover}
|
|
36
37
|
@focusout=${this.onOut}
|
|
37
38
|
@touchstart=${this.onTouch}>
|
|
38
|
-
<slot></slot>
|
|
39
|
+
<slot part="slot"></slot>
|
|
39
40
|
<div part="tooltip" role="tooltip" inert
|
|
40
41
|
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
41
42
|
?hidden=${!this.visible}>
|
|
@@ -105,6 +106,12 @@ class FtTooltip extends FtLitElement {
|
|
|
105
106
|
this.tooltip.style.left = "";
|
|
106
107
|
this.tooltip.style.top = "";
|
|
107
108
|
computePosition(this.slottedElement, this.tooltip, {
|
|
109
|
+
platform: {
|
|
110
|
+
...platform,
|
|
111
|
+
getOffsetParent: (element) => {
|
|
112
|
+
return platform.getOffsetParent(element, offsetParent);
|
|
113
|
+
},
|
|
114
|
+
},
|
|
108
115
|
middleware: [
|
|
109
116
|
shift({ crossAxis: true }),
|
|
110
117
|
autoPlacement({ allowedPlacements: [this.position] })
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
const a=globalThis,n=a.trustedTypes,i=n?n.createPolicy("lit-html",{createHTML:t=>t}):void 0,l="$lit$",c=`lit$${(Math.random()+"").slice(9)}$`,f="?"+c,p=`<${f}>`,s=document,y=()=>s.createComment(""),g=t=>null===t||"object"!=typeof t&&"function"!=typeof t,
|
|
7
|
+
const a=globalThis,n=a.trustedTypes,i=n?n.createPolicy("lit-html",{createHTML:t=>t}):void 0,l="$lit$",c=`lit$${(Math.random()+"").slice(9)}$`,f="?"+c,p=`<${f}>`,s=document,y=()=>s.createComment(""),g=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,h="[ \t\n\f\r]",b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,u=/-->/g,m=/>/g,O=RegExp(`>|${h}(?:([^\\s"'>=/]+)(${h}*=${h}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),N=/'/g,S=/"/g,x=/^(?:script|style|textarea|title)$/i,C=(t=>(o,...e)=>({_$litType$:t,strings:o,values:e}))(1),w=Symbol.for("lit-noChange"),v=Symbol.for("lit-nothing"),I=new WeakMap,R=s.createTreeWalker(s,129);function U(t,o){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(o):o}const W=(t,o)=>{const e=t.length-1,r=[];let a,n=2===o?"<svg>":"",i=b;for(let o=0;o<e;o++){const e=t[o];let f,s,y=-1,g=0;for(;g<e.length&&(i.lastIndex=g,s=i.exec(e),null!==s);)g=i.lastIndex,i===b?"!--"===s[1]?i=u:void 0!==s[1]?i=m:void 0!==s[2]?(x.test(s[2])&&(a=RegExp("</"+s[2],"g")),i=O):void 0!==s[3]&&(i=O):i===O?">"===s[0]?(i=a??b,y=-1):void 0===s[1]?y=-2:(y=i.lastIndex-s[2].length,f=s[1],i=void 0===s[3]?O:'"'===s[3]?S:N):i===S||i===N?i=O:i===u||i===m?i=b:(i=O,a=void 0);const d=i===O&&t[o+1].startsWith("/>")?" ":"";n+=i===b?e+p:y>=0?(r.push(f),e.slice(0,y)+l+e.slice(y)+c+d):e+c+(-2===y?o:d)}return[U(t,n+(t[e]||"<?>")+(2===o?"</svg>":"")),r]};class E{constructor({strings:t,_$litType$:o},e){let r;this.parts=[];let a=0,i=0;const p=t.length-1,s=this.parts,[g,d]=W(t,o);if(this.el=E.createElement(g,e),R.currentNode=this.el.content,2===o){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=R.nextNode())&&s.length<p;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(l)){const o=d[i++],e=r.getAttribute(t).split(c),n=/([.?@])?(.*)/.exec(o);s.push({type:1,index:a,name:n[2],strings:e,ctor:"."===n[1]?k:"?"===n[1]?z:"@"===n[1]?F:Z}),r.removeAttribute(t)}else t.startsWith(c)&&(s.push({type:6,index:a}),r.removeAttribute(t));if(x.test(r.tagName)){const t=r.textContent.split(c),o=t.length-1;if(o>0){r.textContent=n?n.emptyScript:"";for(let e=0;e<o;e++)r.append(t[e],y()),R.nextNode(),s.push({type:2,index:++a});r.append(t[o],y())}}}else if(8===r.nodeType)if(r.data===f)s.push({type:2,index:a});else{let t=-1;for(;-1!==(t=r.data.indexOf(c,t+1));)s.push({type:7,index:a}),t+=c.length-1}a++}}static createElement(t,o){const e=s.createElement("template");return e.innerHTML=t,e}}function L(t,o,e=t,r){if(o===w)return o;let a=void 0!==r?e._$Co?.[r]:e._$Cl;const n=g(o)?void 0:o._$litDirective$;return a?.constructor!==n&&(a?._$AO?.(!1),void 0===n?a=void 0:(a=new n(t),a._$AT(t,e,r)),void 0!==r?(e._$Co??=[])[r]=a:e._$Cl=a),void 0!==a&&(o=L(t,a._$AS(t,o.values),a,r)),o}class ${constructor(t,o){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=o}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:o},parts:e}=this._$AD,r=(t?.creationScope??s).importNode(o,!0);R.currentNode=r;let a=R.nextNode(),n=0,i=0,l=e[0];for(;void 0!==l;){if(n===l.index){let o;2===l.type?o=new K(a,a.nextSibling,this,t):1===l.type?o=new l.ctor(a,l.name,l.strings,this,t):6===l.type&&(o=new D(a,this,t)),this._$AV.push(o),l=e[++i]}n!==l?.index&&(a=R.nextNode(),n++)}return R.currentNode=s,r}p(t){let o=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,o),o+=e.strings.length-2):e._$AI(t[o])),o++}}class K{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,o,e,r){this.type=2,this._$AH=v,this._$AN=void 0,this._$AA=t,this._$AB=o,this._$AM=e,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const o=this._$AM;return void 0!==o&&11===t?.nodeType&&(t=o.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,o=this){t=L(this,t,o),g(t)?t===v||null==t||""===t?(this._$AH!==v&&this._$AR(),this._$AH=v):t!==this._$AH&&t!==w&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>d(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==v&&g(this._$AH)?this._$AA.nextSibling.data=t:this.$(s.createTextNode(t)),this._$AH=t}g(t){const{values:o,_$litType$:e}=t,r="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=E.createElement(U(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===r)this._$AH.p(o);else{const t=new $(r,this),e=t.u(this.options);t.p(o),this.$(e),this._$AH=t}}_$AC(t){let o=I.get(t.strings);return void 0===o&&I.set(t.strings,o=new E(t)),o}T(t){d(this._$AH)||(this._$AH=[],this._$AR());const o=this._$AH;let e,r=0;for(const a of t)r===o.length?o.push(e=new K(this.k(y()),this.k(y()),this,this.options)):e=o[r],e._$AI(a),r++;r<o.length&&(this._$AR(e&&e._$AB.nextSibling,r),o.length=r)}_$AR(t=this._$AA.nextSibling,o){for(this._$AP?.(!1,!0,o);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Z{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,o,e,r,a){this.type=1,this._$AH=v,this._$AN=void 0,this.element=t,this.name=o,this._$AM=r,this.options=a,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=v}_$AI(t,o=this,e,r){const a=this.strings;let n=!1;if(void 0===a)t=L(this,t,o,0),n=!g(t)||t!==this._$AH&&t!==w,n&&(this._$AH=t);else{const r=t;let i,l;for(t=a[0],i=0;i<a.length-1;i++)l=L(this,r[e+i],o,i),l===w&&(l=this._$AH[i]),n||=!g(l)||l!==this._$AH[i],l===v?t=v:t!==v&&(t+=(l??"")+a[i+1]),this._$AH[i]=l}n&&!r&&this.O(t)}O(t){t===v?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class k extends Z{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===v?void 0:t}}class z extends Z{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==v)}}class F extends Z{constructor(t,o,e,r,a){super(t,o,e,r,a),this.type=5}_$AI(t,o=this){if((t=L(this,t,o,0)??v)===w)return;const e=this._$AH,r=t===v&&e!==v||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,a=t!==v&&(e===v||r);r&&this.element.removeEventListener(this.name,this,e),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class D{constructor(t,o,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=o,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){L(this,t)}}const B=a.litHtmlPolyfillSupport;B?.(E,K),(a.litHtmlVersions??=[]).push("3.1.0");
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2020 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
12
|
*/
|
|
13
|
-
const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litStatic$:t,r:A}),P=new Map,M=(t=>(o,...e)=>{const r=e.length;let a,n;const i=[],l=[];let c,f=0,p=!1;for(;f<r;){for(c=o[f];f<r&&void 0!==(n=e[f],a=H(n));)c+=a+o[++f],p=!0;f!==r&&l.push(n),i.push(c),f++}if(f===r&&i.push(o[r]),p){const t=i.join("$$lit$$");void 0===(o=P.get(t))&&(i.raw=i,P.set(t,o=i)),e=l}return t(o,...e)})(C);var T;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"}(T||(T={}));const Y=t=>"string"==typeof t?e.unsafeCSS(t):t;class _{static create(t,o,r,a){const n=t=>Y(null!=t?t:a),i=e.css`var(${Y(t)}, ${n(a)})`;return i.name=t,i.description=o,i.category=r,i.defaultValue=a,i.defaultCssValue=n,i.get=o=>e.css`var(${Y(t)}, ${n(o)})`,i.breadcrumb=()=>[],i.lastResortDefaultValue=()=>a,i}static extend(t,o,r,a){const n=t=>r.get(null!=t?t:a),i=e.css`var(${Y(t)}, ${n(a)})`;return i.name=t,i.description=o,i.category=r.category,i.fallbackVariable=r,i.defaultValue=a,i.defaultCssValue=n,i.get=o=>e.css`var(${Y(t)}, ${n(o)})`,i.breadcrumb=()=>[r.name,...r.breadcrumb()],i.lastResortDefaultValue=()=>null!=a?a:r.lastResortDefaultValue(),i}static external(t,o){const r=o=>t.fallbackVariable?t.fallbackVariable.get(null!=o?o:t.defaultValue):Y(null!=o?o:t.lastResortDefaultValue()),a=e.css`var(${Y(t.name)}, ${r(t.defaultValue)})`;return a.name=t.name,a.category=t.category,a.fallbackVariable=t.fallbackVariable,a.defaultValue=t.defaultValue,a.context=o,a.defaultCssValue=r,a.get=o=>e.css`var(${Y(t.name)}, ${r(o)})`,a.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],a.lastResortDefaultValue=()=>t.lastResortDefaultValue(),a}}const j={colorWhite:_.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:_.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:_.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:_.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:_.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:_.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:_.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:_.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:_.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:_.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:_.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:_.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:_.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:_.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:_.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:_.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:_.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:_.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:_.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:_.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:_.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:_.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:_.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:_.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:_.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:_.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:_.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:_.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:_.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:_.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:_.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:_.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:_.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:_.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:_.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:_.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:_.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:_.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:_.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:_.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:_.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:_.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:_.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:_.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:_.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:_.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:_.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:_.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:_.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:_.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:_.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:_.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:_.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:_.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:_.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:_.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:_.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:_.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:_.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:_.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:_.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:_.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:_.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:_.create("--ft-color-orange-0","","COLOR","#ee8d17"),colorOrange10:_.create("--ft-color-orange-10","","COLOR","#fef6ec"),colorOrange20:_.create("--ft-color-orange-20","","COLOR","#fbe7cd"),colorOrange30:_.create("--ft-color-orange-30","","COLOR","#f9d8af"),colorOrange40:_.create("--ft-color-orange-40","","COLOR","#f7c991"),colorOrange50:_.create("--ft-color-orange-50","","COLOR","#f5ba72"),colorOrange60:_.create("--ft-color-orange-60","","COLOR","#f2ab54"),colorOrange70:_.create("--ft-color-orange-70","","COLOR","#f09c35"),colorOrange100:_.create("--ft-color-orange-100","","COLOR","#cf7b14"),colorOrange200:_.create("--ft-color-orange-200","","COLOR","#b06811"),colorOrange300:_.create("--ft-color-orange-300","","COLOR","#90560e"),colorOrange400:_.create("--ft-color-orange-400","","COLOR","#71430b"),colorOrange500:_.create("--ft-color-orange-500","","COLOR","#523108"),colorOrange600:_.create("--ft-color-orange-600","","COLOR","#331e05"),colorOrange700:_.create("--ft-color-orange-700","","COLOR","#140c02"),colorRed0:_.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:_.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:_.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:_.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:_.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:_.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:_.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:_.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:_.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:_.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:_.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:_.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:_.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:_.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:_.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:_.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:_.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:_.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:_.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:_.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:_.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:_.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:_.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:_.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:_.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:_.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:_.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:_.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:_.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:_.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:_.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:_.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:_.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:_.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:_.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:_.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:_.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:_.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:_.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:_.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:_.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:_.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:_.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:_.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:_.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:_.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:_.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:_.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:_.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:_.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:_.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:_.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:_.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:_.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:_.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:_.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:_.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:_.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:_.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:_.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:_.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:_.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:_.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:_.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:_.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:_.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:_.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:_.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:_.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:_.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:_.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:_.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:_.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:_.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:_.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:_.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:_.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:_.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:_.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:_.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:_.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:_.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:_.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:_.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:_.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:_.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:_.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:_.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:_.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:_.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:_.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:_.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:_.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:_.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:_.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:_.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:_.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:_.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:_.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:_.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:_.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:_.create("--ft-icon-size-6","","SIZE","48px"),opacity0:_.create("--ft-opacity-0","","NUMBER","0"),opacity8:_.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:_.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:_.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:_.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:_.create("--ft-opacity-80","","NUMBER","0.8")},X={display:{fontFamily:_.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:_.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:_.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-display-textCase","","UNKNOWN","none")},"title-1":{fontFamily:_.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-title-1-fontSize","","SIZE","2rem"),letterSpacing:_.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:_.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},"title-2":{fontFamily:_.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-title-2-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-title-2-fontSize","","SIZE","1.5rem"),letterSpacing:_.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:_.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},"title-3":{fontFamily:_.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-title-3-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-title-3-fontSize","","SIZE","1.25rem"),letterSpacing:_.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:_.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},"body-1-regular":{fontFamily:_.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:_.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:_.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},"body-1-medium":{fontFamily:_.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:_.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},"body-1-semibold":{fontFamily:_.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:_.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},"body-2-regular":{fontFamily:_.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:_.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},"body-2-medium":{fontFamily:_.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},"body-2-semibold":{fontFamily:_.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},"label-1-medium":{fontFamily:_.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},"label-1-semibold":{fontFamily:_.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},"label-1-bold":{fontFamily:_.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},"label-2-medium":{fontFamily:_.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},"label-2-semibold":{fontFamily:_.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},"label-2-bold":{fontFamily:_.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},"caption-1-medium":{fontFamily:_.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},"caption-1-semibold":{fontFamily:_.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},"caption-1-bold":{fontFamily:_.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},"caption-2-medium":{fontFamily:_.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:_.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},"caption-2-semibold":{fontFamily:_.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:_.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},"caption-2-bold":{fontFamily:_.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:_.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")}},V={backgroundActionPrimary:_.extend("--ft-background-action-primary","Used as backgorund of primary action components.",j.colorBrand0),backgroundErrorPrimary:_.extend("--ft-background-error-primary","Used as background of error components.",j.colorRed0),backgroundErrorSubtle:_.extend("--ft-background-error-subtle","Used as background of subtle error components.",j.colorRed10),backgroundInfoPrimary:_.extend("--ft-background-info-primary","Used as background of information components.",j.colorCyan200),backgroundInfoSubtle:_.extend("--ft-background-info-subtle","Used as background of subtle information components.",j.colorCyan10),backgroundWarningPrimary:_.extend("--ft-background-warning-primary","Used as background of warning components.",j.colorOrange300),backgroundWarningSubtle:_.extend("--ft-background-warning-subtle","Used as background of subtle information components.",j.colorOrange10),backgroundSuccessPrimary:_.extend("--ft-background-success-primary","Used as background of success components.",j.colorGreen200),backgroundSuccessSubtle:_.extend("--ft-background-success-subtle","Used as background of subtle success components.",j.colorGreen10),backgroundGlobalSurface:_.extend("--ft-background-global-surface","Used as app background.",j.colorWhite),backgroundGlobalOnSurface:_.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",j.colorGray10),backgroundGlobalOnSurfaceDark:_.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",j.colorGray30),contentActionPrimary:_.extend("--ft-content-action-primary","Used on label of primary action on light surface.",j.colorBrand0),contentWarningPrimary:_.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",j.colorOrange300),contentWarningIconOnly:_.extend("--ft-content-warning-icon-only","Used on warning status icons alone",j.colorOrange0),contentErrorPrimary:_.extend("--ft-content-error-primary","Used on label of error messages on light surface.",j.colorRed0),contentErrorIconOnly:_.extend("--ft-content-error-icon-only","Used on error status icons alone",j.colorRed0),contentInfoPrimary:_.extend("--ft-content-info-primary","Used on label of information messages on light surface.",j.colorCyan200),contentInfoIconOnly:_.extend("--ft-content-info-icon-only","Used on info status icons alone",j.colorCyan0),contentSuccessIconOnly:_.extend("--ft-content-success-icon-only","Used on success status icons alone",j.colorGreen0),contentSuccessPrimary:_.extend("--ft-content-success-primary","Used on label of success messages on light surface.",j.colorGreen200),contentGlobalPrimary:_.extend("--ft-content-global-primary","Used for main content on the page.",j.colorGray500),contentGlobalSecondary:_.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",j.colorGray200),contentGlobalSubtle:_.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",j.colorGray0),contentGlobalOnColor:_.extend("--ft-content-global-on-color","Used for content on a dominant color.",j.colorWhite),borderActionPrimary:_.extend("--ft-border-action-primary","Used as border for primary action components.",j.colorBrand0),borderActionFocusRing:_.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",j.colorCyan0),borderWarningPrimary:_.extend("--ft-border-warning-primary","Used as border for warning components.",j.colorOrange30),borderSuccessPrimary:_.extend("--ft-border-success-primary","Used as border for success components.",j.colorGreen30),borderErrorPrimary:_.extend("--ft-border-error-primary","Used as border for error components.",j.colorRed30),borderInfoPrimary:_.extend("--ft-border-info-primary","Used as border for information components.",j.colorCyan30),borderGlobalSubtle:_.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",j.colorGray30),borderGlobalPrimary:_.extend("--ft-border-global-primary","Used as border for element like input.",j.colorGray50),borderInputPrimary:_.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",j.colorGray80)};_.create("--ft-button-large-height","","SIZE","40px"),_.extend("--ft-button-large-horizontal-padding","",j.spacing4),_.extend("--ft-button-large-gap","",j.spacing2),_.extend("--ft-button-large-border-radius","",j.borderRadiusS),_.extend("--ft-button-large-icon-size","",j.iconSize3),_.create("--ft-button-large-border-width","","SIZE","1px"),_.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),_.create("--ft-button-large-focus-outline-width","","SIZE","2px"),_.create("--ft-button-large-icon-only-width","","SIZE","40px"),_.create("--ft-button-small-height","","SIZE","30px"),_.extend("--ft-button-small-horizontal-padding","",j.spacing3),_.extend("--ft-button-small-gap","",j.spacing2),_.extend("--ft-button-small-border-radius","",j.borderRadiusS),_.extend("--ft-button-small-icon-size","",j.iconSize2),_.create("--ft-button-small-border-width","","SIZE","1px"),_.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),_.create("--ft-button-small-focus-outline-width","","SIZE","2px"),_.create("--ft-button-small-icon-only-width","","SIZE","30px"),_.extend("--ft-button-primary-background-color","",V.backgroundActionPrimary),_.extend("--ft-button-primary-color","",V.contentGlobalOnColor),_.extend("--ft-button-primary-icon-color","",V.contentGlobalOnColor),_.extend("--ft-button-primary-state-layer-color","",V.contentGlobalOnColor),_.extend("--ft-button-primary-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-button-primary-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-button-primary-state-layer-opacity-active","",j.opacity24),_.extend("--ft-button-primary-component-opacity-disabled","",j.opacity40),_.extend("--ft-button-focus-focus-ring-color","",V.borderActionFocusRing),_.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),_.extend("--ft-button-tertiary-color","",V.contentActionPrimary),_.extend("--ft-button-tertiary-icon-color","",V.contentActionPrimary),_.extend("--ft-button-tertiary-state-layer-color","",V.contentActionPrimary),_.extend("--ft-button-tertiary-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-button-tertiary-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-button-tertiary-state-layer-opacity-active","",j.opacity16),_.extend("--ft-button-tertiary-component-opacity-disabled","",j.opacity40),_.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),_.extend("--ft-button-secondary-color","",V.contentActionPrimary),_.extend("--ft-button-secondary-icon-color","",V.contentActionPrimary),_.extend("--ft-button-secondary-state-layer-color","",V.contentActionPrimary),_.extend("--ft-button-secondary-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-button-secondary-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-button-secondary-state-layer-opacity-active","",j.opacity16),_.extend("--ft-button-secondary-component-opacity-disabled","",j.opacity40),_.extend("--ft-button-secondary-border-color","",V.borderActionPrimary),_.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),_.extend("--ft-button-neutral-icon-color","",V.contentGlobalSecondary),_.extend("--ft-button-neutral-color","",V.contentGlobalSecondary),_.extend("--ft-button-neutral-state-layer-color","",V.contentGlobalSecondary),_.extend("--ft-button-neutral-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-button-neutral-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-button-neutral-state-layer-opacity-active","",j.opacity16),_.extend("--ft-button-neutral-component-opacity-disabled","",j.opacity40),_.extend("--ft-tabs-top-left-border-radius","",j.borderRadiusS),_.extend("--ft-tabs-top-right-border-radius","",j.borderRadiusS),_.extend("--ft-tabs-label-horizontal-padding","",j.spacing4),_.extend("--ft-tabs-label-vertical-padding","",j.spacing3),_.extend("--ft-tabs-label-gap","",j.spacing1),_.extend("--ft-switch-group-horizontal-padding","",j.spacing1),_.extend("--ft-switch-group-vertical-padding","",j.spacing1),_.extend("--ft-switch-group-gap","",j.spacing1),_.extend("--ft-switch-group-background-color","",V.backgroundGlobalSurface),_.extend("--ft-switch-group-border-color","",V.borderGlobalSubtle),_.create("--ft-switch-group-border-radius","","SIZE","6px"),_.extend("--ft-switch-label-horizontal-padding","",j.spacing2),_.extend("--ft-switch-label-vertical-padding","",j.spacing1),_.extend("--ft-switch-icon-horizontal-padding","",j.spacing1),_.extend("--ft-switch-icon-vertical-padding","",j.spacing1),_.create("--ft-switch-focus-outline-width","","SIZE","2px"),_.extend("--ft-switch-focus-focus-ring-color","",V.borderActionFocusRing),_.extend("--ft-switch-option-border-radius","",j.borderRadiusS),_.extend("--ft-switch-off-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-switch-off-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-switch-off-state-layer-opacity-active","",j.opacity16),_.extend("--ft-switch-off-component-opacity-disabled","",j.opacity40),_.extend("--ft-switch-off-color","",V.contentGlobalSubtle),_.extend("--ft-switch-off-state-layer-color","",V.contentGlobalSubtle),_.extend("--ft-chart-1-light","for area color charts",j.colorBrand40),_.extend("--ft-chart-1-base","for line charts",j.colorBrand0),_.extend("--ft-chart-2-light","for area color charts",j.colorYellow60),_.extend("--ft-chart-2-base","for line charts",j.colorYellow100),_.extend("--ft-chart-3-light","",j.colorUltramarine40),_.extend("--ft-chart-3-base","",j.colorUltramarine70),_.extend("--ft-chart-4-light","",j.colorCyan50),_.extend("--ft-chart-4-base","",j.colorCyan100),_.extend("--ft-chart-5-light","",j.colorRed40),_.extend("--ft-chart-5-base","",j.colorRed60),_.extend("--ft-chart-6-light","",j.colorGreen40),_.extend("--ft-chart-6-base","",j.colorGreen70),_.extend("--ft-chart-7-light","",j.colorOrange70),_.extend("--ft-chart-7-base","",j.colorOrange100),_.extend("--ft-chart-8-light","",j.colorAvocado70),_.extend("--ft-chart-8-base","",j.colorAvocado200),_.extend("--ft-chart-9-light","",j.colorBrown50),_.extend("--ft-chart-9-base","",j.colorBrown200),_.extend("--ft-chart-10-light","",j.colorGray50),_.extend("--ft-chart-10-base","",j.colorGray80),_.extend("--ft-chart-monochrome-10","",j.colorBrand10),_.extend("--ft-chart-monochrome-20","",j.colorBrand20),_.extend("--ft-chart-monochrome-30","",j.colorBrand40),_.extend("--ft-chart-monochrome-40","",j.colorBrand60),_.extend("--ft-chart-monochrome-50","",j.colorBrand0),_.extend("--ft-chart-monochrome-60","",j.colorBrand200),_.extend("--ft-chip-large-horizontal-padding","",j.spacing4),_.extend("--ft-chip-large-vertical-padding","",j.spacing2),_.extend("--ft-chip-large-gap","",j.spacing1),_.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),_.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),_.extend("--ft-chip-large-border-radius","",j.borderRadiusPill),_.create("--ft-chip-large-border-width","","SIZE","1px"),_.extend("--ft-chip-large-icon-size","",j.iconSize3),_.extend("--ft-chip-medium-horizontal-padding","",j.spacing3),_.extend("--ft-chip-medium-vertical-padding","",j.spacing1),_.extend("--ft-chip-medium-gap","",j.spacing1),_.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),_.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),_.extend("--ft-chip-medium-border-radius","",j.borderRadiusPill),_.create("--ft-chip-medium-border-width","","SIZE","1px"),_.extend("--ft-chip-medium-icon-size","",j.iconSize2),_.extend("--ft-chip-small-horizontal-padding","",j.spacing2),_.extend("--ft-chip-small-vertical-padding","",j.spacing05),_.extend("--ft-chip-small-gap","",j.spacing1),_.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),_.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),_.extend("--ft-chip-small-border-radius","",j.borderRadiusPill),_.create("--ft-chip-small-border-width","","SIZE","1px"),_.extend("--ft-chip-small-icon-size","",j.iconSize1),_.extend("--ft-chip-neutral-background-color","",V.backgroundGlobalOnSurface),_.extend("--ft-chip-neutral-color","",V.contentGlobalPrimary),_.extend("--ft-chip-neutral-border-color","",V.borderGlobalSubtle),_.extend("--ft-chip-info-background-color","",V.backgroundInfoSubtle),_.extend("--ft-chip-info-color","",V.contentInfoPrimary),_.extend("--ft-chip-info-border-color","",V.borderInfoPrimary),_.extend("--ft-chip-success-background-color","",V.backgroundSuccessSubtle),_.extend("--ft-chip-success-color","",V.contentSuccessPrimary),_.extend("--ft-chip-success-border-color","",V.borderSuccessPrimary),_.extend("--ft-chip-warning-background-color","",V.backgroundWarningSubtle),_.extend("--ft-chip-warning-color","",V.contentWarningPrimary),_.extend("--ft-chip-warning-border-color","",V.borderWarningPrimary),_.extend("--ft-chip-error-background-color","",V.backgroundErrorSubtle),_.extend("--ft-chip-error-color","",V.contentErrorPrimary),_.extend("--ft-chip-error-border-color","",V.borderErrorPrimary),_.create("--ft-notice-border-width","","SIZE","1px"),_.extend("--ft-notice-horizontal-padding","",j.spacing2),_.extend("--ft-notice-vertical-padding","",j.spacing1),_.extend("--ft-notice-border-radius","",j.borderRadiusS),_.extend("--ft-notice-gap","",j.spacing2),_.extend("--ft-notice-icon-size","",j.iconSize3),_.extend("--ft-notice-info-background-color","",V.backgroundInfoSubtle),_.extend("--ft-notice-info-border-color","",V.borderInfoPrimary),_.extend("--ft-notice-info-color","",V.contentInfoPrimary),_.extend("--ft-notice-warning-background-color","",V.backgroundWarningSubtle),_.extend("--ft-notice-warning-border-color","",V.borderWarningPrimary),_.extend("--ft-notice-warning-color","",V.contentWarningPrimary),_.extend("--ft-checkbox-label-color","",V.contentGlobalPrimary),_.extend("--ft-checkbox-checked-background-color","",V.contentActionPrimary),_.extend("--ft-checkbox-checked-state-layer-color","",V.contentActionPrimary),_.extend("--ft-checkbox-checked-color","",V.contentGlobalOnColor),_.extend("--ft-checkbox-checked-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-checkbox-checked-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-checkbox-checked-state-layer-opacity-active","",j.opacity24),_.extend("--ft-checkbox-checked-component-opacity-disabled","",j.opacity40),_.extend("--ft-checkbox-unchecked-border-color","",j.colorGray80),_.extend("--ft-checkbox-unchecked-state-layer-color","",j.colorGray80),_.extend("--ft-checkbox-unchecked-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-checkbox-unchecked-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-checkbox-unchecked-state-layer-opacity-active","",j.opacity24),_.extend("--ft-checkbox-unchecked-component-opacity-disabled","",j.opacity40),_.extend("--ft-checkbox-focus-focus-ring-color","",V.borderActionFocusRing),_.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),_.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),_.extend("--ft-checkbox-gap","",j.spacing3),_.extend("--ft-toggle-off-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-toggle-off-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-toggle-off-state-layer-opacity-active","",j.opacity24),_.extend("--ft-toggle-off-component-opacity-disabled","",j.opacity40),_.extend("--ft-toggle-off-background-color","",V.contentGlobalSubtle),_.extend("--ft-toggle-off-icon-color","",V.contentGlobalSubtle),_.extend("--ft-toggle-off-state-layer-color","",V.contentGlobalSubtle),_.extend("--ft-toggle-on-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-toggle-on-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-toggle-on-state-layer-opacity-active","",j.opacity24),_.extend("--ft-toggle-on-component-opacity-disabled","",j.opacity40),_.extend("--ft-toggle-on-background-color","",V.contentActionPrimary),_.extend("--ft-toggle-on-icon-color","",V.contentActionPrimary),_.extend("--ft-toggle-on-state-layer-color","",V.contentActionPrimary),_.extend("--ft-toggle-label-color","",V.contentGlobalPrimary),_.extend("--ft-toggle-focus-focus-ring-color","",V.borderActionFocusRing),_.extend("--ft-toggle-gap","",j.spacing3),_.extend("--ft-radio-label-color","",V.contentGlobalPrimary),_.extend("--ft-radio-selected-color","",V.contentActionPrimary),_.extend("--ft-radio-selected-state-layer-color","",V.contentActionPrimary),_.extend("--ft-radio-selected-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-radio-selected-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-radio-selected-state-layer-opacity-active","",j.opacity24),_.extend("--ft-radio-selected-component-opacity-disabled","",j.opacity40),_.extend("--ft-radio-unselected-state-layer-color","",j.colorGray80),_.extend("--ft-radio-unselected-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-radio-unselected-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-radio-unselected-state-layer-opacity-active","",j.opacity24),_.extend("--ft-radio-unselected-component-opacity-disabled","",j.opacity40),_.extend("--ft-radio-focus-focus-ring-color","",V.borderActionFocusRing),_.create("--ft-radio-focus-outline-offset","","SIZE","3px"),_.create("--ft-radio-focus-outline-width","","SIZE","2px"),_.extend("--ft-radio-gap","",j.spacing3),_.extend("--ft-notification-icon-size","",j.iconSize4),_.extend("--ft-notification-horizontal-padding","",j.spacing4),_.extend("--ft-notification-vertical-padding","",j.spacing4),_.extend("--ft-notification-info-background-color","",V.backgroundInfoSubtle),_.extend("--ft-notification-info-color","",V.contentInfoPrimary),_.extend("--ft-notification-info-border-color","",V.borderInfoPrimary),_.extend("--ft-notification-success-background-color","",V.backgroundSuccessSubtle),_.extend("--ft-notification-success-color","",V.contentSuccessPrimary),_.extend("--ft-notification-success-border-color","",V.borderSuccessPrimary),_.extend("--ft-notification-warning-background-color","",V.backgroundWarningSubtle),_.extend("--ft-notification-warning-color","",V.contentWarningPrimary),_.extend("--ft-notification-warning-border-color","",V.borderWarningPrimary),_.extend("--ft-notification-error-background-color","",V.backgroundErrorSubtle),_.extend("--ft-notification-error-color","",V.contentErrorPrimary),_.extend("--ft-notification-error-border-color","",V.borderErrorPrimary),_.extend("--ft-notification-border-radius","",j.borderRadiusPill),_.create("--ft-notification-border-width","","SIZE","1px"),_.extend("--ft-notification-gap-leading","",j.spacing2),_.extend("--ft-notification-gap-trailing","",j.spacing8);const q=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.titleFont),J=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.contentFont),Q={fontFamily:J,fontSize:o.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:o.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:o.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:o.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:o.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},tt=o.FtCssVariableFactory.extend("--ft-typography-title-font-family","",q),ot=o.FtCssVariableFactory.extend("--ft-typography-title-font-size","",Q.fontSize,"20px"),et=o.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",Q.fontWeight,"normal"),rt=o.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",Q.letterSpacing,"0.15px"),at=o.FtCssVariableFactory.extend("--ft-typography-title-line-height","",Q.lineHeight,"1.2"),nt=o.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",Q.textTransform,"inherit"),it=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",q),lt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",Q.fontSize,"14px"),ct=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",Q.fontWeight,"normal"),ft=o.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",Q.letterSpacing,"0.105px"),pt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",Q.lineHeight,"1.7"),st=o.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",Q.textTransform,"inherit"),yt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",J),gt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",Q.fontSize,"16px"),ht=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",Q.fontWeight,"600"),dt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",Q.letterSpacing,"0.144px"),bt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",Q.lineHeight,"1.5"),ut=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",Q.textTransform,"inherit"),mt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",J),Ot=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",Q.fontSize,"14px"),Nt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",Q.fontWeight,"normal"),St=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",Q.letterSpacing,"0.098px"),xt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",Q.lineHeight,"1.7"),Ct=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",Q.textTransform,"inherit"),wt=o.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",J),vt=o.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",Q.fontSize,"16px"),It=o.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",Q.fontWeight,"normal"),Rt=o.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",Q.letterSpacing,"0.496px"),Ut=o.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",Q.lineHeight,"1.5"),Wt=o.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",Q.textTransform,"inherit"),Et=o.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",J),Lt=o.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",Q.fontSize,"14px"),$t=o.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",Q.fontWeight,"normal"),Kt=o.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",Q.letterSpacing,"0.252px"),Zt=o.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",Q.lineHeight,"1.4"),kt=o.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",Q.textTransform,"inherit"),zt=o.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",J),Ft=o.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",Q.fontSize,"12px"),Dt=o.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",Q.fontWeight,"normal"),Bt=o.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",Q.letterSpacing,"0.396px"),At=o.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",Q.lineHeight,"1.33"),Ht=o.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",Q.textTransform,"inherit"),Gt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",J),Pt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",Q.fontSize,"10px"),Mt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",Q.fontWeight,"normal"),Tt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",Q.letterSpacing,"0.33px"),Yt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",Q.lineHeight,"1.6"),_t=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",Q.textTransform,"inherit"),jt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",J),Xt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",Q.fontSize,"10px"),Vt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",Q.fontWeight,"normal"),qt=o.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",Q.letterSpacing,"1.5px"),Jt=o.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",Q.lineHeight,"1.6"),Qt=o.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",Q.textTransform,"uppercase"),to=o.FtCssVariableFactory.extend("--ft-typography-button-font-family","",J),oo=o.FtCssVariableFactory.extend("--ft-typography-button-font-size","",Q.fontSize,"14px"),eo=o.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",Q.fontWeight,"600"),ro=o.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",Q.letterSpacing,"1.246px"),ao=o.FtCssVariableFactory.extend("--ft-typography-button-line-height","",Q.lineHeight,"1.15"),no=o.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",Q.textTransform,"uppercase"),io=e.css`
|
|
13
|
+
const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litStatic$:t,r:A}),P=new Map,M=(t=>(o,...e)=>{const r=e.length;let a,n;const i=[],l=[];let c,f=0,p=!1;for(;f<r;){for(c=o[f];f<r&&void 0!==(n=e[f],a=H(n));)c+=a+o[++f],p=!0;f!==r&&l.push(n),i.push(c),f++}if(f===r&&i.push(o[r]),p){const t=i.join("$$lit$$");void 0===(o=P.get(t))&&(i.raw=i,P.set(t,o=i)),e=l}return t(o,...e)})(C);var T;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button",t.display="display",t.title1="title-1",t.title2="title-2",t.title3="title-3",t.body1regular="body-1-regular",t.body1medium="body-1-medium",t.body1semibold="body-1-semibold",t.body2regular="body-2-regular",t.body2medium="body-2-medium",t.body2semibold="body-2-semibold",t.label1medium="label-1-medium",t.label1semibold="label-1-semibold",t.label1bold="label-1-bold",t.label2medium="label-2-medium",t.label2semibold="label-2-semibold",t.label2bold="label-2-bold",t.caption1medium="caption-1-medium",t.caption1semibold="caption-1-semibold",t.caption1bold="caption-1-bold",t.caption2medium="caption-2-medium",t.caption2semibold="caption-2-semibold",t.caption2bold="caption-2-bold"}(T||(T={}));const Y=t=>"string"==typeof t?e.unsafeCSS(t):t;class _{static create(t,o,r,a){const n=t=>Y(null!=t?t:a),i=e.css`var(${Y(t)}, ${n(a)})`;return i.name=t,i.description=o,i.category=r,i.defaultValue=a,i.defaultCssValue=n,i.get=o=>e.css`var(${Y(t)}, ${n(o)})`,i.breadcrumb=()=>[],i.lastResortDefaultValue=()=>a,i}static extend(t,o,r,a){const n=t=>r.get(null!=t?t:a),i=e.css`var(${Y(t)}, ${n(a)})`;return i.name=t,i.description=o,i.category=r.category,i.fallbackVariable=r,i.defaultValue=a,i.defaultCssValue=n,i.get=o=>e.css`var(${Y(t)}, ${n(o)})`,i.breadcrumb=()=>[r.name,...r.breadcrumb()],i.lastResortDefaultValue=()=>null!=a?a:r.lastResortDefaultValue(),i}static external(t,o){const r=o=>t.fallbackVariable?t.fallbackVariable.get(null!=o?o:t.defaultValue):Y(null!=o?o:t.lastResortDefaultValue()),a=e.css`var(${Y(t.name)}, ${r(t.defaultValue)})`;return a.name=t.name,a.category=t.category,a.fallbackVariable=t.fallbackVariable,a.defaultValue=t.defaultValue,a.context=o,a.defaultCssValue=r,a.get=o=>e.css`var(${Y(t.name)}, ${r(o)})`,a.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],a.lastResortDefaultValue=()=>t.lastResortDefaultValue(),a}}const j={colorWhite:_.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:_.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:_.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:_.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:_.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:_.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:_.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:_.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:_.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:_.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:_.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:_.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:_.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:_.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:_.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:_.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:_.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:_.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:_.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:_.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:_.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:_.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:_.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:_.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:_.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:_.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:_.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:_.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:_.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:_.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:_.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:_.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:_.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:_.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:_.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:_.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:_.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:_.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:_.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:_.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:_.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:_.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:_.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:_.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:_.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:_.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:_.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:_.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:_.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:_.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:_.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:_.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:_.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:_.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:_.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:_.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:_.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:_.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:_.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:_.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:_.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:_.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:_.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:_.create("--ft-color-orange-0","","COLOR","#ee8d17"),colorOrange10:_.create("--ft-color-orange-10","","COLOR","#fef6ec"),colorOrange20:_.create("--ft-color-orange-20","","COLOR","#fbe7cd"),colorOrange30:_.create("--ft-color-orange-30","","COLOR","#f9d8af"),colorOrange40:_.create("--ft-color-orange-40","","COLOR","#f7c991"),colorOrange50:_.create("--ft-color-orange-50","","COLOR","#f5ba72"),colorOrange60:_.create("--ft-color-orange-60","","COLOR","#f2ab54"),colorOrange70:_.create("--ft-color-orange-70","","COLOR","#f09c35"),colorOrange100:_.create("--ft-color-orange-100","","COLOR","#cf7b14"),colorOrange200:_.create("--ft-color-orange-200","","COLOR","#b06811"),colorOrange300:_.create("--ft-color-orange-300","","COLOR","#90560e"),colorOrange400:_.create("--ft-color-orange-400","","COLOR","#71430b"),colorOrange500:_.create("--ft-color-orange-500","","COLOR","#523108"),colorOrange600:_.create("--ft-color-orange-600","","COLOR","#331e05"),colorOrange700:_.create("--ft-color-orange-700","","COLOR","#140c02"),colorRed0:_.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:_.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:_.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:_.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:_.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:_.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:_.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:_.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:_.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:_.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:_.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:_.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:_.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:_.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:_.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:_.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:_.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:_.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:_.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:_.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:_.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:_.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:_.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:_.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:_.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:_.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:_.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:_.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:_.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:_.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:_.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:_.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:_.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:_.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:_.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:_.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:_.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:_.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:_.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:_.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:_.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:_.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:_.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:_.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:_.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:_.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:_.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:_.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:_.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:_.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:_.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:_.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:_.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:_.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:_.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:_.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:_.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:_.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:_.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:_.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:_.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:_.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:_.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:_.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:_.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:_.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:_.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:_.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:_.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:_.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:_.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:_.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:_.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:_.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:_.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:_.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:_.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:_.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:_.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:_.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:_.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:_.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:_.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:_.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:_.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:_.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:_.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:_.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:_.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:_.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:_.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:_.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:_.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:_.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:_.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:_.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:_.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:_.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:_.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:_.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:_.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:_.create("--ft-icon-size-6","","SIZE","48px"),opacity0:_.create("--ft-opacity-0","","NUMBER","0"),opacity8:_.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:_.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:_.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:_.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:_.create("--ft-opacity-80","","NUMBER","0.8")},X={display:{fontFamily:_.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:_.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:_.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-display-textCase","","UNKNOWN","none")},"title-1":{fontFamily:_.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-title-1-fontSize","","SIZE","2rem"),letterSpacing:_.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:_.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},"title-2":{fontFamily:_.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-title-2-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-title-2-fontSize","","SIZE","1.5rem"),letterSpacing:_.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:_.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},"title-3":{fontFamily:_.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-title-3-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:_.create("--ft-typography-title-3-fontSize","","SIZE","1.25rem"),letterSpacing:_.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:_.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},"body-1-regular":{fontFamily:_.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:_.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:_.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},"body-1-medium":{fontFamily:_.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:_.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},"body-1-semibold":{fontFamily:_.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:_.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},"body-2-regular":{fontFamily:_.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:_.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},"body-2-medium":{fontFamily:_.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},"body-2-semibold":{fontFamily:_.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:_.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:_.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:_.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},"label-1-medium":{fontFamily:_.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},"label-1-semibold":{fontFamily:_.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},"label-1-bold":{fontFamily:_.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:_.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},"label-2-medium":{fontFamily:_.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},"label-2-semibold":{fontFamily:_.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},"label-2-bold":{fontFamily:_.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:_.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:_.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:_.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},"caption-1-medium":{fontFamily:_.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},"caption-1-semibold":{fontFamily:_.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},"caption-1-bold":{fontFamily:_.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:_.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},"caption-2-medium":{fontFamily:_.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:_.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:_.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},"caption-2-semibold":{fontFamily:_.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:_.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:_.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},"caption-2-bold":{fontFamily:_.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:_.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:_.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:_.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:_.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:_.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:_.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:_.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:_.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")}},V={backgroundActionPrimary:_.extend("--ft-background-action-primary","Used as backgorund of primary action components.",j.colorBrand0),backgroundErrorPrimary:_.extend("--ft-background-error-primary","Used as background of error components.",j.colorRed0),backgroundErrorSubtle:_.extend("--ft-background-error-subtle","Used as background of subtle error components.",j.colorRed10),backgroundInfoPrimary:_.extend("--ft-background-info-primary","Used as background of information components.",j.colorCyan200),backgroundInfoSubtle:_.extend("--ft-background-info-subtle","Used as background of subtle information components.",j.colorCyan10),backgroundWarningPrimary:_.extend("--ft-background-warning-primary","Used as background of warning components.",j.colorOrange300),backgroundWarningSubtle:_.extend("--ft-background-warning-subtle","Used as background of subtle information components.",j.colorOrange10),backgroundSuccessPrimary:_.extend("--ft-background-success-primary","Used as background of success components.",j.colorGreen200),backgroundSuccessSubtle:_.extend("--ft-background-success-subtle","Used as background of subtle success components.",j.colorGreen10),backgroundGlobalSurface:_.extend("--ft-background-global-surface","Used as app background.",j.colorWhite),backgroundGlobalOnSurface:_.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",j.colorGray10),backgroundGlobalOnSurfaceDark:_.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",j.colorGray30),contentActionPrimary:_.extend("--ft-content-action-primary","Used on label of primary action on light surface.",j.colorBrand0),contentWarningPrimary:_.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",j.colorOrange300),contentWarningIconOnly:_.extend("--ft-content-warning-icon-only","Used on warning status icons alone",j.colorOrange0),contentErrorPrimary:_.extend("--ft-content-error-primary","Used on label of error messages on light surface.",j.colorRed0),contentErrorIconOnly:_.extend("--ft-content-error-icon-only","Used on error status icons alone",j.colorRed0),contentInfoPrimary:_.extend("--ft-content-info-primary","Used on label of information messages on light surface.",j.colorCyan200),contentInfoIconOnly:_.extend("--ft-content-info-icon-only","Used on info status icons alone",j.colorCyan0),contentSuccessIconOnly:_.extend("--ft-content-success-icon-only","Used on success status icons alone",j.colorGreen0),contentSuccessPrimary:_.extend("--ft-content-success-primary","Used on label of success messages on light surface.",j.colorGreen200),contentGlobalPrimary:_.extend("--ft-content-global-primary","Used for main content on the page.",j.colorGray500),contentGlobalSecondary:_.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",j.colorGray200),contentGlobalSubtle:_.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",j.colorGray0),contentGlobalOnColor:_.extend("--ft-content-global-on-color","Used for content on a dominant color.",j.colorWhite),borderActionPrimary:_.extend("--ft-border-action-primary","Used as border for primary action components.",j.colorBrand0),borderActionFocusRing:_.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",j.colorCyan0),borderWarningPrimary:_.extend("--ft-border-warning-primary","Used as border for warning components.",j.colorOrange30),borderSuccessPrimary:_.extend("--ft-border-success-primary","Used as border for success components.",j.colorGreen30),borderErrorPrimary:_.extend("--ft-border-error-primary","Used as border for error components.",j.colorRed30),borderInfoPrimary:_.extend("--ft-border-info-primary","Used as border for information components.",j.colorCyan30),borderGlobalSubtle:_.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",j.colorGray30),borderGlobalPrimary:_.extend("--ft-border-global-primary","Used as border for element like input.",j.colorGray50),borderInputPrimary:_.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",j.colorGray80)};_.create("--ft-button-large-height","","SIZE","40px"),_.extend("--ft-button-large-horizontal-padding","",j.spacing4),_.extend("--ft-button-large-gap","",j.spacing2),_.extend("--ft-button-large-border-radius","",j.borderRadiusS),_.extend("--ft-button-large-icon-size","",j.iconSize3),_.create("--ft-button-large-border-width","","SIZE","1px"),_.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),_.create("--ft-button-large-focus-outline-width","","SIZE","2px"),_.create("--ft-button-large-icon-only-width","","SIZE","40px"),_.create("--ft-button-small-height","","SIZE","30px"),_.extend("--ft-button-small-horizontal-padding","",j.spacing3),_.extend("--ft-button-small-gap","",j.spacing2),_.extend("--ft-button-small-border-radius","",j.borderRadiusS),_.extend("--ft-button-small-icon-size","",j.iconSize2),_.create("--ft-button-small-border-width","","SIZE","1px"),_.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),_.create("--ft-button-small-focus-outline-width","","SIZE","2px"),_.create("--ft-button-small-icon-only-width","","SIZE","30px"),_.extend("--ft-button-primary-background-color","",V.backgroundActionPrimary),_.extend("--ft-button-primary-color","",V.contentGlobalOnColor),_.extend("--ft-button-primary-icon-color","",V.contentGlobalOnColor),_.extend("--ft-button-primary-state-layer-color","",V.contentGlobalOnColor),_.extend("--ft-button-primary-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-button-primary-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-button-primary-state-layer-opacity-active","",j.opacity24),_.extend("--ft-button-primary-component-opacity-disabled","",j.opacity40),_.extend("--ft-button-focus-focus-ring-color","",V.borderActionFocusRing),_.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),_.extend("--ft-button-tertiary-color","",V.contentActionPrimary),_.extend("--ft-button-tertiary-icon-color","",V.contentActionPrimary),_.extend("--ft-button-tertiary-state-layer-color","",V.contentActionPrimary),_.extend("--ft-button-tertiary-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-button-tertiary-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-button-tertiary-state-layer-opacity-active","",j.opacity16),_.extend("--ft-button-tertiary-component-opacity-disabled","",j.opacity40),_.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),_.extend("--ft-button-secondary-color","",V.contentActionPrimary),_.extend("--ft-button-secondary-icon-color","",V.contentActionPrimary),_.extend("--ft-button-secondary-state-layer-color","",V.contentActionPrimary),_.extend("--ft-button-secondary-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-button-secondary-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-button-secondary-state-layer-opacity-active","",j.opacity16),_.extend("--ft-button-secondary-component-opacity-disabled","",j.opacity40),_.extend("--ft-button-secondary-border-color","",V.borderActionPrimary),_.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),_.extend("--ft-button-neutral-icon-color","",V.contentGlobalSecondary),_.extend("--ft-button-neutral-color","",V.contentGlobalSecondary),_.extend("--ft-button-neutral-state-layer-color","",V.contentGlobalSecondary),_.extend("--ft-button-neutral-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-button-neutral-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-button-neutral-state-layer-opacity-active","",j.opacity16),_.extend("--ft-button-neutral-component-opacity-disabled","",j.opacity40),_.extend("--ft-tabs-top-left-border-radius","",j.borderRadiusS),_.extend("--ft-tabs-top-right-border-radius","",j.borderRadiusS),_.extend("--ft-tabs-label-horizontal-padding","",j.spacing4),_.extend("--ft-tabs-label-vertical-padding","",j.spacing3),_.extend("--ft-tabs-label-gap","",j.spacing1),_.extend("--ft-switch-group-horizontal-padding","",j.spacing1),_.extend("--ft-switch-group-vertical-padding","",j.spacing1),_.extend("--ft-switch-group-gap","",j.spacing1),_.extend("--ft-switch-group-background-color","",V.backgroundGlobalSurface),_.extend("--ft-switch-group-border-color","",V.borderGlobalSubtle),_.create("--ft-switch-group-border-radius","","SIZE","6px"),_.extend("--ft-switch-label-horizontal-padding","",j.spacing2),_.extend("--ft-switch-label-vertical-padding","",j.spacing1),_.extend("--ft-switch-icon-horizontal-padding","",j.spacing1),_.extend("--ft-switch-icon-vertical-padding","",j.spacing1),_.create("--ft-switch-focus-outline-width","","SIZE","2px"),_.extend("--ft-switch-focus-focus-ring-color","",V.borderActionFocusRing),_.extend("--ft-switch-option-border-radius","",j.borderRadiusS),_.extend("--ft-switch-off-state-layer-opacity-hover","",j.opacity8),_.extend("--ft-switch-off-state-layer-opacity-focus","",j.opacity8),_.extend("--ft-switch-off-state-layer-opacity-active","",j.opacity16),_.extend("--ft-switch-off-component-opacity-disabled","",j.opacity40),_.extend("--ft-switch-off-color","",V.contentGlobalSubtle),_.extend("--ft-switch-off-state-layer-color","",V.contentGlobalSubtle),_.extend("--ft-chart-1-light","for area color charts",j.colorBrand40),_.extend("--ft-chart-1-base","for line charts",j.colorBrand0),_.extend("--ft-chart-2-light","for area color charts",j.colorYellow60),_.extend("--ft-chart-2-base","for line charts",j.colorYellow100),_.extend("--ft-chart-3-light","",j.colorUltramarine40),_.extend("--ft-chart-3-base","",j.colorUltramarine70),_.extend("--ft-chart-4-light","",j.colorCyan50),_.extend("--ft-chart-4-base","",j.colorCyan100),_.extend("--ft-chart-5-light","",j.colorRed40),_.extend("--ft-chart-5-base","",j.colorRed60),_.extend("--ft-chart-6-light","",j.colorGreen40),_.extend("--ft-chart-6-base","",j.colorGreen70),_.extend("--ft-chart-7-light","",j.colorOrange70),_.extend("--ft-chart-7-base","",j.colorOrange100),_.extend("--ft-chart-8-light","",j.colorAvocado70),_.extend("--ft-chart-8-base","",j.colorAvocado200),_.extend("--ft-chart-9-light","",j.colorBrown50),_.extend("--ft-chart-9-base","",j.colorBrown200),_.extend("--ft-chart-10-light","",j.colorGray50),_.extend("--ft-chart-10-base","",j.colorGray80),_.extend("--ft-chart-monochrome-10","",j.colorBrand10),_.extend("--ft-chart-monochrome-20","",j.colorBrand20),_.extend("--ft-chart-monochrome-30","",j.colorBrand40),_.extend("--ft-chart-monochrome-40","",j.colorBrand60),_.extend("--ft-chart-monochrome-50","",j.colorBrand0),_.extend("--ft-chart-monochrome-60","",j.colorBrand200),_.extend("--ft-chip-large-horizontal-padding","",j.spacing4),_.extend("--ft-chip-large-vertical-padding","",j.spacing2),_.extend("--ft-chip-large-gap","",j.spacing1),_.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),_.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),_.extend("--ft-chip-large-border-radius","",j.borderRadiusPill),_.create("--ft-chip-large-border-width","","SIZE","1px"),_.extend("--ft-chip-large-icon-size","",j.iconSize3),_.extend("--ft-chip-medium-horizontal-padding","",j.spacing3),_.extend("--ft-chip-medium-vertical-padding","",j.spacing1),_.extend("--ft-chip-medium-gap","",j.spacing1),_.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),_.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),_.extend("--ft-chip-medium-border-radius","",j.borderRadiusPill),_.create("--ft-chip-medium-border-width","","SIZE","1px"),_.extend("--ft-chip-medium-icon-size","",j.iconSize2),_.extend("--ft-chip-small-horizontal-padding","",j.spacing2),_.extend("--ft-chip-small-vertical-padding","",j.spacing05),_.extend("--ft-chip-small-gap","",j.spacing1),_.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),_.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),_.extend("--ft-chip-small-border-radius","",j.borderRadiusPill),_.create("--ft-chip-small-border-width","","SIZE","1px"),_.extend("--ft-chip-small-icon-size","",j.iconSize1),_.extend("--ft-chip-neutral-background-color","",V.backgroundGlobalOnSurface),_.extend("--ft-chip-neutral-color","",V.contentGlobalPrimary),_.extend("--ft-chip-neutral-border-color","",V.borderGlobalSubtle),_.extend("--ft-chip-info-background-color","",V.backgroundInfoSubtle),_.extend("--ft-chip-info-color","",V.contentInfoPrimary),_.extend("--ft-chip-info-border-color","",V.borderInfoPrimary),_.extend("--ft-chip-success-background-color","",V.backgroundSuccessSubtle),_.extend("--ft-chip-success-color","",V.contentSuccessPrimary),_.extend("--ft-chip-success-border-color","",V.borderSuccessPrimary),_.extend("--ft-chip-warning-background-color","",V.backgroundWarningSubtle),_.extend("--ft-chip-warning-color","",V.contentWarningPrimary),_.extend("--ft-chip-warning-border-color","",V.borderWarningPrimary),_.extend("--ft-chip-error-background-color","",V.backgroundErrorSubtle),_.extend("--ft-chip-error-color","",V.contentErrorPrimary),_.extend("--ft-chip-error-border-color","",V.borderErrorPrimary),_.create("--ft-notice-border-width","","SIZE","1px"),_.extend("--ft-notice-horizontal-padding","",j.spacing2),_.extend("--ft-notice-vertical-padding","",j.spacing1),_.extend("--ft-notice-border-radius","",j.borderRadiusS),_.extend("--ft-notice-gap","",j.spacing2),_.extend("--ft-notice-icon-size","",j.iconSize3),_.extend("--ft-notice-info-background-color","",V.backgroundInfoSubtle),_.extend("--ft-notice-info-border-color","",V.borderInfoPrimary),_.extend("--ft-notice-info-color","",V.contentInfoPrimary),_.extend("--ft-notice-warning-background-color","",V.backgroundWarningSubtle),_.extend("--ft-notice-warning-border-color","",V.borderWarningPrimary),_.extend("--ft-notice-warning-color","",V.contentWarningPrimary),_.extend("--ft-checkbox-label-color","",V.contentGlobalPrimary),_.extend("--ft-checkbox-checked-background-color","",V.contentActionPrimary),_.extend("--ft-checkbox-checked-state-layer-color","",V.contentActionPrimary),_.extend("--ft-checkbox-checked-color","",V.contentGlobalOnColor),_.extend("--ft-checkbox-checked-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-checkbox-checked-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-checkbox-checked-state-layer-opacity-active","",j.opacity24),_.extend("--ft-checkbox-checked-component-opacity-disabled","",j.opacity40),_.extend("--ft-checkbox-unchecked-border-color","",j.colorGray80),_.extend("--ft-checkbox-unchecked-state-layer-color","",j.colorGray80),_.extend("--ft-checkbox-unchecked-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-checkbox-unchecked-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-checkbox-unchecked-state-layer-opacity-active","",j.opacity24),_.extend("--ft-checkbox-unchecked-component-opacity-disabled","",j.opacity40),_.extend("--ft-checkbox-focus-focus-ring-color","",V.borderActionFocusRing),_.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),_.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),_.extend("--ft-checkbox-gap","",j.spacing3),_.extend("--ft-toggle-off-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-toggle-off-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-toggle-off-state-layer-opacity-active","",j.opacity24),_.extend("--ft-toggle-off-component-opacity-disabled","",j.opacity40),_.extend("--ft-toggle-off-background-color","",V.contentGlobalSubtle),_.extend("--ft-toggle-off-icon-color","",V.contentGlobalSubtle),_.extend("--ft-toggle-off-state-layer-color","",V.contentGlobalSubtle),_.extend("--ft-toggle-on-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-toggle-on-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-toggle-on-state-layer-opacity-active","",j.opacity24),_.extend("--ft-toggle-on-component-opacity-disabled","",j.opacity40),_.extend("--ft-toggle-on-background-color","",V.contentActionPrimary),_.extend("--ft-toggle-on-icon-color","",V.contentActionPrimary),_.extend("--ft-toggle-on-state-layer-color","",V.contentActionPrimary),_.extend("--ft-toggle-label-color","",V.contentGlobalPrimary),_.extend("--ft-toggle-focus-focus-ring-color","",V.borderActionFocusRing),_.extend("--ft-toggle-gap","",j.spacing3),_.extend("--ft-radio-label-color","",V.contentGlobalPrimary),_.extend("--ft-radio-selected-color","",V.contentActionPrimary),_.extend("--ft-radio-selected-state-layer-color","",V.contentActionPrimary),_.extend("--ft-radio-selected-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-radio-selected-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-radio-selected-state-layer-opacity-active","",j.opacity24),_.extend("--ft-radio-selected-component-opacity-disabled","",j.opacity40),_.extend("--ft-radio-unselected-state-layer-color","",j.colorGray80),_.extend("--ft-radio-unselected-state-layer-opacity-hover","",j.opacity16),_.extend("--ft-radio-unselected-state-layer-opacity-focus","",j.opacity16),_.extend("--ft-radio-unselected-state-layer-opacity-active","",j.opacity24),_.extend("--ft-radio-unselected-component-opacity-disabled","",j.opacity40),_.extend("--ft-radio-focus-focus-ring-color","",V.borderActionFocusRing),_.create("--ft-radio-focus-outline-offset","","SIZE","3px"),_.create("--ft-radio-focus-outline-width","","SIZE","2px"),_.extend("--ft-radio-gap","",j.spacing3),_.extend("--ft-notification-icon-size","",j.iconSize4),_.extend("--ft-notification-horizontal-padding","",j.spacing4),_.extend("--ft-notification-vertical-padding","",j.spacing4),_.extend("--ft-notification-info-background-color","",V.backgroundInfoSubtle),_.extend("--ft-notification-info-color","",V.contentInfoPrimary),_.extend("--ft-notification-info-border-color","",V.borderInfoPrimary),_.extend("--ft-notification-success-background-color","",V.backgroundSuccessSubtle),_.extend("--ft-notification-success-color","",V.contentSuccessPrimary),_.extend("--ft-notification-success-border-color","",V.borderSuccessPrimary),_.extend("--ft-notification-warning-background-color","",V.backgroundWarningSubtle),_.extend("--ft-notification-warning-color","",V.contentWarningPrimary),_.extend("--ft-notification-warning-border-color","",V.borderWarningPrimary),_.extend("--ft-notification-error-background-color","",V.backgroundErrorSubtle),_.extend("--ft-notification-error-color","",V.contentErrorPrimary),_.extend("--ft-notification-error-border-color","",V.borderErrorPrimary),_.extend("--ft-notification-border-radius","",j.borderRadiusPill),_.create("--ft-notification-border-width","","SIZE","1px"),_.extend("--ft-notification-gap-leading","",j.spacing2),_.extend("--ft-notification-gap-trailing","",j.spacing8);const q=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.titleFont),J=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.contentFont),Q={fontFamily:J,fontSize:o.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:o.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:o.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:o.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:o.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},tt=o.FtCssVariableFactory.extend("--ft-typography-title-font-family","",q),ot=o.FtCssVariableFactory.extend("--ft-typography-title-font-size","",Q.fontSize,"20px"),et=o.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",Q.fontWeight,"normal"),rt=o.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",Q.letterSpacing,"0.15px"),at=o.FtCssVariableFactory.extend("--ft-typography-title-line-height","",Q.lineHeight,"1.2"),nt=o.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",Q.textTransform,"inherit"),it=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",q),lt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",Q.fontSize,"14px"),ct=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",Q.fontWeight,"normal"),ft=o.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",Q.letterSpacing,"0.105px"),pt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",Q.lineHeight,"1.7"),st=o.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",Q.textTransform,"inherit"),yt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",J),gt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",Q.fontSize,"16px"),dt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",Q.fontWeight,"600"),ht=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",Q.letterSpacing,"0.144px"),bt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",Q.lineHeight,"1.5"),ut=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",Q.textTransform,"inherit"),mt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",J),Ot=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",Q.fontSize,"14px"),Nt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",Q.fontWeight,"normal"),St=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",Q.letterSpacing,"0.098px"),xt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",Q.lineHeight,"1.7"),Ct=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",Q.textTransform,"inherit"),wt=o.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",J),vt=o.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",Q.fontSize,"16px"),It=o.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",Q.fontWeight,"normal"),Rt=o.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",Q.letterSpacing,"0.496px"),Ut=o.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",Q.lineHeight,"1.5"),Wt=o.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",Q.textTransform,"inherit"),Et=o.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",J),Lt=o.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",Q.fontSize,"14px"),$t=o.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",Q.fontWeight,"normal"),Kt=o.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",Q.letterSpacing,"0.252px"),Zt=o.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",Q.lineHeight,"1.4"),kt=o.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",Q.textTransform,"inherit"),zt=o.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",J),Ft=o.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",Q.fontSize,"12px"),Dt=o.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",Q.fontWeight,"normal"),Bt=o.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",Q.letterSpacing,"0.396px"),At=o.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",Q.lineHeight,"1.33"),Ht=o.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",Q.textTransform,"inherit"),Gt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",J),Pt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",Q.fontSize,"10px"),Mt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",Q.fontWeight,"normal"),Tt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",Q.letterSpacing,"0.33px"),Yt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",Q.lineHeight,"1.6"),_t=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",Q.textTransform,"inherit"),jt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",J),Xt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",Q.fontSize,"10px"),Vt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",Q.fontWeight,"normal"),qt=o.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",Q.letterSpacing,"1.5px"),Jt=o.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",Q.lineHeight,"1.6"),Qt=o.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",Q.textTransform,"uppercase"),to=o.FtCssVariableFactory.extend("--ft-typography-button-font-family","",J),oo=o.FtCssVariableFactory.extend("--ft-typography-button-font-size","",Q.fontSize,"14px"),eo=o.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",Q.fontWeight,"600"),ro=o.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",Q.letterSpacing,"1.246px"),ao=o.FtCssVariableFactory.extend("--ft-typography-button-line-height","",Q.lineHeight,"1.15"),no=o.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",Q.textTransform,"uppercase"),io=e.css`
|
|
14
14
|
.ft-typography--title {
|
|
15
15
|
font-family: ${tt};
|
|
16
16
|
font-size: ${ot};
|
|
@@ -32,8 +32,8 @@ const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litSta
|
|
|
32
32
|
.ft-typography--subtitle1 {
|
|
33
33
|
font-family: ${yt};
|
|
34
34
|
font-size: ${gt};
|
|
35
|
-
font-weight: ${
|
|
36
|
-
letter-spacing: ${
|
|
35
|
+
font-weight: ${dt};
|
|
36
|
+
letter-spacing: ${ht};
|
|
37
37
|
line-height: ${bt};
|
|
38
38
|
text-transform: ${ut};
|
|
39
39
|
}
|
|
@@ -132,7 +132,7 @@ const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litSta
|
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
.ft-tooltip {
|
|
135
|
-
position:
|
|
135
|
+
position: fixed;
|
|
136
136
|
box-sizing: border-box;
|
|
137
137
|
overflow: hidden;
|
|
138
138
|
width: max-content;
|
|
@@ -150,7 +150,7 @@ const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litSta
|
|
|
150
150
|
position: relative;
|
|
151
151
|
word-break: break-word;
|
|
152
152
|
}
|
|
153
|
-
`,Co=["start","end"],wo=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Co[0],o+"-"+Co[1])),[]),vo=Math.min,Io=Math.max,Ro=Math.round,Uo=t=>({x:t,y:t}),Wo={left:"right",right:"left",bottom:"top",top:"bottom"},Eo={start:"end",end:"start"};function Lo(t,o,e){return Io(t,vo(o,e))}function $o(t,o){return"function"==typeof t?t(o):t}function Ko(t){return t.split("-")[0]}function Zo(t){return t.split("-")[1]}function ko(t){return"x"===t?"y":"x"}function zo(t){return"y"===t?"height":"width"}function Fo(t){return["top","bottom"].includes(Ko(t))?"y":"x"}function Do(t){return ko(Fo(t))}function Bo(t){return t.replace(/left|right|bottom|top/g,(t=>Wo[t]))}function Ao(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Ho(t,o,e){let{reference:r,floating:a}=t;const n=Fo(o),i=Do(o),l=zo(i),c=Ko(o),f="y"===n,p=r.x+r.width/2-a.width/2,s=r.y+r.height/2-a.height/2,y=r[l]/2-a[l]/2;let g;switch(c){case"top":g={x:p,y:r.y-a.height};break;case"bottom":g={x:p,y:r.y+r.height};break;case"right":g={x:r.x+r.width,y:s};break;case"left":g={x:r.x-a.width,y:s};break;default:g={x:r.x,y:r.y}}switch(Zo(o)){case"start":g[i]-=y*(e&&f?-1:1);break;case"end":g[i]+=y*(e&&f?-1:1)}return g}async function Go(t,o){var e;void 0===o&&(o={});const{x:r,y:a,platform:n,rects:i,elements:l,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:p="viewport",elementContext:s="floating",altBoundary:y=!1,padding:g=0}=$o(o,t),h=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(g),d=l[y?"floating"===s?"reference":"floating":s],b=Ao(await n.getClippingRect({element:null==(e=await(null==n.isElement?void 0:n.isElement(d)))||e?d:d.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(l.floating)),boundary:f,rootBoundary:p,strategy:c})),u="floating"===s?{...i.floating,x:r,y:a}:i.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(l.floating)),O=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},N=Ao(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u,offsetParent:m,strategy:c}):u);return{top:(b.top-N.top+h.top)/O.y,bottom:(N.bottom-b.bottom+h.bottom)/O.y,left:(b.left-N.left+h.left)/O.x,right:(N.right-b.right+h.right)/O.x}}function Po(t,o,e){return(t?[...e.filter((o=>Zo(o)===t)),...e.filter((o=>Zo(o)!==t))]:e.filter((t=>Ko(t)===t))).filter((e=>!t||(Zo(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Eo[t]))}(e)!==e)))}const Mo=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,r,a;const{rects:n,middlewareData:i,placement:l,platform:c,elements:f}=o,{crossAxis:p=!1,alignment:s,allowedPlacements:y=wo,autoAlignment:g=!0,...h}=$o(t,o),d=void 0!==s||y===wo?Po(s||null,g,y):y,b=await Go(o,h),u=(null==(e=i.autoPlacement)?void 0:e.index)||0,m=d[u];if(null==m)return{};const O=function(t,o,e){void 0===e&&(e=!1);const r=Zo(t),a=Do(t),n=zo(a);let i="x"===a?r===(e?"end":"start")?"right":"left":"start"===r?"bottom":"top";return o.reference[n]>o.floating[n]&&(i=Bo(i)),[i,Bo(i)]}(m,n,await(null==c.isRTL?void 0:c.isRTL(f.floating)));if(l!==m)return{reset:{placement:d[0]}};const N=[b[Ko(m)],b[O[0]],b[O[1]]],S=[...(null==(r=i.autoPlacement)?void 0:r.overflows)||[],{placement:m,overflows:N}],x=d[u+1];if(x)return{data:{index:u+1,overflows:S},reset:{placement:x}};const C=S.map((t=>{const o=Zo(t.placement);return[t.placement,o&&p?t.overflows.slice(0,2).reduce(((t,o)=>t+o),0):t.overflows[0],t.overflows]})).sort(((t,o)=>t[1]-o[1])),w=C.filter((t=>t[2].slice(0,Zo(t[0])?2:3).every((t=>t<=0)))),v=(null==(a=w[0])?void 0:a[0])||C[0][0];return v!==l?{data:{index:u+1,overflows:S},reset:{placement:v}}:{}}}};function To(t){return jo(t)?(t.nodeName||"").toLowerCase():"#document"}function Yo(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function _o(t){var o;return null==(o=(jo(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function jo(t){return t instanceof Node||t instanceof Yo(t).Node}function Xo(t){return t instanceof Element||t instanceof Yo(t).Element}function Vo(t){return t instanceof HTMLElement||t instanceof Yo(t).HTMLElement}function qo(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof Yo(t).ShadowRoot)}function Jo(t){const{overflow:o,overflowX:e,overflowY:r,display:a}=re(t);return/auto|scroll|overlay|hidden|clip/.test(o+r+e)&&!["inline","contents"].includes(a)}function Qo(t){return["table","td","th"].includes(To(t))}function te(t){const o=oe(),e=re(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!o&&!!e.backdropFilter&&"none"!==e.backdropFilter||!o&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function oe(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function ee(t){return["html","body","#document"].includes(To(t))}function re(t){return Yo(t).getComputedStyle(t)}function ae(t){return Xo(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ne(t){if("html"===To(t))return t;const o=t.assignedSlot||t.parentNode||qo(t)&&t.host||_o(t);return qo(o)?o.host:o}function ie(t){const o=ne(t);return ee(o)?t.ownerDocument?t.ownerDocument.body:t.body:Vo(o)&&Jo(o)?o:ie(o)}function le(t,o,e){var r;void 0===o&&(o=[]),void 0===e&&(e=!0);const a=ie(t),n=a===(null==(r=t.ownerDocument)?void 0:r.body),i=Yo(a);return n?o.concat(i,i.visualViewport||[],Jo(a)?a:[],i.frameElement&&e?le(i.frameElement):[]):o.concat(a,le(a,[],e))}function ce(t){const o=re(t);let e=parseFloat(o.width)||0,r=parseFloat(o.height)||0;const a=Vo(t),n=a?t.offsetWidth:e,i=a?t.offsetHeight:r,l=Ro(e)!==n||Ro(r)!==i;return l&&(e=n,r=i),{width:e,height:r,$:l}}function fe(t){return Xo(t)?t:t.contextElement}function pe(t){const o=fe(t);if(!Vo(o))return Uo(1);const e=o.getBoundingClientRect(),{width:r,height:a,$:n}=ce(o);let i=(n?Ro(e.width):e.width)/r,l=(n?Ro(e.height):e.height)/a;return i&&Number.isFinite(i)||(i=1),l&&Number.isFinite(l)||(l=1),{x:i,y:l}}const se=Uo(0);function ye(t){const o=Yo(t);return oe()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:se}function ge(t,o,e,r){void 0===o&&(o=!1),void 0===e&&(e=!1);const a=t.getBoundingClientRect(),n=fe(t);let i=Uo(1);o&&(r?Xo(r)&&(i=pe(r)):i=pe(t));const l=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==Yo(t))&&o}(n,e,r)?ye(n):Uo(0);let c=(a.left+l.x)/i.x,f=(a.top+l.y)/i.y,p=a.width/i.x,s=a.height/i.y;if(n){const t=Yo(n),o=r&&Xo(r)?Yo(r):r;let e=t.frameElement;for(;e&&r&&o!==t;){const t=pe(e),o=e.getBoundingClientRect(),r=re(e),a=o.left+(e.clientLeft+parseFloat(r.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(r.paddingTop))*t.y;c*=t.x,f*=t.y,p*=t.x,s*=t.y,c+=a,f+=n,e=Yo(e).frameElement}}return Ao({width:p,height:s,x:c,y:f})}function he(t){return ge(_o(t)).left+ae(t).scrollLeft}function de(t,o,e){let r;if("viewport"===o)r=function(t,o){const e=Yo(t),r=_o(t),a=e.visualViewport;let n=r.clientWidth,i=r.clientHeight,l=0,c=0;if(a){n=a.width,i=a.height;const t=oe();(!t||t&&"fixed"===o)&&(l=a.offsetLeft,c=a.offsetTop)}return{width:n,height:i,x:l,y:c}}(t,e);else if("document"===o)r=function(t){const o=_o(t),e=ae(t),r=t.ownerDocument.body,a=Io(o.scrollWidth,o.clientWidth,r.scrollWidth,r.clientWidth),n=Io(o.scrollHeight,o.clientHeight,r.scrollHeight,r.clientHeight);let i=-e.scrollLeft+he(t);const l=-e.scrollTop;return"rtl"===re(r).direction&&(i+=Io(o.clientWidth,r.clientWidth)-a),{width:a,height:n,x:i,y:l}}(_o(t));else if(Xo(o))r=function(t,o){const e=ge(t,!0,"fixed"===o),r=e.top+t.clientTop,a=e.left+t.clientLeft,n=Vo(t)?pe(t):Uo(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:a*n.x,y:r*n.y}}(o,e);else{const e=ye(t);r={...o,x:o.x-e.x,y:o.y-e.y}}return Ao(r)}function be(t,o){const e=ne(t);return!(e===o||!Xo(e)||ee(e))&&("fixed"===re(e).position||be(e,o))}function ue(t,o,e){const r=Vo(o),a=_o(o),n="fixed"===e,i=ge(t,!0,n,o);let l={scrollLeft:0,scrollTop:0};const c=Uo(0);if(r||!r&&!n)if(("body"!==To(o)||Jo(a))&&(l=ae(o)),r){const t=ge(o,!0,n,o);c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}else a&&(c.x=he(a));return{x:i.left+l.scrollLeft-c.x,y:i.top+l.scrollTop-c.y,width:i.width,height:i.height}}function me(t,o){return Vo(t)&&"fixed"!==re(t).position?o?o(t):t.offsetParent:null}function Oe(t,o){const e=Yo(t);if(!Vo(t))return e;let r=me(t,o);for(;r&&Qo(r)&&"static"===re(r).position;)r=me(r,o);return r&&("html"===To(r)||"body"===To(r)&&"static"===re(r).position&&!te(r))?e:r||function(t){let o=ne(t);for(;Vo(o)&&!ee(o);){if(te(o))return o;o=ne(o)}return null}(t)||e}const Ne={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:r}=t;const a=Vo(e),n=_o(e);if(e===n)return o;let i={scrollLeft:0,scrollTop:0},l=Uo(1);const c=Uo(0);if((a||!a&&"fixed"!==r)&&(("body"!==To(e)||Jo(n))&&(i=ae(e)),Vo(e))){const t=ge(e);l=pe(e),c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}return{width:o.width*l.x,height:o.height*l.y,x:o.x*l.x-i.scrollLeft*l.x+c.x,y:o.y*l.y-i.scrollTop*l.y+c.y}},getDocumentElement:_o,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:r,strategy:a}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let r=le(t,[],!1).filter((t=>Xo(t)&&"body"!==To(t))),a=null;const n="fixed"===re(t).position;let i=n?ne(t):t;for(;Xo(i)&&!ee(i);){const o=re(i),e=te(i);e||"fixed"!==o.position||(a=null),(n?!e&&!a:!e&&"static"===o.position&&a&&["absolute","fixed"].includes(a.position)||Jo(i)&&!e&&be(t,i))?r=r.filter((t=>t!==i)):a=o,i=ne(i)}return o.set(t,r),r}(o,this._c):[].concat(e),r],i=n[0],l=n.reduce(((t,e)=>{const r=de(o,e,a);return t.top=Io(r.top,t.top),t.right=vo(r.right,t.right),t.bottom=vo(r.bottom,t.bottom),t.left=Io(r.left,t.left),t}),de(o,i,a));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Oe,getElementRects:async function(t){let{reference:o,floating:e,strategy:r}=t;const a=this.getOffsetParent||Oe,n=this.getDimensions;return{reference:ue(o,await a(e),r),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return ce(t)},getScale:pe,isElement:Xo,isRTL:function(t){return"rtl"===re(t).direction}},Se=(t,o,e)=>{const r=new Map,a={platform:Ne,...e},n={...a.platform,_c:r};return(async(t,o,e)=>{const{placement:r="bottom",strategy:a="absolute",middleware:n=[],platform:i}=e,l=n.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(o));let f=await i.getElementRects({reference:t,floating:o,strategy:a}),{x:p,y:s}=Ho(f,r,c),y=r,g={},h=0;for(let e=0;e<l.length;e++){const{name:n,fn:d}=l[e],{x:b,y:u,data:m,reset:O}=await d({x:p,y:s,initialPlacement:r,placement:y,strategy:a,middlewareData:g,rects:f,platform:i,elements:{reference:t,floating:o}});p=null!=b?b:p,s=null!=u?u:s,g={...g,[n]:{...g[n],...m}},O&&h<=50&&(h++,"object"==typeof O&&(O.placement&&(y=O.placement),O.rects&&(f=!0===O.rects?await i.getElementRects({reference:t,floating:o,strategy:a}):O.rects),({x:p,y:s}=Ho(f,y,c))),e=-1)}return{x:p,y:s,placement:y,strategy:a,middlewareData:g}})(t,o,{...a,platform:n})};var xe=function(t,o,e,r){for(var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(o,e,i):a(o,e))||i);return n>3&&i&&Object.defineProperty(o,e,i),i};class Ce extends o.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 o.Debouncer,this.revealDebouncer=new o.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return e.html`
|
|
153
|
+
`,Co=["start","end"],wo=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Co[0],o+"-"+Co[1])),[]),vo=Math.min,Io=Math.max,Ro=Math.round,Uo=t=>({x:t,y:t}),Wo={left:"right",right:"left",bottom:"top",top:"bottom"},Eo={start:"end",end:"start"};function Lo(t,o,e){return Io(t,vo(o,e))}function $o(t,o){return"function"==typeof t?t(o):t}function Ko(t){return t.split("-")[0]}function Zo(t){return t.split("-")[1]}function ko(t){return"x"===t?"y":"x"}function zo(t){return"y"===t?"height":"width"}function Fo(t){return["top","bottom"].includes(Ko(t))?"y":"x"}function Do(t){return ko(Fo(t))}function Bo(t){return t.replace(/left|right|bottom|top/g,(t=>Wo[t]))}function Ao(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Ho(t,o,e){let{reference:r,floating:a}=t;const n=Fo(o),i=Do(o),l=zo(i),c=Ko(o),f="y"===n,p=r.x+r.width/2-a.width/2,s=r.y+r.height/2-a.height/2,y=r[l]/2-a[l]/2;let g;switch(c){case"top":g={x:p,y:r.y-a.height};break;case"bottom":g={x:p,y:r.y+r.height};break;case"right":g={x:r.x+r.width,y:s};break;case"left":g={x:r.x-a.width,y:s};break;default:g={x:r.x,y:r.y}}switch(Zo(o)){case"start":g[i]-=y*(e&&f?-1:1);break;case"end":g[i]+=y*(e&&f?-1:1)}return g}async function Go(t,o){var e;void 0===o&&(o={});const{x:r,y:a,platform:n,rects:i,elements:l,strategy:c}=t,{boundary:f="clippingAncestors",rootBoundary:p="viewport",elementContext:s="floating",altBoundary:y=!1,padding:g=0}=$o(o,t),d=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(g),h=l[y?"floating"===s?"reference":"floating":s],b=Ao(await n.getClippingRect({element:null==(e=await(null==n.isElement?void 0:n.isElement(h)))||e?h:h.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(l.floating)),boundary:f,rootBoundary:p,strategy:c})),u="floating"===s?{...i.floating,x:r,y:a}:i.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(l.floating)),O=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},N=Ao(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u,offsetParent:m,strategy:c}):u);return{top:(b.top-N.top+d.top)/O.y,bottom:(N.bottom-b.bottom+d.bottom)/O.y,left:(b.left-N.left+d.left)/O.x,right:(N.right-b.right+d.right)/O.x}}function Po(t,o,e){return(t?[...e.filter((o=>Zo(o)===t)),...e.filter((o=>Zo(o)!==t))]:e.filter((t=>Ko(t)===t))).filter((e=>!t||(Zo(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Eo[t]))}(e)!==e)))}const Mo=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,r,a;const{rects:n,middlewareData:i,placement:l,platform:c,elements:f}=o,{crossAxis:p=!1,alignment:s,allowedPlacements:y=wo,autoAlignment:g=!0,...d}=$o(t,o),h=void 0!==s||y===wo?Po(s||null,g,y):y,b=await Go(o,d),u=(null==(e=i.autoPlacement)?void 0:e.index)||0,m=h[u];if(null==m)return{};const O=function(t,o,e){void 0===e&&(e=!1);const r=Zo(t),a=Do(t),n=zo(a);let i="x"===a?r===(e?"end":"start")?"right":"left":"start"===r?"bottom":"top";return o.reference[n]>o.floating[n]&&(i=Bo(i)),[i,Bo(i)]}(m,n,await(null==c.isRTL?void 0:c.isRTL(f.floating)));if(l!==m)return{reset:{placement:h[0]}};const N=[b[Ko(m)],b[O[0]],b[O[1]]],S=[...(null==(r=i.autoPlacement)?void 0:r.overflows)||[],{placement:m,overflows:N}],x=h[u+1];if(x)return{data:{index:u+1,overflows:S},reset:{placement:x}};const C=S.map((t=>{const o=Zo(t.placement);return[t.placement,o&&p?t.overflows.slice(0,2).reduce(((t,o)=>t+o),0):t.overflows[0],t.overflows]})).sort(((t,o)=>t[1]-o[1])),w=C.filter((t=>t[2].slice(0,Zo(t[0])?2:3).every((t=>t<=0)))),v=(null==(a=w[0])?void 0:a[0])||C[0][0];return v!==l?{data:{index:u+1,overflows:S},reset:{placement:v}}:{}}}};function To(t){return jo(t)?(t.nodeName||"").toLowerCase():"#document"}function Yo(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function _o(t){var o;return null==(o=(jo(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function jo(t){return t instanceof Node||t instanceof Yo(t).Node}function Xo(t){return t instanceof Element||t instanceof Yo(t).Element}function Vo(t){return t instanceof HTMLElement||t instanceof Yo(t).HTMLElement}function qo(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof Yo(t).ShadowRoot)}function Jo(t){const{overflow:o,overflowX:e,overflowY:r,display:a}=re(t);return/auto|scroll|overlay|hidden|clip/.test(o+r+e)&&!["inline","contents"].includes(a)}function Qo(t){return["table","td","th"].includes(To(t))}function te(t){const o=oe(),e=re(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!o&&!!e.backdropFilter&&"none"!==e.backdropFilter||!o&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function oe(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function ee(t){return["html","body","#document"].includes(To(t))}function re(t){return Yo(t).getComputedStyle(t)}function ae(t){return Xo(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ne(t){if("html"===To(t))return t;const o=t.assignedSlot||t.parentNode||qo(t)&&t.host||_o(t);return qo(o)?o.host:o}function ie(t){const o=ne(t);return ee(o)?t.ownerDocument?t.ownerDocument.body:t.body:Vo(o)&&Jo(o)?o:ie(o)}function le(t,o,e){var r;void 0===o&&(o=[]),void 0===e&&(e=!0);const a=ie(t),n=a===(null==(r=t.ownerDocument)?void 0:r.body),i=Yo(a);return n?o.concat(i,i.visualViewport||[],Jo(a)?a:[],i.frameElement&&e?le(i.frameElement):[]):o.concat(a,le(a,[],e))}function ce(t){const o=re(t);let e=parseFloat(o.width)||0,r=parseFloat(o.height)||0;const a=Vo(t),n=a?t.offsetWidth:e,i=a?t.offsetHeight:r,l=Ro(e)!==n||Ro(r)!==i;return l&&(e=n,r=i),{width:e,height:r,$:l}}function fe(t){return Xo(t)?t:t.contextElement}function pe(t){const o=fe(t);if(!Vo(o))return Uo(1);const e=o.getBoundingClientRect(),{width:r,height:a,$:n}=ce(o);let i=(n?Ro(e.width):e.width)/r,l=(n?Ro(e.height):e.height)/a;return i&&Number.isFinite(i)||(i=1),l&&Number.isFinite(l)||(l=1),{x:i,y:l}}const se=Uo(0);function ye(t){const o=Yo(t);return oe()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:se}function ge(t,o,e,r){void 0===o&&(o=!1),void 0===e&&(e=!1);const a=t.getBoundingClientRect(),n=fe(t);let i=Uo(1);o&&(r?Xo(r)&&(i=pe(r)):i=pe(t));const l=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==Yo(t))&&o}(n,e,r)?ye(n):Uo(0);let c=(a.left+l.x)/i.x,f=(a.top+l.y)/i.y,p=a.width/i.x,s=a.height/i.y;if(n){const t=Yo(n),o=r&&Xo(r)?Yo(r):r;let e=t.frameElement;for(;e&&r&&o!==t;){const t=pe(e),o=e.getBoundingClientRect(),r=re(e),a=o.left+(e.clientLeft+parseFloat(r.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(r.paddingTop))*t.y;c*=t.x,f*=t.y,p*=t.x,s*=t.y,c+=a,f+=n,e=Yo(e).frameElement}}return Ao({width:p,height:s,x:c,y:f})}function de(t){return ge(_o(t)).left+ae(t).scrollLeft}function he(t,o,e){let r;if("viewport"===o)r=function(t,o){const e=Yo(t),r=_o(t),a=e.visualViewport;let n=r.clientWidth,i=r.clientHeight,l=0,c=0;if(a){n=a.width,i=a.height;const t=oe();(!t||t&&"fixed"===o)&&(l=a.offsetLeft,c=a.offsetTop)}return{width:n,height:i,x:l,y:c}}(t,e);else if("document"===o)r=function(t){const o=_o(t),e=ae(t),r=t.ownerDocument.body,a=Io(o.scrollWidth,o.clientWidth,r.scrollWidth,r.clientWidth),n=Io(o.scrollHeight,o.clientHeight,r.scrollHeight,r.clientHeight);let i=-e.scrollLeft+de(t);const l=-e.scrollTop;return"rtl"===re(r).direction&&(i+=Io(o.clientWidth,r.clientWidth)-a),{width:a,height:n,x:i,y:l}}(_o(t));else if(Xo(o))r=function(t,o){const e=ge(t,!0,"fixed"===o),r=e.top+t.clientTop,a=e.left+t.clientLeft,n=Vo(t)?pe(t):Uo(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:a*n.x,y:r*n.y}}(o,e);else{const e=ye(t);r={...o,x:o.x-e.x,y:o.y-e.y}}return Ao(r)}function be(t,o){const e=ne(t);return!(e===o||!Xo(e)||ee(e))&&("fixed"===re(e).position||be(e,o))}function ue(t,o,e){const r=Vo(o),a=_o(o),n="fixed"===e,i=ge(t,!0,n,o);let l={scrollLeft:0,scrollTop:0};const c=Uo(0);if(r||!r&&!n)if(("body"!==To(o)||Jo(a))&&(l=ae(o)),r){const t=ge(o,!0,n,o);c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}else a&&(c.x=de(a));return{x:i.left+l.scrollLeft-c.x,y:i.top+l.scrollTop-c.y,width:i.width,height:i.height}}function me(t,o){return Vo(t)&&"fixed"!==re(t).position?o?o(t):t.offsetParent:null}function Oe(t,o){const e=Yo(t);if(!Vo(t))return e;let r=me(t,o);for(;r&&Qo(r)&&"static"===re(r).position;)r=me(r,o);return r&&("html"===To(r)||"body"===To(r)&&"static"===re(r).position&&!te(r))?e:r||function(t){let o=ne(t);for(;Vo(o)&&!ee(o);){if(te(o))return o;o=ne(o)}return null}(t)||e}const Ne={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:r}=t;const a=Vo(e),n=_o(e);if(e===n)return o;let i={scrollLeft:0,scrollTop:0},l=Uo(1);const c=Uo(0);if((a||!a&&"fixed"!==r)&&(("body"!==To(e)||Jo(n))&&(i=ae(e)),Vo(e))){const t=ge(e);l=pe(e),c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}return{width:o.width*l.x,height:o.height*l.y,x:o.x*l.x-i.scrollLeft*l.x+c.x,y:o.y*l.y-i.scrollTop*l.y+c.y}},getDocumentElement:_o,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:r,strategy:a}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let r=le(t,[],!1).filter((t=>Xo(t)&&"body"!==To(t))),a=null;const n="fixed"===re(t).position;let i=n?ne(t):t;for(;Xo(i)&&!ee(i);){const o=re(i),e=te(i);e||"fixed"!==o.position||(a=null),(n?!e&&!a:!e&&"static"===o.position&&a&&["absolute","fixed"].includes(a.position)||Jo(i)&&!e&&be(t,i))?r=r.filter((t=>t!==i)):a=o,i=ne(i)}return o.set(t,r),r}(o,this._c):[].concat(e),r],i=n[0],l=n.reduce(((t,e)=>{const r=he(o,e,a);return t.top=Io(r.top,t.top),t.right=vo(r.right,t.right),t.bottom=vo(r.bottom,t.bottom),t.left=Io(r.left,t.left),t}),he(o,i,a));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Oe,getElementRects:async function(t){let{reference:o,floating:e,strategy:r}=t;const a=this.getOffsetParent||Oe,n=this.getDimensions;return{reference:ue(o,await a(e),r),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return ce(t)},getScale:pe,isElement:Xo,isRTL:function(t){return"rtl"===re(t).direction}},Se=(t,o,e)=>{const r=new Map,a={platform:Ne,...e},n={...a.platform,_c:r};return(async(t,o,e)=>{const{placement:r="bottom",strategy:a="absolute",middleware:n=[],platform:i}=e,l=n.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(o));let f=await i.getElementRects({reference:t,floating:o,strategy:a}),{x:p,y:s}=Ho(f,r,c),y=r,g={},d=0;for(let e=0;e<l.length;e++){const{name:n,fn:h}=l[e],{x:b,y:u,data:m,reset:O}=await h({x:p,y:s,initialPlacement:r,placement:y,strategy:a,middlewareData:g,rects:f,platform:i,elements:{reference:t,floating:o}});p=null!=b?b:p,s=null!=u?u:s,g={...g,[n]:{...g[n],...m}},O&&d<=50&&(d++,"object"==typeof O&&(O.placement&&(y=O.placement),O.rects&&(f=!0===O.rects?await i.getElementRects({reference:t,floating:o,strategy:a}):O.rects),({x:p,y:s}=Ho(f,y,c))),e=-1)}return{x:p,y:s,placement:y,strategy:a,middlewareData:g}})(t,o,{...a,platform:n})};function xe(t){return function(t){for(let o=t;o;o=Ce(o))if(o instanceof Element&&"none"===getComputedStyle(o).display)return null;for(let o=Ce(t);o;o=Ce(o)){if(!(o instanceof Element))continue;const t=getComputedStyle(o);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return o;if("BODY"===o.tagName)return o}}return null}(t)}function Ce(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var we=function(t,o,e,r){for(var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(a=t[l])&&(i=(n<3?a(i):n>3?a(o,e,i):a(o,e))||i);return n>3&&i&&Object.defineProperty(o,e,i),i};class ve extends o.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 o.Debouncer,this.revealDebouncer=new o.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return e.html`
|
|
154
154
|
<div part="container"
|
|
155
155
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
156
156
|
@mouseenter=${this.onHover}
|
|
@@ -158,7 +158,7 @@ const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litSta
|
|
|
158
158
|
@focusin=${this.onHover}
|
|
159
159
|
@focusout=${this.onOut}
|
|
160
160
|
@touchstart=${this.onTouch}>
|
|
161
|
-
<slot></slot>
|
|
161
|
+
<slot part="slot"></slot>
|
|
162
162
|
<div part="tooltip" role="tooltip" inert
|
|
163
163
|
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
164
164
|
?hidden=${!this.visible}>
|
|
@@ -168,4 +168,4 @@ const A=Symbol.for(""),H=t=>{if(t?.r===A)return t?._$litStatic$},G=t=>({_$litSta
|
|
|
168
168
|
</div>
|
|
169
169
|
</div>
|
|
170
170
|
</div>
|
|
171
|
-
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Se(this.slottedElement,this.tooltip,{middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(o){const{x:e,y:r,placement:a}=o,{mainAxis:n=!0,crossAxis:i=!1,limiter:l={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...c}=$o(t,o),f={x:e,y:r},p=await Go(o,c),s=Fo(Ko(a)),y=ko(s);let g=f[y],
|
|
171
|
+
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Se(this.slottedElement,this.tooltip,{platform:{...Ne,getOffsetParent:t=>Ne.getOffsetParent(t,xe)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(o){const{x:e,y:r,placement:a}=o,{mainAxis:n=!0,crossAxis:i=!1,limiter:l={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...c}=$o(t,o),f={x:e,y:r},p=await Go(o,c),s=Fo(Ko(a)),y=ko(s);let g=f[y],d=f[s];if(n){const t="y"===y?"bottom":"right";g=Lo(g+p["y"===y?"top":"left"],g,g-p[t])}if(i){const t="y"===s?"bottom":"right";d=Lo(d+p["y"===s?"top":"left"],d,d-p[t])}const h=l.fn({...o,[y]:g,[s]:d});return{...h,data:{x:h.x-e,y:h.y-r}}}}),Mo({allowedPlacements:[this.position]})]}).then((({x:t,y:o})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${o}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}ve.elementDefinitions={"ft-typography":No},ve.styles=xo,we([r.property()],ve.prototype,"text",void 0),we([r.property({type:Boolean})],ve.prototype,"manual",void 0),we([r.property({type:Boolean})],ve.prototype,"inline",void 0),we([r.property({type:Number})],ve.prototype,"delay",void 0),we([r.property()],ve.prototype,"position",void 0),we([r.queryAssignedNodes()],ve.prototype,"slotNodes",void 0),we([r.query(".ft-tooltip--container")],ve.prototype,"container",void 0),we([r.query(".ft-tooltip")],ve.prototype,"tooltip",void 0),we([r.query(".ft-tooltip--content")],ve.prototype,"tooltipContent",void 0),we([r.state()],ve.prototype,"visible",void 0),we([r.eventOptions({passive:!0})],ve.prototype,"onTouch",null),we([r.eventOptions({passive:!0})],ve.prototype,"onHover",null),we([r.eventOptions({passive:!0})],ve.prototype,"onOut",null),o.customElement("ft-tooltip")(ve),t.FtTooltip=ve,t.FtTooltipCssVariables=So,t.styles=xo}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators);
|
package/build/ft-tooltip.min.js
CHANGED
|
@@ -252,7 +252,7 @@ const To=Symbol.for(""),_o=t=>{if(t?.r===To)return t?._$litStatic$},jo=t=>({_$li
|
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
.ft-tooltip {
|
|
255
|
-
position:
|
|
255
|
+
position: fixed;
|
|
256
256
|
box-sizing: border-box;
|
|
257
257
|
overflow: hidden;
|
|
258
258
|
width: max-content;
|
|
@@ -270,7 +270,7 @@ const To=Symbol.for(""),_o=t=>{if(t?.r===To)return t?._$litStatic$},jo=t=>({_$li
|
|
|
270
270
|
position: relative;
|
|
271
271
|
word-break: break-word;
|
|
272
272
|
}
|
|
273
|
-
`,Sr=["start","end"],xr=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Sr[0],o+"-"+Sr[1])),[]),vr=Math.min,wr=Math.max,Cr=Math.round,Rr=t=>({x:t,y:t}),Er={left:"right",right:"left",bottom:"top",top:"bottom"},Ur={start:"end",end:"start"};function Ir(t,o,e){return wr(t,vr(o,e))}function Wr(t,o){return"function"==typeof t?t(o):t}function Lr(t){return t.split("-")[0]}function $r(t){return t.split("-")[1]}function kr(t){return"x"===t?"y":"x"}function Kr(t){return"y"===t?"height":"width"}function Zr(t){return["top","bottom"].includes(Lr(t))?"y":"x"}function Fr(t){return kr(Zr(t))}function zr(t){return t.replace(/left|right|bottom|top/g,(t=>Er[t]))}function Ar(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Mr(t,o,e){let{reference:r,floating:i}=t;const n=Zr(o),a=Fr(o),s=Kr(a),c=Lr(o),l="y"===n,f=r.x+r.width/2-i.width/2,p=r.y+r.height/2-i.height/2,h=r[s]/2-i[s]/2;let d;switch(c){case"top":d={x:f,y:r.y-i.height};break;case"bottom":d={x:f,y:r.y+r.height};break;case"right":d={x:r.x+r.width,y:p};break;case"left":d={x:r.x-i.width,y:p};break;default:d={x:r.x,y:r.y}}switch($r(o)){case"start":d[a]-=h*(e&&l?-1:1);break;case"end":d[a]+=h*(e&&l?-1:1)}return d}async function Dr(t,o){var e;void 0===o&&(o={});const{x:r,y:i,platform:n,rects:a,elements:s,strategy:c}=t,{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:p="floating",altBoundary:h=!1,padding:d=0}=Wr(o,t),y=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),g=s[h?"floating"===p?"reference":"floating":p],u=Ar(await n.getClippingRect({element:null==(e=await(null==n.isElement?void 0:n.isElement(g)))||e?g:g.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:l,rootBoundary:f,strategy:c})),b="floating"===p?{...a.floating,x:r,y:i}:a.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),O=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},N=Ar(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:m,strategy:c}):b);return{top:(u.top-N.top+y.top)/O.y,bottom:(N.bottom-u.bottom+y.bottom)/O.y,left:(u.left-N.left+y.left)/O.x,right:(N.right-u.right+y.right)/O.x}}function Br(t,o,e){return(t?[...e.filter((o=>$r(o)===t)),...e.filter((o=>$r(o)!==t))]:e.filter((t=>Lr(t)===t))).filter((e=>!t||($r(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Ur[t]))}(e)!==e)))}const Pr=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,r,i;const{rects:n,middlewareData:a,placement:s,platform:c,elements:l}=o,{crossAxis:f=!1,alignment:p,allowedPlacements:h=xr,autoAlignment:d=!0,...y}=Wr(t,o),g=void 0!==p||h===xr?Br(p||null,d,h):h,u=await Dr(o,y),b=(null==(e=a.autoPlacement)?void 0:e.index)||0,m=g[b];if(null==m)return{};const O=function(t,o,e){void 0===e&&(e=!1);const r=$r(t),i=Fr(t),n=Kr(i);let a="x"===i?r===(e?"end":"start")?"right":"left":"start"===r?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=zr(a)),[a,zr(a)]}(m,n,await(null==c.isRTL?void 0:c.isRTL(l.floating)));if(s!==m)return{reset:{placement:g[0]}};const N=[u[Lr(m)],u[O[0]],u[O[1]]],S=[...(null==(r=a.autoPlacement)?void 0:r.overflows)||[],{placement:m,overflows:N}],x=g[b+1];if(x)return{data:{index:b+1,overflows:S},reset:{placement:x}};const v=S.map((t=>{const o=$r(t.placement);return[t.placement,o&&f?t.overflows.slice(0,2).reduce(((t,o)=>t+o),0):t.overflows[0],t.overflows]})).sort(((t,o)=>t[1]-o[1])),w=v.filter((t=>t[2].slice(0,$r(t[0])?2:3).every((t=>t<=0)))),C=(null==(i=w[0])?void 0:i[0])||v[0][0];return C!==s?{data:{index:b+1,overflows:S},reset:{placement:C}}:{}}}};function Hr(t){return jr(t)?(t.nodeName||"").toLowerCase():"#document"}function Tr(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function _r(t){var o;return null==(o=(jr(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function jr(t){return t instanceof Node||t instanceof Tr(t).Node}function Gr(t){return t instanceof Element||t instanceof Tr(t).Element}function Yr(t){return t instanceof HTMLElement||t instanceof Tr(t).HTMLElement}function Jr(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof Tr(t).ShadowRoot)}function Vr(t){const{overflow:o,overflowX:e,overflowY:r,display:i}=oi(t);return/auto|scroll|overlay|hidden|clip/.test(o+r+e)&&!["inline","contents"].includes(i)}function Xr(t){return["table","td","th"].includes(Hr(t))}function qr(t){const o=Qr(),e=oi(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!o&&!!e.backdropFilter&&"none"!==e.backdropFilter||!o&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function Qr(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function ti(t){return["html","body","#document"].includes(Hr(t))}function oi(t){return Tr(t).getComputedStyle(t)}function ei(t){return Gr(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ri(t){if("html"===Hr(t))return t;const o=t.assignedSlot||t.parentNode||Jr(t)&&t.host||_r(t);return Jr(o)?o.host:o}function ii(t){const o=ri(t);return ti(o)?t.ownerDocument?t.ownerDocument.body:t.body:Yr(o)&&Vr(o)?o:ii(o)}function ni(t,o,e){var r;void 0===o&&(o=[]),void 0===e&&(e=!0);const i=ii(t),n=i===(null==(r=t.ownerDocument)?void 0:r.body),a=Tr(i);return n?o.concat(a,a.visualViewport||[],Vr(i)?i:[],a.frameElement&&e?ni(a.frameElement):[]):o.concat(i,ni(i,[],e))}function ai(t){const o=oi(t);let e=parseFloat(o.width)||0,r=parseFloat(o.height)||0;const i=Yr(t),n=i?t.offsetWidth:e,a=i?t.offsetHeight:r,s=Cr(e)!==n||Cr(r)!==a;return s&&(e=n,r=a),{width:e,height:r,$:s}}function si(t){return Gr(t)?t:t.contextElement}function ci(t){const o=si(t);if(!Yr(o))return Rr(1);const e=o.getBoundingClientRect(),{width:r,height:i,$:n}=ai(o);let a=(n?Cr(e.width):e.width)/r,s=(n?Cr(e.height):e.height)/i;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const li=Rr(0);function fi(t){const o=Tr(t);return Qr()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:li}function pi(t,o,e,r){void 0===o&&(o=!1),void 0===e&&(e=!1);const i=t.getBoundingClientRect(),n=si(t);let a=Rr(1);o&&(r?Gr(r)&&(a=ci(r)):a=ci(t));const s=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==Tr(t))&&o}(n,e,r)?fi(n):Rr(0);let c=(i.left+s.x)/a.x,l=(i.top+s.y)/a.y,f=i.width/a.x,p=i.height/a.y;if(n){const t=Tr(n),o=r&&Gr(r)?Tr(r):r;let e=t.frameElement;for(;e&&r&&o!==t;){const t=ci(e),o=e.getBoundingClientRect(),r=oi(e),i=o.left+(e.clientLeft+parseFloat(r.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(r.paddingTop))*t.y;c*=t.x,l*=t.y,f*=t.x,p*=t.y,c+=i,l+=n,e=Tr(e).frameElement}}return Ar({width:f,height:p,x:c,y:l})}function hi(t){return pi(_r(t)).left+ei(t).scrollLeft}function di(t,o,e){let r;if("viewport"===o)r=function(t,o){const e=Tr(t),r=_r(t),i=e.visualViewport;let n=r.clientWidth,a=r.clientHeight,s=0,c=0;if(i){n=i.width,a=i.height;const t=Qr();(!t||t&&"fixed"===o)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:n,height:a,x:s,y:c}}(t,e);else if("document"===o)r=function(t){const o=_r(t),e=ei(t),r=t.ownerDocument.body,i=wr(o.scrollWidth,o.clientWidth,r.scrollWidth,r.clientWidth),n=wr(o.scrollHeight,o.clientHeight,r.scrollHeight,r.clientHeight);let a=-e.scrollLeft+hi(t);const s=-e.scrollTop;return"rtl"===oi(r).direction&&(a+=wr(o.clientWidth,r.clientWidth)-i),{width:i,height:n,x:a,y:s}}(_r(t));else if(Gr(o))r=function(t,o){const e=pi(t,!0,"fixed"===o),r=e.top+t.clientTop,i=e.left+t.clientLeft,n=Yr(t)?ci(t):Rr(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:i*n.x,y:r*n.y}}(o,e);else{const e=fi(t);r={...o,x:o.x-e.x,y:o.y-e.y}}return Ar(r)}function yi(t,o){const e=ri(t);return!(e===o||!Gr(e)||ti(e))&&("fixed"===oi(e).position||yi(e,o))}function gi(t,o,e){const r=Yr(o),i=_r(o),n="fixed"===e,a=pi(t,!0,n,o);let s={scrollLeft:0,scrollTop:0};const c=Rr(0);if(r||!r&&!n)if(("body"!==Hr(o)||Vr(i))&&(s=ei(o)),r){const t=pi(o,!0,n,o);c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}else i&&(c.x=hi(i));return{x:a.left+s.scrollLeft-c.x,y:a.top+s.scrollTop-c.y,width:a.width,height:a.height}}function ui(t,o){return Yr(t)&&"fixed"!==oi(t).position?o?o(t):t.offsetParent:null}function bi(t,o){const e=Tr(t);if(!Yr(t))return e;let r=ui(t,o);for(;r&&Xr(r)&&"static"===oi(r).position;)r=ui(r,o);return r&&("html"===Hr(r)||"body"===Hr(r)&&"static"===oi(r).position&&!qr(r))?e:r||function(t){let o=ri(t);for(;Yr(o)&&!ti(o);){if(qr(o))return o;o=ri(o)}return null}(t)||e}const mi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:r}=t;const i=Yr(e),n=_r(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},s=Rr(1);const c=Rr(0);if((i||!i&&"fixed"!==r)&&(("body"!==Hr(e)||Vr(n))&&(a=ei(e)),Yr(e))){const t=pi(e);s=ci(e),c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}return{width:o.width*s.x,height:o.height*s.y,x:o.x*s.x-a.scrollLeft*s.x+c.x,y:o.y*s.y-a.scrollTop*s.y+c.y}},getDocumentElement:_r,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:r,strategy:i}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let r=ni(t,[],!1).filter((t=>Gr(t)&&"body"!==Hr(t))),i=null;const n="fixed"===oi(t).position;let a=n?ri(t):t;for(;Gr(a)&&!ti(a);){const o=oi(a),e=qr(a);e||"fixed"!==o.position||(i=null),(n?!e&&!i:!e&&"static"===o.position&&i&&["absolute","fixed"].includes(i.position)||Vr(a)&&!e&&yi(t,a))?r=r.filter((t=>t!==a)):i=o,a=ri(a)}return o.set(t,r),r}(o,this._c):[].concat(e),r],a=n[0],s=n.reduce(((t,e)=>{const r=di(o,e,i);return t.top=wr(r.top,t.top),t.right=vr(r.right,t.right),t.bottom=vr(r.bottom,t.bottom),t.left=wr(r.left,t.left),t}),di(o,a,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:bi,getElementRects:async function(t){let{reference:o,floating:e,strategy:r}=t;const i=this.getOffsetParent||bi,n=this.getDimensions;return{reference:gi(o,await i(e),r),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return ai(t)},getScale:ci,isElement:Gr,isRTL:function(t){return"rtl"===oi(t).direction}},Oi=(t,o,e)=>{const r=new Map,i={platform:mi,...e},n={...i.platform,_c:r};return(async(t,o,e)=>{const{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:a}=e,s=n.filter(Boolean),c=await(null==a.isRTL?void 0:a.isRTL(o));let l=await a.getElementRects({reference:t,floating:o,strategy:i}),{x:f,y:p}=Mr(l,r,c),h=r,d={},y=0;for(let e=0;e<s.length;e++){const{name:n,fn:g}=s[e],{x:u,y:b,data:m,reset:O}=await g({x:f,y:p,initialPlacement:r,placement:h,strategy:i,middlewareData:d,rects:l,platform:a,elements:{reference:t,floating:o}});f=null!=u?u:f,p=null!=b?b:p,d={...d,[n]:{...d[n],...m}},O&&y<=50&&(y++,"object"==typeof O&&(O.placement&&(h=O.placement),O.rects&&(l=!0===O.rects?await a.getElementRects({reference:t,floating:o,strategy:i}):O.rects),({x:f,y:p}=Mr(l,h,c))),e=-1)}return{x:f,y:p,placement:h,strategy:i,middlewareData:d}})(t,o,{...i,platform:n})};var Ni=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Si extends $o{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 U,this.revealDebouncer=new U}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Qt`
|
|
273
|
+
`,Sr=["start","end"],xr=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Sr[0],o+"-"+Sr[1])),[]),vr=Math.min,wr=Math.max,Cr=Math.round,Rr=t=>({x:t,y:t}),Er={left:"right",right:"left",bottom:"top",top:"bottom"},Ur={start:"end",end:"start"};function Ir(t,o,e){return wr(t,vr(o,e))}function Wr(t,o){return"function"==typeof t?t(o):t}function Lr(t){return t.split("-")[0]}function $r(t){return t.split("-")[1]}function kr(t){return"x"===t?"y":"x"}function Kr(t){return"y"===t?"height":"width"}function Zr(t){return["top","bottom"].includes(Lr(t))?"y":"x"}function Fr(t){return kr(Zr(t))}function zr(t){return t.replace(/left|right|bottom|top/g,(t=>Er[t]))}function Ar(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Mr(t,o,e){let{reference:r,floating:i}=t;const n=Zr(o),a=Fr(o),s=Kr(a),c=Lr(o),l="y"===n,f=r.x+r.width/2-i.width/2,p=r.y+r.height/2-i.height/2,h=r[s]/2-i[s]/2;let d;switch(c){case"top":d={x:f,y:r.y-i.height};break;case"bottom":d={x:f,y:r.y+r.height};break;case"right":d={x:r.x+r.width,y:p};break;case"left":d={x:r.x-i.width,y:p};break;default:d={x:r.x,y:r.y}}switch($r(o)){case"start":d[a]-=h*(e&&l?-1:1);break;case"end":d[a]+=h*(e&&l?-1:1)}return d}async function Dr(t,o){var e;void 0===o&&(o={});const{x:r,y:i,platform:n,rects:a,elements:s,strategy:c}=t,{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:p="floating",altBoundary:h=!1,padding:d=0}=Wr(o,t),y=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),g=s[h?"floating"===p?"reference":"floating":p],u=Ar(await n.getClippingRect({element:null==(e=await(null==n.isElement?void 0:n.isElement(g)))||e?g:g.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:l,rootBoundary:f,strategy:c})),b="floating"===p?{...a.floating,x:r,y:i}:a.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),O=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},N=Ar(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:m,strategy:c}):b);return{top:(u.top-N.top+y.top)/O.y,bottom:(N.bottom-u.bottom+y.bottom)/O.y,left:(u.left-N.left+y.left)/O.x,right:(N.right-u.right+y.right)/O.x}}function Br(t,o,e){return(t?[...e.filter((o=>$r(o)===t)),...e.filter((o=>$r(o)!==t))]:e.filter((t=>Lr(t)===t))).filter((e=>!t||($r(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Ur[t]))}(e)!==e)))}const Pr=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,r,i;const{rects:n,middlewareData:a,placement:s,platform:c,elements:l}=o,{crossAxis:f=!1,alignment:p,allowedPlacements:h=xr,autoAlignment:d=!0,...y}=Wr(t,o),g=void 0!==p||h===xr?Br(p||null,d,h):h,u=await Dr(o,y),b=(null==(e=a.autoPlacement)?void 0:e.index)||0,m=g[b];if(null==m)return{};const O=function(t,o,e){void 0===e&&(e=!1);const r=$r(t),i=Fr(t),n=Kr(i);let a="x"===i?r===(e?"end":"start")?"right":"left":"start"===r?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=zr(a)),[a,zr(a)]}(m,n,await(null==c.isRTL?void 0:c.isRTL(l.floating)));if(s!==m)return{reset:{placement:g[0]}};const N=[u[Lr(m)],u[O[0]],u[O[1]]],S=[...(null==(r=a.autoPlacement)?void 0:r.overflows)||[],{placement:m,overflows:N}],x=g[b+1];if(x)return{data:{index:b+1,overflows:S},reset:{placement:x}};const v=S.map((t=>{const o=$r(t.placement);return[t.placement,o&&f?t.overflows.slice(0,2).reduce(((t,o)=>t+o),0):t.overflows[0],t.overflows]})).sort(((t,o)=>t[1]-o[1])),w=v.filter((t=>t[2].slice(0,$r(t[0])?2:3).every((t=>t<=0)))),C=(null==(i=w[0])?void 0:i[0])||v[0][0];return C!==s?{data:{index:b+1,overflows:S},reset:{placement:C}}:{}}}};function Hr(t){return jr(t)?(t.nodeName||"").toLowerCase():"#document"}function Tr(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function _r(t){var o;return null==(o=(jr(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function jr(t){return t instanceof Node||t instanceof Tr(t).Node}function Gr(t){return t instanceof Element||t instanceof Tr(t).Element}function Yr(t){return t instanceof HTMLElement||t instanceof Tr(t).HTMLElement}function Jr(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof Tr(t).ShadowRoot)}function Vr(t){const{overflow:o,overflowX:e,overflowY:r,display:i}=oi(t);return/auto|scroll|overlay|hidden|clip/.test(o+r+e)&&!["inline","contents"].includes(i)}function Xr(t){return["table","td","th"].includes(Hr(t))}function qr(t){const o=Qr(),e=oi(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!o&&!!e.backdropFilter&&"none"!==e.backdropFilter||!o&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function Qr(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function ti(t){return["html","body","#document"].includes(Hr(t))}function oi(t){return Tr(t).getComputedStyle(t)}function ei(t){return Gr(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ri(t){if("html"===Hr(t))return t;const o=t.assignedSlot||t.parentNode||Jr(t)&&t.host||_r(t);return Jr(o)?o.host:o}function ii(t){const o=ri(t);return ti(o)?t.ownerDocument?t.ownerDocument.body:t.body:Yr(o)&&Vr(o)?o:ii(o)}function ni(t,o,e){var r;void 0===o&&(o=[]),void 0===e&&(e=!0);const i=ii(t),n=i===(null==(r=t.ownerDocument)?void 0:r.body),a=Tr(i);return n?o.concat(a,a.visualViewport||[],Vr(i)?i:[],a.frameElement&&e?ni(a.frameElement):[]):o.concat(i,ni(i,[],e))}function ai(t){const o=oi(t);let e=parseFloat(o.width)||0,r=parseFloat(o.height)||0;const i=Yr(t),n=i?t.offsetWidth:e,a=i?t.offsetHeight:r,s=Cr(e)!==n||Cr(r)!==a;return s&&(e=n,r=a),{width:e,height:r,$:s}}function si(t){return Gr(t)?t:t.contextElement}function ci(t){const o=si(t);if(!Yr(o))return Rr(1);const e=o.getBoundingClientRect(),{width:r,height:i,$:n}=ai(o);let a=(n?Cr(e.width):e.width)/r,s=(n?Cr(e.height):e.height)/i;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const li=Rr(0);function fi(t){const o=Tr(t);return Qr()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:li}function pi(t,o,e,r){void 0===o&&(o=!1),void 0===e&&(e=!1);const i=t.getBoundingClientRect(),n=si(t);let a=Rr(1);o&&(r?Gr(r)&&(a=ci(r)):a=ci(t));const s=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==Tr(t))&&o}(n,e,r)?fi(n):Rr(0);let c=(i.left+s.x)/a.x,l=(i.top+s.y)/a.y,f=i.width/a.x,p=i.height/a.y;if(n){const t=Tr(n),o=r&&Gr(r)?Tr(r):r;let e=t.frameElement;for(;e&&r&&o!==t;){const t=ci(e),o=e.getBoundingClientRect(),r=oi(e),i=o.left+(e.clientLeft+parseFloat(r.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(r.paddingTop))*t.y;c*=t.x,l*=t.y,f*=t.x,p*=t.y,c+=i,l+=n,e=Tr(e).frameElement}}return Ar({width:f,height:p,x:c,y:l})}function hi(t){return pi(_r(t)).left+ei(t).scrollLeft}function di(t,o,e){let r;if("viewport"===o)r=function(t,o){const e=Tr(t),r=_r(t),i=e.visualViewport;let n=r.clientWidth,a=r.clientHeight,s=0,c=0;if(i){n=i.width,a=i.height;const t=Qr();(!t||t&&"fixed"===o)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:n,height:a,x:s,y:c}}(t,e);else if("document"===o)r=function(t){const o=_r(t),e=ei(t),r=t.ownerDocument.body,i=wr(o.scrollWidth,o.clientWidth,r.scrollWidth,r.clientWidth),n=wr(o.scrollHeight,o.clientHeight,r.scrollHeight,r.clientHeight);let a=-e.scrollLeft+hi(t);const s=-e.scrollTop;return"rtl"===oi(r).direction&&(a+=wr(o.clientWidth,r.clientWidth)-i),{width:i,height:n,x:a,y:s}}(_r(t));else if(Gr(o))r=function(t,o){const e=pi(t,!0,"fixed"===o),r=e.top+t.clientTop,i=e.left+t.clientLeft,n=Yr(t)?ci(t):Rr(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:i*n.x,y:r*n.y}}(o,e);else{const e=fi(t);r={...o,x:o.x-e.x,y:o.y-e.y}}return Ar(r)}function yi(t,o){const e=ri(t);return!(e===o||!Gr(e)||ti(e))&&("fixed"===oi(e).position||yi(e,o))}function gi(t,o,e){const r=Yr(o),i=_r(o),n="fixed"===e,a=pi(t,!0,n,o);let s={scrollLeft:0,scrollTop:0};const c=Rr(0);if(r||!r&&!n)if(("body"!==Hr(o)||Vr(i))&&(s=ei(o)),r){const t=pi(o,!0,n,o);c.x=t.x+o.clientLeft,c.y=t.y+o.clientTop}else i&&(c.x=hi(i));return{x:a.left+s.scrollLeft-c.x,y:a.top+s.scrollTop-c.y,width:a.width,height:a.height}}function ui(t,o){return Yr(t)&&"fixed"!==oi(t).position?o?o(t):t.offsetParent:null}function bi(t,o){const e=Tr(t);if(!Yr(t))return e;let r=ui(t,o);for(;r&&Xr(r)&&"static"===oi(r).position;)r=ui(r,o);return r&&("html"===Hr(r)||"body"===Hr(r)&&"static"===oi(r).position&&!qr(r))?e:r||function(t){let o=ri(t);for(;Yr(o)&&!ti(o);){if(qr(o))return o;o=ri(o)}return null}(t)||e}const mi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:r}=t;const i=Yr(e),n=_r(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},s=Rr(1);const c=Rr(0);if((i||!i&&"fixed"!==r)&&(("body"!==Hr(e)||Vr(n))&&(a=ei(e)),Yr(e))){const t=pi(e);s=ci(e),c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}return{width:o.width*s.x,height:o.height*s.y,x:o.x*s.x-a.scrollLeft*s.x+c.x,y:o.y*s.y-a.scrollTop*s.y+c.y}},getDocumentElement:_r,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:r,strategy:i}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let r=ni(t,[],!1).filter((t=>Gr(t)&&"body"!==Hr(t))),i=null;const n="fixed"===oi(t).position;let a=n?ri(t):t;for(;Gr(a)&&!ti(a);){const o=oi(a),e=qr(a);e||"fixed"!==o.position||(i=null),(n?!e&&!i:!e&&"static"===o.position&&i&&["absolute","fixed"].includes(i.position)||Vr(a)&&!e&&yi(t,a))?r=r.filter((t=>t!==a)):i=o,a=ri(a)}return o.set(t,r),r}(o,this._c):[].concat(e),r],a=n[0],s=n.reduce(((t,e)=>{const r=di(o,e,i);return t.top=wr(r.top,t.top),t.right=vr(r.right,t.right),t.bottom=vr(r.bottom,t.bottom),t.left=wr(r.left,t.left),t}),di(o,a,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:bi,getElementRects:async function(t){let{reference:o,floating:e,strategy:r}=t;const i=this.getOffsetParent||bi,n=this.getDimensions;return{reference:gi(o,await i(e),r),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return ai(t)},getScale:ci,isElement:Gr,isRTL:function(t){return"rtl"===oi(t).direction}},Oi=(t,o,e)=>{const r=new Map,i={platform:mi,...e},n={...i.platform,_c:r};return(async(t,o,e)=>{const{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:a}=e,s=n.filter(Boolean),c=await(null==a.isRTL?void 0:a.isRTL(o));let l=await a.getElementRects({reference:t,floating:o,strategy:i}),{x:f,y:p}=Mr(l,r,c),h=r,d={},y=0;for(let e=0;e<s.length;e++){const{name:n,fn:g}=s[e],{x:u,y:b,data:m,reset:O}=await g({x:f,y:p,initialPlacement:r,placement:h,strategy:i,middlewareData:d,rects:l,platform:a,elements:{reference:t,floating:o}});f=null!=u?u:f,p=null!=b?b:p,d={...d,[n]:{...d[n],...m}},O&&y<=50&&(y++,"object"==typeof O&&(O.placement&&(h=O.placement),O.rects&&(l=!0===O.rects?await a.getElementRects({reference:t,floating:o,strategy:i}):O.rects),({x:f,y:p}=Mr(l,h,c))),e=-1)}return{x:f,y:p,placement:h,strategy:i,middlewareData:d}})(t,o,{...i,platform:n})};function Ni(t){return function(t){for(let o=t;o;o=Si(o))if(o instanceof Element&&"none"===getComputedStyle(o).display)return null;for(let o=Si(t);o;o=Si(o)){if(!(o instanceof Element))continue;const t=getComputedStyle(o);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return o;if("BODY"===o.tagName)return o}}return null}(t)}function Si(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var xi=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class vi extends $o{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 U,this.revealDebouncer=new U}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Qt`
|
|
274
274
|
<div part="container"
|
|
275
275
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
276
276
|
@mouseenter=${this.onHover}
|
|
@@ -278,7 +278,7 @@ const To=Symbol.for(""),_o=t=>{if(t?.r===To)return t?._$litStatic$},jo=t=>({_$li
|
|
|
278
278
|
@focusin=${this.onHover}
|
|
279
279
|
@focusout=${this.onOut}
|
|
280
280
|
@touchstart=${this.onTouch}>
|
|
281
|
-
<slot></slot>
|
|
281
|
+
<slot part="slot"></slot>
|
|
282
282
|
<div part="tooltip" role="tooltip" inert
|
|
283
283
|
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
284
284
|
?hidden=${!this.visible}>
|
|
@@ -288,4 +288,4 @@ const To=Symbol.for(""),_o=t=>{if(t?.r===To)return t?._$litStatic$},jo=t=>({_$li
|
|
|
288
288
|
</div>
|
|
289
289
|
</div>
|
|
290
290
|
</div>
|
|
291
|
-
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Oi(this.slottedElement,this.tooltip,{middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(o){const{x:e,y:r,placement:i}=o,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...c}=Wr(t,o),l={x:e,y:r},f=await Dr(o,c),p=Zr(Lr(i)),h=kr(p);let d=l[h],y=l[p];if(n){const t="y"===h?"bottom":"right";d=Ir(d+f["y"===h?"top":"left"],d,d-f[t])}if(a){const t="y"===p?"bottom":"right";y=Ir(y+f["y"===p?"top":"left"],y,y-f[t])}const g=s.fn({...o,[h]:d,[p]:y});return{...g,data:{x:g.x-e,y:g.y-r}}}}),Pr({allowedPlacements:[this.position]})]}).then((({x:t,y:o})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${o}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}
|
|
291
|
+
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.validPosition){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Oi(this.slottedElement,this.tooltip,{platform:{...mi,getOffsetParent:t=>mi.getOffsetParent(t,Ni)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(o){const{x:e,y:r,placement:i}=o,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...c}=Wr(t,o),l={x:e,y:r},f=await Dr(o,c),p=Zr(Lr(i)),h=kr(p);let d=l[h],y=l[p];if(n){const t="y"===h?"bottom":"right";d=Ir(d+f["y"===h?"top":"left"],d,d-f[t])}if(a){const t="y"===p?"bottom":"right";y=Ir(y+f["y"===p?"top":"left"],y,y-f[t])}const g=s.fn({...o,[h]:d,[p]:y});return{...g,data:{x:g.x-e,y:g.y-r}}}}),Pr({allowedPlacements:[this.position]})]}).then((({x:t,y:o})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${o}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",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}vi.elementDefinitions={"ft-typography":mr},vi.styles=Nr,xi([w()],vi.prototype,"text",void 0),xi([w({type:Boolean})],vi.prototype,"manual",void 0),xi([w({type:Boolean})],vi.prototype,"inline",void 0),xi([w({type:Number})],vi.prototype,"delay",void 0),xi([w()],vi.prototype,"position",void 0),xi([function(t){return(o,e)=>{const{slot:r}=t??{},i="slot"+(r?`[name=${r}]`:":not([name])");return R(0,0,{get(){const o=this.renderRoot?.querySelector(i);return o?.assignedNodes(t)??[]}})}}()],vi.prototype,"slotNodes",void 0),xi([E(".ft-tooltip--container")],vi.prototype,"container",void 0),xi([E(".ft-tooltip")],vi.prototype,"tooltip",void 0),xi([E(".ft-tooltip--content")],vi.prototype,"tooltipContent",void 0),xi([function(t){return w({...t,state:!0,attribute:!1})}()],vi.prototype,"visible",void 0),xi([C({passive:!0})],vi.prototype,"onTouch",null),xi([C({passive:!0})],vi.prototype,"onHover",null),xi([C({passive:!0})],vi.prototype,"onOut",null),W("ft-tooltip")(vi),t.FtTooltip=vi,t.FtTooltipCssVariables=Or,t.styles=Nr}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-tooltip",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.10",
|
|
4
4
|
"description": "A simple tooltip component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -20,9 +20,10 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@floating-ui/dom": "1.5.3",
|
|
23
|
-
"@fluid-topics/ft-typography": "1.1.
|
|
24
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
23
|
+
"@fluid-topics/ft-typography": "1.1.10",
|
|
24
|
+
"@fluid-topics/ft-wc-utils": "1.1.10",
|
|
25
|
+
"composed-offset-position": "^0.0.4",
|
|
25
26
|
"lit": "3.1.0"
|
|
26
27
|
},
|
|
27
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "dd861ad18248198f16fe78602cb5d72049c15ec2"
|
|
28
29
|
}
|