@fluid-topics/ft-search-type 1.1.70 → 1.1.71
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-search-type.light.js +369 -358
- package/build/ft-search-type.min.js +571 -507
- package/package.json +3 -3
|
@@ -1,127 +1,120 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
* @license
|
|
5
|
-
* Copyright 2017 Google LLC
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litStatic$:t,r:M}),G=new Map,V=(t=>(o,...e)=>{const i=e.length;let r,n;const a=[],l=[];let s,c=0,f=!1;for(;c<i;){for(s=o[c];c<i&&void 0!==(n=e[c],r=j(n));)s+=r+o[++c],f=!0;c!==i&&l.push(n),a.push(s),c++}if(c===i&&a.push(o[i]),f){const t=a.join("$$lit$$");void 0===(o=G.get(t))&&(a.raw=a,G.set(t,o=a)),e=l}return t(o,...e)})(E);var q;!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"}(q||(q={}));const Y=t=>"string"==typeof t?e.unsafeCSS(t):t;class Q{static create(t,o,i,r){const n=t=>Y(null!=t?t:r),a=e.css`var(${Y(t)}, ${n(r)})`;return a.name=t,a.description=o,a.category=i,a.defaultValue=r,a.defaultCssValue=n,a.get=o=>e.css`var(${Y(t)}, ${n(o)})`,a.breadcrumb=()=>[],a.lastResortDefaultValue=()=>r,a}static extend(t,o,i,r){const n=t=>i.get(null!=t?t:r),a=e.css`var(${Y(t)}, ${n(r)})`;return a.name=t,a.description=o,a.category=i.category,a.fallbackVariable=i,a.defaultValue=r,a.defaultCssValue=n,a.get=o=>e.css`var(${Y(t)}, ${n(o)})`,a.breadcrumb=()=>[i.name,...i.breadcrumb()],a.lastResortDefaultValue=()=>null!=r?r:i.lastResortDefaultValue(),a}static external(t,o){const i=o=>t.fallbackVariable?t.fallbackVariable.get(null!=o?o:t.defaultValue):Y(null!=o?o:t.lastResortDefaultValue()),r=e.css`var(${Y(t.name)}, ${i(t.defaultValue)})`;return r.name=t.name,r.category=t.category,r.fallbackVariable=t.fallbackVariable,r.defaultValue=t.defaultValue,r.context=o,r.defaultCssValue=i,r.get=o=>e.css`var(${Y(t.name)}, ${i(o)})`,r.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],r.lastResortDefaultValue=()=>t.lastResortDefaultValue(),r}}const X={colorWhite:Q.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:Q.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:Q.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:Q.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:Q.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:Q.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:Q.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:Q.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:Q.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:Q.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:Q.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:Q.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:Q.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:Q.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:Q.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:Q.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:Q.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:Q.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:Q.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:Q.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:Q.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:Q.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:Q.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:Q.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:Q.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:Q.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:Q.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:Q.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:Q.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:Q.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:Q.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:Q.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:Q.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:Q.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:Q.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:Q.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:Q.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:Q.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:Q.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:Q.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:Q.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:Q.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:Q.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:Q.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:Q.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:Q.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:Q.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:Q.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:Q.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:Q.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:Q.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:Q.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:Q.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:Q.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:Q.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:Q.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:Q.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:Q.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:Q.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:Q.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:Q.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:Q.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:Q.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:Q.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:Q.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:Q.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:Q.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:Q.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:Q.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:Q.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:Q.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:Q.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:Q.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:Q.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:Q.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:Q.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:Q.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:Q.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:Q.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:Q.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:Q.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:Q.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:Q.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:Q.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:Q.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:Q.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:Q.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:Q.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:Q.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:Q.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:Q.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:Q.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:Q.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:Q.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:Q.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:Q.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:Q.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:Q.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:Q.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:Q.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:Q.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:Q.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:Q.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:Q.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:Q.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:Q.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:Q.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:Q.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:Q.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:Q.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:Q.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:Q.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:Q.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:Q.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:Q.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:Q.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:Q.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:Q.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:Q.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:Q.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:Q.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:Q.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:Q.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:Q.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:Q.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:Q.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:Q.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:Q.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:Q.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:Q.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:Q.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:Q.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:Q.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:Q.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:Q.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:Q.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:Q.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:Q.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:Q.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:Q.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:Q.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:Q.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:Q.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:Q.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:Q.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:Q.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:Q.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:Q.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:Q.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:Q.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:Q.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:Q.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:Q.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:Q.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:Q.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:Q.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:Q.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:Q.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:Q.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:Q.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:Q.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:Q.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:Q.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:Q.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:Q.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:Q.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:Q.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:Q.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:Q.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:Q.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:Q.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:Q.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:Q.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:Q.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:Q.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:Q.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:Q.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:Q.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:Q.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:Q.create("--ft-icon-size-6","","SIZE","48px"),opacity0:Q.create("--ft-opacity-0","","NUMBER","0"),opacity8:Q.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:Q.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:Q.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:Q.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:Q.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:Q.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:Q.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:Q.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:Q.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:Q.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:Q.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:Q.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:Q.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:Q.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},J={display:{fontFamily:Q.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:Q.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:Q.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:Q.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-display-textCase","","UNKNOWN","none")},"title-1":{fontFamily:Q.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:Q.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:Q.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:Q.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},"title-2":{fontFamily:Q.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:Q.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:Q.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:Q.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},"title-3":{fontFamily:Q.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:Q.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:Q.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:Q.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},"body-1-regular":{fontFamily:Q.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:Q.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:Q.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},"body-1-medium":{fontFamily:Q.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:Q.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},"body-1-semibold":{fontFamily:Q.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:Q.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},"body-2-regular":{fontFamily:Q.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:Q.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},"body-2-medium":{fontFamily:Q.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},"body-2-medium-underline":{fontFamily:Q.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:Q.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:Q.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},"body-2-semibold":{fontFamily:Q.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:Q.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:Q.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:Q.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},"label-1-medium":{fontFamily:Q.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:Q.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:Q.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Q.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},"label-1-semibold":{fontFamily:Q.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:Q.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:Q.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Q.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},"label-1-bold":{fontFamily:Q.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:Q.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:Q.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:Q.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:Q.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Q.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},"label-2-medium":{fontFamily:Q.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:Q.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:Q.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:Q.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Q.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},"label-2-semibold":{fontFamily:Q.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:Q.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:Q.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:Q.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Q.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},"label-2-bold":{fontFamily:Q.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:Q.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:Q.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:Q.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:Q.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:Q.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},"caption-1-medium":{fontFamily:Q.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:Q.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},"caption-1-semibold":{fontFamily:Q.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:Q.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},"caption-1-bold":{fontFamily:Q.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:Q.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:Q.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},"caption-2-medium":{fontFamily:Q.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:Q.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},"caption-2-semibold":{fontFamily:Q.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:Q.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},"caption-2-bold":{fontFamily:Q.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:Q.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:Q.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},"caption-3-medium":{fontFamily:Q.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:Q.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:Q.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},"caption-3-semibold":{fontFamily:Q.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:Q.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:Q.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},"caption-3-bold":{fontFamily:Q.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:Q.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:Q.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:Q.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:Q.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:Q.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:Q.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:Q.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:Q.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")}},tt={backgroundActionPrimary:Q.extend("--ft-background-action-primary","Used as backgorund of primary action components.",X.colorBrand0),backgroundErrorSubtle:Q.extend("--ft-background-error-subtle","Used as background of subtle error components.",X.colorRed10),backgroundInfoSubtle:Q.extend("--ft-background-info-subtle","Used as background of subtle information components.",X.colorCyan10),backgroundWarningSubtle:Q.extend("--ft-background-warning-subtle","Used as background of subtle information components.",X.colorOrange10),backgroundSuccessSubtle:Q.extend("--ft-background-success-subtle","Used as background of subtle success components.",X.colorGreen10),backgroundGlobalSurface:Q.extend("--ft-background-global-surface","Used as app background.",X.colorWhite),backgroundGlobalOnSurface:Q.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",X.colorGray10),backgroundGlobalOnSurfaceDark:Q.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",X.colorGray30),contentActionPrimary:Q.extend("--ft-content-action-primary","Used on label of primary action on light surface.",X.colorBrand0),contentWarningPrimary:Q.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",X.colorOrange200),contentWarningIconOnly:Q.extend("--ft-content-warning-icon-only","Used on warning status icons alone",X.colorOrange0),contentErrorPrimary:Q.extend("--ft-content-error-primary","Used on label of error messages on light surface.",X.colorRed0),contentErrorIconOnly:Q.extend("--ft-content-error-icon-only","Used on error status icons alone",X.colorRed70),contentInfoPrimary:Q.extend("--ft-content-info-primary","Used on label of information messages on light surface.",X.colorCyan200),contentInfoIconOnly:Q.extend("--ft-content-info-icon-only","Used on info status icons alone",X.colorCyan0),contentSuccessPrimary:Q.extend("--ft-content-success-primary","Used on label of success messages on light surface.",X.colorGreen200),contentSuccessIconOnly:Q.extend("--ft-content-success-icon-only","Used on success status icons alone",X.colorGreen0),contentGlobalPrimary:Q.extend("--ft-content-global-primary","Used for main content on the page.",X.colorGray500),contentGlobalSecondary:Q.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",X.colorGray200),contentGlobalSubtle:Q.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",X.colorGray0),contentGlobalOnColor:Q.extend("--ft-content-global-on-color","Used for content on a dominant color.",X.colorWhite),borderActionPrimary:Q.extend("--ft-border-action-primary","Used as border for primary action components.",X.colorBrand0),borderActionFocusRing:Q.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",X.colorCyan0),borderWarningPrimary:Q.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",X.colorOrange200),borderWarningSubtle:Q.extend("--ft-border-warning-subtle","Used as border for warning components.",X.colorOrange30),borderSuccessPrimary:Q.extend("--ft-border-success-primary","Used as border for success buttons.",X.colorGreen200),borderSuccessSubtle:Q.extend("--ft-border-success-subtle","Used as border for success components.",X.colorGreen30),borderErrorPrimary:Q.extend("--ft-border-error-primary","Used as border for text fields in error states.",X.colorRed0),borderErrorSubtle:Q.extend("--ft-border-error-subtle","Used as border for error components.",X.colorRed30),borderInfoPrimary:Q.extend("--ft-border-info-primary","Used as border for buttons in info color.",X.colorCyan200),borderInfoSubtle:Q.extend("--ft-border-info-subtle","Used as border for information components.",X.colorCyan30),borderGlobalPrimary:Q.extend("--ft-border-global-primary","Used as border for element like input.",X.colorGray50),borderGlobalSubtle:Q.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",X.colorGray30),borderInputPrimary:Q.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",X.colorGray80)},ot={largeHeight:Q.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:Q.extend("--ft-button-large-horizontal-padding","",X.spacing4),largeGap:Q.extend("--ft-button-large-gap","",X.spacing2),largeBorderRadius:Q.extend("--ft-button-large-border-radius","",X.borderRadiusS),largeIconSize:Q.extend("--ft-button-large-icon-size","",X.iconSize3),largeBorderWidth:Q.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:Q.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:Q.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:Q.create("--ft-button-large-icon-only-width","","SIZE","40px"),smallHeight:Q.create("--ft-button-small-height","","SIZE","30px"),smallHorizontalPadding:Q.extend("--ft-button-small-horizontal-padding","",X.spacing3),smallGap:Q.extend("--ft-button-small-gap","",X.spacing2),smallBorderRadius:Q.extend("--ft-button-small-border-radius","",X.borderRadiusS),smallIconSize:Q.extend("--ft-button-small-icon-size","",X.iconSize2),smallBorderWidth:Q.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:Q.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:Q.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:Q.create("--ft-button-small-icon-only-width","","SIZE","30px"),primaryBackgroundColor:Q.extend("--ft-button-primary-background-color","",tt.backgroundActionPrimary),primaryColor:Q.extend("--ft-button-primary-color","",tt.contentGlobalOnColor),primaryIconColor:Q.extend("--ft-button-primary-icon-color","",tt.contentGlobalOnColor),primaryStateLayerColor:Q.extend("--ft-button-primary-state-layer-color","",tt.contentGlobalOnColor),primaryHoverStateLayerOpacity:Q.extend("--ft-button-primary-hover-state-layer-opacity","",X.opacity16),primaryFocusStateLayerOpacity:Q.extend("--ft-button-primary-focus-state-layer-opacity","",X.opacity16),primaryActiveStateLayerOpacity:Q.extend("--ft-button-primary-active-state-layer-opacity","",X.opacity24),primaryDisabledComponentOpacity:Q.extend("--ft-button-primary-disabled-component-opacity","",X.opacity40),focusFocusRingColor:Q.extend("--ft-button-focus-focus-ring-color","",tt.borderActionFocusRing),tertiaryBackgroundColor:Q.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:Q.extend("--ft-button-tertiary-color","",tt.contentActionPrimary),tertiaryIconColor:Q.extend("--ft-button-tertiary-icon-color","",tt.contentActionPrimary),tertiaryStateLayerColor:Q.extend("--ft-button-tertiary-state-layer-color","",tt.contentActionPrimary),tertiaryHoverStateLayerOpacity:Q.extend("--ft-button-tertiary-hover-state-layer-opacity","",X.opacity8),tertiaryFocusStateLayerOpacity:Q.extend("--ft-button-tertiary-focus-state-layer-opacity","",X.opacity8),tertiaryActiveStateLayerOpacity:Q.extend("--ft-button-tertiary-active-state-layer-opacity","",X.opacity16),tertiaryDisabledComponentOpacity:Q.extend("--ft-button-tertiary-disabled-component-opacity","",X.opacity40),secondaryBackgroundColor:Q.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:Q.extend("--ft-button-secondary-color","",tt.contentActionPrimary),secondaryIconColor:Q.extend("--ft-button-secondary-icon-color","",tt.contentActionPrimary),secondaryStateLayerColor:Q.extend("--ft-button-secondary-state-layer-color","",tt.contentActionPrimary),secondaryHoverStateLayerOpacity:Q.extend("--ft-button-secondary-hover-state-layer-opacity","",X.opacity8),secondaryFocusStateLayerOpacity:Q.extend("--ft-button-secondary-focus-state-layer-opacity","",X.opacity8),secondaryActiveStateLayerOpacity:Q.extend("--ft-button-secondary-active-state-layer-opacity","",X.opacity16),secondaryDisabledComponentOpacity:Q.extend("--ft-button-secondary-disabled-component-opacity","",X.opacity40),secondaryBorderColor:Q.extend("--ft-button-secondary-border-color","",tt.borderActionPrimary),neutralBackgroundColor:Q.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:Q.extend("--ft-button-neutral-icon-color","",tt.contentGlobalSecondary),neutralColor:Q.extend("--ft-button-neutral-color","",tt.contentGlobalSecondary),neutralStateLayerColor:Q.extend("--ft-button-neutral-state-layer-color","",tt.contentGlobalSecondary),neutralHoverStateLayerOpacity:Q.extend("--ft-button-neutral-hover-state-layer-opacity","",X.opacity8),neutralFocusStateLayerOpacity:Q.extend("--ft-button-neutral-focus-state-layer-opacity","",X.opacity8),neutralActiveStateLayerOpacity:Q.extend("--ft-button-neutral-active-state-layer-opacity","",X.opacity16),neutralDisabledComponentOpacity:Q.extend("--ft-button-neutral-disabled-component-opacity","",X.opacity40)};Q.extend("--ft-banner-icon-size","",X.iconSize5),Q.create("--ft-banner-border-width","","SIZE","1px"),Q.extend("--ft-banner-horizontal-padding","",X.spacing6),Q.extend("--ft-banner-vertical-padding","",X.spacing6),Q.extend("--ft-banner-horizontal-side-gap","",X.spacing6),Q.extend("--ft-banner-horizontal-mobile-gap","",X.spacing4),Q.extend("--ft-banner-vertical-mobile-gap","",X.spacing6),Q.extend("--ft-banner-horizontal-middle-gap","",X.spacing20),Q.extend("--ft-banner-info-background-color","",tt.backgroundInfoSubtle),Q.extend("--ft-banner-info-color","",tt.contentInfoPrimary),Q.extend("--ft-banner-info-icon-color","",tt.contentInfoIconOnly),Q.extend("--ft-breadcrumb-horizontal-gap","",X.spacing1),Q.extend("--ft-breadcrumb-vertical-gap","",X.spacing2),Q.extend("--ft-breadcrumb-current-element-color","",tt.contentGlobalPrimary),Q.extend("--ft-breadcrumb-icon-color","",tt.contentGlobalSubtle),Q.extend("--ft-page-header-horizontal-padding","",X.spacing12),Q.extend("--ft-page-header-horizontal-gap","",X.spacing4),Q.extend("--ft-page-header-vertical-gap","",X.spacing2),Q.extend("--ft-page-header-classic-vertical-padding","",X.spacing6),Q.extend("--ft-page-header-multiline-vertical-padding","",X.spacing4),Q.extend("--ft-page-header-inline-vertical-padding","",X.spacing2),Q.extend("--ft-page-header-background-color","",X.colorWhite),Q.extend("--ft-page-header-bottom-border-color","",tt.borderGlobalSubtle),Q.extend("--ft-page-header-title-color","",tt.contentGlobalPrimary),Q.extend("--ft-page-header-subtitle-color","",tt.contentGlobalSecondary),Q.create("--ft-modal-small-container-width","","SIZE","600px"),Q.create("--ft-modal-large-container-width","","SIZE","900px"),Q.extend("--ft-modal-overlay-background-color","",X.colorGray700),Q.extend("--ft-modal-overlay-opacity","",X.opacity40),Q.extend("--ft-modal-shadow","",X.shadowElevation03),Q.extend("--ft-modal-body-background-color","",X.colorWhite),Q.extend("--ft-modal-body-color","",tt.contentGlobalPrimary),Q.extend("--ft-modal-body-horizontal-padding","",X.spacing6),Q.extend("--ft-modal-body-vertical-padding","",X.spacing6),Q.extend("--ft-modal-body-vertical-gap","",X.spacing6),Q.extend("--ft-modal-container-margin","",X.spacing3),Q.extend("--ft-modal-header-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-modal-header-border-color","",tt.borderGlobalSubtle),Q.extend("--ft-modal-header-color","",tt.contentGlobalPrimary),Q.extend("--ft-modal-header-trailing-icon-color","",tt.contentGlobalSecondary),Q.extend("--ft-modal-header-vertical-padding","",X.spacing1),Q.extend("--ft-modal-header-right-padding","",X.spacing1),Q.extend("--ft-modal-header-left-padding","",X.spacing6),Q.extend("--ft-modal-header-gap","",X.spacing2),Q.create("--ft-modal-header-border-bottom","","SIZE","1px"),Q.extend("--ft-modal-border-radius","",X.borderRadiusM),Q.extend("--ft-drawer-overlay-opacity","",X.opacity40),Q.extend("--ft-drawer-shadow","",X.shadowElevation03),Q.extend("--ft-drawer-body-color","",tt.contentGlobalPrimary),Q.extend("--ft-drawer-body-horizontal-padding","",X.spacing6),Q.extend("--ft-drawer-body-vertical-padding","",X.spacing6),Q.extend("--ft-drawer-body-gap","",X.spacing6),Q.extend("--ft-drawer-body-background-color","",X.colorWhite),Q.extend("--ft-drawer-header-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-drawer-header-border-color","",tt.borderGlobalSubtle),Q.extend("--ft-drawer-header-color","",tt.contentGlobalPrimary),Q.extend("--ft-drawer-header-trailing-icon-color","",tt.contentGlobalSecondary),Q.create("--ft-drawer-header-height","","SIZE","50px"),Q.extend("--ft-drawer-header-horizontal-padding","",X.spacing2),Q.create("--ft-drawer-header-border-width","","SIZE","1px"),Q.extend("--ft-drawer-header-gap","",X.spacing3),Q.extend("--ft-drawer-buttons-bar-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-drawer-buttons-bar-border-color","",tt.borderGlobalSubtle),Q.extend("--ft-drawer-buttons-bar-color","",tt.contentGlobalPrimary),Q.extend("--ft-drawer-buttons-bar-horizontal-padding","",X.spacing4),Q.extend("--ft-drawer-buttons-bar-vertical-padding","",X.spacing4),Q.extend("--ft-drawer-buttons-bar-gap","",X.spacing3),Q.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),Q.create("--ft-drawer-container-width","","SIZE","66%"),Q.create("--ft-drawer-container-min-width","","SIZE","500px"),Q.create("--ft-drawer-container-max-width","","SIZE","1000px"),Q.create("--ft-drawer-container-height","","SIZE","100%"),Q.extend("--ft-drawer-overlay-background-color","",X.colorGray700),Q.extend("--ft-text-input-field-horizontal-padding","",X.spacing4),Q.extend("--ft-text-input-field-horizontal-gap","",X.spacing3),Q.extend("--ft-text-input-field-vertical-gap","",X.spacing05),Q.extend("--ft-text-input-field-icon-size","",X.iconSize3),Q.create("--ft-text-input-field-height","","SIZE","50px"),Q.extend("--ft-text-input-helper-horizontal-padding","",X.spacing4),Q.extend("--ft-text-input-helper-horizontal-gap","",X.spacing1),Q.extend("--ft-text-input-helper-icon-size","",X.iconSize2),Q.extend("--ft-text-input-border-radius","",X.borderRadiusM),Q.extend("--ft-text-input-background-color","",X.colorWhite),Q.extend("--ft-text-input-content-value-color","",tt.contentGlobalPrimary),Q.extend("--ft-text-input-trailing-icon-color","",tt.contentGlobalSubtle),Q.extend("--ft-text-input-label-color","",tt.contentGlobalSubtle),Q.extend("--ft-text-input-default-border-color","",tt.borderInputPrimary),Q.extend("--ft-text-input-default-helper-text-color","",tt.contentGlobalSubtle),Q.create("--ft-text-input-default-border-width","","SIZE","1px"),Q.create("--ft-text-input-error-border-width","","SIZE","2px"),Q.extend("--ft-text-input-error-border-color","",tt.borderErrorPrimary),Q.extend("--ft-text-input-error-helper-text-color","",tt.contentErrorPrimary),Q.extend("--ft-text-input-error-helper-icon-color","",tt.contentErrorIconOnly),Q.create("--ft-text-input-warning-border-width","","SIZE","2px"),Q.create("--ft-text-input-focus-outline-width","","SIZE","2px"),Q.extend("--ft-text-input-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),Q.extend("--ft-text-input-disabled-component-opacity","",X.opacity40),Q.extend("--ft-text-area-background-color","",X.colorWhite),Q.extend("--ft-text-area-content-value-color","",tt.contentGlobalPrimary),Q.extend("--ft-text-area-label-color","",tt.contentGlobalSubtle),Q.extend("--ft-text-area-default-border-color","",tt.borderInputPrimary),Q.extend("--ft-text-area-default-helper-text-color","",tt.contentGlobalSubtle),Q.create("--ft-text-area-default-border-width","","SIZE","1px"),Q.create("--ft-text-area-error-border-width","","SIZE","2px"),Q.extend("--ft-text-area-error-border-color","",tt.borderErrorPrimary),Q.extend("--ft-text-area-error-helper-text-color","",tt.contentErrorPrimary),Q.extend("--ft-text-area-error-helper-icon-color","",tt.contentErrorIconOnly),Q.extend("--ft-text-area-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-text-area-focus-outline-width","","SIZE","2px"),Q.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),Q.extend("--ft-text-area-disabled-component-opacity","",X.opacity40),Q.extend("--ft-text-area-field-horizontal-left-padding","",X.spacing4),Q.extend("--ft-text-area-field-horizontal-gap","",X.spacing3),Q.extend("--ft-text-area-field-vertical-gap","",X.spacing05),Q.create("--ft-text-area-field-min-height","","SIZE","64px"),Q.extend("--ft-text-area-helper-horizontal-padding","",X.spacing4),Q.extend("--ft-text-area-helper-horizontal-gap","",X.spacing1),Q.extend("--ft-text-area-helper-icon-size","",X.iconSize2),Q.extend("--ft-text-area-border-radius","",X.borderRadiusM),Q.create("--ft-floating-menu-height","","SIZE","50px"),Q.extend("--ft-floating-menu-horizontal-padding","",X.spacing4),Q.extend("--ft-floating-menu-off-icon-color","",tt.contentGlobalPrimary),Q.extend("--ft-floating-menu-off-color","",tt.contentGlobalPrimary),Q.extend("--ft-floating-menu-on-color","",tt.contentActionPrimary),Q.extend("--ft-floating-menu-on-state-layer-color","",tt.contentActionPrimary),Q.extend("--ft-floating-menu-gap","",X.spacing3),Q.extend("--ft-floating-menu-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),Q.extend("--ft-floating-menu-focus-state-layer-opacity","",X.opacity8),Q.extend("--ft-floating-menu-hover-state-layer-opacity","",X.opacity8),Q.extend("--ft-floating-menu-active-state-layer-opacity","",X.opacity16),Q.extend("--ft-floating-menu-disabled-component-opacity","",X.opacity40),Q.extend("--ft-floating-menu-icon-size","",X.iconSize3),Q.extend("--ft-floating-menu-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-combobox-single-select-field-horizontal-padding","",X.spacing4),Q.extend("--ft-combobox-single-select-field-horizontal-gap","",X.spacing3),Q.extend("--ft-combobox-single-select-field-vertical-gap","",X.spacing05),Q.extend("--ft-combobox-single-select-field-icon-size","",X.iconSize3),Q.create("--ft-combobox-single-select-field-height","","SIZE","50px"),Q.extend("--ft-combobox-single-select-helper-horizontal-padding","",X.spacing4),Q.extend("--ft-combobox-single-select-helper-horizontal-gap","",X.spacing1),Q.extend("--ft-combobox-single-select-helper-vertical-gap","",X.spacing1),Q.extend("--ft-combobox-single-select-helper-icon-size","",X.iconSize2),Q.extend("--ft-combobox-single-select-menu-vertical-gap","",X.spacing2),Q.extend("--ft-combobox-single-select-border-radius","",X.borderRadiusM),Q.extend("--ft-combobox-single-select-background-color","",X.colorWhite),Q.extend("--ft-combobox-single-select-label-color","",tt.contentGlobalSubtle),Q.extend("--ft-combobox-single-select-content-value-color","",tt.contentGlobalPrimary),Q.extend("--ft-combobox-single-select-trailing-icon-color","",tt.contentGlobalSubtle),Q.extend("--ft-combobox-single-select-default-border-color","",tt.borderInputPrimary),Q.extend("--ft-combobox-single-select-default-helper-text-color","",tt.contentGlobalSubtle),Q.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),Q.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),Q.extend("--ft-combobox-single-select-error-border-color","",tt.borderErrorPrimary),Q.extend("--ft-combobox-single-select-error-helper-text-color","",tt.contentErrorPrimary),Q.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),Q.extend("--ft-combobox-single-select-warning-border-color","",tt.borderWarningPrimary),Q.extend("--ft-combobox-single-select-warning-helper-text-color","",tt.contentWarningPrimary),Q.extend("--ft-combobox-single-select-warning-helper-icon-color","",tt.contentWarningIconOnly),Q.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),Q.extend("--ft-combobox-single-select-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),Q.extend("--ft-combobox-single-select-disabled-component-opacity","",X.opacity40),Q.extend("--ft-combobox-multi-select-background-color","",X.colorWhite),Q.extend("--ft-combobox-multi-select-label-color","",tt.contentGlobalSubtle),Q.extend("--ft-combobox-multi-select-trailing-icon-color","",tt.contentGlobalSubtle),Q.extend("--ft-combobox-multi-select-default-border-color","",tt.borderInputPrimary),Q.extend("--ft-combobox-multi-select-default-helper-text-color","",tt.contentGlobalSubtle),Q.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),Q.extend("--ft-combobox-multi-select-error-border-color","",tt.borderErrorPrimary),Q.extend("--ft-combobox-multi-select-error-helper-text-color","",tt.contentErrorPrimary),Q.extend("--ft-combobox-multi-select-error-helper-icon","",tt.contentErrorIconOnly),Q.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),Q.extend("--ft-combobox-multi-select-warning-border-color","",tt.borderWarningPrimary),Q.extend("--ft-combobox-multi-select-warning-helper-text-color","",tt.contentWarningPrimary),Q.extend("--ft-combobox-multi-select-warning-helper-icon-color","",tt.contentWarningIconOnly),Q.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),Q.extend("--ft-combobox-multi-select-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),Q.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),Q.extend("--ft-combobox-multi-select-disabled-component-opacity","",X.opacity40),Q.extend("--ft-combobox-multi-select-helper-horizontal-padding","",X.spacing4),Q.extend("--ft-combobox-multi-select-helper-horizontal-gap","",X.spacing1),Q.extend("--ft-combobox-multi-select-helper-vertical-gap","",X.spacing1),Q.extend("--ft-combobox-multi-select-helper-icon-size","",X.iconSize2),Q.extend("--ft-combobox-multi-select-field-horizontal-padding","",X.spacing4),Q.extend("--ft-combobox-multi-select-field-horizontal-gap","",X.spacing3),Q.extend("--ft-combobox-multi-select-field-vertical-gap","",X.spacing05),Q.extend("--ft-combobox-multi-select-field-icon-size","",X.iconSize3),Q.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),Q.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",X.spacing1),Q.extend("--ft-combobox-multi-select-content-values-vertical-gap","",X.spacing1),Q.extend("--ft-combobox-multi-select-border-radius","",X.borderRadiusM),Q.extend("--ft-popover-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-popover-horizontal-padding","",X.spacing6),Q.extend("--ft-popover-vertical-padding","",X.spacing6),Q.extend("--ft-popover-icon-color","",tt.contentGlobalSecondary),Q.extend("--ft-popover-icon-size","",X.iconSize2),Q.extend("--ft-popover-title-color","",tt.contentGlobalPrimary),Q.extend("--ft-popover-body-color","",tt.contentGlobalSecondary),Q.extend("--ft-popover-link-color","",tt.contentActionPrimary),Q.extend("--ft-popover-gap","",X.spacing3),Q.extend("--ft-popover-border-radius","",X.borderRadiusM),Q.extend("--ft-popover-shadow","",X.shadowElevation02),Q.extend("--ft-tabs-top-left-border-radius","",X.borderRadiusS),Q.extend("--ft-tabs-top-right-border-radius","",X.borderRadiusS),Q.extend("--ft-tabs-label-horizontal-padding","",X.spacing4),Q.extend("--ft-tabs-label-vertical-padding","",X.spacing3),Q.extend("--ft-tabs-label-gap","",X.spacing1),Q.extend("--ft-tabs-off-hover-state-layer-opacity","",X.opacity8),Q.extend("--ft-tabs-off-focus-state-layer-opacity","",X.opacity8),Q.extend("--ft-tabs-off-active-state-layer-opacity","",X.opacity16),Q.extend("--ft-tabs-off-disabled-component-opacity","",X.opacity40),Q.extend("--ft-tabs-off-color","",tt.contentGlobalSubtle),Q.extend("--ft-tabs-off-state-layer-color","",tt.contentGlobalSubtle),Q.extend("--ft-tabs-on-hover-state-layer-opacity","",X.opacity8),Q.extend("--ft-tabs-on-focus-state-layer-opacity","",X.opacity8),Q.extend("--ft-tabs-on-active-state-layer-opacity","",X.opacity16),Q.extend("--ft-tabs-on-disabled-component-opacity","",X.opacity40),Q.extend("--ft-tabs-on-color","",tt.contentActionPrimary),Q.extend("--ft-tabs-on-state-layer-color","",tt.contentActionPrimary),Q.extend("--ft-tabs-icon-horizontal-padding","",X.spacing1),Q.extend("--ft-tabs-icon-vertical-padding","",X.spacing4),Q.create("--ft-tabs-focus-outline-width","","SIZE","2px"),Q.extend("--ft-tabs-focus-focus-ring-color","",tt.borderActionFocusRing),Q.extend("--ft-collapsible-hover-state-layer-opacity","",X.opacity8),Q.extend("--ft-collapsible-focus-state-layer-opacity","",X.opacity8),Q.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),Q.extend("--ft-collapsible-focus-focus-ring-color","",tt.borderActionFocusRing),Q.extend("--ft-collapsible-active-state-layer-opacity","",X.opacity16),Q.extend("--ft-collapsible-disabled-component-opacity","",X.opacity40),Q.extend("--ft-collapsible-horizontal-padding","",X.spacing4),Q.extend("--ft-collapsible-vertical-padding","",X.spacing3),Q.extend("--ft-collapsible-color","",tt.contentGlobalPrimary),Q.extend("--ft-collapsible-state-layer-color","",tt.contentGlobalPrimary),Q.extend("--ft-collapsible-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-collapsible-border-color","",tt.borderGlobalSubtle),Q.extend("--ft-collapsible-icon-size","",X.iconSize3),Q.extend("--ft-switch-group-horizontal-padding","",X.spacing1),Q.extend("--ft-switch-group-vertical-padding","",X.spacing1),Q.extend("--ft-switch-group-gap","",X.spacing1),Q.extend("--ft-switch-group-background-color","",tt.backgroundGlobalSurface),Q.extend("--ft-switch-group-border-color","",tt.borderGlobalSubtle),Q.create("--ft-switch-group-border-radius","","SIZE","6px"),Q.extend("--ft-switch-label-horizontal-padding","",X.spacing2),Q.extend("--ft-switch-label-vertical-padding","",X.spacing1),Q.extend("--ft-switch-off-hover-state-layer-opacity","",X.opacity8),Q.extend("--ft-switch-off-focus-state-layer-opacity","",X.opacity8),Q.extend("--ft-switch-off-active-state-layer-opacity","",X.opacity16),Q.extend("--ft-switch-off-disabled-component-opacity","",X.opacity40),Q.extend("--ft-switch-off-color","",tt.contentGlobalSubtle),Q.extend("--ft-switch-off-state-layer-color","",tt.contentGlobalSubtle),Q.extend("--ft-switch-on-hover-state-layer-opacity","",X.opacity8),Q.extend("--ft-switch-on-focus-state-layer-opacity","",X.opacity8),Q.extend("--ft-switch-on-active-state-layer-opacity","",X.opacity16),Q.extend("--ft-switch-on-disabled-component-opacity","",X.opacity40),Q.extend("--ft-switch-on-color","",tt.contentActionPrimary),Q.extend("--ft-switch-on-state-layer-color","",tt.contentActionPrimary),Q.extend("--ft-switch-icon-horizontal-padding","",X.spacing1),Q.extend("--ft-switch-icon-vertical-padding","",X.spacing1),Q.create("--ft-switch-focus-outline-width","","SIZE","2px"),Q.extend("--ft-switch-focus-focus-ring-color","",tt.borderActionFocusRing),Q.extend("--ft-switch-option-border-radius","",X.borderRadiusS),Q.extend("--ft-chart-1-light","for area color charts",X.colorBrand40),Q.extend("--ft-chart-1-base","for line charts",X.colorBrand0),Q.extend("--ft-chart-2-light","for area color charts",X.colorYellow60),Q.extend("--ft-chart-2-base","for line charts",X.colorYellow100),Q.extend("--ft-chart-3-light","",X.colorUltramarine40),Q.extend("--ft-chart-3-base","",X.colorUltramarine70),Q.extend("--ft-chart-4-light","",X.colorCyan50),Q.extend("--ft-chart-4-base","",X.colorCyan100),Q.extend("--ft-chart-5-light","",X.colorRed40),Q.extend("--ft-chart-5-base","",X.colorRed60),Q.extend("--ft-chart-6-light","",X.colorGreen40),Q.extend("--ft-chart-6-base","",X.colorGreen70),Q.extend("--ft-chart-7-light","",X.colorOrange70),Q.extend("--ft-chart-7-base","",X.colorOrange100),Q.extend("--ft-chart-8-light","",X.colorAvocado70),Q.extend("--ft-chart-8-base","",X.colorAvocado200),Q.extend("--ft-chart-9-light","",X.colorBrown50),Q.extend("--ft-chart-9-base","",X.colorBrown200),Q.extend("--ft-chart-10-light","",X.colorGray50),Q.extend("--ft-chart-10-base","",X.colorGray80),Q.extend("--ft-chart-monochrome-10","",X.colorBrand10),Q.extend("--ft-chart-monochrome-20","",X.colorBrand20),Q.extend("--ft-chart-monochrome-30","",X.colorBrand40),Q.extend("--ft-chart-monochrome-40","",X.colorBrand60),Q.extend("--ft-chart-monochrome-50","",X.colorBrand0),Q.extend("--ft-chart-monochrome-60","",X.colorBrand200),Q.extend("--ft-chip-large-horizontal-padding","",X.spacing4),Q.extend("--ft-chip-large-vertical-padding","",X.spacing2),Q.extend("--ft-chip-large-gap","",X.spacing1),Q.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),Q.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),Q.extend("--ft-chip-large-border-radius","",X.borderRadiusPill),Q.create("--ft-chip-large-border-width","","SIZE","1px"),Q.extend("--ft-chip-large-icon-size","",X.iconSize3),Q.extend("--ft-chip-medium-horizontal-padding","",X.spacing3),Q.extend("--ft-chip-medium-vertical-padding","",X.spacing1),Q.extend("--ft-chip-medium-gap","",X.spacing1),Q.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),Q.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),Q.extend("--ft-chip-medium-border-radius","",X.borderRadiusPill),Q.create("--ft-chip-medium-border-width","","SIZE","1px"),Q.extend("--ft-chip-medium-icon-size","",X.iconSize2),Q.extend("--ft-chip-small-horizontal-padding","",X.spacing2),Q.extend("--ft-chip-small-vertical-padding","",X.spacing05),Q.extend("--ft-chip-small-gap","",X.spacing1),Q.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),Q.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),Q.extend("--ft-chip-small-border-radius","",X.borderRadiusPill),Q.create("--ft-chip-small-border-width","","SIZE","1px"),Q.extend("--ft-chip-small-icon-size","",X.iconSize1),Q.extend("--ft-chip-neutral-background-color","",tt.backgroundGlobalOnSurface),Q.extend("--ft-chip-neutral-color","",tt.contentGlobalPrimary),Q.extend("--ft-chip-neutral-icon-color","",tt.contentGlobalPrimary),Q.extend("--ft-chip-neutral-border-color","",tt.borderGlobalSubtle),Q.extend("--ft-chip-info-background-color","",tt.backgroundInfoSubtle),Q.extend("--ft-chip-info-color","",tt.contentInfoPrimary),Q.extend("--ft-chip-info-icon-color","",tt.contentInfoIconOnly),Q.extend("--ft-chip-info-border-color","",tt.borderInfoSubtle),Q.extend("--ft-chip-success-background-color","",tt.backgroundSuccessSubtle),Q.extend("--ft-chip-success-color","",tt.contentSuccessPrimary),Q.extend("--ft-chip-success-icon-color","",tt.contentSuccessIconOnly),Q.extend("--ft-chip-success-border-color","",tt.borderSuccessSubtle),Q.extend("--ft-chip-warning-background-color","",tt.backgroundWarningSubtle),Q.extend("--ft-chip-warning-color","",tt.contentWarningPrimary),Q.extend("--ft-chip-warning-icon-color","",tt.contentWarningIconOnly),Q.extend("--ft-chip-warning-border-color","",tt.borderWarningSubtle),Q.extend("--ft-chip-error-background-color","",tt.backgroundErrorSubtle),Q.extend("--ft-chip-error-color","",tt.contentErrorPrimary),Q.extend("--ft-chip-error-icon-color","",tt.contentErrorIconOnly),Q.extend("--ft-chip-error-border-color","",tt.borderErrorSubtle),Q.extend("--ft-border-info-border-color","",tt.borderInfoSubtle),Q.create("--ft-notice-border-width","","SIZE","1px"),Q.extend("--ft-notice-horizontal-padding","",X.spacing2),Q.extend("--ft-notice-vertical-padding","",X.spacing1),Q.extend("--ft-notice-border-radius","",X.borderRadiusS),Q.extend("--ft-notice-gap","",X.spacing2),Q.extend("--ft-notice-icon-size","",X.iconSize3),Q.extend("--ft-notice-info-background-color","",tt.backgroundInfoSubtle),Q.extend("--ft-notice-info-border-color","",tt.borderInfoSubtle),Q.extend("--ft-notice-info-color","",tt.contentInfoPrimary),Q.extend("--ft-notice-info-icon-color","",tt.contentInfoIconOnly),Q.extend("--ft-notice-warning-background-color","",tt.backgroundWarningSubtle),Q.extend("--ft-notice-warning-border-color","",tt.borderWarningSubtle),Q.extend("--ft-notice-warning-color","",tt.contentWarningPrimary),Q.extend("--ft-notice-warning-icon-color","",tt.contentWarningIconOnly),Q.extend("--ft-notice-error-background-color","",tt.backgroundErrorSubtle),Q.extend("--ft-notice-error-border-color","",tt.borderErrorSubtle),Q.extend("--ft-notice-error-color","",tt.contentErrorPrimary),Q.extend("--ft-notice-error-icon-color","",tt.contentErrorIconOnly),Q.extend("--ft-notice-success-background-color","",tt.backgroundSuccessSubtle),Q.extend("--ft-notice-success-border-color","",tt.borderSuccessSubtle),Q.extend("--ft-notice-success-color","",tt.contentSuccessPrimary),Q.extend("--ft-notice-success-icon-color","",tt.contentSuccessIconOnly),Q.extend("--ft-checkbox-color","",tt.contentGlobalPrimary),Q.extend("--ft-checkbox-checked-background-color","",tt.contentActionPrimary),Q.extend("--ft-checkbox-checked-state-layer-color","",tt.contentActionPrimary),Q.extend("--ft-checkbox-checked-icon-color","",tt.contentGlobalOnColor),Q.extend("--ft-checkbox-checked-hover-state-layer-opacity","",X.opacity16),Q.extend("--ft-checkbox-checked-focus-state-layer-opacity","",X.opacity16),Q.extend("--ft-checkbox-checked-active-state-layer-opacity","",X.opacity24),Q.extend("--ft-checkbox-checked-disabled-component-opacity","",X.opacity40),Q.extend("--ft-checkbox-unchecked-border-color","",X.colorGray80),Q.extend("--ft-checkbox-unchecked-state-layer-color","",X.colorGray80),Q.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",X.opacity16),Q.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",X.opacity16),Q.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",X.opacity24),Q.extend("--ft-checkbox-unchecked-disabled-component-opacity","",X.opacity40),Q.extend("--ft-checkbox-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),Q.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),Q.extend("--ft-checkbox-gap","",X.spacing3),Q.extend("--ft-toggle-off-hover-state-layer-opacity","",X.opacity16),Q.extend("--ft-toggle-off-focus-state-layer-opacity","",X.opacity16),Q.extend("--ft-toggle-off-active-state-layer-opacity","",X.opacity24),Q.extend("--ft-toggle-off-disabled-component-opacity","",X.opacity40),Q.extend("--ft-toggle-off-background-color","",tt.contentGlobalSubtle),Q.extend("--ft-toggle-off-icon-color","",tt.contentGlobalSubtle),Q.extend("--ft-toggle-off-state-layer-color","",tt.contentGlobalSubtle),Q.extend("--ft-toggle-on-hover-state-layer-opacity","",X.opacity16),Q.extend("--ft-toggle-on-focus-state-layer-opacity","",X.opacity16),Q.extend("--ft-toggle-on-active-state-layer-opacity","",X.opacity24),Q.extend("--ft-toggle-on-disabled-component-opacity","",X.opacity40),Q.extend("--ft-toggle-on-background-color","",tt.contentActionPrimary),Q.extend("--ft-toggle-on-state-layer-color","",tt.contentActionPrimary),Q.extend("--ft-toggle-on-icon-color","",tt.contentActionPrimary),Q.extend("--ft-toggle-color","",tt.contentGlobalPrimary),Q.extend("--ft-toggle-focus-focus-ring-color","",tt.borderActionFocusRing),Q.extend("--ft-toggle-gap","",X.spacing3),Q.extend("--ft-radio-color","",tt.contentGlobalPrimary),Q.extend("--ft-radio-selected-radio-color","",tt.contentActionPrimary),Q.extend("--ft-radio-selected-state-layer-color","",tt.contentActionPrimary),Q.extend("--ft-radio-selected-hover-state-layer-opacity","",X.opacity16),Q.extend("--ft-radio-selected-focus-state-layer-opacity","",X.opacity16),Q.extend("--ft-radio-selected-active-state-layer-opacity","",X.opacity24),Q.extend("--ft-radio-selected-disabled-component-opacity","",X.opacity40),Q.extend("--ft-radio-unselected-state-layer-color","",tt.borderInputPrimary),Q.extend("--ft-radio-unselected-border-color","",tt.borderInputPrimary),Q.extend("--ft-radio-unselected-hover-state-layer-opacity","",X.opacity16),Q.extend("--ft-radio-unselected-focus-state-layer-opacity","",X.opacity16),Q.extend("--ft-radio-unselected-active-state-layer-opacity","",X.opacity24),Q.extend("--ft-radio-unselected-disabled-component-opacity","",X.opacity40),Q.extend("--ft-radio-focus-focus-ring-color","",tt.borderActionFocusRing),Q.create("--ft-radio-focus-outline-offset","","SIZE","3px"),Q.create("--ft-radio-focus-outline-width","","SIZE","2px"),Q.extend("--ft-radio-gap","",X.spacing3),Q.extend("--ft-notification-icon-size","",X.iconSize4),Q.extend("--ft-notification-horizontal-padding","",X.spacing4),Q.extend("--ft-notification-vertical-padding","",X.spacing4),Q.extend("--ft-notification-info-background-color","",tt.backgroundInfoSubtle),Q.extend("--ft-notification-info-color","",tt.contentInfoPrimary),Q.extend("--ft-notification-info-icon-color","",tt.contentInfoIconOnly),Q.extend("--ft-notification-info-border-color","",tt.borderInfoSubtle),Q.extend("--ft-notification-success-background-color","",tt.backgroundSuccessSubtle),Q.extend("--ft-notification-success-color","",tt.contentSuccessPrimary),Q.extend("--ft-notification-success-icon-color","",tt.contentSuccessIconOnly),Q.extend("--ft-notification-success-border-color","",tt.borderSuccessSubtle),Q.extend("--ft-notification-warning-background-color","",tt.backgroundWarningSubtle),Q.extend("--ft-notification-warning-color","",tt.contentWarningPrimary),Q.extend("--ft-notification-warning-icon-color","",tt.contentWarningIconOnly),Q.extend("--ft-notification-warning-border-color","",tt.borderWarningSubtle),Q.extend("--ft-notification-error-background-color","",tt.backgroundErrorSubtle),Q.extend("--ft-notification-error-color","",tt.contentErrorPrimary),Q.extend("--ft-notification-error-icon-color","",tt.contentErrorIconOnly),Q.extend("--ft-notification-error-border-color","",tt.borderErrorSubtle),Q.extend("--ft-notification-border-radius","",X.borderRadiusPill),Q.create("--ft-notification-border-width","","SIZE","1px"),Q.extend("--ft-notification-leading-gap","",X.spacing2),Q.extend("--ft-notification-trailing-gap","",X.spacing8),Q.extend("--ft-tooltip-horizontal-padding","",X.spacing2),Q.extend("--ft-tooltip-vertical-padding","",X.spacing2),Q.extend("--ft-tooltip-border-radius","",X.borderRadiusS),Q.extend("--ft-tooltip-color","",tt.contentGlobalOnColor),Q.extend("--ft-tooltip-background-color","",tt.contentGlobalPrimary),Q.extend("--ft-tooltip-background-opacity","",X.opacity80),Q.extend("--ft-tooltip-shadow","",X.shadowElevation03),Q.create("--ft-tooltip-max-width","","SIZE","256px"),Q.extend("--ft-tooltip-gap","",X.spacing05);const et=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.titleFont),it=o.FtCssVariableFactory.extend("--ft-typography-font-family","",o.designSystemVariables.contentFont),rt={fontFamily:it,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")},nt=o.FtCssVariableFactory.extend("--ft-typography-title-font-family","",et),at=o.FtCssVariableFactory.extend("--ft-typography-title-font-size","",rt.fontSize,"20px"),lt=o.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",rt.fontWeight,"normal"),st=o.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",rt.letterSpacing,"0.15px"),ct=o.FtCssVariableFactory.extend("--ft-typography-title-line-height","",rt.lineHeight,"1.2"),ft=o.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",rt.textTransform,"inherit"),pt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",et),ht=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",rt.fontSize,"14px"),dt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",rt.fontWeight,"normal"),ut=o.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",rt.letterSpacing,"0.105px"),gt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",rt.lineHeight,"1.7"),yt=o.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",rt.textTransform,"inherit"),bt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",it),mt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",rt.fontSize,"16px"),xt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",rt.fontWeight,"600"),vt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",rt.letterSpacing,"0.144px"),Ot=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",rt.lineHeight,"1.5"),wt=o.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",rt.textTransform,"inherit"),St=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",it),Nt=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",rt.fontSize,"14px"),$t=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",rt.fontWeight,"normal"),Ct=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",rt.letterSpacing,"0.098px"),Et=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",rt.lineHeight,"1.7"),It=o.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",rt.textTransform,"inherit"),kt=o.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",it),Rt=o.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",rt.fontSize,"16px"),Ut=o.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",rt.fontWeight,"normal"),Lt=o.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",rt.letterSpacing,"0.496px"),Wt=o.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",rt.lineHeight,"1.5"),zt=o.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",rt.textTransform,"inherit"),Zt={fontFamily:o.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",it),fontSize:o.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",rt.fontSize,"14px"),fontWeight:o.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",rt.fontWeight,"normal"),letterSpacing:o.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",rt.letterSpacing,"0.252px"),lineHeight:o.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",rt.lineHeight,"1.4"),textTransform:o.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",rt.textTransform,"inherit")},Dt=o.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",it),At=o.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",rt.fontSize,"12px"),Kt=o.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",rt.fontWeight,"normal"),Bt=o.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",rt.letterSpacing,"0.396px"),Ft=o.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",rt.lineHeight,"1.33"),Tt=o.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",rt.textTransform,"inherit"),Ht=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",it),Pt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",rt.fontSize,"10px"),Mt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",rt.fontWeight,"normal"),jt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",rt.letterSpacing,"0.33px"),_t=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",rt.lineHeight,"1.6"),Gt=o.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",rt.textTransform,"inherit"),Vt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",it),qt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",rt.fontSize,"10px"),Yt=o.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",rt.fontWeight,"normal"),Qt=o.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",rt.letterSpacing,"1.5px"),Xt=o.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",rt.lineHeight,"1.6"),Jt=o.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",rt.textTransform,"uppercase"),to={fontFamily:o.FtCssVariableFactory.extend("--ft-typography-button-font-family","",it),fontSize:o.FtCssVariableFactory.extend("--ft-typography-button-font-size","",rt.fontSize,"14px"),fontWeight:o.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",rt.fontWeight,"600"),letterSpacing:o.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",rt.letterSpacing,"1.246px"),lineHeight:o.FtCssVariableFactory.extend("--ft-typography-button-line-height","",rt.lineHeight,"1.15"),textTransform:o.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",rt.textTransform,"uppercase")},oo=e.css`
|
|
1
|
+
"use strict";(()=>{var As=Object.create;var Hr=Object.defineProperty;var ws=Object.getOwnPropertyDescriptor;var Rs=Object.getOwnPropertyNames;var Ns=Object.getPrototypeOf,Ls=Object.prototype.hasOwnProperty;var he=(o,t)=>()=>(t||o((t={exports:{}}).exports,t),t.exports);var Is=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Rs(t))!Ls.call(o,n)&&n!==r&&Hr(o,n,{get:()=>t[n],enumerable:!(i=ws(t,n))||i.enumerable});return o};var f=(o,t,r)=>(r=o!=null?As(Ns(o)):{},Is(t||!o||!o.__esModule?Hr(r,"default",{value:o,enumerable:!0}):r,o));var O=he((pl,Gr)=>{Gr.exports=ftGlobals.wcUtils});var R=he((dl,Vr)=>{Vr.exports=ftGlobals.lit});var V=he((hl,jr)=>{jr.exports=ftGlobals.litDecorators});var tn=he((Qd,Ji)=>{Ji.exports=ftGlobals.litRepeat});var ze=he((lf,gn)=>{gn.exports=ftGlobals.litClassMap});var qn=he((Yf,jn)=>{jn.exports=ftGlobals.litUnsafeHTML});var Ya=he(qa=>{(function(o){var t=function(r){var i={searchParams:"URLSearchParams"in o,iterable:"Symbol"in o&&"iterator"in Symbol,blob:"FileReader"in o&&"Blob"in o&&function(){try{return new Blob,!0}catch{return!1}}(),formData:"FormData"in o,arrayBuffer:"ArrayBuffer"in o};function n(d){return d&&DataView.prototype.isPrototypeOf(d)}if(i.arrayBuffer)var a=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],l=ArrayBuffer.isView||function(d){return d&&a.indexOf(Object.prototype.toString.call(d))>-1};function c(d){if(typeof d!="string"&&(d=String(d)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(d))throw new TypeError("Invalid character in header field name");return d.toLowerCase()}function u(d){return typeof d!="string"&&(d=String(d)),d}function h(d){var m={next:function(){var C=d.shift();return{done:C===void 0,value:C}}};return i.iterable&&(m[Symbol.iterator]=function(){return m}),m}function b(d){this.map={},d instanceof b?d.forEach(function(m,C){this.append(C,m)},this):Array.isArray(d)?d.forEach(function(m){this.append(m[0],m[1])},this):d&&Object.getOwnPropertyNames(d).forEach(function(m){this.append(m,d[m])},this)}b.prototype.append=function(d,m){d=c(d),m=u(m);var C=this.map[d];this.map[d]=C?C+", "+m:m},b.prototype.delete=function(d){delete this.map[c(d)]},b.prototype.get=function(d){return d=c(d),this.has(d)?this.map[d]:null},b.prototype.has=function(d){return this.map.hasOwnProperty(c(d))},b.prototype.set=function(d,m){this.map[c(d)]=u(m)},b.prototype.forEach=function(d,m){for(var C in this.map)this.map.hasOwnProperty(C)&&d.call(m,this.map[C],C,this)},b.prototype.keys=function(){var d=[];return this.forEach(function(m,C){d.push(C)}),h(d)},b.prototype.values=function(){var d=[];return this.forEach(function(m){d.push(m)}),h(d)},b.prototype.entries=function(){var d=[];return this.forEach(function(m,C){d.push([C,m])}),h(d)},i.iterable&&(b.prototype[Symbol.iterator]=b.prototype.entries);function v(d){if(d.bodyUsed)return Promise.reject(new TypeError("Already read"));d.bodyUsed=!0}function N(d){return new Promise(function(m,C){d.onload=function(){m(d.result)},d.onerror=function(){C(d.error)}})}function A(d){var m=new FileReader,C=N(m);return m.readAsArrayBuffer(d),C}function I(d){var m=new FileReader,C=N(m);return m.readAsText(d),C}function W(d){for(var m=new Uint8Array(d),C=new Array(m.length),tt=0;tt<m.length;tt++)C[tt]=String.fromCharCode(m[tt]);return C.join("")}function M(d){if(d.slice)return d.slice(0);var m=new Uint8Array(d.byteLength);return m.set(new Uint8Array(d)),m.buffer}function z(){return this.bodyUsed=!1,this._initBody=function(d){this._bodyInit=d,d?typeof d=="string"?this._bodyText=d:i.blob&&Blob.prototype.isPrototypeOf(d)?this._bodyBlob=d:i.formData&&FormData.prototype.isPrototypeOf(d)?this._bodyFormData=d:i.searchParams&&URLSearchParams.prototype.isPrototypeOf(d)?this._bodyText=d.toString():i.arrayBuffer&&i.blob&&n(d)?(this._bodyArrayBuffer=M(d.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):i.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(d)||l(d))?this._bodyArrayBuffer=M(d):this._bodyText=d=Object.prototype.toString.call(d):this._bodyText="",this.headers.get("content-type")||(typeof d=="string"?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):i.searchParams&&URLSearchParams.prototype.isPrototypeOf(d)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},i.blob&&(this.blob=function(){var d=v(this);if(d)return d;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?v(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(A)}),this.text=function(){var d=v(this);if(d)return d;if(this._bodyBlob)return I(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(W(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},i.formData&&(this.formData=function(){return this.text().then(J)}),this.json=function(){return this.text().then(JSON.parse)},this}var G=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function it(d){var m=d.toUpperCase();return G.indexOf(m)>-1?m:d}function ct(d,m){m=m||{};var C=m.body;if(d instanceof ct){if(d.bodyUsed)throw new TypeError("Already read");this.url=d.url,this.credentials=d.credentials,m.headers||(this.headers=new b(d.headers)),this.method=d.method,this.mode=d.mode,this.signal=d.signal,!C&&d._bodyInit!=null&&(C=d._bodyInit,d.bodyUsed=!0)}else this.url=String(d);if(this.credentials=m.credentials||this.credentials||"same-origin",(m.headers||!this.headers)&&(this.headers=new b(m.headers)),this.method=it(m.method||this.method||"GET"),this.mode=m.mode||this.mode||null,this.signal=m.signal||this.signal,this.referrer=null,(this.method==="GET"||this.method==="HEAD")&&C)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(C)}ct.prototype.clone=function(){return new ct(this,{body:this._bodyInit})};function J(d){var m=new FormData;return d.trim().split("&").forEach(function(C){if(C){var tt=C.split("="),nt=tt.shift().replace(/\+/g," "),_=tt.join("=").replace(/\+/g," ");m.append(decodeURIComponent(nt),decodeURIComponent(_))}}),m}function xo(d){var m=new b,C=d.replace(/\r?\n[\t ]+/g," ");return C.split(/\r?\n/).forEach(function(tt){var nt=tt.split(":"),_=nt.shift().trim();if(_){var vo=nt.join(":").trim();m.append(_,vo)}}),m}z.call(ct.prototype);function Ot(d,m){m||(m={}),this.type="default",this.status=m.status===void 0?200:m.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in m?m.statusText:"OK",this.headers=new b(m.headers),this.url=m.url||"",this._initBody(d)}z.call(Ot.prototype),Ot.prototype.clone=function(){return new Ot(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new b(this.headers),url:this.url})},Ot.error=function(){var d=new Ot(null,{status:0,statusText:""});return d.type="error",d};var Mr=[301,302,303,307,308];Ot.redirect=function(d,m){if(Mr.indexOf(m)===-1)throw new RangeError("Invalid status code");return new Ot(null,{status:m,headers:{location:d}})},r.DOMException=o.DOMException;try{new r.DOMException}catch{r.DOMException=function(m,C){this.message=m,this.name=C;var tt=Error(m);this.stack=tt.stack},r.DOMException.prototype=Object.create(Error.prototype),r.DOMException.prototype.constructor=r.DOMException}function Ne(d,m){return new Promise(function(C,tt){var nt=new ct(d,m);if(nt.signal&&nt.signal.aborted)return tt(new r.DOMException("Aborted","AbortError"));var _=new XMLHttpRequest;function vo(){_.abort()}_.onload=function(){var Je={status:_.status,statusText:_.statusText,headers:xo(_.getAllResponseHeaders()||"")};Je.url="responseURL"in _?_.responseURL:Je.headers.get("X-Request-URL");var ir="response"in _?_.response:_.responseText;C(new Ot(ir,Je))},_.onerror=function(){tt(new TypeError("Network request failed"))},_.ontimeout=function(){tt(new TypeError("Network request failed"))},_.onabort=function(){tt(new r.DOMException("Aborted","AbortError"))},_.open(nt.method,nt.url,!0),nt.credentials==="include"?_.withCredentials=!0:nt.credentials==="omit"&&(_.withCredentials=!1),"responseType"in _&&i.blob&&(_.responseType="blob"),nt.headers.forEach(function(Je,ir){_.setRequestHeader(ir,Je)}),nt.signal&&(nt.signal.addEventListener("abort",vo),_.onreadystatechange=function(){_.readyState===4&&nt.signal.removeEventListener("abort",vo)}),_.send(typeof nt._bodyInit>"u"?null:nt._bodyInit)})}return Ne.polyfill=!0,o.fetch||(o.fetch=Ne,o.Headers=b,o.Request=ct,o.Response=Ot),r.Headers=b,r.Request=ct,r.Response=Ot,r.fetch=Ne,Object.defineProperty(r,"__esModule",{value:!0}),r}({})})(typeof self<"u"?self:qa)});var Es=f(O());var Ss=f(R()),Os=f(O());var Kr=f(R()),fl={},Zr=Kr.css`
|
|
2
|
+
`;var Ir=f(O());var Ae=f(R()),$=f(V()),Pt=f(O());var Qi=f(O());var dr=globalThis,So=dr.trustedTypes,qr=So?So.createPolicy("lit-html",{createHTML:o=>o}):void 0,ei="$lit$",ne=`lit$${(Math.random()+"").slice(9)}$`,oi="?"+ne,Ts=`<${oi}>`,ge=document,Oo=()=>ge.createComment(""),eo=o=>o===null||typeof o!="object"&&typeof o!="function",ri=Array.isArray,Ps=o=>ri(o)||typeof o?.[Symbol.iterator]=="function",nr=`[
|
|
3
|
+
\f\r]`,to=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Yr=/-->/g,Xr=/>/g,me=RegExp(`>|${nr}(?:([^\\s"'>=/]+)(${nr}*=${nr}*(?:[^
|
|
4
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Qr=/'/g,Jr=/"/g,ii=/^(?:script|style|textarea|title)$/i,ni=o=>(t,...r)=>({_$litType$:o,strings:t,values:r}),ai=ni(1),si=ni(2),oo=Symbol.for("lit-noChange"),et=Symbol.for("lit-nothing"),ti=new WeakMap,ye=ge.createTreeWalker(ge,129);function li(o,t){if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return qr!==void 0?qr.createHTML(t):t}var ks=(o,t)=>{let r=o.length-1,i=[],n,a=t===2?"<svg>":"",l=to;for(let c=0;c<r;c++){let u=o[c],h,b,v=-1,N=0;for(;N<u.length&&(l.lastIndex=N,b=l.exec(u),b!==null);)N=l.lastIndex,l===to?b[1]==="!--"?l=Yr:b[1]!==void 0?l=Xr:b[2]!==void 0?(ii.test(b[2])&&(n=RegExp("</"+b[2],"g")),l=me):b[3]!==void 0&&(l=me):l===me?b[0]===">"?(l=n??to,v=-1):b[1]===void 0?v=-2:(v=l.lastIndex-b[2].length,h=b[1],l=b[3]===void 0?me:b[3]==='"'?Jr:Qr):l===Jr||l===Qr?l=me:l===Yr||l===Xr?l=to:(l=me,n=void 0);let A=l===me&&o[c+1].startsWith("/>")?" ":"";a+=l===to?u+Ts:v>=0?(i.push(h),u.slice(0,v)+ei+u.slice(v)+ne+A):u+ne+(v===-2?c:A)}return[li(o,a+(o[r]||"<?>")+(t===2?"</svg>":"")),i]},ro=class o{constructor({strings:t,_$litType$:r},i){let n;this.parts=[];let a=0,l=0,c=t.length-1,u=this.parts,[h,b]=ks(t,r);if(this.el=o.createElement(h,i),ye.currentNode=this.el.content,r===2){let v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(n=ye.nextNode())!==null&&u.length<c;){if(n.nodeType===1){if(n.hasAttributes())for(let v of n.getAttributeNames())if(v.endsWith(ei)){let N=b[l++],A=n.getAttribute(v).split(ne),I=/([.?@])?(.*)/.exec(N);u.push({type:1,index:a,name:I[2],strings:A,ctor:I[1]==="."?sr:I[1]==="?"?lr:I[1]==="@"?cr:Ie}),n.removeAttribute(v)}else v.startsWith(ne)&&(u.push({type:6,index:a}),n.removeAttribute(v));if(ii.test(n.tagName)){let v=n.textContent.split(ne),N=v.length-1;if(N>0){n.textContent=So?So.emptyScript:"";for(let A=0;A<N;A++)n.append(v[A],Oo()),ye.nextNode(),u.push({type:2,index:++a});n.append(v[N],Oo())}}}else if(n.nodeType===8)if(n.data===oi)u.push({type:2,index:a});else{let v=-1;for(;(v=n.data.indexOf(ne,v+1))!==-1;)u.push({type:7,index:a}),v+=ne.length-1}a++}}static createElement(t,r){let i=ge.createElement("template");return i.innerHTML=t,i}};function Le(o,t,r=o,i){if(t===oo)return t;let n=i!==void 0?r._$Co?.[i]:r._$Cl,a=eo(t)?void 0:t._$litDirective$;return n?.constructor!==a&&(n?._$AO?.(!1),a===void 0?n=void 0:(n=new a(o),n._$AT(o,r,i)),i!==void 0?(r._$Co??=[])[i]=n:r._$Cl=n),n!==void 0&&(t=Le(o,n._$AS(o,t.values),n,i)),t}var ar=class{constructor(t,r){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:r},parts:i}=this._$AD,n=(t?.creationScope??ge).importNode(r,!0);ye.currentNode=n;let a=ye.nextNode(),l=0,c=0,u=i[0];for(;u!==void 0;){if(l===u.index){let h;u.type===2?h=new Co(a,a.nextSibling,this,t):u.type===1?h=new u.ctor(a,u.name,u.strings,this,t):u.type===6&&(h=new pr(a,this,t)),this._$AV.push(h),u=i[++c]}l!==u?.index&&(a=ye.nextNode(),l++)}return ye.currentNode=ge,n}p(t){let r=0;for(let i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,r),r+=i.strings.length-2):i._$AI(t[r])),r++}},Co=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,r,i,n){this.type=2,this._$AH=et,this._$AN=void 0,this._$AA=t,this._$AB=r,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,r=this._$AM;return r!==void 0&&t?.nodeType===11&&(t=r.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,r=this){t=Le(this,t,r),eo(t)?t===et||t==null||t===""?(this._$AH!==et&&this._$AR(),this._$AH=et):t!==this._$AH&&t!==oo&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):Ps(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!==et&&eo(this._$AH)?this._$AA.nextSibling.data=t:this.$(ge.createTextNode(t)),this._$AH=t}g(t){let{values:r,_$litType$:i}=t,n=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=ro.createElement(li(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(r);else{let a=new ar(n,this),l=a.u(this.options);a.p(r),this.$(l),this._$AH=a}}_$AC(t){let r=ti.get(t.strings);return r===void 0&&ti.set(t.strings,r=new ro(t)),r}T(t){ri(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,i,n=0;for(let a of t)n===r.length?r.push(i=new o(this.k(Oo()),this.k(Oo()),this,this.options)):i=r[n],i._$AI(a),n++;n<r.length&&(this._$AR(i&&i._$AB.nextSibling,n),r.length=n)}_$AR(t=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);t&&t!==this._$AB;){let i=t.nextSibling;t.remove(),t=i}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},Ie=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,r,i,n,a){this.type=1,this._$AH=et,this._$AN=void 0,this.element=t,this.name=r,this._$AM=n,this.options=a,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=et}_$AI(t,r=this,i,n){let a=this.strings,l=!1;if(a===void 0)t=Le(this,t,r,0),l=!eo(t)||t!==this._$AH&&t!==oo,l&&(this._$AH=t);else{let c=t,u,h;for(t=a[0],u=0;u<a.length-1;u++)h=Le(this,c[i+u],r,u),h===oo&&(h=this._$AH[u]),l||=!eo(h)||h!==this._$AH[u],h===et?t=et:t!==et&&(t+=(h??"")+a[u+1]),this._$AH[u]=h}l&&!n&&this.O(t)}O(t){t===et?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},sr=class extends Ie{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===et?void 0:t}},lr=class extends Ie{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==et)}},cr=class extends Ie{constructor(t,r,i,n,a){super(t,r,i,n,a),this.type=5}_$AI(t,r=this){if((t=Le(this,t,r,0)??et)===oo)return;let i=this._$AH,n=t===et&&i!==et||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,a=t!==et&&(i===et||n);n&&this.element.removeEventListener(this.name,this,i),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},pr=class{constructor(t,r,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=r,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){Le(this,t)}};var _s=dr.litHtmlPolyfillSupport;_s?.(ro,Co),(dr.litHtmlVersions??=[]).push("3.1.0");var pi=Symbol.for(""),$s=o=>{if(o?.r===pi)return o?._$litStatic$},fr=o=>({_$litStatic$:o,r:pi});var ci=new Map,di=o=>(t,...r)=>{let i=r.length,n,a,l=[],c=[],u,h=0,b=!1;for(;h<i;){for(u=t[h];h<i&&(a=r[h],(n=$s(a))!==void 0);)u+=n+t[++h],b=!0;h!==i&&c.push(a),l.push(u),h++}if(h===i&&l.push(t[i]),b){let v=l.join("$$lit$$");(t=ci.get(v))===void 0&&(l.raw=l,ci.set(v,t=l)),r=c}return o(t,...r)},ur=di(ai),gl=di(si);var hr=f(V()),Xi=f(O());var be;(function(o){o.title="title",o.title_dense="title-dense",o.subtitle1="subtitle1",o.subtitle2="subtitle2",o.body1="body1",o.body2="body2",o.caption="caption",o.breadcrumb="breadcrumb",o.overline="overline",o.button="button",o.display="display",o.title1="title-1",o.title2="title-2",o.title3="title-3",o.body1regular="body-1-regular",o.body1medium="body-1-medium",o.body1semibold="body-1-semibold",o.body2regular="body-2-regular",o.body2medium="body-2-medium",o.body2semibold="body-2-semibold",o.label1medium="label-1-medium",o.label1semibold="label-1-semibold",o.label1bold="label-1-bold",o.label2medium="label-2-medium",o.label2semibold="label-2-semibold",o.label2bold="label-2-bold",o.caption1medium="caption-1-medium",o.caption1semibold="caption-1-semibold",o.caption1bold="caption-1-bold",o.caption2medium="caption-2-medium",o.caption2semibold="caption-2-semibold",o.caption2bold="caption-2-bold"})(be||(be={}));var Lt=f(R()),g=f(O());var jt=f(R(),1),ae=o=>typeof o=="string"?(0,jt.unsafeCSS)(o):o,e=class{static create(t,r,i,n){let a=c=>ae(c??n),l=jt.css`var(${ae(t)}, ${a(n)})`;return l.name=t,l.description=r,l.category=i,l.defaultValue=n,l.defaultCssValue=a,l.get=c=>jt.css`var(${ae(t)}, ${a(c)})`,l.breadcrumb=()=>[],l.lastResortDefaultValue=()=>n,l}static extend(t,r,i,n){let a=c=>i.get(c??n),l=jt.css`var(${ae(t)}, ${a(n)})`;return l.name=t,l.description=r,l.category=i.category,l.fallbackVariable=i,l.defaultValue=n,l.defaultCssValue=a,l.get=c=>jt.css`var(${ae(t)}, ${a(c)})`,l.breadcrumb=()=>[i.name,...i.breadcrumb()],l.lastResortDefaultValue=()=>n??i.lastResortDefaultValue(),l}static external(t,r){let i=a=>t.fallbackVariable?t.fallbackVariable.get(a??t.defaultValue):ae(a??t.lastResortDefaultValue()),n=jt.css`var(${ae(t.name)}, ${i(t.defaultValue)})`;return n.name=t.name,n.category=t.category,n.fallbackVariable=t.fallbackVariable,n.defaultValue=t.defaultValue,n.context=r,n.defaultCssValue=i,n.get=a=>jt.css`var(${ae(t.name)}, ${i(a)})`,n.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],n.lastResortDefaultValue=()=>t.lastResortDefaultValue(),n}};var s={colorWhite:e.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:e.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:e.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:e.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:e.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:e.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:e.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:e.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:e.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:e.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:e.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:e.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:e.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:e.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:e.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:e.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:e.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:e.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:e.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:e.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:e.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:e.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:e.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:e.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:e.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:e.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:e.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:e.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:e.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:e.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:e.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:e.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:e.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:e.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:e.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:e.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:e.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:e.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:e.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:e.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:e.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:e.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:e.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:e.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:e.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:e.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:e.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:e.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:e.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:e.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:e.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:e.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:e.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:e.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:e.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:e.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:e.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:e.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:e.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:e.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:e.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:e.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:e.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:e.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:e.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:e.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:e.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:e.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:e.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:e.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:e.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:e.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:e.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:e.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:e.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:e.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:e.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:e.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:e.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:e.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:e.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:e.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:e.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:e.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:e.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:e.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:e.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:e.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:e.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:e.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:e.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:e.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:e.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:e.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:e.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:e.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:e.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:e.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:e.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:e.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:e.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:e.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:e.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:e.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:e.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:e.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:e.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:e.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:e.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:e.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:e.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:e.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:e.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:e.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:e.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:e.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:e.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:e.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:e.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:e.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:e.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:e.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:e.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:e.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:e.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:e.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:e.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:e.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:e.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:e.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:e.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:e.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:e.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:e.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:e.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:e.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:e.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:e.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:e.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:e.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:e.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:e.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:e.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:e.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:e.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:e.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:e.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:e.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:e.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:e.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:e.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:e.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:e.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:e.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:e.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:e.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:e.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:e.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:e.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:e.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:e.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:e.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:e.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:e.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:e.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:e.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:e.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:e.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:e.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:e.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:e.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:e.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:e.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:e.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:e.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:e.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:e.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:e.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:e.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:e.create("--ft-icon-size-6","","SIZE","48px"),opacity0:e.create("--ft-opacity-0","","NUMBER","0"),opacity8:e.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:e.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:e.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:e.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:e.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:e.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:e.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:e.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:e.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:e.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:e.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:e.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:e.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:e.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},fi={fontFamily:e.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:e.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-display-textCase","","UNKNOWN","none")},ui={fontFamily:e.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:e.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},hi={fontFamily:e.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:e.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:e.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},mi={fontFamily:e.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:e.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:e.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:e.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},yi={fontFamily:e.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:e.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},gi={fontFamily:e.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},bi={fontFamily:e.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:e.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},xi={fontFamily:e.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:e.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},vi={fontFamily:e.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},Ds={fontFamily:e.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:e.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:e.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},Si={fontFamily:e.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:e.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:e.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:e.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},Oi={fontFamily:e.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},Ci={fontFamily:e.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},Ei={fontFamily:e.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:e.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},Ai={fontFamily:e.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},wi={fontFamily:e.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Ri={fontFamily:e.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:e.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:e.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:e.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Ni={fontFamily:e.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Li={fontFamily:e.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},Ii={fontFamily:e.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:e.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Ti={fontFamily:e.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Pi={fontFamily:e.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},ki={fontFamily:e.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:e.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},_i={fontFamily:e.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:e.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},$i={fontFamily:e.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:e.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Di={fontFamily:e.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:e.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:e.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:e.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:e.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:e.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:e.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:e.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:e.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},Eo={display:fi,"title-1":ui,"title-2":hi,"title-3":mi,"body-1-regular":yi,"body-1-medium":gi,"body-1-semibold":bi,"body-2-regular":xi,"body-2-medium":vi,"body-2-medium-underline":Ds,"body-2-semibold":Si,"label-1-medium":Oi,"label-1-semibold":Ci,"label-1-bold":Ei,"label-2-medium":Ai,"label-2-semibold":wi,"label-2-bold":Ri,"caption-1-medium":Ni,"caption-1-semibold":Li,"caption-1-bold":Ii,"caption-2-medium":Ti,"caption-2-semibold":Pi,"caption-2-bold":ki,"caption-3-medium":_i,"caption-3-semibold":$i,"caption-3-bold":Di};var p={backgroundActionPrimary:e.extend("--ft-background-action-primary","Used as backgorund of primary action components.",s.colorBrand0),backgroundErrorSubtle:e.extend("--ft-background-error-subtle","Used as background of subtle error components.",s.colorRed10),backgroundInfoSubtle:e.extend("--ft-background-info-subtle","Used as background of subtle information components.",s.colorCyan10),backgroundWarningSubtle:e.extend("--ft-background-warning-subtle","Used as background of subtle information components.",s.colorOrange10),backgroundSuccessSubtle:e.extend("--ft-background-success-subtle","Used as background of subtle success components.",s.colorGreen10),backgroundGlobalSurface:e.extend("--ft-background-global-surface","Used as app background.",s.colorWhite),backgroundGlobalOnSurface:e.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",s.colorGray10),backgroundGlobalOnSurfaceDark:e.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",s.colorGray30),contentActionPrimary:e.extend("--ft-content-action-primary","Used on label of primary action on light surface.",s.colorBrand0),contentWarningPrimary:e.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",s.colorOrange200),contentWarningIconOnly:e.extend("--ft-content-warning-icon-only","Used on warning status icons alone",s.colorOrange0),contentErrorPrimary:e.extend("--ft-content-error-primary","Used on label of error messages on light surface.",s.colorRed0),contentErrorIconOnly:e.extend("--ft-content-error-icon-only","Used on error status icons alone",s.colorRed70),contentInfoPrimary:e.extend("--ft-content-info-primary","Used on label of information messages on light surface.",s.colorCyan200),contentInfoIconOnly:e.extend("--ft-content-info-icon-only","Used on info status icons alone",s.colorCyan0),contentSuccessPrimary:e.extend("--ft-content-success-primary","Used on label of success messages on light surface.",s.colorGreen200),contentSuccessIconOnly:e.extend("--ft-content-success-icon-only","Used on success status icons alone",s.colorGreen0),contentGlobalPrimary:e.extend("--ft-content-global-primary","Used for main content on the page.",s.colorGray500),contentGlobalSecondary:e.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
5
|
+
Also for action icons.`,s.colorGray200),contentGlobalSubtle:e.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",s.colorGray0),contentGlobalOnColor:e.extend("--ft-content-global-on-color","Used for content on a dominant color.",s.colorWhite),borderActionPrimary:e.extend("--ft-border-action-primary","Used as border for primary action components.",s.colorBrand0),borderActionFocusRing:e.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",s.colorCyan0),borderWarningPrimary:e.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",s.colorOrange200),borderWarningSubtle:e.extend("--ft-border-warning-subtle","Used as border for warning components.",s.colorOrange30),borderSuccessPrimary:e.extend("--ft-border-success-primary","Used as border for success buttons.",s.colorGreen200),borderSuccessSubtle:e.extend("--ft-border-success-subtle","Used as border for success components.",s.colorGreen30),borderErrorPrimary:e.extend("--ft-border-error-primary","Used as border for text fields in error states.",s.colorRed0),borderErrorSubtle:e.extend("--ft-border-error-subtle","Used as border for error components.",s.colorRed30),borderInfoPrimary:e.extend("--ft-border-info-primary","Used as border for buttons in info color.",s.colorCyan200),borderInfoSubtle:e.extend("--ft-border-info-subtle","Used as border for information components.",s.colorCyan30),borderGlobalPrimary:e.extend("--ft-border-global-primary","Used as border for element like input.",s.colorGray50),borderGlobalSubtle:e.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",s.colorGray30),borderInputPrimary:e.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",s.colorGray80)};var x={largeHeight:e.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:e.extend("--ft-button-large-horizontal-padding","",s.spacing4),largeGap:e.extend("--ft-button-large-gap","",s.spacing2),largeBorderRadius:e.extend("--ft-button-large-border-radius","",s.borderRadiusS),largeIconSize:e.extend("--ft-button-large-icon-size","",s.iconSize3),largeBorderWidth:e.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:e.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:e.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:e.create("--ft-button-large-icon-only-width","","SIZE","40px"),smallHeight:e.create("--ft-button-small-height","","SIZE","30px"),smallHorizontalPadding:e.extend("--ft-button-small-horizontal-padding","",s.spacing3),smallGap:e.extend("--ft-button-small-gap","",s.spacing2),smallBorderRadius:e.extend("--ft-button-small-border-radius","",s.borderRadiusS),smallIconSize:e.extend("--ft-button-small-icon-size","",s.iconSize2),smallBorderWidth:e.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:e.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:e.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:e.create("--ft-button-small-icon-only-width","","SIZE","30px"),primaryBackgroundColor:e.extend("--ft-button-primary-background-color","",p.backgroundActionPrimary),primaryColor:e.extend("--ft-button-primary-color","",p.contentGlobalOnColor),primaryIconColor:e.extend("--ft-button-primary-icon-color","",p.contentGlobalOnColor),primaryStateLayerColor:e.extend("--ft-button-primary-state-layer-color","",p.contentGlobalOnColor),primaryHoverStateLayerOpacity:e.extend("--ft-button-primary-hover-state-layer-opacity","",s.opacity16),primaryFocusStateLayerOpacity:e.extend("--ft-button-primary-focus-state-layer-opacity","",s.opacity16),primaryActiveStateLayerOpacity:e.extend("--ft-button-primary-active-state-layer-opacity","",s.opacity24),primaryDisabledComponentOpacity:e.extend("--ft-button-primary-disabled-component-opacity","",s.opacity40),focusFocusRingColor:e.extend("--ft-button-focus-focus-ring-color","",p.borderActionFocusRing),tertiaryBackgroundColor:e.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:e.extend("--ft-button-tertiary-color","",p.contentActionPrimary),tertiaryIconColor:e.extend("--ft-button-tertiary-icon-color","",p.contentActionPrimary),tertiaryStateLayerColor:e.extend("--ft-button-tertiary-state-layer-color","",p.contentActionPrimary),tertiaryHoverStateLayerOpacity:e.extend("--ft-button-tertiary-hover-state-layer-opacity","",s.opacity8),tertiaryFocusStateLayerOpacity:e.extend("--ft-button-tertiary-focus-state-layer-opacity","",s.opacity8),tertiaryActiveStateLayerOpacity:e.extend("--ft-button-tertiary-active-state-layer-opacity","",s.opacity16),tertiaryDisabledComponentOpacity:e.extend("--ft-button-tertiary-disabled-component-opacity","",s.opacity40),secondaryBackgroundColor:e.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:e.extend("--ft-button-secondary-color","",p.contentActionPrimary),secondaryIconColor:e.extend("--ft-button-secondary-icon-color","",p.contentActionPrimary),secondaryStateLayerColor:e.extend("--ft-button-secondary-state-layer-color","",p.contentActionPrimary),secondaryHoverStateLayerOpacity:e.extend("--ft-button-secondary-hover-state-layer-opacity","",s.opacity8),secondaryFocusStateLayerOpacity:e.extend("--ft-button-secondary-focus-state-layer-opacity","",s.opacity8),secondaryActiveStateLayerOpacity:e.extend("--ft-button-secondary-active-state-layer-opacity","",s.opacity16),secondaryDisabledComponentOpacity:e.extend("--ft-button-secondary-disabled-component-opacity","",s.opacity40),secondaryBorderColor:e.extend("--ft-button-secondary-border-color","",p.borderActionPrimary),neutralBackgroundColor:e.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:e.extend("--ft-button-neutral-icon-color","",p.contentGlobalSecondary),neutralColor:e.extend("--ft-button-neutral-color","",p.contentGlobalSecondary),neutralStateLayerColor:e.extend("--ft-button-neutral-state-layer-color","",p.contentGlobalSecondary),neutralHoverStateLayerOpacity:e.extend("--ft-button-neutral-hover-state-layer-opacity","",s.opacity8),neutralFocusStateLayerOpacity:e.extend("--ft-button-neutral-focus-state-layer-opacity","",s.opacity8),neutralActiveStateLayerOpacity:e.extend("--ft-button-neutral-active-state-layer-opacity","",s.opacity16),neutralDisabledComponentOpacity:e.extend("--ft-button-neutral-disabled-component-opacity","",s.opacity40)};var $l={iconSize:e.extend("--ft-banner-icon-size","",s.iconSize5),borderWidth:e.create("--ft-banner-border-width","","SIZE","1px"),horizontalPadding:e.extend("--ft-banner-horizontal-padding","",s.spacing6),verticalPadding:e.extend("--ft-banner-vertical-padding","",s.spacing6),horizontalSideGap:e.extend("--ft-banner-horizontal-side-gap","",s.spacing6),horizontalMobileGap:e.extend("--ft-banner-horizontal-mobile-gap","",s.spacing4),verticalMobileGap:e.extend("--ft-banner-vertical-mobile-gap","",s.spacing6),horizontalMiddleGap:e.extend("--ft-banner-horizontal-middle-gap","",s.spacing20),infoBackgroundColor:e.extend("--ft-banner-info-background-color","",p.backgroundInfoSubtle),infoColor:e.extend("--ft-banner-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-banner-info-icon-color","",p.contentInfoIconOnly)};var Fl={horizontalGap:e.extend("--ft-breadcrumb-horizontal-gap","",s.spacing1),verticalGap:e.extend("--ft-breadcrumb-vertical-gap","",s.spacing2),currentElementColor:e.extend("--ft-breadcrumb-current-element-color","",p.contentGlobalPrimary),iconColor:e.extend("--ft-breadcrumb-icon-color","",p.contentGlobalSubtle)};var Vl={horizontalPadding:e.extend("--ft-page-header-horizontal-padding","",s.spacing12),horizontalGap:e.extend("--ft-page-header-horizontal-gap","",s.spacing4),verticalGap:e.extend("--ft-page-header-vertical-gap","",s.spacing2),classicVerticalPadding:e.extend("--ft-page-header-classic-vertical-padding","",s.spacing6),multilineVerticalPadding:e.extend("--ft-page-header-multiline-vertical-padding","",s.spacing4),inlineVerticalPadding:e.extend("--ft-page-header-inline-vertical-padding","",s.spacing2),backgroundColor:e.extend("--ft-page-header-background-color","",s.colorWhite),bottomBorderColor:e.extend("--ft-page-header-bottom-border-color","",p.borderGlobalSubtle),titleColor:e.extend("--ft-page-header-title-color","",p.contentGlobalPrimary),subtitleColor:e.extend("--ft-page-header-subtitle-color","",p.contentGlobalSecondary)};var Yl={smallContainerWidth:e.create("--ft-modal-small-container-width","","SIZE","600px"),largeContainerWidth:e.create("--ft-modal-large-container-width","","SIZE","900px"),overlayBackgroundColor:e.extend("--ft-modal-overlay-background-color","",s.colorGray700),overlayOpacity:e.extend("--ft-modal-overlay-opacity","",s.opacity40),shadow:e.extend("--ft-modal-shadow","",s.shadowElevation03),bodyBackgroundColor:e.extend("--ft-modal-body-background-color","",s.colorWhite),bodyColor:e.extend("--ft-modal-body-color","",p.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-modal-body-horizontal-padding","",s.spacing6),bodyVerticalPadding:e.extend("--ft-modal-body-vertical-padding","",s.spacing6),bodyVerticalGap:e.extend("--ft-modal-body-vertical-gap","",s.spacing6),containerMargin:e.extend("--ft-modal-container-margin","",s.spacing3),headerBackgroundColor:e.extend("--ft-modal-header-background-color","",p.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-modal-header-border-color","",p.borderGlobalSubtle),headerColor:e.extend("--ft-modal-header-color","",p.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-modal-header-trailing-icon-color","",p.contentGlobalSecondary),headerVerticalPadding:e.extend("--ft-modal-header-vertical-padding","",s.spacing1),headerRightPadding:e.extend("--ft-modal-header-right-padding","",s.spacing1),headerLeftPadding:e.extend("--ft-modal-header-left-padding","",s.spacing6),headerGap:e.extend("--ft-modal-header-gap","",s.spacing2),headerBorderBottom:e.create("--ft-modal-header-border-bottom","","SIZE","1px"),borderRadius:e.extend("--ft-modal-border-radius","",s.borderRadiusM)};var ec={overlayOpacity:e.extend("--ft-drawer-overlay-opacity","",s.opacity40),shadow:e.extend("--ft-drawer-shadow","",s.shadowElevation03),bodyColor:e.extend("--ft-drawer-body-color","",p.contentGlobalPrimary),bodyHorizontalPadding:e.extend("--ft-drawer-body-horizontal-padding","",s.spacing6),bodyVerticalPadding:e.extend("--ft-drawer-body-vertical-padding","",s.spacing6),bodyGap:e.extend("--ft-drawer-body-gap","",s.spacing6),bodyBackgroundColor:e.extend("--ft-drawer-body-background-color","",s.colorWhite),headerBackgroundColor:e.extend("--ft-drawer-header-background-color","",p.backgroundGlobalOnSurface),headerBorderColor:e.extend("--ft-drawer-header-border-color","",p.borderGlobalSubtle),headerColor:e.extend("--ft-drawer-header-color","",p.contentGlobalPrimary),headerTrailingIconColor:e.extend("--ft-drawer-header-trailing-icon-color","",p.contentGlobalSecondary),headerHeight:e.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:e.extend("--ft-drawer-header-horizontal-padding","",s.spacing2),headerBorderWidth:e.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:e.extend("--ft-drawer-header-gap","",s.spacing3),buttonsBarBackgroundColor:e.extend("--ft-drawer-buttons-bar-background-color","",p.backgroundGlobalOnSurface),buttonsBarBorderColor:e.extend("--ft-drawer-buttons-bar-border-color","",p.borderGlobalSubtle),buttonsBarColor:e.extend("--ft-drawer-buttons-bar-color","",p.contentGlobalPrimary),buttonsBarHorizontalPadding:e.extend("--ft-drawer-buttons-bar-horizontal-padding","",s.spacing4),buttonsBarVerticalPadding:e.extend("--ft-drawer-buttons-bar-vertical-padding","",s.spacing4),buttonsBarGap:e.extend("--ft-drawer-buttons-bar-gap","",s.spacing3),buttonsBarBorderWidth:e.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:e.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:e.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:e.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:e.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:e.extend("--ft-drawer-overlay-background-color","",s.colorGray700)};var ac={fieldHorizontalPadding:e.extend("--ft-text-input-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:e.extend("--ft-text-input-field-horizontal-gap","",s.spacing3),fieldVerticalGap:e.extend("--ft-text-input-field-vertical-gap","",s.spacing05),fieldIconSize:e.extend("--ft-text-input-field-icon-size","",s.iconSize3),fieldHeight:e.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-text-input-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:e.extend("--ft-text-input-helper-horizontal-gap","",s.spacing1),helperIconSize:e.extend("--ft-text-input-helper-icon-size","",s.iconSize2),borderRadius:e.extend("--ft-text-input-border-radius","",s.borderRadiusM),backgroundColor:e.extend("--ft-text-input-background-color","",s.colorWhite),contentValueColor:e.extend("--ft-text-input-content-value-color","",p.contentGlobalPrimary),trailingIconColor:e.extend("--ft-text-input-trailing-icon-color","",p.contentGlobalSubtle),labelColor:e.extend("--ft-text-input-label-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-input-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-input-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-text-input-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-input-error-helper-text-color","",p.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-input-error-helper-icon-color","",p.contentErrorIconOnly),warningBorderWidth:e.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:e.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-text-input-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-input-disabled-component-opacity","",s.opacity40)};var dc={backgroundColor:e.extend("--ft-text-area-background-color","",s.colorWhite),contentValueColor:e.extend("--ft-text-area-content-value-color","",p.contentGlobalPrimary),labelColor:e.extend("--ft-text-area-label-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-text-area-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-text-area-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-text-area-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-text-area-error-helper-text-color","",p.contentErrorPrimary),errorHelperIconColor:e.extend("--ft-text-area-error-helper-icon-color","",p.contentErrorIconOnly),focusFocusRingColor:e.extend("--ft-text-area-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:e.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:e.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-text-area-disabled-component-opacity","",s.opacity40),fieldHorizontalLeftPadding:e.extend("--ft-text-area-field-horizontal-left-padding","",s.spacing4),fieldHorizontalGap:e.extend("--ft-text-area-field-horizontal-gap","",s.spacing3),fieldVerticalGap:e.extend("--ft-text-area-field-vertical-gap","",s.spacing05),fieldMinHeight:e.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:e.extend("--ft-text-area-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:e.extend("--ft-text-area-helper-horizontal-gap","",s.spacing1),helperIconSize:e.extend("--ft-text-area-helper-icon-size","",s.iconSize2),borderRadius:e.extend("--ft-text-area-border-radius","",s.borderRadiusM)};var yc={height:e.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:e.extend("--ft-floating-menu-horizontal-padding","",s.spacing4),offIconColor:e.extend("--ft-floating-menu-off-icon-color","",p.contentGlobalPrimary),offColor:e.extend("--ft-floating-menu-off-color","",p.contentGlobalPrimary),onColor:e.extend("--ft-floating-menu-on-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-floating-menu-on-state-layer-color","",p.contentActionPrimary),gap:e.extend("--ft-floating-menu-gap","",s.spacing3),focusFocusRingColor:e.extend("--ft-floating-menu-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:e.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:e.extend("--ft-floating-menu-focus-state-layer-opacity","",s.opacity8),hoverStateLayerOpacity:e.extend("--ft-floating-menu-hover-state-layer-opacity","",s.opacity8),activeStateLayerOpacity:e.extend("--ft-floating-menu-active-state-layer-opacity","",s.opacity16),disabledComponentOpacity:e.extend("--ft-floating-menu-disabled-component-opacity","",s.opacity40),iconSize:e.extend("--ft-floating-menu-icon-size","",s.iconSize3),backgroundColor:e.extend("--ft-floating-menu-background-color","",p.backgroundGlobalOnSurface)};var Sc={fieldHorizontalPadding:e.extend("--ft-combobox-single-select-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-single-select-field-horizontal-gap","",s.spacing3),fieldVerticalGap:e.extend("--ft-combobox-single-select-field-vertical-gap","",s.spacing05),fieldIconSize:e.extend("--ft-combobox-single-select-field-icon-size","",s.iconSize3),fieldHeight:e.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:e.extend("--ft-combobox-single-select-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:e.extend("--ft-combobox-single-select-helper-horizontal-gap","",s.spacing1),helperVerticalGap:e.extend("--ft-combobox-single-select-helper-vertical-gap","",s.spacing1),helperIconSize:e.extend("--ft-combobox-single-select-helper-icon-size","",s.iconSize2),menuVerticalGap:e.extend("--ft-combobox-single-select-menu-vertical-gap","",s.spacing2),borderRadius:e.extend("--ft-combobox-single-select-border-radius","",s.borderRadiusM),backgroundColor:e.extend("--ft-combobox-single-select-background-color","",s.colorWhite),labelColor:e.extend("--ft-combobox-single-select-label-color","",p.contentGlobalSubtle),contentValueColor:e.extend("--ft-combobox-single-select-content-value-color","",p.contentGlobalPrimary),trailingIconColor:e.extend("--ft-combobox-single-select-trailing-icon-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-single-select-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-single-select-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:e.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:e.extend("--ft-combobox-single-select-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-single-select-error-helper-text-color","",p.contentErrorPrimary),warningBorderWidth:e.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-single-select-warning-border-color","",p.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-single-select-warning-helper-text-color","",p.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-single-select-warning-helper-icon-color","",p.contentWarningIconOnly),focusOutlineWidth:e.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-single-select-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-single-select-disabled-component-opacity","",s.opacity40)};var wc={backgroundColor:e.extend("--ft-combobox-multi-select-background-color","",s.colorWhite),labelColor:e.extend("--ft-combobox-multi-select-label-color","",p.contentGlobalSubtle),trailingIconColor:e.extend("--ft-combobox-multi-select-trailing-icon-color","",p.contentGlobalSubtle),defaultBorderColor:e.extend("--ft-combobox-multi-select-default-border-color","",p.borderInputPrimary),defaultHelperTextColor:e.extend("--ft-combobox-multi-select-default-helper-text-color","",p.contentGlobalSubtle),defaultBorderWidth:e.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:e.extend("--ft-combobox-multi-select-error-border-color","",p.borderErrorPrimary),errorHelperTextColor:e.extend("--ft-combobox-multi-select-error-helper-text-color","",p.contentErrorPrimary),errorHelperIcon:e.extend("--ft-combobox-multi-select-error-helper-icon","",p.contentErrorIconOnly),errorBorderWidth:e.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:e.extend("--ft-combobox-multi-select-warning-border-color","",p.borderWarningPrimary),warningHelperTextColor:e.extend("--ft-combobox-multi-select-warning-helper-text-color","",p.contentWarningPrimary),warningHelperIconColor:e.extend("--ft-combobox-multi-select-warning-helper-icon-color","",p.contentWarningIconOnly),warningBorderWidth:e.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-combobox-multi-select-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineWidth:e.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:e.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:e.extend("--ft-combobox-multi-select-disabled-component-opacity","",s.opacity40),helperHorizontalPadding:e.extend("--ft-combobox-multi-select-helper-horizontal-padding","",s.spacing4),helperHorizontalGap:e.extend("--ft-combobox-multi-select-helper-horizontal-gap","",s.spacing1),helperVerticalGap:e.extend("--ft-combobox-multi-select-helper-vertical-gap","",s.spacing1),helperIconSize:e.extend("--ft-combobox-multi-select-helper-icon-size","",s.iconSize2),fieldHorizontalPadding:e.extend("--ft-combobox-multi-select-field-horizontal-padding","",s.spacing4),fieldHorizontalGap:e.extend("--ft-combobox-multi-select-field-horizontal-gap","",s.spacing3),fieldVerticalGap:e.extend("--ft-combobox-multi-select-field-vertical-gap","",s.spacing05),fieldIconSize:e.extend("--ft-combobox-multi-select-field-icon-size","",s.iconSize3),fieldMaxHeight:e.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:e.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",s.spacing1),contentValuesVerticalGap:e.extend("--ft-combobox-multi-select-content-values-vertical-gap","",s.spacing1),borderRadius:e.extend("--ft-combobox-multi-select-border-radius","",s.borderRadiusM)};var Tc={backgroundColor:e.extend("--ft-popover-background-color","",p.backgroundGlobalOnSurface),horizontalPadding:e.extend("--ft-popover-horizontal-padding","",s.spacing6),verticalPadding:e.extend("--ft-popover-vertical-padding","",s.spacing6),iconColor:e.extend("--ft-popover-icon-color","",p.contentGlobalSecondary),iconSize:e.extend("--ft-popover-icon-size","",s.iconSize2),titleColor:e.extend("--ft-popover-title-color","",p.contentGlobalPrimary),bodyColor:e.extend("--ft-popover-body-color","",p.contentGlobalSecondary),linkColor:e.extend("--ft-popover-link-color","",p.contentActionPrimary),gap:e.extend("--ft-popover-gap","",s.spacing3),borderRadius:e.extend("--ft-popover-border-radius","",s.borderRadiusM),shadow:e.extend("--ft-popover-shadow","",s.shadowElevation02)};var Dc={topLeftBorderRadius:e.extend("--ft-tabs-top-left-border-radius","",s.borderRadiusS),topRightBorderRadius:e.extend("--ft-tabs-top-right-border-radius","",s.borderRadiusS),labelHorizontalPadding:e.extend("--ft-tabs-label-horizontal-padding","",s.spacing4),labelVerticalPadding:e.extend("--ft-tabs-label-vertical-padding","",s.spacing3),labelGap:e.extend("--ft-tabs-label-gap","",s.spacing1),offHoverStateLayerOpacity:e.extend("--ft-tabs-off-hover-state-layer-opacity","",s.opacity8),offFocusStateLayerOpacity:e.extend("--ft-tabs-off-focus-state-layer-opacity","",s.opacity8),offActiveStateLayerOpacity:e.extend("--ft-tabs-off-active-state-layer-opacity","",s.opacity16),offDisabledComponentOpacity:e.extend("--ft-tabs-off-disabled-component-opacity","",s.opacity40),offColor:e.extend("--ft-tabs-off-color","",p.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-tabs-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-tabs-on-hover-state-layer-opacity","",s.opacity8),onFocusStateLayerOpacity:e.extend("--ft-tabs-on-focus-state-layer-opacity","",s.opacity8),onActiveStateLayerOpacity:e.extend("--ft-tabs-on-active-state-layer-opacity","",s.opacity16),onDisabledComponentOpacity:e.extend("--ft-tabs-on-disabled-component-opacity","",s.opacity40),onColor:e.extend("--ft-tabs-on-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-tabs-on-state-layer-color","",p.contentActionPrimary),iconHorizontalPadding:e.extend("--ft-tabs-icon-horizontal-padding","",s.spacing1),iconVerticalPadding:e.extend("--ft-tabs-icon-vertical-padding","",s.spacing4),focusOutlineWidth:e.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-tabs-focus-focus-ring-color","",p.borderActionFocusRing)};var Wc={hoverStateLayerOpacity:e.extend("--ft-collapsible-hover-state-layer-opacity","",s.opacity8),focusStateLayerOpacity:e.extend("--ft-collapsible-focus-state-layer-opacity","",s.opacity8),focusOutlineWidth:e.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:e.extend("--ft-collapsible-focus-focus-ring-color","",p.borderActionFocusRing),activeStateLayerOpacity:e.extend("--ft-collapsible-active-state-layer-opacity","",s.opacity16),disabledComponentOpacity:e.extend("--ft-collapsible-disabled-component-opacity","",s.opacity40),horizontalPadding:e.extend("--ft-collapsible-horizontal-padding","",s.spacing4),verticalPadding:e.extend("--ft-collapsible-vertical-padding","",s.spacing3),color:e.extend("--ft-collapsible-color","",p.contentGlobalPrimary),stateLayerColor:e.extend("--ft-collapsible-state-layer-color","",p.contentGlobalPrimary),backgroundColor:e.extend("--ft-collapsible-background-color","",p.backgroundGlobalOnSurface),borderColor:e.extend("--ft-collapsible-border-color","",p.borderGlobalSubtle),iconSize:e.extend("--ft-collapsible-icon-size","",s.iconSize3)};var Kc={groupHorizontalPadding:e.extend("--ft-switch-group-horizontal-padding","",s.spacing1),groupVerticalPadding:e.extend("--ft-switch-group-vertical-padding","",s.spacing1),groupGap:e.extend("--ft-switch-group-gap","",s.spacing1),groupBackgroundColor:e.extend("--ft-switch-group-background-color","",p.backgroundGlobalSurface),groupBorderColor:e.extend("--ft-switch-group-border-color","",p.borderGlobalSubtle),groupBorderRadius:e.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:e.extend("--ft-switch-label-horizontal-padding","",s.spacing2),labelVerticalPadding:e.extend("--ft-switch-label-vertical-padding","",s.spacing1),offHoverStateLayerOpacity:e.extend("--ft-switch-off-hover-state-layer-opacity","",s.opacity8),offFocusStateLayerOpacity:e.extend("--ft-switch-off-focus-state-layer-opacity","",s.opacity8),offActiveStateLayerOpacity:e.extend("--ft-switch-off-active-state-layer-opacity","",s.opacity16),offDisabledComponentOpacity:e.extend("--ft-switch-off-disabled-component-opacity","",s.opacity40),offColor:e.extend("--ft-switch-off-color","",p.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-switch-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-switch-on-hover-state-layer-opacity","",s.opacity8),onFocusStateLayerOpacity:e.extend("--ft-switch-on-focus-state-layer-opacity","",s.opacity8),onActiveStateLayerOpacity:e.extend("--ft-switch-on-active-state-layer-opacity","",s.opacity16),onDisabledComponentOpacity:e.extend("--ft-switch-on-disabled-component-opacity","",s.opacity40),onColor:e.extend("--ft-switch-on-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-switch-on-state-layer-color","",p.contentActionPrimary),iconHorizontalPadding:e.extend("--ft-switch-icon-horizontal-padding","",s.spacing1),iconVerticalPadding:e.extend("--ft-switch-icon-vertical-padding","",s.spacing1),focusOutlineWidth:e.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:e.extend("--ft-switch-focus-focus-ring-color","",p.borderActionFocusRing),optionBorderRadius:e.extend("--ft-switch-option-border-radius","",s.borderRadiusS)};var Yc={color1Light:e.extend("--ft-chart-1-light","for area color charts",s.colorBrand40),color1Base:e.extend("--ft-chart-1-base","for line charts",s.colorBrand0),color2Light:e.extend("--ft-chart-2-light","for area color charts",s.colorYellow60),color2Base:e.extend("--ft-chart-2-base","for line charts",s.colorYellow100),color3Light:e.extend("--ft-chart-3-light","",s.colorUltramarine40),color3Base:e.extend("--ft-chart-3-base","",s.colorUltramarine70),color4Light:e.extend("--ft-chart-4-light","",s.colorCyan50),color4Base:e.extend("--ft-chart-4-base","",s.colorCyan100),color5Light:e.extend("--ft-chart-5-light","",s.colorRed40),color5Base:e.extend("--ft-chart-5-base","",s.colorRed60),color6Light:e.extend("--ft-chart-6-light","",s.colorGreen40),color6Base:e.extend("--ft-chart-6-base","",s.colorGreen70),color7Light:e.extend("--ft-chart-7-light","",s.colorOrange70),color7Base:e.extend("--ft-chart-7-base","",s.colorOrange100),color8Light:e.extend("--ft-chart-8-light","",s.colorAvocado70),color8Base:e.extend("--ft-chart-8-base","",s.colorAvocado200),color9Light:e.extend("--ft-chart-9-light","",s.colorBrown50),color9Base:e.extend("--ft-chart-9-base","",s.colorBrown200),color10Light:e.extend("--ft-chart-10-light","",s.colorGray50),color10Base:e.extend("--ft-chart-10-base","",s.colorGray80),monochrome10:e.extend("--ft-chart-monochrome-10","",s.colorBrand10),monochrome20:e.extend("--ft-chart-monochrome-20","",s.colorBrand20),monochrome30:e.extend("--ft-chart-monochrome-30","",s.colorBrand40),monochrome40:e.extend("--ft-chart-monochrome-40","",s.colorBrand60),monochrome50:e.extend("--ft-chart-monochrome-50","",s.colorBrand0),monochrome60:e.extend("--ft-chart-monochrome-60","",s.colorBrand200)};var ep={largeHorizontalPadding:e.extend("--ft-chip-large-horizontal-padding","",s.spacing4),largeVerticalPadding:e.extend("--ft-chip-large-vertical-padding","",s.spacing2),largeGap:e.extend("--ft-chip-large-gap","",s.spacing1),largeFocusOutlineOffset:e.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:e.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:e.extend("--ft-chip-large-border-radius","",s.borderRadiusPill),largeBorderWidth:e.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:e.extend("--ft-chip-large-icon-size","",s.iconSize3),mediumHorizontalPadding:e.extend("--ft-chip-medium-horizontal-padding","",s.spacing3),mediumVerticalPadding:e.extend("--ft-chip-medium-vertical-padding","",s.spacing1),mediumGap:e.extend("--ft-chip-medium-gap","",s.spacing1),mediumFocusOutlineOffset:e.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:e.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:e.extend("--ft-chip-medium-border-radius","",s.borderRadiusPill),mediumBorderWidth:e.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:e.extend("--ft-chip-medium-icon-size","",s.iconSize2),smallHorizontalPadding:e.extend("--ft-chip-small-horizontal-padding","",s.spacing2),smallVerticalPadding:e.extend("--ft-chip-small-vertical-padding","",s.spacing05),smallGap:e.extend("--ft-chip-small-gap","",s.spacing1),smallFocusOutlineOffset:e.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:e.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:e.extend("--ft-chip-small-border-radius","",s.borderRadiusPill),smallBorderWidth:e.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:e.extend("--ft-chip-small-icon-size","",s.iconSize1),neutralBackgroundColor:e.extend("--ft-chip-neutral-background-color","",p.backgroundGlobalOnSurface),neutralColor:e.extend("--ft-chip-neutral-color","",p.contentGlobalPrimary),neutralIconColor:e.extend("--ft-chip-neutral-icon-color","",p.contentGlobalPrimary),neutralBorderColor:e.extend("--ft-chip-neutral-border-color","",p.borderGlobalSubtle),infoBackgroundColor:e.extend("--ft-chip-info-background-color","",p.backgroundInfoSubtle),infoColor:e.extend("--ft-chip-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-chip-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:e.extend("--ft-chip-info-border-color","",p.borderInfoSubtle),successBackgroundColor:e.extend("--ft-chip-success-background-color","",p.backgroundSuccessSubtle),successColor:e.extend("--ft-chip-success-color","",p.contentSuccessPrimary),successIconColor:e.extend("--ft-chip-success-icon-color","",p.contentSuccessIconOnly),successBorderColor:e.extend("--ft-chip-success-border-color","",p.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-chip-warning-background-color","",p.backgroundWarningSubtle),warningColor:e.extend("--ft-chip-warning-color","",p.contentWarningPrimary),warningIconColor:e.extend("--ft-chip-warning-icon-color","",p.contentWarningIconOnly),warningBorderColor:e.extend("--ft-chip-warning-border-color","",p.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-chip-error-background-color","",p.backgroundErrorSubtle),errorColor:e.extend("--ft-chip-error-color","",p.contentErrorPrimary),errorIconColor:e.extend("--ft-chip-error-icon-color","",p.contentErrorIconOnly),errorBorderColor:e.extend("--ft-chip-error-border-color","",p.borderErrorSubtle)};var np={infoBorderColor:e.extend("--ft-border-info-border-color","",p.borderInfoSubtle)};var pp={borderWidth:e.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:e.extend("--ft-notice-horizontal-padding","",s.spacing2),verticalPadding:e.extend("--ft-notice-vertical-padding","",s.spacing1),borderRadius:e.extend("--ft-notice-border-radius","",s.borderRadiusS),gap:e.extend("--ft-notice-gap","",s.spacing2),iconSize:e.extend("--ft-notice-icon-size","",s.iconSize3),infoBackgroundColor:e.extend("--ft-notice-info-background-color","",p.backgroundInfoSubtle),infoBorderColor:e.extend("--ft-notice-info-border-color","",p.borderInfoSubtle),infoColor:e.extend("--ft-notice-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-notice-info-icon-color","",p.contentInfoIconOnly),warningBackgroundColor:e.extend("--ft-notice-warning-background-color","",p.backgroundWarningSubtle),warningBorderColor:e.extend("--ft-notice-warning-border-color","",p.borderWarningSubtle),warningColor:e.extend("--ft-notice-warning-color","",p.contentWarningPrimary),warningIconColor:e.extend("--ft-notice-warning-icon-color","",p.contentWarningIconOnly),errorBackgroundColor:e.extend("--ft-notice-error-background-color","",p.backgroundErrorSubtle),errorBorderColor:e.extend("--ft-notice-error-border-color","",p.borderErrorSubtle),errorColor:e.extend("--ft-notice-error-color","",p.contentErrorPrimary),errorIconColor:e.extend("--ft-notice-error-icon-color","",p.contentErrorIconOnly),successBackgroundColor:e.extend("--ft-notice-success-background-color","",p.backgroundSuccessSubtle),successBorderColor:e.extend("--ft-notice-success-border-color","",p.borderSuccessSubtle),successColor:e.extend("--ft-notice-success-color","",p.contentSuccessPrimary),successIconColor:e.extend("--ft-notice-success-icon-color","",p.contentSuccessIconOnly)};var mp={color:e.extend("--ft-checkbox-color","",p.contentGlobalPrimary),checkedBackgroundColor:e.extend("--ft-checkbox-checked-background-color","",p.contentActionPrimary),checkedStateLayerColor:e.extend("--ft-checkbox-checked-state-layer-color","",p.contentActionPrimary),checkedIconColor:e.extend("--ft-checkbox-checked-icon-color","",p.contentGlobalOnColor),checkedHoverStateLayerOpacity:e.extend("--ft-checkbox-checked-hover-state-layer-opacity","",s.opacity16),checkedFocusStateLayerOpacity:e.extend("--ft-checkbox-checked-focus-state-layer-opacity","",s.opacity16),checkedActiveStateLayerOpacity:e.extend("--ft-checkbox-checked-active-state-layer-opacity","",s.opacity24),checkedDisabledComponentOpacity:e.extend("--ft-checkbox-checked-disabled-component-opacity","",s.opacity40),uncheckedBorderColor:e.extend("--ft-checkbox-unchecked-border-color","",s.colorGray80),uncheckedStateLayerColor:e.extend("--ft-checkbox-unchecked-state-layer-color","",s.colorGray80),uncheckedHoverStateLayerOpacity:e.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",s.opacity16),uncheckedFocusStateLayerOpacity:e.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",s.opacity16),uncheckedActiveStateLayerOpacity:e.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",s.opacity24),uncheckedDisabledComponentOpacity:e.extend("--ft-checkbox-unchecked-disabled-component-opacity","",s.opacity40),focusFocusRingColor:e.extend("--ft-checkbox-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:e.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:e.extend("--ft-checkbox-gap","",s.spacing3)};var vp={offHoverStateLayerOpacity:e.extend("--ft-toggle-off-hover-state-layer-opacity","",s.opacity16),offFocusStateLayerOpacity:e.extend("--ft-toggle-off-focus-state-layer-opacity","",s.opacity16),offActiveStateLayerOpacity:e.extend("--ft-toggle-off-active-state-layer-opacity","",s.opacity24),offDisabledComponentOpacity:e.extend("--ft-toggle-off-disabled-component-opacity","",s.opacity40),offBackgroundColor:e.extend("--ft-toggle-off-background-color","",p.contentGlobalSubtle),offIconColor:e.extend("--ft-toggle-off-icon-color","",p.contentGlobalSubtle),offStateLayerColor:e.extend("--ft-toggle-off-state-layer-color","",p.contentGlobalSubtle),onHoverStateLayerOpacity:e.extend("--ft-toggle-on-hover-state-layer-opacity","",s.opacity16),onFocusStateLayerOpacity:e.extend("--ft-toggle-on-focus-state-layer-opacity","",s.opacity16),onActiveStateLayerOpacity:e.extend("--ft-toggle-on-active-state-layer-opacity","",s.opacity24),onDisabledComponentOpacity:e.extend("--ft-toggle-on-disabled-component-opacity","",s.opacity40),onBackgroundColor:e.extend("--ft-toggle-on-background-color","",p.contentActionPrimary),onStateLayerColor:e.extend("--ft-toggle-on-state-layer-color","",p.contentActionPrimary),onIconColor:e.extend("--ft-toggle-on-icon-color","",p.contentActionPrimary),color:e.extend("--ft-toggle-color","",p.contentGlobalPrimary),focusFocusRingColor:e.extend("--ft-toggle-focus-focus-ring-color","",p.borderActionFocusRing),gap:e.extend("--ft-toggle-gap","",s.spacing3)};var Ap={color:e.extend("--ft-radio-color","",p.contentGlobalPrimary),selectedRadioColor:e.extend("--ft-radio-selected-radio-color","",p.contentActionPrimary),selectedStateLayerColor:e.extend("--ft-radio-selected-state-layer-color","",p.contentActionPrimary),selectedHoverStateLayerOpacity:e.extend("--ft-radio-selected-hover-state-layer-opacity","",s.opacity16),selectedFocusStateLayerOpacity:e.extend("--ft-radio-selected-focus-state-layer-opacity","",s.opacity16),selectedActiveStateLayerOpacity:e.extend("--ft-radio-selected-active-state-layer-opacity","",s.opacity24),selectedDisabledComponentOpacity:e.extend("--ft-radio-selected-disabled-component-opacity","",s.opacity40),unselectedStateLayerColor:e.extend("--ft-radio-unselected-state-layer-color","",p.borderInputPrimary),unselectedBorderColor:e.extend("--ft-radio-unselected-border-color","",p.borderInputPrimary),unselectedHoverStateLayerOpacity:e.extend("--ft-radio-unselected-hover-state-layer-opacity","",s.opacity16),unselectedFocusStateLayerOpacity:e.extend("--ft-radio-unselected-focus-state-layer-opacity","",s.opacity16),unselectedActiveStateLayerOpacity:e.extend("--ft-radio-unselected-active-state-layer-opacity","",s.opacity24),unselectedDisabledComponentOpacity:e.extend("--ft-radio-unselected-disabled-component-opacity","",s.opacity40),focusFocusRingColor:e.extend("--ft-radio-focus-focus-ring-color","",p.borderActionFocusRing),focusOutlineOffset:e.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:e.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:e.extend("--ft-radio-gap","",s.spacing3)};var Ip={iconSize:e.extend("--ft-notification-icon-size","",s.iconSize4),horizontalPadding:e.extend("--ft-notification-horizontal-padding","",s.spacing4),verticalPadding:e.extend("--ft-notification-vertical-padding","",s.spacing4),infoBackgroundColor:e.extend("--ft-notification-info-background-color","",p.backgroundInfoSubtle),infoColor:e.extend("--ft-notification-info-color","",p.contentInfoPrimary),infoIconColor:e.extend("--ft-notification-info-icon-color","",p.contentInfoIconOnly),infoBorderColor:e.extend("--ft-notification-info-border-color","",p.borderInfoSubtle),successBackgroundColor:e.extend("--ft-notification-success-background-color","",p.backgroundSuccessSubtle),successColor:e.extend("--ft-notification-success-color","",p.contentSuccessPrimary),successIconColor:e.extend("--ft-notification-success-icon-color","",p.contentSuccessIconOnly),successBorderColor:e.extend("--ft-notification-success-border-color","",p.borderSuccessSubtle),warningBackgroundColor:e.extend("--ft-notification-warning-background-color","",p.backgroundWarningSubtle),warningColor:e.extend("--ft-notification-warning-color","",p.contentWarningPrimary),warningIconColor:e.extend("--ft-notification-warning-icon-color","",p.contentWarningIconOnly),warningBorderColor:e.extend("--ft-notification-warning-border-color","",p.borderWarningSubtle),errorBackgroundColor:e.extend("--ft-notification-error-background-color","",p.backgroundErrorSubtle),errorColor:e.extend("--ft-notification-error-color","",p.contentErrorPrimary),errorIconColor:e.extend("--ft-notification-error-icon-color","",p.contentErrorIconOnly),errorBorderColor:e.extend("--ft-notification-error-border-color","",p.borderErrorSubtle),borderRadius:e.extend("--ft-notification-border-radius","",s.borderRadiusPill),borderWidth:e.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:e.extend("--ft-notification-leading-gap","",s.spacing2),trailingGap:e.extend("--ft-notification-trailing-gap","",s.spacing8)};var $p={horizontalPadding:e.extend("--ft-tooltip-horizontal-padding","",s.spacing2),verticalPadding:e.extend("--ft-tooltip-vertical-padding","",s.spacing2),borderRadius:e.extend("--ft-tooltip-border-radius","",s.borderRadiusS),color:e.extend("--ft-tooltip-color","",p.contentGlobalOnColor),backgroundColor:e.extend("--ft-tooltip-background-color","",p.contentGlobalPrimary),backgroundOpacity:e.extend("--ft-tooltip-background-opacity","",s.opacity80),shadow:e.extend("--ft-tooltip-shadow","",s.shadowElevation03),maxWidth:e.create("--ft-tooltip-max-width","","SIZE","256px"),gap:e.extend("--ft-tooltip-gap","",s.spacing05)};var Ao=f(R());function Bi(o){let t=Eo[o];return Ao.css`
|
|
6
|
+
.ft-typography--${(0,Ao.unsafeCSS)(o)} {
|
|
7
|
+
font-family: ${t.fontFamily};
|
|
8
|
+
font-size: ${t.fontSize};
|
|
9
|
+
font-weight: ${t.fontWeight};
|
|
10
|
+
letter-spacing: ${t.letterSpacing};
|
|
11
|
+
line-height: ${t.lineHeight};
|
|
12
|
+
text-transform: ${t.textCase};
|
|
13
|
+
}
|
|
14
|
+
`}var Ui=g.FtCssVariableFactory.extend("--ft-typography-font-family","",g.designSystemVariables.titleFont),qt=g.FtCssVariableFactory.extend("--ft-typography-font-family","",g.designSystemVariables.contentFont),S={fontFamily:qt,fontSize:g.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:g.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:g.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:g.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:g.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},Te={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Ui),fontSize:g.FtCssVariableFactory.extend("--ft-typography-title-font-size","",S.fontSize,"20px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",S.letterSpacing,"0.15px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-title-line-height","",S.lineHeight,"1.2"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",S.textTransform,"inherit")},Pe={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Ui),fontSize:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",S.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",S.letterSpacing,"0.105px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",S.lineHeight,"1.7"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",S.textTransform,"inherit")},ke={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",S.fontSize,"16px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",S.fontWeight,"600"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",S.letterSpacing,"0.144px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",S.lineHeight,"1.5"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",S.textTransform,"inherit")},_e={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",S.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",S.letterSpacing,"0.098px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",S.lineHeight,"1.7"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",S.textTransform,"inherit")},$e={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",S.fontSize,"16px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",S.letterSpacing,"0.496px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",S.lineHeight,"1.5"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",S.textTransform,"inherit")},Ct={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",S.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",S.letterSpacing,"0.252px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",S.lineHeight,"1.4"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",S.textTransform,"inherit")},De={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",S.fontSize,"12px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",S.letterSpacing,"0.396px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",S.lineHeight,"1.33"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",S.textTransform,"inherit")},Be={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",S.fontSize,"10px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",S.letterSpacing,"0.33px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",S.lineHeight,"1.6"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",S.textTransform,"inherit")},Ue={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",S.fontSize,"10px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",S.fontWeight,"normal"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",S.letterSpacing,"1.5px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",S.lineHeight,"1.6"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",S.textTransform,"uppercase")},Wt={fontFamily:g.FtCssVariableFactory.extend("--ft-typography-button-font-family","",qt),fontSize:g.FtCssVariableFactory.extend("--ft-typography-button-font-size","",S.fontSize,"14px"),fontWeight:g.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",S.fontWeight,"600"),letterSpacing:g.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",S.letterSpacing,"1.246px"),lineHeight:g.FtCssVariableFactory.extend("--ft-typography-button-line-height","",S.lineHeight,"1.15"),textTransform:g.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",S.textTransform,"uppercase")},zi=Lt.css`
|
|
14
15
|
.ft-typography--title {
|
|
15
|
-
font-family: ${
|
|
16
|
-
font-size: ${
|
|
17
|
-
font-weight: ${
|
|
18
|
-
letter-spacing: ${
|
|
19
|
-
line-height: ${
|
|
20
|
-
text-transform: ${
|
|
21
|
-
}
|
|
22
|
-
`,
|
|
16
|
+
font-family: ${Te.fontFamily};
|
|
17
|
+
font-size: ${Te.fontSize};
|
|
18
|
+
font-weight: ${Te.fontWeight};
|
|
19
|
+
letter-spacing: ${Te.letterSpacing};
|
|
20
|
+
line-height: ${Te.lineHeight};
|
|
21
|
+
text-transform: ${Te.textTransform};
|
|
22
|
+
}
|
|
23
|
+
`,Fi=Lt.css`
|
|
23
24
|
.ft-typography--title-dense {
|
|
24
|
-
font-family: ${
|
|
25
|
-
font-size: ${
|
|
26
|
-
font-weight: ${
|
|
27
|
-
letter-spacing: ${
|
|
28
|
-
line-height: ${
|
|
29
|
-
text-transform: ${
|
|
30
|
-
}
|
|
31
|
-
`,
|
|
25
|
+
font-family: ${Pe.fontFamily};
|
|
26
|
+
font-size: ${Pe.fontSize};
|
|
27
|
+
font-weight: ${Pe.fontWeight};
|
|
28
|
+
letter-spacing: ${Pe.letterSpacing};
|
|
29
|
+
line-height: ${Pe.lineHeight};
|
|
30
|
+
text-transform: ${Pe.textTransform};
|
|
31
|
+
}
|
|
32
|
+
`,Wi=Lt.css`
|
|
32
33
|
.ft-typography--subtitle1 {
|
|
33
|
-
font-family: ${
|
|
34
|
-
font-size: ${
|
|
35
|
-
font-weight: ${
|
|
36
|
-
letter-spacing: ${
|
|
37
|
-
line-height: ${
|
|
38
|
-
text-transform: ${
|
|
39
|
-
}
|
|
40
|
-
`,
|
|
34
|
+
font-family: ${ke.fontFamily};
|
|
35
|
+
font-size: ${ke.fontSize};
|
|
36
|
+
font-weight: ${ke.fontWeight};
|
|
37
|
+
letter-spacing: ${ke.letterSpacing};
|
|
38
|
+
line-height: ${ke.lineHeight};
|
|
39
|
+
text-transform: ${ke.textTransform};
|
|
40
|
+
}
|
|
41
|
+
`,Mi=Lt.css`
|
|
41
42
|
.ft-typography--subtitle2 {
|
|
42
|
-
font-family: ${
|
|
43
|
-
font-size: ${
|
|
44
|
-
font-weight: ${
|
|
45
|
-
letter-spacing: ${
|
|
46
|
-
line-height: ${
|
|
47
|
-
text-transform: ${
|
|
43
|
+
font-family: ${_e.fontFamily};
|
|
44
|
+
font-size: ${_e.fontSize};
|
|
45
|
+
font-weight: ${_e.fontWeight};
|
|
46
|
+
letter-spacing: ${_e.letterSpacing};
|
|
47
|
+
line-height: ${_e.lineHeight};
|
|
48
|
+
text-transform: ${_e.textTransform};
|
|
48
49
|
}
|
|
49
50
|
|
|
50
|
-
`,
|
|
51
|
+
`,Hi=Lt.css`
|
|
51
52
|
.ft-typography--body1 {
|
|
52
|
-
font-family: ${
|
|
53
|
-
font-size: ${
|
|
54
|
-
font-weight: ${
|
|
55
|
-
letter-spacing: ${
|
|
56
|
-
line-height: ${
|
|
57
|
-
text-transform: ${
|
|
58
|
-
}
|
|
59
|
-
`,
|
|
53
|
+
font-family: ${$e.fontFamily};
|
|
54
|
+
font-size: ${$e.fontSize};
|
|
55
|
+
font-weight: ${$e.fontWeight};
|
|
56
|
+
letter-spacing: ${$e.letterSpacing};
|
|
57
|
+
line-height: ${$e.lineHeight};
|
|
58
|
+
text-transform: ${$e.textTransform};
|
|
59
|
+
}
|
|
60
|
+
`,Gi=Lt.css`
|
|
60
61
|
.ft-typography--body2 {
|
|
61
|
-
font-family: ${
|
|
62
|
-
font-size: ${
|
|
63
|
-
font-weight: ${
|
|
64
|
-
letter-spacing: ${
|
|
65
|
-
line-height: ${
|
|
66
|
-
text-transform: ${
|
|
67
|
-
}
|
|
68
|
-
`,
|
|
62
|
+
font-family: ${Ct.fontFamily};
|
|
63
|
+
font-size: ${Ct.fontSize};
|
|
64
|
+
font-weight: ${Ct.fontWeight};
|
|
65
|
+
letter-spacing: ${Ct.letterSpacing};
|
|
66
|
+
line-height: ${Ct.lineHeight};
|
|
67
|
+
text-transform: ${Ct.textTransform};
|
|
68
|
+
}
|
|
69
|
+
`,wo=Lt.css`
|
|
69
70
|
.ft-typography--caption {
|
|
70
|
-
font-family: ${
|
|
71
|
-
font-size: ${
|
|
72
|
-
font-weight: ${
|
|
73
|
-
letter-spacing: ${
|
|
74
|
-
line-height: ${
|
|
75
|
-
text-transform: ${
|
|
76
|
-
}
|
|
77
|
-
`,
|
|
71
|
+
font-family: ${De.fontFamily};
|
|
72
|
+
font-size: ${De.fontSize};
|
|
73
|
+
font-weight: ${De.fontWeight};
|
|
74
|
+
letter-spacing: ${De.letterSpacing};
|
|
75
|
+
line-height: ${De.lineHeight};
|
|
76
|
+
text-transform: ${De.textTransform};
|
|
77
|
+
}
|
|
78
|
+
`,Vi=Lt.css`
|
|
78
79
|
.ft-typography--breadcrumb {
|
|
79
|
-
font-family: ${
|
|
80
|
-
font-size: ${
|
|
81
|
-
font-weight: ${
|
|
82
|
-
letter-spacing: ${
|
|
83
|
-
line-height: ${
|
|
84
|
-
text-transform: ${
|
|
85
|
-
}
|
|
86
|
-
`,
|
|
80
|
+
font-family: ${Be.fontFamily};
|
|
81
|
+
font-size: ${Be.fontSize};
|
|
82
|
+
font-weight: ${Be.fontWeight};
|
|
83
|
+
letter-spacing: ${Be.letterSpacing};
|
|
84
|
+
line-height: ${Be.lineHeight};
|
|
85
|
+
text-transform: ${Be.textTransform};
|
|
86
|
+
}
|
|
87
|
+
`,Ki=Lt.css`
|
|
87
88
|
.ft-typography--overline {
|
|
88
|
-
font-family: ${
|
|
89
|
-
font-size: ${
|
|
90
|
-
font-weight: ${
|
|
91
|
-
letter-spacing: ${
|
|
92
|
-
line-height: ${
|
|
93
|
-
text-transform: ${
|
|
94
|
-
}
|
|
95
|
-
`,
|
|
89
|
+
font-family: ${Ue.fontFamily};
|
|
90
|
+
font-size: ${Ue.fontSize};
|
|
91
|
+
font-weight: ${Ue.fontWeight};
|
|
92
|
+
letter-spacing: ${Ue.letterSpacing};
|
|
93
|
+
line-height: ${Ue.lineHeight};
|
|
94
|
+
text-transform: ${Ue.textTransform};
|
|
95
|
+
}
|
|
96
|
+
`,Zi=Lt.css`
|
|
96
97
|
.ft-typography--button {
|
|
97
|
-
font-family: ${
|
|
98
|
-
font-size: ${
|
|
99
|
-
font-weight: ${
|
|
100
|
-
letter-spacing: ${
|
|
101
|
-
line-height: ${
|
|
102
|
-
text-transform: ${
|
|
103
|
-
}
|
|
104
|
-
`,
|
|
98
|
+
font-family: ${Wt.fontFamily};
|
|
99
|
+
font-size: ${Wt.fontSize};
|
|
100
|
+
font-weight: ${Wt.fontWeight};
|
|
101
|
+
letter-spacing: ${Wt.letterSpacing};
|
|
102
|
+
line-height: ${Wt.lineHeight};
|
|
103
|
+
text-transform: ${Wt.textTransform};
|
|
104
|
+
}
|
|
105
|
+
`,ji=Lt.css`
|
|
105
106
|
.ft-typography {
|
|
106
107
|
vertical-align: inherit;
|
|
107
108
|
}
|
|
108
|
-
`,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
font-size: ${o.fontSize};
|
|
112
|
-
font-weight: ${o.fontWeight};
|
|
113
|
-
letter-spacing: ${o.letterSpacing};
|
|
114
|
-
line-height: ${o.lineHeight};
|
|
115
|
-
text-transform: ${o.textCase};
|
|
116
|
-
}
|
|
117
|
-
`}(t)))];var uo=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class go extends o.FtLitElement{constructor(){super(...arguments),this.variant=q.body1}render(){return this.element?V`
|
|
118
|
-
<${_(this.element)}
|
|
109
|
+
`,qi=[Object.keys(Eo).map(o=>Bi(o))];var Yi=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},X=class extends Xi.FtLitElement{constructor(){super(...arguments),this.variant=be.body1}render(){return this.element?ur`
|
|
110
|
+
<${fr(this.element)}
|
|
111
|
+
part="text"
|
|
119
112
|
class="ft-typography ft-typography--${this.variant}">
|
|
120
113
|
<slot></slot>
|
|
121
|
-
</${
|
|
122
|
-
`:
|
|
123
|
-
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
124
|
-
`}}
|
|
114
|
+
</${fr(this.element)}>
|
|
115
|
+
`:ur`
|
|
116
|
+
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
117
|
+
`}};X.styles=[zi,Fi,Wi,Mi,Hi,Gi,wo,Vi,Ki,Zi,ji,...qi];Yi([(0,hr.property)()],X.prototype,"element",void 0);Yi([(0,hr.property)()],X.prototype,"variant",void 0);(0,Qi.customElement)("ft-typography")(X);var Rt=f(R()),lt=f(V()),Ea=f(tn()),zo=f(O());var wr=f(O());var ho=f(V()),ra=f(O());var mn=f(R()),E=f(O());var sn=f(R()),j=f(O()),en=j.FtCssVariableFactory.extend("--ft-ripple-color","",j.designSystemVariables.colorContent),T={color:en,backgroundColor:j.FtCssVariableFactory.extend("--ft-ripple-background-color","",en),opacityContentOnSurfacePressed:j.FtCssVariableFactory.external(j.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:j.FtCssVariableFactory.external(j.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:j.FtCssVariableFactory.external(j.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:j.FtCssVariableFactory.external(j.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:j.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},on=j.FtCssVariableFactory.extend("--ft-ripple-color","",j.designSystemVariables.colorPrimary),rn={color:on,backgroundColor:j.FtCssVariableFactory.extend("--ft-ripple-background-color","",on)},nn=j.FtCssVariableFactory.extend("--ft-ripple-color","",j.designSystemVariables.colorSecondary),an={color:nn,backgroundColor:j.FtCssVariableFactory.extend("--ft-ripple-background-color","",nn)},ln=sn.css`
|
|
125
118
|
:host {
|
|
126
119
|
display: contents;
|
|
127
120
|
}
|
|
@@ -134,7 +127,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
134
127
|
|
|
135
128
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
136
129
|
overflow: hidden;
|
|
137
|
-
border-radius: ${
|
|
130
|
+
border-radius: ${T.borderRadius};
|
|
138
131
|
}
|
|
139
132
|
|
|
140
133
|
.ft-ripple .ft-ripple--background,
|
|
@@ -168,27 +161,27 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
168
161
|
}
|
|
169
162
|
|
|
170
163
|
.ft-ripple .ft-ripple--background {
|
|
171
|
-
background-color: ${
|
|
164
|
+
background-color: ${T.backgroundColor};
|
|
172
165
|
}
|
|
173
166
|
|
|
174
167
|
.ft-ripple .ft-ripple--effect {
|
|
175
|
-
background-color: ${
|
|
168
|
+
background-color: ${T.color};
|
|
176
169
|
}
|
|
177
170
|
|
|
178
171
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
179
|
-
background-color: ${
|
|
172
|
+
background-color: ${an.backgroundColor};
|
|
180
173
|
}
|
|
181
174
|
|
|
182
175
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
183
|
-
background-color: ${
|
|
176
|
+
background-color: ${an.color};
|
|
184
177
|
}
|
|
185
178
|
|
|
186
179
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
187
|
-
background-color: ${
|
|
180
|
+
background-color: ${rn.backgroundColor};
|
|
188
181
|
}
|
|
189
182
|
|
|
190
183
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
191
|
-
background-color: ${
|
|
184
|
+
background-color: ${rn.color};
|
|
192
185
|
}
|
|
193
186
|
|
|
194
187
|
.ft-ripple .ft-ripple--background {
|
|
@@ -218,22 +211,22 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
218
211
|
}
|
|
219
212
|
|
|
220
213
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
221
|
-
opacity: ${
|
|
214
|
+
opacity: ${T.opacityContentOnSurfaceHover};
|
|
222
215
|
}
|
|
223
216
|
|
|
224
217
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
225
|
-
opacity: ${
|
|
218
|
+
opacity: ${T.opacityContentOnSurfaceSelected};
|
|
226
219
|
}
|
|
227
220
|
|
|
228
221
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
229
|
-
opacity: ${
|
|
222
|
+
opacity: ${T.opacityContentOnSurfaceFocused};
|
|
230
223
|
}
|
|
231
224
|
|
|
232
225
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
233
|
-
opacity: ${
|
|
226
|
+
opacity: ${T.opacityContentOnSurfacePressed};
|
|
234
227
|
transform: translate(-50%, -50%) scale(1);
|
|
235
228
|
}
|
|
236
|
-
|
|
229
|
+
`;var cn=f(R()),io=f(O()),ht={color:io.FtCssVariableFactory.extend("--ft-loader-color","",io.designSystemVariables.colorPrimary),size:io.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},pn=cn.css`
|
|
237
230
|
:host {
|
|
238
231
|
line-height: 0;
|
|
239
232
|
}
|
|
@@ -242,8 +235,8 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
242
235
|
display: inline-block;
|
|
243
236
|
position: relative;
|
|
244
237
|
|
|
245
|
-
width: ${
|
|
246
|
-
height: ${
|
|
238
|
+
width: ${ht.size};
|
|
239
|
+
height: ${ht.size};
|
|
247
240
|
}
|
|
248
241
|
|
|
249
242
|
.ft-loader div {
|
|
@@ -252,7 +245,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
252
245
|
width: 25%;
|
|
253
246
|
height: 25%;
|
|
254
247
|
border-radius: 50%;
|
|
255
|
-
background: ${
|
|
248
|
+
background: ${ht.color};
|
|
256
249
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
257
250
|
}
|
|
258
251
|
|
|
@@ -299,10 +292,10 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
299
292
|
transform: translate(0, 0);
|
|
300
293
|
}
|
|
301
294
|
100% {
|
|
302
|
-
transform: translate(calc(0.35 * ${
|
|
295
|
+
transform: translate(calc(0.35 * ${ht.size}), 0);
|
|
303
296
|
}
|
|
304
297
|
}
|
|
305
|
-
|
|
298
|
+
`;var dn=f(R()),Yt=f(O()),mt={size:Yt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:Yt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",Yt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:Yt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",Yt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:Yt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",Yt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:Yt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},fn=dn.css`
|
|
306
299
|
:host, i.ft-icon {
|
|
307
300
|
display: inline-flex;
|
|
308
301
|
align-items: center;
|
|
@@ -311,14 +304,14 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
311
304
|
}
|
|
312
305
|
|
|
313
306
|
:host {
|
|
314
|
-
width: ${
|
|
315
|
-
height: ${
|
|
307
|
+
width: ${mt.size};
|
|
308
|
+
height: ${mt.size};
|
|
316
309
|
}
|
|
317
310
|
|
|
318
311
|
i.ft-icon {
|
|
319
312
|
width: 100%;
|
|
320
313
|
height: 100%;
|
|
321
|
-
font-size: ${
|
|
314
|
+
font-size: ${mt.size};
|
|
322
315
|
line-height: 1;
|
|
323
316
|
font-weight: normal;
|
|
324
317
|
text-transform: none;
|
|
@@ -329,28 +322,28 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
329
322
|
text-rendering: auto;
|
|
330
323
|
-webkit-font-smoothing: antialiased;
|
|
331
324
|
-moz-osx-font-smoothing: grayscale;
|
|
332
|
-
vertical-align: ${
|
|
325
|
+
vertical-align: ${mt.verticalAlign};
|
|
333
326
|
}
|
|
334
327
|
|
|
335
328
|
i.ft-icon.ft-icon--fluid-topics {
|
|
336
|
-
font-family: ${
|
|
329
|
+
font-family: ${mt.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
337
330
|
|
|
338
331
|
/* Ugly fix because font is broken */
|
|
339
|
-
font-size: calc(0.75 * ${
|
|
340
|
-
line-height: ${
|
|
332
|
+
font-size: calc(0.75 * ${mt.size});
|
|
333
|
+
line-height: ${mt.size};
|
|
341
334
|
position: relative;
|
|
342
335
|
top: -4%;
|
|
343
336
|
justify-content: center;
|
|
344
337
|
}
|
|
345
338
|
|
|
346
339
|
.ft-icon--file-format {
|
|
347
|
-
font-family: ${
|
|
340
|
+
font-family: ${mt.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
348
341
|
}
|
|
349
342
|
|
|
350
343
|
.ft-icon--material {
|
|
351
|
-
font-family: ${
|
|
344
|
+
font-family: ${mt.materialFontFamily}, "Material Icons", sans-serif;
|
|
352
345
|
}
|
|
353
|
-
|
|
346
|
+
`;var un=E.FtCssVariableFactory.extend("--ft-button-color","",E.designSystemVariables.colorPrimary),D={backgroundColor:E.FtCssVariableFactory.extend("--ft-button-background-color","",E.designSystemVariables.colorSurface),borderRadius:E.FtCssVariableFactory.extend("--ft-button-border-radius","",E.designSystemVariables.borderRadiusL),color:un,fontSize:E.FtCssVariableFactory.extend("--ft-button-font-size","",Wt.fontSize),iconSize:E.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:E.FtCssVariableFactory.extend("--ft-button-ripple-color","",un),verticalPadding:E.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:E.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:E.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:E.FtCssVariableFactory.external(E.designSystemVariables.colorOpacityDisabled,"Design system")},hn=E.FtCssVariableFactory.extend("--ft-button-primary-color","",E.FtCssVariableFactory.extend("--ft-button-color","",E.designSystemVariables.colorOnPrimary)),mr={backgroundColor:E.FtCssVariableFactory.extend("--ft-button-primary-background-color","",E.FtCssVariableFactory.extend("--ft-button-background-color","",E.designSystemVariables.colorPrimary)),color:hn,rippleColor:E.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",hn)},Mt={borderRadius:E.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",E.FtCssVariableFactory.extend("--ft-button-border-radius","",E.designSystemVariables.borderRadiusM)),verticalPadding:E.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:E.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:E.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},yn=[mn.css`
|
|
354
347
|
:host {
|
|
355
348
|
display: inline-block;
|
|
356
349
|
max-width: 100%;
|
|
@@ -361,7 +354,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
361
354
|
box-shadow: 0px 0px 0px transparent;
|
|
362
355
|
border: 0px solid transparent;
|
|
363
356
|
text-shadow: 0px 0px 0px transparent;
|
|
364
|
-
font-size: ${
|
|
357
|
+
font-size: ${D.fontSize};
|
|
365
358
|
}
|
|
366
359
|
|
|
367
360
|
button:hover {
|
|
@@ -390,31 +383,31 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
390
383
|
border: none;
|
|
391
384
|
pointer-events: auto;
|
|
392
385
|
|
|
393
|
-
--ft-button-internal-line-height: max(calc(${
|
|
394
|
-
--ft-button-internal-color: ${
|
|
395
|
-
${
|
|
396
|
-
${
|
|
386
|
+
--ft-button-internal-line-height: max(calc(${D.fontSize} + 2px), ${D.iconSize});
|
|
387
|
+
--ft-button-internal-color: ${D.color};
|
|
388
|
+
${(0,E.setVariable)(mt.size,D.iconSize)};
|
|
389
|
+
${(0,E.setVariable)(T.color,D.rippleColor)};
|
|
397
390
|
|
|
398
|
-
border-radius: ${
|
|
399
|
-
padding: ${
|
|
400
|
-
background-color: ${
|
|
391
|
+
border-radius: ${D.borderRadius};
|
|
392
|
+
padding: ${D.verticalPadding} ${D.horizontalPadding};
|
|
393
|
+
background-color: ${D.backgroundColor};
|
|
401
394
|
color: var(--ft-button-internal-color);
|
|
402
395
|
-webkit-mask-image: radial-gradient(white, black);
|
|
403
396
|
}
|
|
404
397
|
|
|
405
398
|
.ft-button.ft-button--outlined {
|
|
406
399
|
border: 1px solid var(--ft-button-internal-color);
|
|
407
|
-
padding: calc(${
|
|
400
|
+
padding: calc(${D.verticalPadding} - 1px) calc(${D.horizontalPadding} - 1px);
|
|
408
401
|
}
|
|
409
402
|
|
|
410
403
|
.ft-button.ft-button--dense {
|
|
411
|
-
padding: ${
|
|
412
|
-
border-radius: ${
|
|
413
|
-
gap: ${
|
|
404
|
+
padding: ${Mt.verticalPadding} ${Mt.horizontalPadding};
|
|
405
|
+
border-radius: ${Mt.borderRadius};
|
|
406
|
+
gap: ${Mt.iconPadding};
|
|
414
407
|
}
|
|
415
408
|
|
|
416
409
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
417
|
-
padding: calc(${
|
|
410
|
+
padding: calc(${Mt.verticalPadding} - 1px) calc(${Mt.horizontalPadding} - 1px);
|
|
418
411
|
}
|
|
419
412
|
|
|
420
413
|
.ft-button:not([disabled]):hover {
|
|
@@ -422,22 +415,22 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
422
415
|
}
|
|
423
416
|
|
|
424
417
|
.ft-button--round {
|
|
425
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
418
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${D.verticalPadding});
|
|
426
419
|
}
|
|
427
420
|
|
|
428
421
|
.ft-button--round.ft-button--dense {
|
|
429
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
422
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Mt.verticalPadding});
|
|
430
423
|
}
|
|
431
424
|
|
|
432
425
|
.ft-button[disabled] {
|
|
433
426
|
filter: grayscale(1);
|
|
434
|
-
opacity: ${
|
|
427
|
+
opacity: ${D.opacityDisabled};
|
|
435
428
|
}
|
|
436
429
|
|
|
437
430
|
.ft-button.ft-button--primary {
|
|
438
|
-
background-color: ${
|
|
439
|
-
--ft-button-internal-color: ${
|
|
440
|
-
${
|
|
431
|
+
background-color: ${mr.backgroundColor};
|
|
432
|
+
--ft-button-internal-color: ${mr.color};
|
|
433
|
+
${(0,E.setVariable)(T.color,mr.rippleColor)};
|
|
441
434
|
}
|
|
442
435
|
|
|
443
436
|
.ft-button:focus {
|
|
@@ -450,55 +443,54 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
450
443
|
white-space: nowrap;
|
|
451
444
|
text-overflow: ellipsis;
|
|
452
445
|
display: block;
|
|
453
|
-
margin: 0 ${
|
|
454
|
-
${
|
|
455
|
-
${
|
|
446
|
+
margin: 0 ${D.iconPadding};
|
|
447
|
+
${(0,E.setVariable)(Wt.fontSize,"1em")};
|
|
448
|
+
${(0,E.setVariable)(Wt.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
456
449
|
}
|
|
457
450
|
|
|
458
451
|
.ft-button--dense .ft-button--label {
|
|
459
|
-
margin: 0 ${
|
|
452
|
+
margin: 0 ${Mt.iconPadding};
|
|
460
453
|
}
|
|
461
454
|
|
|
462
455
|
.ft-button--label[hidden] {
|
|
463
456
|
display: none;
|
|
464
457
|
}
|
|
465
458
|
|
|
466
|
-
|
|
459
|
+
[part="icon"] {
|
|
467
460
|
flex-shrink: 0;
|
|
468
461
|
position: relative;
|
|
469
462
|
}
|
|
470
463
|
|
|
471
|
-
.ft-button--label[hidden] +
|
|
472
|
-
margin: 0 calc(${
|
|
473
|
-
padding: 0 ${
|
|
464
|
+
.ft-button--label[hidden] + [part="icon"] {
|
|
465
|
+
margin: 0 calc(${D.horizontalPadding} * -1);
|
|
466
|
+
padding: 0 ${D.verticalPadding};
|
|
474
467
|
}
|
|
475
468
|
|
|
476
|
-
.ft-button--dense .ft-button--label[hidden] +
|
|
477
|
-
margin: 0 calc(${
|
|
478
|
-
padding: 0 ${
|
|
469
|
+
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
470
|
+
margin: 0 calc(${Mt.horizontalPadding} * -1);
|
|
471
|
+
padding: 0 ${Mt.verticalPadding};
|
|
479
472
|
}
|
|
480
473
|
|
|
481
|
-
.ft-button:not(.ft-button--trailing-icon)
|
|
482
|
-
|
|
483
|
-
order: -1;
|
|
474
|
+
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
475
|
+
order: 2;
|
|
484
476
|
}
|
|
485
477
|
|
|
486
478
|
ft-loader {
|
|
487
|
-
${
|
|
488
|
-
${
|
|
479
|
+
${(0,E.setVariable)(ht.size,D.iconSize)};
|
|
480
|
+
${(0,E.setVariable)(ht.color,"var(--ft-button-internal-color)")};
|
|
489
481
|
}
|
|
490
|
-
`,
|
|
482
|
+
`,E.noTextSelect];var Ve=f(O());var vn=f(O());var bn=f(R()),at=f(V()),xn=f(ze()),no=f(O());var yt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},k=class extends no.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.originX=0,this.originY=0,this.debouncer=new no.Debouncer(1e3),this.onTransitionStart=t=>{t.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=t=>{t.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new no.Debouncer(10),this.moveRipple=t=>{var r,i;let{x:n,y:a}=this.getCoordinates(t),l=(i=(r=this.ripple)===null||r===void 0?void 0:r.getBoundingClientRect())!==null&&i!==void 0?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(n!=null?n-l.x:l.width/2),this.originY=Math.round(a!=null?a-l.y:l.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=this.isFocusVisible(t?.target)&&!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return bn.html`
|
|
491
483
|
<style>
|
|
492
484
|
.ft-ripple .ft-ripple--effect {
|
|
493
485
|
left: ${this.originX}px;
|
|
494
486
|
top: ${this.originY}px;
|
|
495
487
|
}
|
|
496
488
|
</style>
|
|
497
|
-
<div class="${
|
|
489
|
+
<div class="${(0,xn.classMap)(t)}">
|
|
498
490
|
<div class="ft-ripple--background"></div>
|
|
499
491
|
<div class="ft-ripple--effect"></div>
|
|
500
492
|
</div>
|
|
501
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var
|
|
493
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var r,i;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),(r=this.target)===null||r===void 0||r.removeAttribute("data-is-ft-ripple-target")):(i=this.target)===null||i===void 0||i.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run(()=>this.defaultSetup())}defaultSetup(){var t,r;let i=(t=this.shadowRoot)===null||t===void 0?void 0:t.host.parentElement;i&&this.setupFor((r=this.target)!==null&&r!==void 0?r:i)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");let r=(...c)=>u=>{c.forEach(h=>window.addEventListener(h,this.endPress,{once:!0})),this.startPress(u)},i=r("mouseup","contextmenu"),n=r("touchend","touchcancel"),a=c=>{["Enter"," "].includes(c.key)&&r("keyup")(c)},l={passive:!0};t.addEventListener("mouseover",this.startHover,l),t.addEventListener("mousemove",this.moveRipple,l),t.addEventListener("mouseleave",this.endHover,l),t.addEventListener("mousedown",i,l),t.addEventListener("touchstart",n,l),t.addEventListener("touchmove",this.moveRipple,l),t.addEventListener("keydown",a,l),t.addEventListener("focus",this.startFocus,l),t.addEventListener("blur",this.endFocus,l),t.addEventListener("focusin",this.startFocus,l),t.addEventListener("focusout",this.endFocus,l),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,l),t.removeEventListener("mousemove",this.moveRipple,l),t.removeEventListener("mouseleave",this.endHover,l),t.removeEventListener("mousedown",i,l),t.removeEventListener("touchstart",n,l),t.removeEventListener("touchmove",this.moveRipple,l),t.removeEventListener("keydown",a,l),t.removeEventListener("focus",this.startFocus,l),t.removeEventListener("blur",this.endFocus,l),t.removeEventListener("focusin",this.startFocus,l),t.removeEventListener("focusout",this.endFocus,l),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){let r=t,i=t,n,a;return r.x!=null?{x:n,y:a}=r:i.touches!=null&&(n=i.touches[0].clientX,a=i.touches[0].clientY),{x:n,y:a}}isFocusVisible(t){return t instanceof HTMLElement?t.matches(":focus-visible"):!0}isIgnored(t){if(this.disabled)return!0;if(t!=null)for(let r of t.composedPath()){if(r===this.target)break;if("hasAttribute"in r&&r.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};k.elementDefinitions={};k.styles=ln;yt([(0,at.property)({type:Boolean})],k.prototype,"primary",void 0);yt([(0,at.property)({type:Boolean})],k.prototype,"secondary",void 0);yt([(0,at.property)({type:Boolean})],k.prototype,"unbounded",void 0);yt([(0,at.property)({type:Boolean})],k.prototype,"activated",void 0);yt([(0,at.property)({type:Boolean})],k.prototype,"selected",void 0);yt([(0,at.property)({type:Boolean})],k.prototype,"disabled",void 0);yt([(0,at.state)()],k.prototype,"hovered",void 0);yt([(0,at.state)()],k.prototype,"focused",void 0);yt([(0,at.state)()],k.prototype,"pressed",void 0);yt([(0,at.state)()],k.prototype,"rippling",void 0);yt([(0,at.state)()],k.prototype,"originX",void 0);yt([(0,at.state)()],k.prototype,"originY",void 0);yt([(0,at.query)(".ft-ripple")],k.prototype,"ripple",void 0);yt([(0,at.query)(".ft-ripple--effect")],k.prototype,"rippleEffect",void 0);(0,vn.customElement)("ft-ripple")(k);var Zn=f(O());var Kn=f(R()),Q=f(V()),fo=f(O());var Sn=f(R()),Xt=f(O()),Fe={distance:Xt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Xt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Xt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Xt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Xt.FtCssVariableFactory.external(Xt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Xt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},On=Sn.css`
|
|
502
494
|
.ft-tooltip--container {
|
|
503
495
|
display: block;
|
|
504
496
|
}
|
|
@@ -513,21 +505,21 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
513
505
|
box-sizing: border-box;
|
|
514
506
|
overflow: hidden;
|
|
515
507
|
width: max-content;
|
|
516
|
-
max-width: ${
|
|
508
|
+
max-width: ${Fe.maxWidth};
|
|
517
509
|
text-align: center;
|
|
518
|
-
padding: ${
|
|
519
|
-
z-index: ${
|
|
510
|
+
padding: ${Fe.distance};
|
|
511
|
+
z-index: ${Fe.zIndex};
|
|
520
512
|
}
|
|
521
513
|
|
|
522
514
|
.ft-tooltip--content {
|
|
523
515
|
padding: 4px 8px;
|
|
524
|
-
border-radius: ${
|
|
525
|
-
background-color: ${
|
|
526
|
-
color: ${
|
|
516
|
+
border-radius: ${Fe.borderRadiusS};
|
|
517
|
+
background-color: ${Fe.backgroundColor};
|
|
518
|
+
color: ${Fe.color};
|
|
527
519
|
position: relative;
|
|
528
520
|
word-break: break-word;
|
|
529
521
|
}
|
|
530
|
-
`,Go=["start","end"],Vo=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Go[0],o+"-"+Go[1])),[]),qo=Math.min,Yo=Math.max,Qo=Math.round,Xo=t=>({x:t,y:t}),Jo={left:"right",right:"left",bottom:"top",top:"bottom"},te={start:"end",end:"start"};function oe(t,o,e){return Yo(t,qo(o,e))}function ee(t,o){return"function"==typeof t?t(o):t}function ie(t){return t.split("-")[0]}function re(t){return t.split("-")[1]}function ne(t){return"x"===t?"y":"x"}function ae(t){return"y"===t?"height":"width"}function le(t){return["top","bottom"].includes(ie(t))?"y":"x"}function se(t){return ne(le(t))}function ce(t){return t.replace(/left|right|bottom|top/g,(t=>Jo[t]))}function fe(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function pe(t,o,e){let{reference:i,floating:r}=t;const n=le(o),a=se(o),l=ae(a),s=ie(o),c="y"===n,f=i.x+i.width/2-r.width/2,p=i.y+i.height/2-r.height/2,h=i[l]/2-r[l]/2;let d;switch(s){case"top":d={x:f,y:i.y-r.height};break;case"bottom":d={x:f,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:p};break;case"left":d={x:i.x-r.width,y:p};break;default:d={x:i.x,y:i.y}}switch(re(o)){case"start":d[a]-=h*(e&&c?-1:1);break;case"end":d[a]+=h*(e&&c?-1:1)}return d}async function he(t,o){var e;void 0===o&&(o={});const{x:i,y:r,platform:n,rects:a,elements:l,strategy:s}=t,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:p="floating",altBoundary:h=!1,padding:d=0}=ee(o,t),u=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=l[h?"floating"===p?"reference":"floating":p],y=fe(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(l.floating)),boundary:c,rootBoundary:f,strategy:s})),b="floating"===p?{...a.floating,x:i,y:r}:a.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(l.floating)),x=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},v=fe(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:m,strategy:s}):b);return{top:(y.top-v.top+u.top)/x.y,bottom:(v.bottom-y.bottom+u.bottom)/x.y,left:(y.left-v.left+u.left)/x.x,right:(v.right-y.right+u.right)/x.x}}function de(t,o,e){return(t?[...e.filter((o=>re(o)===t)),...e.filter((o=>re(o)!==t))]:e.filter((t=>ie(t)===t))).filter((e=>!t||(re(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>te[t]))}(e)!==e)))}const ue=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,i,r;const{rects:n,middlewareData:a,placement:l,platform:s,elements:c}=o,{crossAxis:f=!1,alignment:p,allowedPlacements:h=Vo,autoAlignment:d=!0,...u}=ee(t,o),g=void 0!==p||h===Vo?de(p||null,d,h):h,y=await he(o,u),b=(null==(e=a.autoPlacement)?void 0:e.index)||0,m=g[b];if(null==m)return{};const x=function(t,o,e){void 0===e&&(e=!1);const i=re(t),r=se(t),n=ae(r);let a="x"===r?i===(e?"end":"start")?"right":"left":"start"===i?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=ce(a)),[a,ce(a)]}(m,n,await(null==s.isRTL?void 0:s.isRTL(c.floating)));if(l!==m)return{reset:{placement:g[0]}};const v=[y[ie(m)],y[x[0]],y[x[1]]],O=[...(null==(i=a.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],w=g[b+1];if(w)return{data:{index:b+1,overflows:O},reset:{placement:w}};const S=O.map((t=>{const o=re(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])),N=S.filter((t=>t[2].slice(0,re(t[0])?2:3).every((t=>t<=0)))),$=(null==(r=N[0])?void 0:r[0])||S[0][0];return $!==l?{data:{index:b+1,overflows:O},reset:{placement:$}}:{}}}};function ge(t){return me(t)?(t.nodeName||"").toLowerCase():"#document"}function ye(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function be(t){var o;return null==(o=(me(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function me(t){return t instanceof Node||t instanceof ye(t).Node}function xe(t){return t instanceof Element||t instanceof ye(t).Element}function ve(t){return t instanceof HTMLElement||t instanceof ye(t).HTMLElement}function Oe(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof ye(t).ShadowRoot)}function we(t){const{overflow:o,overflowX:e,overflowY:i,display:r}=Ee(t);return/auto|scroll|overlay|hidden|clip/.test(o+i+e)&&!["inline","contents"].includes(r)}function Se(t){return["table","td","th"].includes(ge(t))}function Ne(t){const o=$e(),e=Ee(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 $e(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function Ce(t){return["html","body","#document"].includes(ge(t))}function Ee(t){return ye(t).getComputedStyle(t)}function Ie(t){return xe(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function ke(t){if("html"===ge(t))return t;const o=t.assignedSlot||t.parentNode||Oe(t)&&t.host||be(t);return Oe(o)?o.host:o}function Re(t){const o=ke(t);return Ce(o)?t.ownerDocument?t.ownerDocument.body:t.body:ve(o)&&we(o)?o:Re(o)}function Ue(t,o,e){var i;void 0===o&&(o=[]),void 0===e&&(e=!0);const r=Re(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),a=ye(r);return n?o.concat(a,a.visualViewport||[],we(r)?r:[],a.frameElement&&e?Ue(a.frameElement):[]):o.concat(r,Ue(r,[],e))}function Le(t){const o=Ee(t);let e=parseFloat(o.width)||0,i=parseFloat(o.height)||0;const r=ve(t),n=r?t.offsetWidth:e,a=r?t.offsetHeight:i,l=Qo(e)!==n||Qo(i)!==a;return l&&(e=n,i=a),{width:e,height:i,$:l}}function We(t){return xe(t)?t:t.contextElement}function ze(t){const o=We(t);if(!ve(o))return Xo(1);const e=o.getBoundingClientRect(),{width:i,height:r,$:n}=Le(o);let a=(n?Qo(e.width):e.width)/i,l=(n?Qo(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}const Ze=Xo(0);function De(t){const o=ye(t);return $e()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:Ze}function Ae(t,o,e,i){void 0===o&&(o=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),n=We(t);let a=Xo(1);o&&(i?xe(i)&&(a=ze(i)):a=ze(t));const l=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==ye(t))&&o}(n,e,i)?De(n):Xo(0);let s=(r.left+l.x)/a.x,c=(r.top+l.y)/a.y,f=r.width/a.x,p=r.height/a.y;if(n){const t=ye(n),o=i&&xe(i)?ye(i):i;let e=t.frameElement;for(;e&&i&&o!==t;){const t=ze(e),o=e.getBoundingClientRect(),i=Ee(e),r=o.left+(e.clientLeft+parseFloat(i.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(i.paddingTop))*t.y;s*=t.x,c*=t.y,f*=t.x,p*=t.y,s+=r,c+=n,e=ye(e).frameElement}}return fe({width:f,height:p,x:s,y:c})}function Ke(t){return Ae(be(t)).left+Ie(t).scrollLeft}function Be(t,o,e){let i;if("viewport"===o)i=function(t,o){const e=ye(t),i=be(t),r=e.visualViewport;let n=i.clientWidth,a=i.clientHeight,l=0,s=0;if(r){n=r.width,a=r.height;const t=$e();(!t||t&&"fixed"===o)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:n,height:a,x:l,y:s}}(t,e);else if("document"===o)i=function(t){const o=be(t),e=Ie(t),i=t.ownerDocument.body,r=Yo(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),n=Yo(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight);let a=-e.scrollLeft+Ke(t);const l=-e.scrollTop;return"rtl"===Ee(i).direction&&(a+=Yo(o.clientWidth,i.clientWidth)-r),{width:r,height:n,x:a,y:l}}(be(t));else if(xe(o))i=function(t,o){const e=Ae(t,!0,"fixed"===o),i=e.top+t.clientTop,r=e.left+t.clientLeft,n=ve(t)?ze(t):Xo(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}(o,e);else{const e=De(t);i={...o,x:o.x-e.x,y:o.y-e.y}}return fe(i)}function Fe(t,o){const e=ke(t);return!(e===o||!xe(e)||Ce(e))&&("fixed"===Ee(e).position||Fe(e,o))}function Te(t,o,e){const i=ve(o),r=be(o),n="fixed"===e,a=Ae(t,!0,n,o);let l={scrollLeft:0,scrollTop:0};const s=Xo(0);if(i||!i&&!n)if(("body"!==ge(o)||we(r))&&(l=Ie(o)),i){const t=Ae(o,!0,n,o);s.x=t.x+o.clientLeft,s.y=t.y+o.clientTop}else r&&(s.x=Ke(r));return{x:a.left+l.scrollLeft-s.x,y:a.top+l.scrollTop-s.y,width:a.width,height:a.height}}function He(t,o){return ve(t)&&"fixed"!==Ee(t).position?o?o(t):t.offsetParent:null}function Pe(t,o){const e=ye(t);if(!ve(t))return e;let i=He(t,o);for(;i&&Se(i)&&"static"===Ee(i).position;)i=He(i,o);return i&&("html"===ge(i)||"body"===ge(i)&&"static"===Ee(i).position&&!Ne(i))?e:i||function(t){let o=ke(t);for(;ve(o)&&!Ce(o);){if(Ne(o))return o;o=ke(o)}return null}(t)||e}const Me={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:i}=t;const r=ve(e),n=be(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},l=Xo(1);const s=Xo(0);if((r||!r&&"fixed"!==i)&&(("body"!==ge(e)||we(n))&&(a=Ie(e)),ve(e))){const t=Ae(e);l=ze(e),s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}return{width:o.width*l.x,height:o.height*l.y,x:o.x*l.x-a.scrollLeft*l.x+s.x,y:o.y*l.y-a.scrollTop*l.y+s.y}},getDocumentElement:be,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let i=Ue(t,[],!1).filter((t=>xe(t)&&"body"!==ge(t))),r=null;const n="fixed"===Ee(t).position;let a=n?ke(t):t;for(;xe(a)&&!Ce(a);){const o=Ee(a),e=Ne(a);e||"fixed"!==o.position||(r=null),(n?!e&&!r:!e&&"static"===o.position&&r&&["absolute","fixed"].includes(r.position)||we(a)&&!e&&Fe(t,a))?i=i.filter((t=>t!==a)):r=o,a=ke(a)}return o.set(t,i),i}(o,this._c):[].concat(e),i],a=n[0],l=n.reduce(((t,e)=>{const i=Be(o,e,r);return t.top=Yo(i.top,t.top),t.right=qo(i.right,t.right),t.bottom=qo(i.bottom,t.bottom),t.left=Yo(i.left,t.left),t}),Be(o,a,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Pe,getElementRects:async function(t){let{reference:o,floating:e,strategy:i}=t;const r=this.getOffsetParent||Pe,n=this.getDimensions;return{reference:Te(o,await r(e),i),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return Le(t)},getScale:ze,isElement:xe,isRTL:function(t){return"rtl"===Ee(t).direction}},je=(t,o,e)=>{const i=new Map,r={platform:Me,...e},n={...r.platform,_c:i};return(async(t,o,e)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:a}=e,l=n.filter(Boolean),s=await(null==a.isRTL?void 0:a.isRTL(o));let c=await a.getElementRects({reference:t,floating:o,strategy:r}),{x:f,y:p}=pe(c,i,s),h=i,d={},u=0;for(let e=0;e<l.length;e++){const{name:n,fn:g}=l[e],{x:y,y:b,data:m,reset:x}=await g({x:f,y:p,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:a,elements:{reference:t,floating:o}});f=null!=y?y:f,p=null!=b?b:p,d={...d,[n]:{...d[n],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await a.getElementRects({reference:t,floating:o,strategy:r}):x.rects),({x:f,y:p}=pe(c,h,s))),e=-1)}return{x:f,y:p,placement:h,strategy:r,middlewareData:d}})(t,o,{...r,platform:n})};function _e(t){return function(t){for(let o=t;o;o=Ge(o))if(o instanceof Element&&"none"===getComputedStyle(o).display)return null;for(let o=Ge(t);o;o=Ge(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 Ge(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var Ve,qe,Ye,Qe=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Xe 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`
|
|
522
|
+
`;var En=["top","right","bottom","left"],Cn=["start","end"],gr=En.reduce((o,t)=>o.concat(t,t+"-"+Cn[0],t+"-"+Cn[1]),[]),ao=Math.min,se=Math.max,so=Math.round;var Qt=o=>({x:o,y:o}),Bs={left:"right",right:"left",bottom:"top",top:"bottom"},Us={start:"end",end:"start"};function br(o,t,r){return se(o,ao(t,r))}function Ro(o,t){return typeof o=="function"?o(t):o}function We(o){return o.split("-")[0]}function le(o){return o.split("-")[1]}function xr(o){return o==="x"?"y":"x"}function vr(o){return o==="y"?"height":"width"}function No(o){return["top","bottom"].includes(We(o))?"y":"x"}function Sr(o){return xr(No(o))}function An(o,t,r){r===void 0&&(r=!1);let i=le(o),n=Sr(o),a=vr(n),l=n==="x"?i===(r?"end":"start")?"right":"left":i==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(l=yr(l)),[l,yr(l)]}function wn(o){return o.replace(/start|end/g,t=>Us[t])}function yr(o){return o.replace(/left|right|bottom|top/g,t=>Bs[t])}function zs(o){return{top:0,right:0,bottom:0,left:0,...o}}function Rn(o){return typeof o!="number"?zs(o):{top:o,right:o,bottom:o,left:o}}function xe(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}function Nn(o,t,r){let{reference:i,floating:n}=o,a=No(t),l=Sr(t),c=vr(l),u=We(t),h=a==="y",b=i.x+i.width/2-n.width/2,v=i.y+i.height/2-n.height/2,N=i[c]/2-n[c]/2,A;switch(u){case"top":A={x:b,y:i.y-n.height};break;case"bottom":A={x:b,y:i.y+i.height};break;case"right":A={x:i.x+i.width,y:v};break;case"left":A={x:i.x-n.width,y:v};break;default:A={x:i.x,y:i.y}}switch(le(t)){case"start":A[l]-=N*(r&&h?-1:1);break;case"end":A[l]+=N*(r&&h?-1:1);break}return A}var Ln=async(o,t,r)=>{let{placement:i="bottom",strategy:n="absolute",middleware:a=[],platform:l}=r,c=a.filter(Boolean),u=await(l.isRTL==null?void 0:l.isRTL(t)),h=await l.getElementRects({reference:o,floating:t,strategy:n}),{x:b,y:v}=Nn(h,i,u),N=i,A={},I=0;for(let W=0;W<c.length;W++){let{name:M,fn:z}=c[W],{x:G,y:it,data:ct,reset:J}=await z({x:b,y:v,initialPlacement:i,placement:N,strategy:n,middlewareData:A,rects:h,platform:l,elements:{reference:o,floating:t}});if(b=G??b,v=it??v,A={...A,[M]:{...A[M],...ct}},J&&I<=50){I++,typeof J=="object"&&(J.placement&&(N=J.placement),J.rects&&(h=J.rects===!0?await l.getElementRects({reference:o,floating:t,strategy:n}):J.rects),{x:b,y:v}=Nn(h,N,u)),W=-1;continue}}return{x:b,y:v,placement:N,strategy:n,middlewareData:A}};async function Or(o,t){var r;t===void 0&&(t={});let{x:i,y:n,platform:a,rects:l,elements:c,strategy:u}=o,{boundary:h="clippingAncestors",rootBoundary:b="viewport",elementContext:v="floating",altBoundary:N=!1,padding:A=0}=Ro(t,o),I=Rn(A),M=c[N?v==="floating"?"reference":"floating":v],z=xe(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(M)))==null||r?M:M.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(c.floating)),boundary:h,rootBoundary:b,strategy:u})),G=v==="floating"?{...l.floating,x:i,y:n}:l.reference,it=await(a.getOffsetParent==null?void 0:a.getOffsetParent(c.floating)),ct=await(a.isElement==null?void 0:a.isElement(it))?await(a.getScale==null?void 0:a.getScale(it))||{x:1,y:1}:{x:1,y:1},J=xe(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:G,offsetParent:it,strategy:u}):G);return{top:(z.top-J.top+I.top)/ct.y,bottom:(J.bottom-z.bottom+I.bottom)/ct.y,left:(z.left-J.left+I.left)/ct.x,right:(J.right-z.right+I.right)/ct.x}}function Fs(o,t,r){return(o?[...r.filter(n=>le(n)===o),...r.filter(n=>le(n)!==o)]:r.filter(n=>We(n)===n)).filter(n=>o?le(n)===o||(t?wn(n)!==n:!1):!0)}var Cr=function(o){return o===void 0&&(o={}),{name:"autoPlacement",options:o,async fn(t){var r,i,n;let{rects:a,middlewareData:l,placement:c,platform:u,elements:h}=t,{crossAxis:b=!1,alignment:v,allowedPlacements:N=gr,autoAlignment:A=!0,...I}=Ro(o,t),W=v!==void 0||N===gr?Fs(v||null,A,N):N,M=await Or(t,I),z=((r=l.autoPlacement)==null?void 0:r.index)||0,G=W[z];if(G==null)return{};let it=An(G,a,await(u.isRTL==null?void 0:u.isRTL(h.floating)));if(c!==G)return{reset:{placement:W[0]}};let ct=[M[We(G)],M[it[0]],M[it[1]]],J=[...((i=l.autoPlacement)==null?void 0:i.overflows)||[],{placement:G,overflows:ct}],xo=W[z+1];if(xo)return{data:{index:z+1,overflows:J},reset:{placement:xo}};let Ot=J.map(d=>{let m=le(d.placement);return[d.placement,m&&b?d.overflows.slice(0,2).reduce((C,tt)=>C+tt,0):d.overflows[0],d.overflows]}).sort((d,m)=>d[1]-m[1]),Ne=((n=Ot.filter(d=>d[2].slice(0,le(d[0])?2:3).every(m=>m<=0))[0])==null?void 0:n[0])||Ot[0][0];return Ne!==c?{data:{index:z+1,overflows:J},reset:{placement:Ne}}:{}}}};var Er=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:r,y:i,placement:n}=t,{mainAxis:a=!0,crossAxis:l=!1,limiter:c={fn:M=>{let{x:z,y:G}=M;return{x:z,y:G}}},...u}=Ro(o,t),h={x:r,y:i},b=await Or(t,u),v=No(We(n)),N=xr(v),A=h[N],I=h[v];if(a){let M=N==="y"?"top":"left",z=N==="y"?"bottom":"right",G=A+b[M],it=A-b[z];A=br(G,A,it)}if(l){let M=v==="y"?"top":"left",z=v==="y"?"bottom":"right",G=I+b[M],it=I-b[z];I=br(G,I,it)}let W=c.fn({...t,[N]:A,[v]:I});return{...W,data:{x:W.x-r,y:W.y-i}}}}};function Jt(o){return Tn(o)?(o.nodeName||"").toLowerCase():"#document"}function gt(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function te(o){var t;return(t=(Tn(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function Tn(o){return o instanceof Node||o instanceof gt(o).Node}function Ht(o){return o instanceof Element||o instanceof gt(o).Element}function _t(o){return o instanceof HTMLElement||o instanceof gt(o).HTMLElement}function In(o){return typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof gt(o).ShadowRoot}function Me(o){let{overflow:t,overflowX:r,overflowY:i,display:n}=Et(o);return/auto|scroll|overlay|hidden|clip/.test(t+i+r)&&!["inline","contents"].includes(n)}function Pn(o){return["table","td","th"].includes(Jt(o))}function Io(o){let t=To(),r=Et(o);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||["transform","perspective","filter"].some(i=>(r.willChange||"").includes(i))||["paint","layout","strict","content"].some(i=>(r.contain||"").includes(i))}function kn(o){let t=ve(o);for(;_t(t)&&!lo(t);){if(Io(t))return t;t=ve(t)}return null}function To(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function lo(o){return["html","body","#document"].includes(Jt(o))}function Et(o){return gt(o).getComputedStyle(o)}function co(o){return Ht(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function ve(o){if(Jt(o)==="html")return o;let t=o.assignedSlot||o.parentNode||In(o)&&o.host||te(o);return In(t)?t.host:t}function _n(o){let t=ve(o);return lo(t)?o.ownerDocument?o.ownerDocument.body:o.body:_t(t)&&Me(t)?t:_n(t)}function Lo(o,t,r){var i;t===void 0&&(t=[]),r===void 0&&(r=!0);let n=_n(o),a=n===((i=o.ownerDocument)==null?void 0:i.body),l=gt(n);return a?t.concat(l,l.visualViewport||[],Me(n)?n:[],l.frameElement&&r?Lo(l.frameElement):[]):t.concat(n,Lo(n,[],r))}function Bn(o){let t=Et(o),r=parseFloat(t.width)||0,i=parseFloat(t.height)||0,n=_t(o),a=n?o.offsetWidth:r,l=n?o.offsetHeight:i,c=so(r)!==a||so(i)!==l;return c&&(r=a,i=l),{width:r,height:i,$:c}}function Un(o){return Ht(o)?o:o.contextElement}function He(o){let t=Un(o);if(!_t(t))return Qt(1);let r=t.getBoundingClientRect(),{width:i,height:n,$:a}=Bn(t),l=(a?so(r.width):r.width)/i,c=(a?so(r.height):r.height)/n;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}var Ws=Qt(0);function zn(o){let t=gt(o);return!To()||!t.visualViewport?Ws:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Ms(o,t,r){return t===void 0&&(t=!1),!r||t&&r!==gt(o)?!1:t}function po(o,t,r,i){t===void 0&&(t=!1),r===void 0&&(r=!1);let n=o.getBoundingClientRect(),a=Un(o),l=Qt(1);t&&(i?Ht(i)&&(l=He(i)):l=He(o));let c=Ms(a,r,i)?zn(a):Qt(0),u=(n.left+c.x)/l.x,h=(n.top+c.y)/l.y,b=n.width/l.x,v=n.height/l.y;if(a){let N=gt(a),A=i&&Ht(i)?gt(i):i,I=N.frameElement;for(;I&&i&&A!==N;){let W=He(I),M=I.getBoundingClientRect(),z=Et(I),G=M.left+(I.clientLeft+parseFloat(z.paddingLeft))*W.x,it=M.top+(I.clientTop+parseFloat(z.paddingTop))*W.y;u*=W.x,h*=W.y,b*=W.x,v*=W.y,u+=G,h+=it,I=gt(I).frameElement}}return xe({width:b,height:v,x:u,y:h})}function Hs(o){let{rect:t,offsetParent:r,strategy:i}=o,n=_t(r),a=te(r);if(r===a)return t;let l={scrollLeft:0,scrollTop:0},c=Qt(1),u=Qt(0);if((n||!n&&i!=="fixed")&&((Jt(r)!=="body"||Me(a))&&(l=co(r)),_t(r))){let h=po(r);c=He(r),u.x=h.x+r.clientLeft,u.y=h.y+r.clientTop}return{width:t.width*c.x,height:t.height*c.y,x:t.x*c.x-l.scrollLeft*c.x+u.x,y:t.y*c.y-l.scrollTop*c.y+u.y}}function Gs(o){return Array.from(o.getClientRects())}function Fn(o){return po(te(o)).left+co(o).scrollLeft}function Vs(o){let t=te(o),r=co(o),i=o.ownerDocument.body,n=se(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),a=se(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight),l=-r.scrollLeft+Fn(o),c=-r.scrollTop;return Et(i).direction==="rtl"&&(l+=se(t.clientWidth,i.clientWidth)-n),{width:n,height:a,x:l,y:c}}function Ks(o,t){let r=gt(o),i=te(o),n=r.visualViewport,a=i.clientWidth,l=i.clientHeight,c=0,u=0;if(n){a=n.width,l=n.height;let h=To();(!h||h&&t==="fixed")&&(c=n.offsetLeft,u=n.offsetTop)}return{width:a,height:l,x:c,y:u}}function Zs(o,t){let r=po(o,!0,t==="fixed"),i=r.top+o.clientTop,n=r.left+o.clientLeft,a=_t(o)?He(o):Qt(1),l=o.clientWidth*a.x,c=o.clientHeight*a.y,u=n*a.x,h=i*a.y;return{width:l,height:c,x:u,y:h}}function $n(o,t,r){let i;if(t==="viewport")i=Ks(o,r);else if(t==="document")i=Vs(te(o));else if(Ht(t))i=Zs(t,r);else{let n=zn(o);i={...t,x:t.x-n.x,y:t.y-n.y}}return xe(i)}function Wn(o,t){let r=ve(o);return r===t||!Ht(r)||lo(r)?!1:Et(r).position==="fixed"||Wn(r,t)}function js(o,t){let r=t.get(o);if(r)return r;let i=Lo(o,[],!1).filter(c=>Ht(c)&&Jt(c)!=="body"),n=null,a=Et(o).position==="fixed",l=a?ve(o):o;for(;Ht(l)&&!lo(l);){let c=Et(l),u=Io(l);!u&&c.position==="fixed"&&(n=null),(a?!u&&!n:!u&&c.position==="static"&&!!n&&["absolute","fixed"].includes(n.position)||Me(l)&&!u&&Wn(o,l))?i=i.filter(b=>b!==l):n=c,l=ve(l)}return t.set(o,i),i}function qs(o){let{element:t,boundary:r,rootBoundary:i,strategy:n}=o,l=[...r==="clippingAncestors"?js(t,this._c):[].concat(r),i],c=l[0],u=l.reduce((h,b)=>{let v=$n(t,b,n);return h.top=se(v.top,h.top),h.right=ao(v.right,h.right),h.bottom=ao(v.bottom,h.bottom),h.left=se(v.left,h.left),h},$n(t,c,n));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function Ys(o){return Bn(o)}function Xs(o,t,r){let i=_t(t),n=te(t),a=r==="fixed",l=po(o,!0,a,t),c={scrollLeft:0,scrollTop:0},u=Qt(0);if(i||!i&&!a)if((Jt(t)!=="body"||Me(n))&&(c=co(t)),i){let h=po(t,!0,a,t);u.x=h.x+t.clientLeft,u.y=h.y+t.clientTop}else n&&(u.x=Fn(n));return{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function Dn(o,t){return!_t(o)||Et(o).position==="fixed"?null:t?t(o):o.offsetParent}function Mn(o,t){let r=gt(o);if(!_t(o))return r;let i=Dn(o,t);for(;i&&Pn(i)&&Et(i).position==="static";)i=Dn(i,t);return i&&(Jt(i)==="html"||Jt(i)==="body"&&Et(i).position==="static"&&!Io(i))?r:i||kn(o)||r}var Qs=async function(o){let{reference:t,floating:r,strategy:i}=o,n=this.getOffsetParent||Mn,a=this.getDimensions;return{reference:Xs(t,await n(r),i),floating:{x:0,y:0,...await a(r)}}};function Js(o){return Et(o).direction==="rtl"}var Po={convertOffsetParentRelativeRectToViewportRelativeRect:Hs,getDocumentElement:te,getClippingRect:qs,getOffsetParent:Mn,getElementRects:Qs,getClientRects:Gs,getDimensions:Ys,getScale:He,isElement:Ht,isRTL:Js};var Hn=(o,t,r)=>{let i=new Map,n={platform:Po,...r},a={...n.platform,_c:i};return Ln(o,t,{...n,platform:a})};function Gn(o){return tl(o)}function Ar(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function tl(o){for(let t=o;t;t=Ar(t))if(t instanceof Element&&getComputedStyle(t).display==="none")return null;for(let t=Ar(o);t;t=Ar(t)){if(!(t instanceof Element))continue;let r=getComputedStyle(t);if(r.display!=="contents"&&(r.position!=="static"||r.filter!=="none"||t.tagName==="BODY"))return t}return null}async function Vn(o,t,r){return Hn(o,t,{platform:{...Po,getOffsetParent:i=>Po.getOffsetParent(i,Gn)},middleware:[Er({crossAxis:!0}),Cr({allowedPlacements:[r]})]})}var bt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},H=class extends fo.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 fo.Debouncer,this.revealDebouncer=new fo.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Kn.html`
|
|
531
523
|
<div part="container"
|
|
532
524
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
533
525
|
@mouseenter=${this.onHover}
|
|
@@ -545,42 +537,45 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
545
537
|
</div>
|
|
546
538
|
</div>
|
|
547
539
|
</div>
|
|
548
|
-
`}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()}async show(t){this.visible=!0,null!=t&&await 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(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",async function(t,o,e){return je(t,o,{platform:{...Me,getOffsetParent:t=>Me.getOffsetParent(t,_e)},middleware:[(i={crossAxis:!0},void 0===i&&(i={}),{name:"shift",options:i,async fn(t){const{x:o,y:e,placement:r}=t,{mainAxis:n=!0,crossAxis:a=!1,limiter:l={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...s}=ee(i,t),c={x:o,y:e},f=await he(t,s),p=le(ie(r)),h=ne(p);let d=c[h],u=c[p];if(n){const t="y"===h?"bottom":"right";d=oe(d+f["y"===h?"top":"left"],d,d-f[t])}if(a){const t="y"===p?"bottom":"right";u=oe(u+f["y"===p?"top":"left"],u,u-f[t])}const g=l.fn({...t,[h]:d,[p]:u});return{...g,data:{x:g.x-o,y:g.y-e}}}}),ue({allowedPlacements:[e]})]});var i}(this.slottedElement,this.tooltip,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())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}Xe.elementDefinitions={"ft-typography":go},Xe.styles=_o,Qe([i.property()],Xe.prototype,"text",void 0),Qe([i.property({type:Boolean})],Xe.prototype,"manual",void 0),Qe([i.property({type:Boolean})],Xe.prototype,"inline",void 0),Qe([i.property({type:Number})],Xe.prototype,"delay",void 0),Qe([i.property()],Xe.prototype,"position",void 0),Qe([i.queryAssignedNodes()],Xe.prototype,"slotNodes",void 0),Qe([i.query(".ft-tooltip--container")],Xe.prototype,"container",void 0),Qe([i.query(".ft-tooltip")],Xe.prototype,"tooltip",void 0),Qe([i.query(".ft-tooltip--content")],Xe.prototype,"tooltipContent",void 0),Qe([i.state()],Xe.prototype,"visible",void 0),Qe([i.eventOptions({passive:!0})],Xe.prototype,"onTouch",null),Qe([i.eventOptions({passive:!0})],Xe.prototype,"onHover",null),Qe([i.eventOptions({passive:!0})],Xe.prototype,"onOut",null),Qe([i.eventOptions({passive:!0})],Xe.prototype,"onClick",null),o.customElement("ft-tooltip")(Xe),function(t){t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.STAR="",t.STAR_PLAIN="",t.DESKTOP="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.ARROW_RIGHT_TO_LINE="",t.THIN_ARROW_UP="",t.CONTEXTUAL="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.LINE_CHART="",t.STACKED_CHART="",t.CHART_BAR_NORMALIZED="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.UNSTRUCTURED_DOC="",t.RESET="",t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE="",t.OCTAGON_XMARK="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.EXTLINK_LIGHT="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="",t.EYE_SLASH="",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.PIP="",t.PIP_WIDE="",t.EXPAND_WIDE="",t.X_MARK="",t.CLONE="",t.CLONE_LINK_SIMPLE="",t.CONSUMER="",t.HOURGLASS_HALF="",t.CLOCK_THREE="",t.CALENDAR_DAY="",t.COMPUTER_MOUSE_MAGNIFYING_GLASS="",t.WAND_MAGIC_SPARKLES="",t.PAPER_PLANE=""}(Ve||(Ve={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(qe||(qe={})),new Map([...["abw"].map((t=>[t,qe.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,qe.AUDIO])),...["avi"].map((t=>[t,qe.AVI])),...["chm","xhs"].map((t=>[t,qe.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,qe.CODE])),...["csv"].map((t=>[t,qe.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,qe.DITA])),...["epub"].map((t=>[t,qe.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,qe.EXCEL])),...["flac"].map((t=>[t,qe.FLAC])),...["gif"].map((t=>[t,qe.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,qe.GZIP])),...["html","htm","xhtml"].map((t=>[t,qe.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map((t=>[t,qe.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,qe.JPEG])),...["json"].map((t=>[t,qe.JSON])),...["m4a","m4p"].map((t=>[t,qe.M4A])),...["mov","qt"].map((t=>[t,qe.MOV])),...["mp3"].map((t=>[t,qe.MP3])),...["mp4","m4v"].map((t=>[t,qe.MP4])),...["ogg","oga"].map((t=>[t,qe.OGG])),...["pdf","ps"].map((t=>[t,qe.PDF])),...["png"].map((t=>[t,qe.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,qe.POWERPOINT])),...["rar"].map((t=>[t,qe.RAR])),...["stp"].map((t=>[t,qe.STP])),...["txt","rtf","md","mdown"].map((t=>[t,qe.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,qe.VIDEO])),...["wav"].map((t=>[t,qe.WAV])),...["wma"].map((t=>[t,qe.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,qe.WORD])),...["xml","xsl","rdf"].map((t=>[t,qe.XML])),...["yaml","yml","x-yaml"].map((t=>[t,qe.YAML])),...["zip"].map((t=>[t,qe.ZIP]))]),qe.ABW,qe.AUDIO,qe.AVI,qe.CHM,qe.CODE,qe.CSV,qe.DITA,qe.EPUB,qe.EXCEL,qe.FLAC,qe.GIF,qe.GZIP,qe.HTML,qe.IMAGE,qe.JPEG,qe.JSON,qe.M4A,qe.MOV,qe.MP3,qe.MP4,qe.OGG,qe.PDF,qe.PNG,qe.POWERPOINT,qe.RAR,qe.STP,qe.TEXT,qe.UNKNOWN,qe.VIDEO,qe.WAV,qe.WMA,qe.WORD,qe.XML,qe.YAML,qe.ZIP,function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(Ye||(Ye={}));var Je=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class ti extends o.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=e.nothing}render(){const t=this.variant&&Object.values(Ye).includes(this.variant)?this.variant:Ye.fluid_topics,o=t!==Ye.material||!!this.value;return e.html`
|
|
540
|
+
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some(r=>t.has(r))&&this.visible&&this.positionTooltip()}async show(t){this.visible=!0,t!=null&&await this.hideDebounce.run(()=>{this.hide()},t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return((t=this.slotNodes)!==null&&t!==void 0?t:[]).filter(r=>r.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let 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";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Vn(this.slottedElement,this.tooltip,this.position).then(({x:t,y:r})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${r}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())}onClick(){this.manual||(this.revealDebouncer.cancel(),this.hide())}correctOutOfWindowPixels(t,r){return Math.max(t,Math.min(0,-r))}};H.elementDefinitions={"ft-typography":X};H.styles=On;bt([(0,Q.property)()],H.prototype,"text",void 0);bt([(0,Q.property)({type:Boolean})],H.prototype,"manual",void 0);bt([(0,Q.property)({type:Boolean})],H.prototype,"inline",void 0);bt([(0,Q.property)({type:Number})],H.prototype,"delay",void 0);bt([(0,Q.property)()],H.prototype,"position",void 0);bt([(0,Q.queryAssignedNodes)()],H.prototype,"slotNodes",void 0);bt([(0,Q.query)(".ft-tooltip--container")],H.prototype,"container",void 0);bt([(0,Q.query)(".ft-tooltip")],H.prototype,"tooltip",void 0);bt([(0,Q.query)(".ft-tooltip--content")],H.prototype,"tooltipContent",void 0);bt([(0,Q.state)()],H.prototype,"visible",void 0);bt([(0,Q.eventOptions)({passive:!0})],H.prototype,"onTouch",null);bt([(0,Q.eventOptions)({passive:!0})],H.prototype,"onHover",null);bt([(0,Q.eventOptions)({passive:!0})],H.prototype,"onOut",null);bt([(0,Q.eventOptions)({passive:!0})],H.prototype,"onClick",null);(0,Zn.customElement)("ft-tooltip")(H);var Qn=f(O());var uo=f(R()),Se=f(V()),Yn=f(O()),Xn=f(qn());var ko;(function(o){o.THUMBS_DOWN="",o.THUMBS_DOWN_PLAIN="",o.THUMBS_UP="",o.THUMBS_UP_PLAIN="",o.STAR="",o.STAR_PLAIN="",o.DESKTOP="",o.LIFE_RING="",o.GLOBE="",o.PIGGY_BANK="",o.TABLET_LANDSCAPE="",o.TABLET_PORTRAIT="",o.MOBILE_LANDSCAPE="",o.MOBILE_PORTRAIT="",o.ARROW_RIGHT_TO_LINE="",o.THIN_ARROW_UP="",o.CONTEXTUAL="",o.CHART_SIMPLE="",o.BARS_PROGRESS="",o.LINE_CHART="",o.STACKED_CHART="",o.CHART_BAR_NORMALIZED="",o.BOOK_OPEN_GEAR="",o.BOOK_OPEN_GEAR_SLASH="",o.DIAGRAM_SUNBURST="",o.DIAGRAM_SANKEY="",o.UNSTRUCTURED_DOC="",o.RESET="",o.THIN_ARROW_LEFT="",o.THIN_ARROW_RIGHT="",o.MY_COLLECTIONS="",o.OFFLINE_SETTINGS="",o.MY_LIBRARY="",o.RATE_PLAIN="",o.RATE="",o.FEEDBACK_PLAIN="",o.PAUSE="",o.PLAY="",o.RELATIVES_PLAIN="",o.RELATIVES="",o.SHORTCUT_MENU="",o.PRINT="",o.DEFAULT_ROLES="",o.ACCOUNT_SETTINGS="",o.ONLINE="",o.OFFLINE="",o.UPLOAD="",o.BOOK_PLAIN="",o.SYNC="",o.SHARED_PBK="",o.COLLECTIONS="",o.SEARCH_IN_PUBLICATION="",o.BOOKS="",o.LOCKER="",o.ARROW_DOWN="",o.ARROW_LEFT="",o.ARROW_RIGHT="",o.ARROW_UP="",o.SAVE="",o.MAILS_AND_NOTIFICATIONS="",o.DOT="",o.MINUS="",o.PLUS="",o.FILTERS="",o.STRIPE_ARROW_RIGHT="",o.STRIPE_ARROW_LEFT="",o.ATTACHMENTS="",o.ADD_BOOKMARK="",o.BOOKMARK="",o.EXPORT="",o.MENU="",o.TAG="",o.TAG_PLAIN="",o.COPY_TO_CLIPBOARD="",o.COLUMNS="",o.ARTICLE="",o.CLOSE="",o.OCTAGON_XMARK="",o.CLOSE_PLAIN="",o.CHECK_PLAIN="",o.LOGOUT="",o.SIGN_IN="",o.THIN_ARROW="",o.TRIANGLE_BOTTOM="",o.TRIANGLE_LEFT="",o.TRIANGLE_RIGHT="",o.TRIANGLE_TOP="",o.FACET_HAS_DESCENDANT="",o.MINUS_PLAIN="",o.PLUS_PLAIN="",o.INFO="",o.ICON_EXPAND="",o.ICON_COLLAPSE="",o.ADD_TO_PBK="",o.ALERT="",o.ADD_ALERT="",o.BACK_TO_SEARCH="",o.DOWNLOAD="",o.EDIT="",o.FEEDBACK="",o.MODIFY_PBK="",o.SCHEDULED="",o.SEARCH="",o.SHARE="󨃱",o.TOC="",o.WRITE_UGC="",o.TRASH="",o.EXTLINK="",o.EXTLINK_LIGHT="",o.CALENDAR="",o.BOOK="",o.DOWNLOAD_PLAIN="",o.CHECK="",o.TOPICS="",o.EYE="",o.EYE_SLASH="",o.DISC="",o.CIRCLE="",o.SHARED="",o.SORT_UNSORTED="",o.SORT_UP="",o.SORT_DOWN="",o.WORKING="",o.ZOOM_OUT="",o.ZOOM_IN="",o.ZOOM_REALSIZE="",o.ZOOM_FULLSCREEN="",o.ADMIN_RESTRICTED="",o.ADMIN_THEME="",o.WARNING="",o.CONTEXT="",o.SEARCH_HOME="",o.STEPS="",o.HOME="",o.TRANSLATE="",o.USER="",o.ADMIN="",o.ANALYTICS="",o.ADMIN_KHUB="",o.ADMIN_USERS="",o.ADMIN_INTEGRATION="",o.ADMIN_PORTAL="",o.COMMENT_QUESTION="",o.COMMENT_QUESTION_PLAIN="",o.MESSAGE_BOT="",o.PIP="",o.PIP_WIDE="",o.EXPAND_WIDE="",o.X_MARK="",o.CLONE="",o.CLONE_LINK_SIMPLE="",o.CONSUMER="",o.HOURGLASS_HALF="",o.CLOCK_THREE="",o.CALENDAR_DAY="",o.COMPUTER_MOUSE_MAGNIFYING_GLASS="",o.WAND_MAGIC_SPARKLES="",o.PAPER_PLANE=""})(ko||(ko={}));var y;(function(o){o.UNKNOWN="",o.ABW="",o.AUDIO="",o.AVI="",o.CHM="",o.CODE="",o.CSV="",o.DITA="",o.EPUB="",o.EXCEL="",o.FLAC="",o.GIF="",o.GZIP="",o.HTML="",o.IMAGE="",o.JPEG="",o.JSON="",o.M4A="",o.MOV="",o.MP3="",o.MP4="",o.OGG="",o.PDF="",o.PNG="",o.POWERPOINT="",o.RAR="",o.STP="",o.TEXT="",o.VIDEO="",o.WAV="",o.WMA="",o.WORD="",o.XML="",o.YAML="",o.ZIP=""})(y||(y={}));var Xf=new Map([...["abw"].map(o=>[o,y.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(o=>[o,y.AUDIO]),...["avi"].map(o=>[o,y.AVI]),...["chm","xhs"].map(o=>[o,y.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(o=>[o,y.CODE]),...["csv"].map(o=>[o,y.CSV]),...["dita","ditamap","ditaval"].map(o=>[o,y.DITA]),...["epub"].map(o=>[o,y.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(o=>[o,y.EXCEL]),...["flac"].map(o=>[o,y.FLAC]),...["gif"].map(o=>[o,y.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(o=>[o,y.GZIP]),...["html","htm","xhtml"].map(o=>[o,y.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(o=>[o,y.IMAGE]),...["jpeg","jpg","jpe"].map(o=>[o,y.JPEG]),...["json"].map(o=>[o,y.JSON]),...["m4a","m4p"].map(o=>[o,y.M4A]),...["mov","qt"].map(o=>[o,y.MOV]),...["mp3"].map(o=>[o,y.MP3]),...["mp4","m4v"].map(o=>[o,y.MP4]),...["ogg","oga"].map(o=>[o,y.OGG]),...["pdf","ps"].map(o=>[o,y.PDF]),...["png"].map(o=>[o,y.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(o=>[o,y.POWERPOINT]),...["rar"].map(o=>[o,y.RAR]),...["stp"].map(o=>[o,y.STP]),...["txt","rtf","md","mdown"].map(o=>[o,y.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(o=>[o,y.VIDEO]),...["wav"].map(o=>[o,y.WAV]),...["wma"].map(o=>[o,y.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(o=>[o,y.WORD]),...["xml","xsl","rdf"].map(o=>[o,y.XML]),...["yaml","yml","x-yaml"].map(o=>[o,y.YAML]),...["zip"].map(o=>[o,y.ZIP])]);var Qf={[y.ABW]:"#91ABC6",[y.AUDIO]:"#1795E3",[y.AVI]:"#E63324",[y.CHM]:"#71C3EB",[y.CODE]:"#71C3EB",[y.CSV]:"#1F7345",[y.DITA]:"#71C3EB",[y.EPUB]:"#85B926",[y.EXCEL]:"#1F7345",[y.FLAC]:"#1795E3",[y.GIF]:"#59B031",[y.GZIP]:"#F8AB36",[y.HTML]:"#71C3EB",[y.IMAGE]:"#59B031",[y.JPEG]:"#59B031",[y.JSON]:"#71C3EB",[y.M4A]:"#1795E3",[y.MOV]:"#E63324",[y.MP3]:"#1795E3",[y.MP4]:"#E63324",[y.OGG]:"#1795E3",[y.PDF]:"#E44948",[y.PNG]:"#59B031",[y.POWERPOINT]:"#B54A2B",[y.RAR]:"#F8AB36",[y.STP]:"#3764B1",[y.TEXT]:"#3162AB",[y.UNKNOWN]:"#999999",[y.VIDEO]:"#E63324",[y.WAV]:"#1795E3",[y.WMA]:"#1795E3",[y.WORD]:"#3162AB",[y.XML]:"#71C3EB",[y.YAML]:"#71C3EB",[y.ZIP]:"#F8AB36"};var ce;(function(o){o.fluid_topics="fluid-topics",o.file_format="file-format",o.material="material"})(ce||(ce={}));var _o=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},xt=class extends Yn.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=uo.nothing}render(){let t=this.variant&&Object.values(ce).includes(this.variant)?this.variant:ce.fluid_topics,r=t!==ce.material||!!this.value;return uo.html`
|
|
549
541
|
<i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
|
|
550
|
-
${
|
|
551
|
-
<slot ?hidden=${
|
|
542
|
+
${(0,Xn.unsafeHTML)(this.resolvedIcon)}
|
|
543
|
+
<slot ?hidden=${r}></slot>
|
|
552
544
|
</i>
|
|
553
|
-
`}get textContent(){var t,
|
|
545
|
+
`}get textContent(){var t,r;return(r=(t=this.slottedContent)===null||t===void 0?void 0:t.assignedNodes().map(i=>i.textContent).join("").trim())!==null&&r!==void 0?r:""}update(t){super.update(t),["value","variant"].some(r=>t.has(r))&&this.resolveIcon()}resolveIcon(){var t,r;let i=this.value||this.textContent;switch(this.variant){case ce.file_format:this.resolvedIcon=(t=y[i.replace("-","_").toUpperCase()])!==null&&t!==void 0?t:i;break;case ce.material:this.resolvedIcon=this.value||uo.nothing;break;default:this.resolvedIcon=(r=ko[i.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:i;break}}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>this.resolveIcon())}};xt.elementDefinitions={};xt.styles=fn;_o([(0,Se.property)()],xt.prototype,"variant",void 0);_o([(0,Se.property)()],xt.prototype,"value",void 0);_o([(0,Se.state)()],xt.prototype,"resolvedIcon",void 0);_o([(0,Se.query)("slot")],xt.prototype,"slottedContent",void 0);(0,Qn.customElement)("ft-icon")(xt);var ea=f(O());var Jn=f(R()),ta=f(O());var Oe=class extends ta.FtLitElement{render(){return Jn.html`
|
|
554
546
|
<div class="ft-loader">
|
|
555
547
|
<div></div>
|
|
556
548
|
<div></div>
|
|
557
549
|
<div></div>
|
|
558
550
|
<div></div>
|
|
559
551
|
</div>
|
|
560
|
-
`}}
|
|
552
|
+
`}};Oe.styles=pn;(0,ea.customElement)("ft-loader")(Oe);var Ge=f(R()),oa=f(ze()),pt=f(V()),At=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},q=class extends(0,Ve.toFtFormComponent)(Ve.FtLitElement,"button"){constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",t=>{var r;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):this.type=="submit"&&((r=this.form)===null||r===void 0||r.requestSubmit())})}render(){return this.addTooltipIfNeeded(Ge.html`
|
|
561
553
|
<button part="button"
|
|
562
|
-
class="${
|
|
554
|
+
class="${(0,oa.classMap)(this.buttonClasses)}"
|
|
563
555
|
aria-label="${this.getLabel()}"
|
|
564
556
|
?disabled=${this.isDisabled()}>
|
|
565
557
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
566
558
|
<ft-typography part="label"
|
|
567
559
|
variant=${this.typographyVariant}
|
|
568
560
|
element="span"
|
|
569
|
-
class="ft-button--label ${
|
|
561
|
+
class="ft-button--label ${Ve.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
570
562
|
?hidden=${!this.hasTextContent()}>
|
|
571
563
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
572
564
|
</ft-typography>
|
|
573
565
|
${this.resolveIcon()}
|
|
574
566
|
</button>
|
|
575
|
-
`)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?
|
|
567
|
+
`)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?Ge.html`
|
|
576
568
|
<ft-tooltip part="tooltip"
|
|
577
569
|
text="${this.getLabel()}"
|
|
578
570
|
position="${this.tooltipPosition}">
|
|
579
571
|
${t}
|
|
580
572
|
</ft-tooltip>
|
|
581
|
-
`:t}resolveIcon(){return this.loading?
|
|
582
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
583
|
-
|
|
573
|
+
`:t}resolveIcon(){return this.loading?Ge.html`
|
|
574
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?Ge.html`
|
|
575
|
+
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
576
|
+
`:Ge.html`
|
|
577
|
+
<slot part="icon" name="icon"></slot>
|
|
578
|
+
`}focus(){var t;(t=this.button)===null||t===void 0||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map(r=>this.unslotText(r)).join(""):t?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};q.elementDefinitions={"ft-ripple":k,"ft-tooltip":H,"ft-typography":X,"ft-icon":xt,"ft-loader":Oe};At([(0,pt.property)({type:String,reflect:!0})],q.prototype,"role",void 0);At([(0,pt.property)()],q.prototype,"type",void 0);At([(0,pt.property)({type:Boolean})],q.prototype,"disabled",void 0);At([(0,pt.property)()],q.prototype,"label",void 0);At([(0,pt.property)()],q.prototype,"icon",void 0);At([(0,pt.property)()],q.prototype,"iconVariant",void 0);At([(0,pt.property)({type:Boolean})],q.prototype,"trailingIcon",void 0);At([(0,pt.property)({type:Boolean})],q.prototype,"loading",void 0);At([(0,pt.property)()],q.prototype,"tooltipPosition",void 0);At([(0,pt.property)({type:Boolean})],q.prototype,"hideTooltip",void 0);At([(0,pt.property)({type:Boolean})],q.prototype,"forceTooltip",void 0);At([(0,pt.query)(".ft-button")],q.prototype,"button",void 0);At([(0,pt.query)(".ft-button--label slot")],q.prototype,"slottedContent",void 0);var $o=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},dt=class extends q{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};dt.styles=[ra.safariEllipsisFix,yn];$o([(0,ho.property)({type:Boolean})],dt.prototype,"primary",void 0);$o([(0,ho.property)({type:Boolean})],dt.prototype,"outlined",void 0);$o([(0,ho.property)({type:Boolean})],dt.prototype,"dense",void 0);$o([(0,ho.property)({type:Boolean})],dt.prototype,"round",void 0);var Ke=f(V());var aa=f(O());var ia=f(R()),P=f(O());var na=[ia.css`
|
|
584
579
|
:host {
|
|
585
580
|
display: inline-block;
|
|
586
581
|
max-width: 100%;
|
|
@@ -630,7 +625,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
630
625
|
}
|
|
631
626
|
|
|
632
627
|
.ft-button:focus-visible {
|
|
633
|
-
outline-color: ${
|
|
628
|
+
outline-color: ${x.focusFocusRingColor};
|
|
634
629
|
outline-style: solid;
|
|
635
630
|
}
|
|
636
631
|
|
|
@@ -659,154 +654,154 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
659
654
|
/** Primary styles **/
|
|
660
655
|
|
|
661
656
|
.ft-button--primary {
|
|
662
|
-
${
|
|
657
|
+
${(0,P.setVariable)(ht.color,x.primaryIconColor)};
|
|
663
658
|
|
|
664
|
-
${
|
|
665
|
-
${
|
|
666
|
-
${
|
|
667
|
-
${
|
|
668
|
-
${
|
|
659
|
+
${(0,P.setVariable)(T.color,x.primaryStateLayerColor)};
|
|
660
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,x.primaryHoverStateLayerOpacity)};
|
|
661
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,x.primaryFocusStateLayerOpacity)};
|
|
662
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,x.primaryActiveStateLayerOpacity)};
|
|
663
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,x.primaryActiveStateLayerOpacity)};
|
|
669
664
|
|
|
670
|
-
background-color: ${
|
|
671
|
-
color: ${
|
|
665
|
+
background-color: ${x.primaryBackgroundColor};
|
|
666
|
+
color: ${x.primaryColor};
|
|
672
667
|
border-style: none;
|
|
673
668
|
}
|
|
674
669
|
|
|
675
670
|
.ft-button--primary[disabled] {
|
|
676
|
-
opacity: ${
|
|
671
|
+
opacity: ${x.primaryDisabledComponentOpacity};
|
|
677
672
|
}
|
|
678
673
|
|
|
679
674
|
.ft-button--primary ft-icon {
|
|
680
|
-
color: ${
|
|
675
|
+
color: ${x.primaryIconColor};
|
|
681
676
|
}
|
|
682
677
|
|
|
683
678
|
/** Secondary styles **/
|
|
684
679
|
|
|
685
680
|
.ft-button--secondary {
|
|
686
|
-
${
|
|
681
|
+
${(0,P.setVariable)(ht.color,x.secondaryIconColor)};
|
|
687
682
|
|
|
688
|
-
${
|
|
689
|
-
${
|
|
690
|
-
${
|
|
691
|
-
${
|
|
692
|
-
${
|
|
683
|
+
${(0,P.setVariable)(T.color,x.secondaryStateLayerColor)};
|
|
684
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,x.secondaryHoverStateLayerOpacity)};
|
|
685
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,x.secondaryFocusStateLayerOpacity)};
|
|
686
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,x.secondaryActiveStateLayerOpacity)};
|
|
687
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,x.secondaryActiveStateLayerOpacity)};
|
|
693
688
|
|
|
694
|
-
background-color: ${
|
|
695
|
-
color: ${
|
|
696
|
-
border-color: ${
|
|
689
|
+
background-color: ${x.secondaryBackgroundColor};
|
|
690
|
+
color: ${x.secondaryColor};
|
|
691
|
+
border-color: ${x.secondaryBorderColor};
|
|
697
692
|
border-style: solid;
|
|
698
693
|
}
|
|
699
694
|
|
|
700
695
|
.ft-button--secondary[disabled] {
|
|
701
|
-
opacity: ${
|
|
696
|
+
opacity: ${x.secondaryDisabledComponentOpacity};
|
|
702
697
|
}
|
|
703
698
|
|
|
704
699
|
.ft-button--secondary ft-icon {
|
|
705
|
-
color: ${
|
|
700
|
+
color: ${x.secondaryIconColor};
|
|
706
701
|
}
|
|
707
702
|
|
|
708
703
|
/** Tertiary styles **/
|
|
709
704
|
|
|
710
705
|
.ft-button--tertiary {
|
|
711
|
-
${
|
|
706
|
+
${(0,P.setVariable)(ht.color,x.tertiaryIconColor)};
|
|
712
707
|
|
|
713
|
-
${
|
|
714
|
-
${
|
|
715
|
-
${
|
|
716
|
-
${
|
|
717
|
-
${
|
|
708
|
+
${(0,P.setVariable)(T.color,x.tertiaryStateLayerColor)};
|
|
709
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,x.tertiaryHoverStateLayerOpacity)};
|
|
710
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,x.tertiaryFocusStateLayerOpacity)};
|
|
711
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,x.tertiaryActiveStateLayerOpacity)};
|
|
712
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,x.tertiaryActiveStateLayerOpacity)};
|
|
718
713
|
|
|
719
|
-
background-color: ${
|
|
720
|
-
color: ${
|
|
714
|
+
background-color: ${x.tertiaryBackgroundColor};
|
|
715
|
+
color: ${x.tertiaryColor};
|
|
721
716
|
border-style: none;
|
|
722
717
|
}
|
|
723
718
|
|
|
724
719
|
.ft-button--tertiary[disabled] {
|
|
725
|
-
opacity: ${
|
|
720
|
+
opacity: ${x.tertiaryDisabledComponentOpacity};
|
|
726
721
|
}
|
|
727
722
|
|
|
728
723
|
.ft-button--tertiary ft-icon {
|
|
729
|
-
color: ${
|
|
724
|
+
color: ${x.tertiaryIconColor};
|
|
730
725
|
}
|
|
731
726
|
|
|
732
727
|
/** Neutral styles **/
|
|
733
728
|
|
|
734
729
|
.ft-button--neutral {
|
|
735
|
-
${
|
|
730
|
+
${(0,P.setVariable)(ht.color,x.neutralIconColor)};
|
|
736
731
|
|
|
737
|
-
${
|
|
738
|
-
${
|
|
739
|
-
${
|
|
740
|
-
${
|
|
741
|
-
${
|
|
732
|
+
${(0,P.setVariable)(T.backgroundColor,x.neutralStateLayerColor)};
|
|
733
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceHover,x.neutralHoverStateLayerOpacity)};
|
|
734
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceFocused,x.neutralFocusStateLayerOpacity)};
|
|
735
|
+
${(0,P.setVariable)(T.opacityContentOnSurfaceSelected,x.neutralActiveStateLayerOpacity)};
|
|
736
|
+
${(0,P.setVariable)(T.opacityContentOnSurfacePressed,x.neutralActiveStateLayerOpacity)};
|
|
742
737
|
|
|
743
|
-
background-color: ${
|
|
744
|
-
color: ${
|
|
738
|
+
background-color: ${x.neutralBackgroundColor};
|
|
739
|
+
color: ${x.neutralColor};
|
|
745
740
|
border-style: none;
|
|
746
741
|
}
|
|
747
742
|
|
|
748
743
|
.ft-button--neutral[disabled] {
|
|
749
|
-
opacity: ${
|
|
744
|
+
opacity: ${x.neutralDisabledComponentOpacity};
|
|
750
745
|
}
|
|
751
746
|
|
|
752
747
|
.ft-button--neutral ft-icon {
|
|
753
|
-
color: ${
|
|
748
|
+
color: ${x.neutralIconColor};
|
|
754
749
|
}
|
|
755
750
|
|
|
756
751
|
/** Large styles **/
|
|
757
752
|
|
|
758
753
|
.ft-button--large {
|
|
759
|
-
${
|
|
760
|
-
${
|
|
754
|
+
${(0,P.setVariable)(mt.size,x.largeIconSize)};
|
|
755
|
+
${(0,P.setVariable)(ht.size,x.largeIconSize)};
|
|
761
756
|
|
|
762
|
-
height: ${
|
|
763
|
-
padding: 0 ${
|
|
764
|
-
gap: ${
|
|
765
|
-
border-radius: ${
|
|
766
|
-
border-width: ${
|
|
757
|
+
height: ${x.largeHeight};
|
|
758
|
+
padding: 0 ${x.largeHorizontalPadding};
|
|
759
|
+
gap: ${x.largeGap};
|
|
760
|
+
border-radius: ${x.largeBorderRadius};
|
|
761
|
+
border-width: ${x.largeBorderWidth};
|
|
767
762
|
}
|
|
768
763
|
|
|
769
764
|
.ft-button--large:focus-visible {
|
|
770
|
-
outline-width: ${
|
|
771
|
-
outline-offset: ${
|
|
765
|
+
outline-width: ${x.largeFocusOutlineWidth};
|
|
766
|
+
outline-offset: ${x.largeFocusOutlineOffset};
|
|
772
767
|
}
|
|
773
768
|
|
|
774
769
|
.ft-button--large.ft-button--icon-only {
|
|
775
|
-
width: ${
|
|
770
|
+
width: ${x.largeIconOnlyWidth};
|
|
776
771
|
padding: unset;
|
|
777
772
|
}
|
|
778
773
|
|
|
779
774
|
/** Small styles **/
|
|
780
775
|
|
|
781
776
|
.ft-button--small {
|
|
782
|
-
${
|
|
783
|
-
${
|
|
777
|
+
${(0,P.setVariable)(mt.size,x.smallIconSize)};
|
|
778
|
+
${(0,P.setVariable)(ht.size,x.smallIconSize)};
|
|
784
779
|
|
|
785
|
-
height: ${
|
|
786
|
-
padding: 0 ${
|
|
787
|
-
gap: ${
|
|
788
|
-
border-radius: ${
|
|
789
|
-
border-width: ${
|
|
780
|
+
height: ${x.smallHeight};
|
|
781
|
+
padding: 0 ${x.smallHorizontalPadding};
|
|
782
|
+
gap: ${x.smallGap};
|
|
783
|
+
border-radius: ${x.smallBorderRadius};
|
|
784
|
+
border-width: ${x.smallBorderWidth};
|
|
790
785
|
}
|
|
791
786
|
|
|
792
787
|
.ft-button--small:focus-visible {
|
|
793
|
-
outline-width: ${
|
|
794
|
-
outline-offset: ${
|
|
788
|
+
outline-width: ${x.smallFocusOutlineWidth};
|
|
789
|
+
outline-offset: ${x.smallFocusOutlineOffset};
|
|
795
790
|
}
|
|
796
791
|
|
|
797
792
|
.ft-button--small.ft-button--icon-only {
|
|
798
|
-
width: ${
|
|
793
|
+
width: ${x.smallIconOnlyWidth};
|
|
799
794
|
padding: unset;
|
|
800
795
|
}
|
|
801
|
-
`,
|
|
796
|
+
`,P.noTextSelect];var mo=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Gt=class extends q{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?be.caption1medium:be.body2medium}};Gt.styles=[aa.safariEllipsisFix,na];mo([(0,Ke.property)({type:Boolean})],Gt.prototype,"primary",void 0);mo([(0,Ke.property)({type:Boolean})],Gt.prototype,"secondary",void 0);mo([(0,Ke.property)({type:Boolean})],Gt.prototype,"tertiary",void 0);mo([(0,Ke.property)({type:Boolean})],Gt.prototype,"neutral",void 0);mo([(0,Ke.property)({type:Boolean})],Gt.prototype,"small",void 0);(0,wr.customElement)("ft-button")(dt);(0,wr.customElement)("ftds-button")(Gt);var fa=f(O());var ca=f(R()),pe=f(V()),pa=f(O()),da=f(ze());var wt=f(O()),sa=f(R());var ee={textColor:wt.FtCssVariableFactory.extend("--ft-checkbox-text-color","",wt.designSystemVariables.colorOnSurfaceHigh),fontSize:wt.FtCssVariableFactory.extend("--ft-checkbox-font-size","",S.fontSize),colorPrimary:wt.FtCssVariableFactory.external(wt.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:wt.FtCssVariableFactory.external(wt.designSystemVariables.colorOnPrimary,"Design system"),borderColor:wt.FtCssVariableFactory.extend("--ft-checkbox-border-color","",wt.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:wt.FtCssVariableFactory.external(wt.designSystemVariables.colorOnSurfaceDisabled,"Design system")},la=sa.css`
|
|
802
797
|
* {
|
|
803
798
|
box-sizing: border-box;
|
|
804
799
|
}
|
|
805
800
|
|
|
806
801
|
.ft-checkbox {
|
|
807
802
|
box-sizing: border-box;
|
|
808
|
-
color: ${
|
|
809
|
-
font-size: ${
|
|
803
|
+
color: ${ee.textColor};
|
|
804
|
+
font-size: ${ee.fontSize};
|
|
810
805
|
|
|
811
806
|
display: inline-flex;
|
|
812
807
|
align-items: center;
|
|
@@ -814,7 +809,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
814
809
|
}
|
|
815
810
|
|
|
816
811
|
.ft-checkbox--disabled {
|
|
817
|
-
color: ${
|
|
812
|
+
color: ${ee.colorOnSurfaceDisabled};
|
|
818
813
|
}
|
|
819
814
|
|
|
820
815
|
input {
|
|
@@ -838,26 +833,26 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
838
833
|
|
|
839
834
|
.ft-checkbox--box {
|
|
840
835
|
display: flex;
|
|
841
|
-
border: 2px solid ${
|
|
836
|
+
border: 2px solid ${ee.borderColor};
|
|
842
837
|
border-radius: 2px;
|
|
843
838
|
|
|
844
839
|
width: 18px;
|
|
845
840
|
height: 18px;
|
|
846
841
|
|
|
847
|
-
color: ${
|
|
842
|
+
color: ${ee.colorOnPrimary};
|
|
848
843
|
}
|
|
849
844
|
|
|
850
845
|
|
|
851
846
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
852
847
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
853
|
-
border-color: ${
|
|
854
|
-
background-color: ${
|
|
848
|
+
border-color: ${ee.colorPrimary};
|
|
849
|
+
background-color: ${ee.colorPrimary};
|
|
855
850
|
}
|
|
856
851
|
|
|
857
852
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
858
|
-
border-color: ${
|
|
853
|
+
border-color: ${ee.colorOnSurfaceDisabled};
|
|
859
854
|
background-color: transparent;
|
|
860
|
-
color: ${
|
|
855
|
+
color: ${ee.colorOnSurfaceDisabled};
|
|
861
856
|
}
|
|
862
857
|
|
|
863
858
|
.ft-checkbox--checkmark {
|
|
@@ -876,8 +871,8 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
876
871
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
877
872
|
opacity: 1;
|
|
878
873
|
}
|
|
879
|
-
`;var
|
|
880
|
-
<label class="${
|
|
874
|
+
`;var Ze=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},vt=class extends pa.FtLitElement{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){let t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return ca.html`
|
|
875
|
+
<label class="${(0,da.classMap)(t)}" for="checkbox-input">
|
|
881
876
|
<div class="ft-checkbox--box-container">
|
|
882
877
|
<ft-ripple
|
|
883
878
|
?disabled=${this.disabled}
|
|
@@ -903,14 +898,14 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
903
898
|
<slot></slot>
|
|
904
899
|
</ft-typography>
|
|
905
900
|
</label>
|
|
906
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var
|
|
901
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var r;super.contentAvailableCallback(t),(r=this.ripple)===null||r===void 0||r.setupFor(this.container)}};vt.elementDefinitions={"ft-ripple":k,"ft-typography":X};vt.styles=la;Ze([(0,pe.property)()],vt.prototype,"name",void 0);Ze([(0,pe.property)({type:Boolean,reflect:!0})],vt.prototype,"checked",void 0);Ze([(0,pe.property)({type:Boolean})],vt.prototype,"indeterminate",void 0);Ze([(0,pe.property)({type:Boolean})],vt.prototype,"disabled",void 0);Ze([(0,pe.query)(".ft-checkbox")],vt.prototype,"container",void 0);Ze([(0,pe.query)("ft-ripple")],vt.prototype,"ripple",void 0);(0,fa.customElement)("ft-checkbox")(vt);var Rr=f(O());var ma=f(R()),$t=f(V()),ya=f(O()),ga=f(ze());var ua=f(R()),It=f(O()),Ce={textColor:It.FtCssVariableFactory.extend("--ft-radio-text-color","",It.designSystemVariables.colorOnSurfaceHigh),colorPrimary:It.FtCssVariableFactory.external(It.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:It.FtCssVariableFactory.external(It.designSystemVariables.colorOnPrimary,"Design system"),borderColor:It.FtCssVariableFactory.extend("--ft-radio-border-color","",It.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:It.FtCssVariableFactory.external(It.designSystemVariables.colorOnSurfaceDisabled,"Design system")},ha=ua.css`
|
|
907
902
|
* {
|
|
908
903
|
box-sizing: border-box;
|
|
909
904
|
}
|
|
910
905
|
|
|
911
906
|
.ft-radio {
|
|
912
907
|
box-sizing: border-box;
|
|
913
|
-
color: ${
|
|
908
|
+
color: ${Ce.textColor};
|
|
914
909
|
|
|
915
910
|
display: inline-flex;
|
|
916
911
|
align-items: center;
|
|
@@ -918,7 +913,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
918
913
|
}
|
|
919
914
|
|
|
920
915
|
.ft-radio--disabled {
|
|
921
|
-
color: ${
|
|
916
|
+
color: ${Ce.colorOnSurfaceDisabled};
|
|
922
917
|
}
|
|
923
918
|
|
|
924
919
|
input {
|
|
@@ -941,7 +936,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
941
936
|
}
|
|
942
937
|
|
|
943
938
|
.ft-radio--box {
|
|
944
|
-
border: 2px solid ${
|
|
939
|
+
border: 2px solid ${Ce.borderColor};
|
|
945
940
|
border-radius: 50%;
|
|
946
941
|
|
|
947
942
|
display: flex;
|
|
@@ -954,7 +949,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
954
949
|
|
|
955
950
|
.ft-radio--box:after {
|
|
956
951
|
content: " ";
|
|
957
|
-
background-color: ${
|
|
952
|
+
background-color: ${Ce.colorPrimary};
|
|
958
953
|
|
|
959
954
|
border-radius: 50%;
|
|
960
955
|
|
|
@@ -966,7 +961,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
966
961
|
}
|
|
967
962
|
|
|
968
963
|
.ft-radio--checked .ft-radio--box {
|
|
969
|
-
border-color: ${
|
|
964
|
+
border-color: ${Ce.colorPrimary};
|
|
970
965
|
}
|
|
971
966
|
|
|
972
967
|
|
|
@@ -975,15 +970,15 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
975
970
|
}
|
|
976
971
|
|
|
977
972
|
.ft-radio--disabled .ft-radio--box {
|
|
978
|
-
border-color: ${
|
|
973
|
+
border-color: ${Ce.colorOnSurfaceDisabled};
|
|
979
974
|
background-color: transparent;
|
|
980
975
|
}
|
|
981
976
|
|
|
982
977
|
.ft-radio--disabled .ft-radio--box:after {
|
|
983
|
-
background-color: ${
|
|
978
|
+
background-color: ${Ce.colorOnSurfaceDisabled};
|
|
984
979
|
}
|
|
985
|
-
`;var
|
|
986
|
-
<div class="${
|
|
980
|
+
`;var oe=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Do=class extends CustomEvent{constructor(t,r){super("change",{detail:{value:t,checked:r},bubbles:!0,composed:!0})}},st=class extends ya.FtLitElement{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1,this.tabIndex=-1,this.role="radio"}render(){let t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return ma.html`
|
|
981
|
+
<div class="${(0,ga.classMap)(t)}">
|
|
987
982
|
<div class="ft-radio--box-container">
|
|
988
983
|
<ft-ripple
|
|
989
984
|
?disabled=${this.disabled}
|
|
@@ -1001,22 +996,22 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1001
996
|
@change=${this.onChange}
|
|
1002
997
|
>
|
|
1003
998
|
</div>
|
|
1004
|
-
<label for="radio-button" @click=${
|
|
999
|
+
<label for="radio-button" @click=${r=>r.stopPropagation()}>
|
|
1005
1000
|
<ft-typography variant="body2">
|
|
1006
1001
|
<slot></slot>
|
|
1007
1002
|
</ft-typography>
|
|
1008
1003
|
</label>
|
|
1009
1004
|
</div>
|
|
1010
|
-
`}update(t){super.update(t),t.has("checked")&&!t.has("aria-checked")&&(this.checked?(this.setAttribute("aria-checked","true"),this.tabIndex=0):(this.setAttribute("aria-checked","false"),this.tabIndex=-1))}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
1005
|
+
`}update(t){super.update(t),t.has("checked")&&!t.has("aria-checked")&&(this.checked?(this.setAttribute("aria-checked","true"),this.tabIndex=0):(this.setAttribute("aria-checked","false"),this.tabIndex=-1))}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Do(this.value,this.checked))}contentAvailableCallback(t){var r;super.contentAvailableCallback(t),(r=this.ripple)===null||r===void 0||r.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Do(this.value,this.checked))}};st.elementDefinitions={"ft-ripple":k,"ft-typography":X};st.styles=ha;oe([(0,$t.property)()],st.prototype,"value",void 0);oe([(0,$t.property)()],st.prototype,"name",void 0);oe([(0,$t.property)({type:Boolean,reflect:!0})],st.prototype,"checked",void 0);oe([(0,$t.property)({type:Boolean})],st.prototype,"disabled",void 0);oe([(0,$t.property)({reflect:!0})],st.prototype,"tabIndex",void 0);oe([(0,$t.property)({reflect:!0,attribute:"role"})],st.prototype,"role",void 0);oe([(0,$t.query)(".ft-radio")],st.prototype,"container",void 0);oe([(0,$t.query)("ft-ripple")],st.prototype,"ripple",void 0);oe([(0,$t.query)("input")],st.prototype,"input",void 0);var va=f(O()),je=f(V()),Sa=f(R());var ba=f(R());var xa=ba.css`
|
|
1011
1006
|
:host {
|
|
1012
1007
|
display: contents;
|
|
1013
1008
|
}
|
|
1014
|
-
`;var
|
|
1009
|
+
`;var Bo=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Vt=class extends va.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.ariaLabelledBy=""}render(){return Sa.html`
|
|
1015
1010
|
<slot @slotchange=${this.onSlotChange}
|
|
1016
1011
|
@change=${this.onChange}
|
|
1017
1012
|
@keydown=${this.onKeyDown}
|
|
1018
1013
|
></slot>
|
|
1019
|
-
`}onSlotChange(){this.radioButtons.forEach(
|
|
1014
|
+
`}onSlotChange(){this.radioButtons.forEach(t=>t.name=this.name)}contentAvailableCallback(t){super.contentAvailableCallback(t),this.radioButtons[0].setAttribute("tabindex","0")}onChange(t){t.stopPropagation(),this.radioButtons.forEach(r=>r.checked=t.detail.value===r.value),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value})),this.focusCurrentValue()}onKeyDown(t){let r=!1;switch(t.key){case"ArrowUp":case"ArrowLeft":{r=!0;let i=this.findFtRadio(t),n=this.radioButtons.indexOf(i)-1;this.radioButtons[n<0?this.radioButtons.length-1:n].select(),this.radioButtons[n<0?this.radioButtons.length-1:n].focus();break}case"ArrowDown":case"ArrowRight":{r=!0;let i=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[i>this.radioButtons.length-1?0:i].select(),this.radioButtons[i>this.radioButtons.length-1?0:i].focus();break}case"Enter":{let i=this.radioButtons.indexOf(this.findFtRadio(t));this.radioButtons[i].select()}}r&&(t.stopPropagation(),t.preventDefault())}findFtRadio(t){return t.composedPath().find(r=>r.tagName==="FT-RADIO")}focusCurrentValue(){setTimeout(()=>{var t;return(t=this.radioButtons.find(r=>r.checked))===null||t===void 0?void 0:t.focus()},10)}};Vt.elementDefinitions={};Vt.styles=xa;Bo([(0,je.property)()],Vt.prototype,"name",void 0);Bo([(0,je.property)({reflect:!0,attribute:"role"})],Vt.prototype,"role",void 0);Bo([(0,je.property)({reflect:!0,attribute:"aria-labelledby"})],Vt.prototype,"ariaLabelledBy",void 0);Bo([(0,je.queryAssignedElements)()],Vt.prototype,"radioButtons",void 0);(0,Rr.customElement)("ft-radio")(st);(0,Rr.customElement)("ft-radio-group")(Vt);var Oa=f(R()),B=f(O());var Uo={borderRadiusM:B.FtCssVariableFactory.external(B.designSystemVariables.borderRadiusM,"Design system"),colorOutline:B.FtCssVariableFactory.external(B.designSystemVariables.colorOutline,"Design system"),colorOnSurface:B.FtCssVariableFactory.external(B.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:B.FtCssVariableFactory.external(B.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:B.FtCssVariableFactory.external(B.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:B.FtCssVariableFactory.external(B.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:B.FtCssVariableFactory.external(B.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:B.FtCssVariableFactory.external(Ct.fontFamily,"Body2 typography"),fontSize:B.FtCssVariableFactory.external(Ct.fontSize,"Body2 typography"),fontWeight:B.FtCssVariableFactory.external(Ct.fontWeight,"Body2 typography"),letterSpacing:B.FtCssVariableFactory.external(Ct.letterSpacing,"Body2 typography"),lineHeight:B.FtCssVariableFactory.external(Ct.lineHeight,"Body2 typography"),textTransform:B.FtCssVariableFactory.external(Ct.textTransform,"Body2 typography")},Ca=Oa.css`
|
|
1020
1015
|
.ft-filter-level--container {
|
|
1021
1016
|
display: flex;
|
|
1022
1017
|
flex-direction: column;
|
|
@@ -1030,14 +1025,14 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1030
1025
|
flex-shrink: 0;
|
|
1031
1026
|
text-decoration: none;
|
|
1032
1027
|
position: relative;
|
|
1033
|
-
border-radius: ${
|
|
1028
|
+
border-radius: ${Uo.borderRadiusM};
|
|
1034
1029
|
overflow: hidden;
|
|
1035
1030
|
display: flex;
|
|
1036
1031
|
align-items: center;
|
|
1037
1032
|
padding: 4px 4px;
|
|
1038
1033
|
gap: 4px;
|
|
1039
1034
|
cursor: pointer;
|
|
1040
|
-
color: ${
|
|
1035
|
+
color: ${Uo.colorOnSurface};
|
|
1041
1036
|
}
|
|
1042
1037
|
|
|
1043
1038
|
.ft-filter-level--go-back:focus {
|
|
@@ -1066,7 +1061,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1066
1061
|
}
|
|
1067
1062
|
|
|
1068
1063
|
ft-button {
|
|
1069
|
-
${
|
|
1064
|
+
${(0,B.setVariable)(D.color,Uo.colorOnSurface)};
|
|
1070
1065
|
}
|
|
1071
1066
|
|
|
1072
1067
|
ft-radio, ft-checkbox {
|
|
@@ -1080,11 +1075,11 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1080
1075
|
|
|
1081
1076
|
.ft-filter-level--no-values {
|
|
1082
1077
|
margin: 10px 0;
|
|
1083
|
-
color: ${
|
|
1078
|
+
color: ${Uo.colorOnSurfaceMedium};
|
|
1084
1079
|
}
|
|
1085
|
-
`;var
|
|
1080
|
+
`;var St=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Y=class extends zo.FtLitElement{constructor(){super(...arguments),this.filterId="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.displayCount=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}get hasHiddenValues(){let t=this.limit;return t!=null&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,r;return(r=(t=this.container)===null||t===void 0?void 0:t.scrollHeight)!==null&&r!==void 0?r:0}render(){let t=[...this.options];this.hideSelectedOptions&&(t=t.filter(i=>!i.selected)),this.filter&&(t=t.filter(i=>i.label.toLowerCase().includes(this.filter.toLowerCase())));let r=t.slice(0,this.limit);return Rt.html`
|
|
1086
1081
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1087
|
-
${
|
|
1082
|
+
${this.parent==null?null:Rt.html`
|
|
1088
1083
|
<div tabindex="0"
|
|
1089
1084
|
part="controls go-back"
|
|
1090
1085
|
class="ft-filter-level--go-back"
|
|
@@ -1096,25 +1091,25 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1096
1091
|
<ft-typography variant="body2">${this.parent.label}</ft-typography>
|
|
1097
1092
|
</div>
|
|
1098
1093
|
`}
|
|
1099
|
-
${
|
|
1094
|
+
${this.options.length===0&&this.noValuesLabel?Rt.html`
|
|
1100
1095
|
<ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
|
|
1101
1096
|
${this.noValuesLabel}
|
|
1102
1097
|
</ft-typography>
|
|
1103
|
-
`:
|
|
1104
|
-
${
|
|
1098
|
+
`:Rt.nothing}
|
|
1099
|
+
${(0,Ea.repeat)(r,i=>i.value,i=>{var n;return Rt.html`
|
|
1105
1100
|
<div class="ft-filter-level--option" part="options">
|
|
1106
|
-
${this.multivalued?this.buildMultiValuedOption(
|
|
1107
|
-
${this.preventNavigation||
|
|
1101
|
+
${this.multivalued?this.buildMultiValuedOption(i):this.buildMonoValuedOption(i)}
|
|
1102
|
+
${this.preventNavigation||i.selected||((n=i.subOptions)!==null&&n!==void 0?n:[]).length===0?Rt.nothing:Rt.html`
|
|
1108
1103
|
<ft-button icon="thin_arrow_right"
|
|
1109
1104
|
part="controls navigate-hierarchy"
|
|
1110
|
-
label="${
|
|
1105
|
+
label="${i.label}"
|
|
1111
1106
|
?disabled=${this.disabled}
|
|
1112
1107
|
tooltipPosition="left"
|
|
1113
|
-
@click=${()=>this.displayLevel(
|
|
1108
|
+
@click=${()=>this.displayLevel(i)}></ft-button>
|
|
1114
1109
|
`}
|
|
1115
1110
|
</div>
|
|
1116
|
-
`})
|
|
1117
|
-
${
|
|
1111
|
+
`})}
|
|
1112
|
+
${r.length<t.length?Rt.html`
|
|
1118
1113
|
<ft-button
|
|
1119
1114
|
class="ft-filter-level--display-more"
|
|
1120
1115
|
icon="thin_arrow"
|
|
@@ -1123,31 +1118,31 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1123
1118
|
@click=${this.displayMore}>
|
|
1124
1119
|
${this.moreValuesButtonLabel}
|
|
1125
1120
|
</ft-button>
|
|
1126
|
-
`:
|
|
1121
|
+
`:Rt.nothing}
|
|
1127
1122
|
</div>
|
|
1128
|
-
`}goBackOnKeyPress(t){"Enter"
|
|
1123
|
+
`}goBackOnKeyPress(t){(t.key==="Enter"||t.key===" ")&&this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}goBackOnClick(t){t.stopPropagation(),t.preventDefault(),this.dispatchEvent(new CustomEvent("go-back",{detail:this.parent}))}displayMore(){this.displayedPages++}buildMultiValuedOption(t){var r;return Rt.html`
|
|
1129
1124
|
<ft-checkbox name="${this.filterId}"
|
|
1130
1125
|
part="multivalued-option"
|
|
1131
1126
|
data-value="${t.value}"
|
|
1132
1127
|
|
|
1133
1128
|
.checked=${t.selected}
|
|
1134
1129
|
.disabled=${this.disabled}
|
|
1135
|
-
.indeterminate=${
|
|
1136
|
-
@change=${
|
|
1130
|
+
.indeterminate=${(0,zo.flatDeep)((r=t.subOptions)!==null&&r!==void 0?r:[],i=>{var n;return(n=i.subOptions)!==null&&n!==void 0?n:[]}).some(i=>i.selected)}
|
|
1131
|
+
@change=${i=>this.optionsChanged(i,t)}>
|
|
1137
1132
|
${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
|
|
1138
1133
|
</ft-checkbox>
|
|
1139
|
-
`}buildMonoValuedOption(t){return
|
|
1140
|
-
<ft-radio name="${this.filterId+Math.round(
|
|
1134
|
+
`}buildMonoValuedOption(t){return Rt.html`
|
|
1135
|
+
<ft-radio name="${this.filterId+Math.round(Math.random()*1e6)}"
|
|
1141
1136
|
part="monovalued-option"
|
|
1142
1137
|
data-value="${t.value}"
|
|
1143
1138
|
.checked=${t.selected}
|
|
1144
1139
|
.disabled=${this.disabled}
|
|
1145
|
-
@click=${
|
|
1146
|
-
@keyup=${
|
|
1147
|
-
@change=${
|
|
1140
|
+
@click=${r=>this.optionsChanged(r,t)}
|
|
1141
|
+
@keyup=${r=>this.onRadioKeyUp(r,t)}
|
|
1142
|
+
@change=${r=>r.stopPropagation()}>
|
|
1148
1143
|
${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
|
|
1149
1144
|
</ft-radio>
|
|
1150
|
-
`}onRadioKeyUp(t,
|
|
1145
|
+
`}onRadioKeyUp(t,r){r.selected&&t.key===" "&&this.optionsChanged(t,r)}optionsChanged(t,r){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:r}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}};Y.elementDefinitions={"ft-button":dt,"ft-ripple":k,"ft-typography":X,"ft-checkbox":vt,"ft-icon":xt,"ft-radio":st};Y.styles=Ca;St([(0,lt.property)({type:String})],Y.prototype,"filterId",void 0);St([(0,lt.property)({type:Object})],Y.prototype,"parent",void 0);St([(0,lt.property)({type:Array})],Y.prototype,"options",void 0);St([(0,lt.property)({type:Boolean})],Y.prototype,"multivalued",void 0);St([(0,lt.property)({type:Boolean})],Y.prototype,"disabled",void 0);St([(0,lt.property)({type:Boolean})],Y.prototype,"hideSelectedOptions",void 0);St([(0,lt.property)({type:Boolean})],Y.prototype,"displayCount",void 0);St([(0,lt.property)({type:Boolean})],Y.prototype,"preventNavigation",void 0);St([(0,lt.property)({type:String})],Y.prototype,"filter",void 0);St([(0,lt.property)({type:String})],Y.prototype,"moreValuesButtonLabel",void 0);St([(0,lt.property)({type:String})],Y.prototype,"noValuesLabel",void 0);St([(0,lt.property)({type:Number})],Y.prototype,"displayedValuesLimit",void 0);St([(0,lt.query)(".ft-filter-level--container")],Y.prototype,"container",void 0);St([(0,lt.state)()],Y.prototype,"displayedPages",void 0);var La=f(O());var Ra=f(R()),Nt=f(V()),Ee=f(O());var Na=f(ze());var Aa=f(R()),Dt=f(O());var de={buttonsColor:Dt.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",Dt.designSystemVariables.colorPrimary),buttonsZIndex:Dt.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:Dt.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:Dt.FtCssVariableFactory.external(Dt.designSystemVariables.colorSurface,"Design system")},wa=Aa.css`
|
|
1151
1146
|
.ft-snap-scroll {
|
|
1152
1147
|
box-sizing: border-box;
|
|
1153
1148
|
position: relative;
|
|
@@ -1182,7 +1177,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1182
1177
|
flex-wrap: nowrap;
|
|
1183
1178
|
align-items: flex-start;
|
|
1184
1179
|
justify-content: flex-start;
|
|
1185
|
-
gap: ${
|
|
1180
|
+
gap: ${de.gap};
|
|
1186
1181
|
}
|
|
1187
1182
|
|
|
1188
1183
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1225,11 +1220,11 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1225
1220
|
.ft-snap-scroll--next {
|
|
1226
1221
|
position: absolute;
|
|
1227
1222
|
display: flex;
|
|
1228
|
-
z-index: ${
|
|
1223
|
+
z-index: ${de.buttonsZIndex};
|
|
1229
1224
|
opacity: 1;
|
|
1230
1225
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1231
|
-
${
|
|
1232
|
-
${
|
|
1226
|
+
${(0,Dt.setVariable)(D.backgroundColor,"transparent")};
|
|
1227
|
+
${(0,Dt.setVariable)(D.color,de.buttonsColor)};
|
|
1233
1228
|
}
|
|
1234
1229
|
|
|
1235
1230
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1242,45 +1237,45 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1242
1237
|
top: 0;
|
|
1243
1238
|
left: -1px;
|
|
1244
1239
|
bottom: 0;
|
|
1245
|
-
background: linear-gradient(to right, ${
|
|
1240
|
+
background: linear-gradient(to right, ${de.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1246
1241
|
}
|
|
1247
1242
|
|
|
1248
1243
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1249
1244
|
top: -1px;
|
|
1250
1245
|
left: 0;
|
|
1251
1246
|
right: 0;
|
|
1252
|
-
background: linear-gradient(to bottom, ${
|
|
1247
|
+
background: linear-gradient(to bottom, ${de.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1253
1248
|
}
|
|
1254
1249
|
|
|
1255
1250
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1256
1251
|
top: 0;
|
|
1257
1252
|
right: -1px;
|
|
1258
1253
|
bottom: 0;
|
|
1259
|
-
background: linear-gradient(to left, ${
|
|
1254
|
+
background: linear-gradient(to left, ${de.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1260
1255
|
}
|
|
1261
1256
|
|
|
1262
1257
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1263
1258
|
left: 0;
|
|
1264
1259
|
right: 0;
|
|
1265
1260
|
bottom: -1px;
|
|
1266
|
-
background: linear-gradient(to top, ${
|
|
1261
|
+
background: linear-gradient(to top, ${de.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1267
1262
|
}
|
|
1268
1263
|
|
|
1269
1264
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1270
1265
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1271
1266
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1272
1267
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1273
|
-
background-color: ${
|
|
1268
|
+
background-color: ${de.colorSurface};
|
|
1274
1269
|
}
|
|
1275
|
-
`;var
|
|
1270
|
+
`;var Kt=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Nr=class extends CustomEvent{constructor(t,r){super("current-element-change",{detail:{index:t,element:r}})}},ot=class extends Ee.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver(()=>this.scheduleUpdateScroll()),this.scrollDebouncer=new Ee.Debouncer(200),this.updateScrollDebouncer=new Ee.Debouncer(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let r=this.elements[t];if(r){let i=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,n=this.contentSlot[this.scrollAttribute]+this.prevSize;(r[this.offsetAttribute]<n||r[this.offsetAttribute]+r[this.sizeAttribute]>i)&&this.scrollToElement(r)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){let t=(0,Na.classMap)({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":Ee.isSafari}),r=this.controls&&this.withScroll;return Ra.html`
|
|
1276
1271
|
<div part="container" class="${t}">
|
|
1277
1272
|
<ft-button
|
|
1278
1273
|
class="ft-snap-scroll--previous"
|
|
1279
1274
|
part="controls"
|
|
1280
1275
|
primary
|
|
1281
1276
|
icon="${this.horizontal?"THIN_ARROW_LEFT":"THIN_ARROW_UP"}"
|
|
1282
|
-
?hidden=${!
|
|
1283
|
-
?disabled=${!
|
|
1277
|
+
?hidden=${!r||this.startReached}
|
|
1278
|
+
?disabled=${!r||this.startReached}
|
|
1284
1279
|
@click=${this.previous}
|
|
1285
1280
|
></ft-button>
|
|
1286
1281
|
<slot class="ft-snap-scroll--content"
|
|
@@ -1291,12 +1286,12 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1291
1286
|
part="controls"
|
|
1292
1287
|
primary
|
|
1293
1288
|
icon="${this.horizontal?"THIN_ARROW_RIGHT":"THIN_ARROW"}"
|
|
1294
|
-
?hidden=${!
|
|
1295
|
-
?disabled=${!
|
|
1289
|
+
?hidden=${!r||this.endReached}
|
|
1290
|
+
?disabled=${!r||this.endReached}
|
|
1296
1291
|
@click=${this.next}
|
|
1297
1292
|
></ft-button>
|
|
1298
1293
|
</div>
|
|
1299
|
-
`}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new
|
|
1294
|
+
`}update(t){super.update(t),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new Nr(this.currentElement,this.elements[this.currentElement]))}contentAvailableCallback(t){var r;super.contentAvailableCallback(t),this.contentSlot&&this.listenedContainer!==this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,(r=this.listenedContainer)===null||r===void 0||r.addEventListener("scroll",this.updateScrollCallback))}onScroll(){this.scrollDebouncer.run(()=>this.snap()),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(t!=null){let r=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<r&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var r,i;t&&(this.horizontal?(r=this.contentSlot)===null||r===void 0||r.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):(i=this.contentSlot)===null||i===void 0||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,r;this.elements=(r=(t=this.contentSlot)===null||t===void 0?void 0:t.assignedElements().map(i=>i))!==null&&r!==void 0?r:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let r=0;r<this.elements.length;r++)(t<0||this.getDistanceFromStart(this.elements[r])<this.getDistanceFromStart(this.elements[t]))&&(t=r);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run(()=>this.updateScroll())}updateScroll(){this.contentSlot!=null?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=this.contentSlot[this.scrollAttribute]===0,this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){let r=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-r)}};ot.elementDefinitions={"ft-button":dt};ot.styles=wa;Kt([(0,Nt.property)({type:Boolean})],ot.prototype,"horizontal",void 0);Kt([(0,Nt.property)({type:Boolean})],ot.prototype,"hideScrollbar",void 0);Kt([(0,Nt.property)({type:Boolean})],ot.prototype,"controls",void 0);Kt([(0,Nt.property)({type:Boolean})],ot.prototype,"limitSize",void 0);Kt([(0,Nt.state)()],ot.prototype,"elements",void 0);Kt([(0,Nt.state)()],ot.prototype,"currentElement",void 0);Kt([(0,Nt.state)()],ot.prototype,"withScroll",void 0);Kt([(0,Nt.state)()],ot.prototype,"startReached",void 0);Kt([(0,Nt.state)()],ot.prototype,"endReached",void 0);Kt([(0,Nt.query)(".ft-snap-scroll--content")],ot.prototype,"contentSlot",void 0);(0,La.customElement)("ft-snap-scroll")(ot);var Ia=f(R()),F=f(O());var Tt={colorOutline:F.FtCssVariableFactory.external(F.designSystemVariables.colorOutline,"Design system"),colorOnSurface:F.FtCssVariableFactory.external(F.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:F.FtCssVariableFactory.external(F.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorPrimary:F.FtCssVariableFactory.external(F.designSystemVariables.colorPrimary,"Design system"),colorSurface:F.FtCssVariableFactory.external(F.designSystemVariables.colorSurface,"Design system"),transitionDuration:F.FtCssVariableFactory.external(F.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:F.FtCssVariableFactory.external(F.designSystemVariables.transitionTimingFunction,"Design system"),labelColor:F.FtCssVariableFactory.extend("--ft-filter-label-color","",F.designSystemVariables.colorOnSurface),labelFontSize:F.FtCssVariableFactory.extend("--ft-filter-label-font-size","",S.fontSize,"16px")},Ta=[wo,Ia.css`
|
|
1300
1295
|
:host {
|
|
1301
1296
|
display: flex;
|
|
1302
1297
|
max-height: 100%;
|
|
@@ -1323,7 +1318,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1323
1318
|
.ft-filter--header ft-button {
|
|
1324
1319
|
flex-shrink: 0;
|
|
1325
1320
|
margin-left: auto;
|
|
1326
|
-
${
|
|
1321
|
+
${(0,F.setVariable)(D.iconSize,"18px")};
|
|
1327
1322
|
}
|
|
1328
1323
|
.filter-label {
|
|
1329
1324
|
display: contents;
|
|
@@ -1334,10 +1329,10 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1334
1329
|
flex-shrink: 1;
|
|
1335
1330
|
flex-grow: 1;
|
|
1336
1331
|
word-break: break-word;
|
|
1337
|
-
color: ${
|
|
1338
|
-
font-size: ${
|
|
1339
|
-
${
|
|
1340
|
-
${
|
|
1332
|
+
color: ${Tt.labelColor};
|
|
1333
|
+
font-size: ${Tt.labelFontSize};
|
|
1334
|
+
${(0,F.setVariable)(S.lineHeight,"22px")};
|
|
1335
|
+
${(0,F.setVariable)(S.fontWeight,"bold")};
|
|
1341
1336
|
}
|
|
1342
1337
|
|
|
1343
1338
|
.ft-filter--filter {
|
|
@@ -1348,8 +1343,8 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1348
1343
|
padding: 0 10px;
|
|
1349
1344
|
overflow: hidden;
|
|
1350
1345
|
height: 32px;
|
|
1351
|
-
transition: height ${
|
|
1352
|
-
margin ${
|
|
1346
|
+
transition: height ${Tt.transitionDuration} ${Tt.transitionTimingFunction},
|
|
1347
|
+
margin ${Tt.transitionDuration} ${Tt.transitionTimingFunction};
|
|
1353
1348
|
transition-delay: 500ms;
|
|
1354
1349
|
}
|
|
1355
1350
|
|
|
@@ -1362,15 +1357,15 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1362
1357
|
display: block;
|
|
1363
1358
|
width: 100%;
|
|
1364
1359
|
border-radius: 4px;
|
|
1365
|
-
border: 1px solid ${
|
|
1360
|
+
border: 1px solid ${Tt.colorOutline};
|
|
1366
1361
|
padding: 4px;
|
|
1367
|
-
background-color: ${
|
|
1368
|
-
color: ${
|
|
1369
|
-
outline-color: ${
|
|
1362
|
+
background-color: ${Tt.colorSurface};
|
|
1363
|
+
color: ${Tt.colorOnSurface};
|
|
1364
|
+
outline-color: ${Tt.colorPrimary};
|
|
1370
1365
|
}
|
|
1371
1366
|
|
|
1372
1367
|
input::placeholder {
|
|
1373
|
-
color: ${
|
|
1368
|
+
color: ${Tt.colorOnSurfaceMedium};
|
|
1374
1369
|
}
|
|
1375
1370
|
|
|
1376
1371
|
input:placeholder-shown {
|
|
@@ -1386,7 +1381,7 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1386
1381
|
}
|
|
1387
1382
|
|
|
1388
1383
|
.ft-filter--separator {
|
|
1389
|
-
border-top: 1px solid ${
|
|
1384
|
+
border-top: 1px solid ${Tt.colorOutline};
|
|
1390
1385
|
margin: 4px 10px;
|
|
1391
1386
|
}
|
|
1392
1387
|
|
|
@@ -1411,10 +1406,10 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1411
1406
|
slot:not([name]) {
|
|
1412
1407
|
display: none;
|
|
1413
1408
|
}
|
|
1414
|
-
`];var
|
|
1409
|
+
`];var U=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Lr=class extends CustomEvent{constructor(t){super("change",{detail:t})}},L=class extends Pt.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.noValuesLabel="No values available",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayCount=!1,this.displayedValuesLimit=0,this.hideClearButton=!1,this.lastLevelHasHiddenvalues=!1,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver(()=>this.updateScroll()),this.levelsScrollDebouncer=new Pt.Debouncer(300),this.changeDebouncer=new Pt.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return(0,Pt.flatDeep)(this.options,t=>{var r;return(r=t.subOptions)!==null&&r!==void 0?r:[]})}get childrenFilteredFlatOptions(){return(0,Pt.flatDeep)(this.options,t=>{var r;return t.selected?[]:(r=t.subOptions)!==null&&r!==void 0?r:[]})}get selectedValues(){return this.childrenFilteredFlatOptions.filter(t=>t.selected).map(t=>t.value)}render(){let t=this.flatOptions.some(n=>n.selected),r=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return Ae.html`
|
|
1415
1410
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1416
1411
|
part="container">
|
|
1417
|
-
${this.label
|
|
1412
|
+
${!this.label&&!t?null:Ae.html`
|
|
1418
1413
|
|
|
1419
1414
|
<div class="ft-filter--header" part="header">
|
|
1420
1415
|
<div class="filter-label" id="id-group-${this.id}">
|
|
@@ -1423,20 +1418,20 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1423
1418
|
</ft-typography>
|
|
1424
1419
|
<slot name="label"></slot>
|
|
1425
1420
|
</div>
|
|
1426
|
-
${t&&!this.hideClearButton?
|
|
1421
|
+
${t&&!this.hideClearButton?Ae.html`
|
|
1427
1422
|
<ft-button icon="close" dense @click=${this.clear} part="clear-button">
|
|
1428
1423
|
${this.clearButtonLabel}
|
|
1429
1424
|
</ft-button>
|
|
1430
1425
|
`:null}
|
|
1431
1426
|
</div>
|
|
1432
|
-
|
|
1433
|
-
<div class="ft-filter--filter" ?hidden=${!
|
|
1427
|
+
`}
|
|
1428
|
+
<div class="ft-filter--filter" ?hidden=${!r}>
|
|
1434
1429
|
<input type="search"
|
|
1435
1430
|
part="input"
|
|
1436
1431
|
class="ft-typography--caption"
|
|
1437
|
-
?disabled=${!
|
|
1432
|
+
?disabled=${!r}
|
|
1438
1433
|
placeholder="${i}"
|
|
1439
|
-
size="${
|
|
1434
|
+
size="${r?i.length:0}"
|
|
1440
1435
|
@search=${this.onFilterChange}
|
|
1441
1436
|
@keyup=${this.onFilterChange}>
|
|
1442
1437
|
</div>
|
|
@@ -1447,15 +1442,15 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1447
1442
|
@slotchange=${this.updateOptionsFromSlot}
|
|
1448
1443
|
@option-change=${this.optionsChanged}></slot>
|
|
1449
1444
|
</div>
|
|
1450
|
-
`}update(t){if(super.update(t),t.has("options")){
|
|
1451
|
-
${this.raiseSelectedOptions&&
|
|
1445
|
+
`}update(t){if(super.update(t),t.has("options")){let r=new Set(this.flatOptions.map(i=>i.value));this.displayedLevels=this.displayedLevels.filter(i=>r.has(i)),this.lastDispatchedValues=this.selectedValues}}contentAvailableCallback(t){var r,i,n,a,l;super.contentAvailableCallback(t),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),t.has("options")&&(this.updateScroll(),(r=this.levelsContainer)===null||r===void 0||r.scrollToIndex(this.displayedLevels.length)),t.has("slideIn")&&this.slideIn&&setTimeout(()=>{var c;(c=this.levelsContainer)===null||c===void 0||c.next(),this.slideIn=void 0},0),t.has("slideOut")&&this.slideOut&&((i=this.levelsContainer)===null||i===void 0||i.previous(),setTimeout(()=>{this.displayedLevels.pop(),this.slideOut=void 0},300)),this.lastLevelHasHiddenvalues=(l=(a=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(".ft-filter--levels ft-filter-level:last-child"))===null||a===void 0?void 0:a.hasHiddenValues)!==null&&l!==void 0?l:!1}renderLevels(){let t=this.flatOptions,r=t.filter(a=>a.selected),i=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,n=i<0?"ft-filter--level-center":"ft-filter--level-left";return Ae.html`
|
|
1446
|
+
${this.raiseSelectedOptions&&r.length>0?Ae.html`
|
|
1452
1447
|
<ft-filter-level
|
|
1453
1448
|
filterId="${this.id}"
|
|
1454
1449
|
?multivalued=${this.multivalued}
|
|
1455
1450
|
?disabled=${this.disabled}
|
|
1456
1451
|
?displayCount="${this.displayCount}"
|
|
1457
1452
|
preventNavigation
|
|
1458
|
-
.options=${
|
|
1453
|
+
.options=${r}
|
|
1459
1454
|
@change=${this.onChange}
|
|
1460
1455
|
part="values selected-values"
|
|
1461
1456
|
.exportpartsPrefixes=${["values","selected-values"]}
|
|
@@ -1464,22 +1459,22 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1464
1459
|
`:null}
|
|
1465
1460
|
<ft-snap-scroll horizontal hideScrollbar
|
|
1466
1461
|
class="ft-filter--levels"
|
|
1467
|
-
@current-element-change=${
|
|
1468
|
-
${this.renderLevel(
|
|
1469
|
-
${this.displayedLevels.map(
|
|
1462
|
+
@current-element-change=${a=>this.levelsScrollDebouncer.run(()=>{for(;a.detail.index<this.displayedLevels.length;)this.displayedLevels.pop();this.requestUpdate()})}>
|
|
1463
|
+
${this.renderLevel(n,this.options)}
|
|
1464
|
+
${this.displayedLevels.map(a=>t.find(l=>l.value===a)).map((a,l)=>{var c;let u=a?.value===this.slideIn||a?.value===this.slideOut?"ft-filter--level-right":l===i?"ft-filter--level-center":"ft-filter--level-left";return this.renderLevel(u,(c=a?.subOptions)!==null&&c!==void 0?c:[],a)})}
|
|
1470
1465
|
</ft-snap-scroll>
|
|
1471
|
-
`}renderLevel(t,
|
|
1466
|
+
`}renderLevel(t,r,i){return Ae.html`
|
|
1472
1467
|
<ft-filter-level
|
|
1473
1468
|
class="${t}"
|
|
1474
1469
|
filterId="${this.id}"
|
|
1475
1470
|
.filter="${this.filter}"
|
|
1476
1471
|
moreValuesButtonLabel="${this.moreValuesButtonLabel}"
|
|
1477
1472
|
?multivalued=${this.multivalued}
|
|
1478
|
-
?disabled=${this.disabled||"ft-filter--level-center"
|
|
1473
|
+
?disabled=${this.disabled||t!=="ft-filter--level-center"}
|
|
1479
1474
|
?hideSelectedOptions=${this.raiseSelectedOptions}
|
|
1480
1475
|
?displayCount="${this.displayCount}"
|
|
1481
1476
|
.parent=${i}
|
|
1482
|
-
.options=${
|
|
1477
|
+
.options=${r}
|
|
1483
1478
|
.displayedValuesLimit=${this.displayedValuesLimit}
|
|
1484
1479
|
@change=${this.onChange}
|
|
1485
1480
|
@go-back=${this.goBack}
|
|
@@ -1488,26 +1483,42 @@ const M=Symbol.for(""),j=t=>{if(t?.r===M)return t?._$litStatic$},_=t=>({_$litSta
|
|
|
1488
1483
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1489
1484
|
noValuesLabel="${this.noValuesLabel}"
|
|
1490
1485
|
></ft-filter-level>
|
|
1491
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach(
|
|
1486
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach(t=>t.selected=!1),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var r;t.stopPropagation();let i=this.flatOptions.find(a=>a.value===t.detail.value);i.selected=!i.selected;let n=a=>{var l;a!==i&&(a.selected=!1),(l=a.subOptions)===null||l===void 0||l.forEach(n)};this.multivalued?(r=i.subOptions)===null||r===void 0||r.forEach(n):this.options.forEach(n),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run(()=>{var t;this.sendEventIfValuesChanged(),this.requestUpdate(),(t=this.levels)===null||t===void 0||t.forEach(r=>r.requestUpdate())})}sendEventIfValuesChanged(){let t=this.selectedValues;(0,Pt.deepEqual)(this.lastDispatchedValues,t)||(this.dispatchEvent(new Lr(t)),this.lastDispatchedValues=t)}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map(r=>r),this.optionsChanged()}onFilterChange(){var t,r;this.filter=(r=(t=this.filterInput)===null||t===void 0?void 0:t.value)!==null&&r!==void 0?r:""}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}};L.elementDefinitions={"ft-button":dt,"ft-filter-level":Y,"ft-snap-scroll":ot,"ft-typography":X};L.styles=Ta;U([(0,$.property)({type:String})],L.prototype,"id",void 0);U([(0,$.property)({type:String})],L.prototype,"label",void 0);U([(0,$.property)({type:String})],L.prototype,"filterPlaceHolder",void 0);U([(0,$.property)({type:String})],L.prototype,"clearButtonLabel",void 0);U([(0,$.property)({type:String})],L.prototype,"moreValuesButtonLabel",void 0);U([(0,$.property)({type:String})],L.prototype,"noValuesLabel",void 0);U([(0,Pt.jsonProperty)([])],L.prototype,"options",void 0);U([(0,$.property)({type:Boolean})],L.prototype,"multivalued",void 0);U([(0,$.property)({type:Boolean})],L.prototype,"disabled",void 0);U([(0,$.property)({type:Boolean})],L.prototype,"raiseSelectedOptions",void 0);U([(0,$.property)({type:Boolean})],L.prototype,"displayCount",void 0);U([(0,$.property)({type:Number})],L.prototype,"displayedValuesLimit",void 0);U([(0,$.property)({type:Boolean})],L.prototype,"hideClearButton",void 0);U([(0,$.query)(".ft-filter--slot")],L.prototype,"slotElement",void 0);U([(0,$.query)(".ft-filter--container")],L.prototype,"container",void 0);U([(0,$.query)(".ft-filter--values")],L.prototype,"valuesContainer",void 0);U([(0,$.query)(".ft-filter--levels")],L.prototype,"levelsContainer",void 0);U([(0,$.state)()],L.prototype,"lastLevelHasHiddenvalues",void 0);U([(0,$.query)(".ft-filter--filter input")],L.prototype,"filterInput",void 0);U([(0,$.queryAll)(".ft-filter--levels ft-filter-level")],L.prototype,"levels",void 0);U([(0,$.state)()],L.prototype,"withScroll",void 0);U([(0,$.state)()],L.prototype,"filter",void 0);U([(0,$.state)()],L.prototype,"slideIn",void 0);U([(0,$.state)()],L.prototype,"slideOut",void 0);var Fo=f(O()),we=f(V()),Pa=f(R()),qe=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Bt=class extends Fo.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return Pa.html`
|
|
1492
1487
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1493
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(
|
|
1494
|
-
|
|
1495
|
-
|
|
1488
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(r=>r)}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};Bt.elementDefinitions={};qe([(0,we.property)({type:String})],Bt.prototype,"label",void 0);qe([(0,we.property)({type:Object,converter:o=>o})],Bt.prototype,"value",void 0);qe([(0,we.property)({type:Boolean,reflect:!0})],Bt.prototype,"selected",void 0);qe([(0,we.property)({type:Object})],Bt.prototype,"subOptions",void 0);qe([(0,Fo.jsonProperty)({})],Bt.prototype,"renderOption",void 0);qe([(0,we.query)(".ft-filter-option--slot")],Bt.prototype,"slotElement",void 0);(0,Ir.customElement)("ft-filter")(L);(0,Ir.customElement)("ft-filter-option")(Bt);var Ka=f(O());var Yo=f(R()),Xo=f(V()),Qo=f(O());var ka=f(R());var _a=ka.css`
|
|
1489
|
+
`;var jo=f(O());var Ha=f(O());var Fa=f(R()),kt=f(V()),Ut=f(O());var $a=f(R());var Da=$a.css`
|
|
1490
|
+
`;var Ba=f(O()),el="ft-app-info",ol={},w=Ba.FtReduxStore.get({name:el,reducers:ol,initialState:{baseUrl:void 0,apiIntegrationIdentifier:void 0,uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],metadataConfiguration:void 0,editorMode:!1,noCustom:!1,noCustomComponent:!1,session:void 0,openExternalDocumentInNewTab:!1,navigatorOnline:!0,forcedOffline:!1}});var fe=f(O());var Tr=f(O());var Re=class o{static get(t){let{baseUrl:r,apiIntegrationIdentifier:i}=w.getState(),n=t??i;if(r&&n&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(r,n,!0)}static await(t){return new Promise(r=>{let i=o.get(t);if(i)r(i);else{let n=w.subscribe(()=>{i=o.get(t),i&&(n(),r(i))})}})}};var Zt=class{constructor(t=!0,r){var i;this.overrideApi=r;let n=this.constructor;n.commonCache=(i=n.commonCache)!==null&&i!==void 0?i:new Tr.CacheRegistry,this.cache=t?n.commonCache:new Tr.CacheRegistry}get api(){var t;return(t=this.overrideApi)!==null&&t!==void 0?t:Re.get()}get awaitApi(){var t;return(t=this.overrideApi)!==null&&t!==void 0?t:Re.await()}clearCache(){this.cache.clearAll()}};var Ua,rl=Symbol("clearAfterUnitTest"),Wo=class extends Zt{constructor(t){super(),this.messageContextProvider=t,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[Ua]=()=>{this.defaultMessages={},this.cache=new fe.CacheRegistry,this.listeners={}},this.currentUiLocale=w.getState().uiLocale,w.subscribe(()=>this.clearWhenUiLocaleChanges())}clearWhenUiLocaleChanges(){let{uiLocale:t}=w.getState();this.currentUiLocale!==t&&(this.currentUiLocale=t,this.cache.clearAll(),this.notifyAll())}addContext(t){let r=t.name.toLowerCase();this.cache.setFinal(r,t),this.notify(r)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(t,r){var i;if(t=t.toLowerCase(),Object.keys(r).length>0){let n={...(i=this.defaultMessages[t])!==null&&i!==void 0?i:{},...r};(0,fe.deepEqual)(this.defaultMessages[t],n)||(this.defaultMessages[t]=n,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,r,...i){var n,a,l;t=t.toLowerCase(),this.fetchContext(t);let c=(a=(n=this.cache.getNow(t))===null||n===void 0?void 0:n.messages)!==null&&a!==void 0?a:{};return new fe.ParametrizedLabelResolver((l=this.defaultMessages[t])!==null&&l!==void 0?l:{},c).resolve(r,...i)}async fetchContext(t){if(!this.cache.has(t))try{await this.cache.get(t,()=>this.messageContextProvider(this.currentUiLocale,t)),await this.notify(t)}catch(r){console.error(r)}}subscribe(t,r){var i;return t=t.toLowerCase(),this.listeners[t]=(i=this.listeners[t])!==null&&i!==void 0?i:new Set,this.listeners[t].add(r),()=>{var n;return(n=this.listeners[t])===null||n===void 0?void 0:n.delete(r)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map(t=>this.notify(t)))}async notify(t){this.listeners[t]!=null&&await Promise.all([...this.listeners[t].values()].map(r=>(0,fe.delay)(0).then(()=>r()).catch(()=>null)))}};Ua=rl;window.FluidTopicsI18nService==null&&(window.FluidTopicsI18nService=new class extends Wo{constructor(){super(async(o,t)=>(await this.awaitApi).getFluidTopicsMessageContext(o,t))}});window.FluidTopicsCustomI18nService==null&&(window.FluidTopicsCustomI18nService=new class extends Wo{constructor(){super(async(o,t)=>(await this.awaitApi).getCustomMessageContext(o,t))}});var Ye=window.FluidTopicsI18nService,za=window.FluidTopicsCustomI18nService;var ft=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},K=class extends Ut.FtLitElement{constructor(){super(...arguments),this.apiIntegrationIdentifier="ft-integration",this.uiLocale="en-US",this.editorMode=!1,this.noCustom=!1,this.openExternalDocumentInNewTab=!1,this.noCustomComponent=!1,this.withManualResources=!1,this.navigatorOnline=!1,this.forcedOffline=!1,this.apiProvider=()=>Re.get(),this.messageContexts=[],this.cache=new Ut.CacheRegistry,this.cleanSessionDebouncer=new Ut.Debouncer}render(){return Fa.html`
|
|
1496
1491
|
<slot></slot>
|
|
1497
|
-
`}update(t){super.update(t),t.has("baseUrl")&&(
|
|
1492
|
+
`}update(t){super.update(t),t.has("baseUrl")&&(w.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),t.has("apiIntegrationIdentifier")&&w.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&w.actions.uiLocale(this.uiLocale),t.has("metadataConfiguration")&&w.actions.metadataConfiguration(this.metadataConfiguration),t.has("noCustom")&&w.actions.noCustom(this.noCustom),t.has("editorMode")&&w.actions.editorMode(this.editorMode),t.has("noCustomComponent")&&w.actions.noCustomComponent(this.noCustomComponent),t.has("session")&&w.actions.session(this.session),t.has("availableUiLocales")&&w.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(r=>Ye.addContext(r)),t.has("openExternalDocumentInNewTab")&&w.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),t.has("navigatorOnline")&&w.actions.navigatorOnline(this.navigatorOnline),t.has("forcedOffline")&&w.actions.forcedOffline(this.forcedOffline),setTimeout(()=>this.updateIfNeeded())}async updateIfNeeded(){!this.withManualResources&&this.apiProvider()&&(this.session==null&&this.updateSession(),this.availableUiLocales==null&&this.updateUiLocales(),this.metadataConfiguration==null&&this.updateMetadataConfiguration())}async updateSession(){this.session=await this.cache.get("session",async()=>{let t=await this.apiProvider().getCurrentSession();return t.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.session=void 0},t.idleTimeoutInMillis),t})}async updateUiLocales(){this.availableUiLocales=await this.cache.get("availableUiLocales",()=>this.apiProvider().getAvailableUiLocales())}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration())}};K.elementDefinitions={};K.styles=Da;ft([(0,kt.property)()],K.prototype,"baseUrl",void 0);ft([(0,kt.property)()],K.prototype,"apiIntegrationIdentifier",void 0);ft([(0,kt.property)()],K.prototype,"uiLocale",void 0);ft([(0,Ut.jsonProperty)(null)],K.prototype,"availableUiLocales",void 0);ft([(0,Ut.jsonProperty)(null)],K.prototype,"metadataConfiguration",void 0);ft([(0,kt.property)({type:Boolean})],K.prototype,"editorMode",void 0);ft([(0,kt.property)({type:Boolean})],K.prototype,"noCustom",void 0);ft([(0,kt.property)({type:Boolean})],K.prototype,"openExternalDocumentInNewTab",void 0);ft([(0,kt.property)({converter:{fromAttribute(o){return o==="false"?!1:o==="true"||(o??!1)}}})],K.prototype,"noCustomComponent",void 0);ft([(0,kt.property)({type:Boolean})],K.prototype,"withManualResources",void 0);ft([(0,kt.property)({type:Boolean})],K.prototype,"navigatorOnline",void 0);ft([(0,kt.property)({type:Boolean})],K.prototype,"forcedOffline",void 0);ft([(0,kt.property)({type:Object})],K.prototype,"apiProvider",void 0);ft([(0,Ut.jsonProperty)([])],K.prototype,"messageContexts",void 0);ft([(0,Ut.jsonProperty)(void 0)],K.prototype,"session",void 0);var Vo=f(O());var Mo=class extends Zt{async listMySearches(){let t=w.getState().session;return t?.sessionAuthenticated?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(t.profile.userId),5*60*1e3):[]}};var Ho=class extends Zt{async listMyBookmarks(){let t=w.getState().session;return t?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(t.profile.userId),5*60*1e3):[]}};var il="ft-user-assets",Go=Vo.FtReduxStore.get({name:il,initialState:{savedSearches:void 0,bookmarks:void 0}}),Pr=class{constructor(){this.currentSession=w.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new Ho,this.savedSearchesService=new Mo,w.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var t;let{session:r}=w.getState();(0,Vo.deepEqual)((t=this.currentSession)===null||t===void 0?void 0:t.profile,r?.profile)||(this.currentSession=r,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),Go.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),Go.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let t=await this.savedSearchesService.listMySearches();Go.actions.savedSearches(t)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var t;if(this.bookmarksAreUsed){let r=!((t=this.currentSession)===null||t===void 0)&&t.sessionAuthenticated?await this.bookmarksService.listMyBookmarks():void 0;Go.actions.bookmarks(r)}}},Wa=new Pr;var kr=class{addCommand(t,r=!1){w.commands.add(t,r)}consumeCommand(t){return w.commands.consume(t)}};window.FluidTopicsAppInfoStoreService=new kr;var Ma=f(O()),_r=class{highlightHtml(t,r){(0,Ma.highlightHtml)(t,r)}};window.FluidTopicsHighlightHtmlService=new _r;(0,Ha.customElement)("ft-app-context")(K);var Va=f(V()),nl=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},$r=Symbol("i18nAttributes"),Ko=Symbol("i18nProperties"),yo=Symbol("i18nUnsubs");function qo(o){var t;class r extends o{constructor(){super(...arguments),this.useCustomMessageContexts=!1,this[t]=new Map}get i18nService(){return this.useCustomMessageContexts?za:Ye}i18n(n,a,...l){var c;if(typeof n=="string")return this.i18nService.resolveMessage(n,a,...l);let u=(c=n.args)!==null&&c!==void 0?c:n.argsProvider?n.argsProvider(this):[];return this.i18nService.resolveMessage(n.context,n.key,...u)}onI18nUpdate(n){var a,l;(a=this[$r])===null||a===void 0||a.forEach((c,u)=>{var h;let b=this.getI18nAttributeValue(u);((h=b?.context)===null||h===void 0?void 0:h.toLowerCase())===n.toLowerCase()&&this.updateI18nAttributeMessage(u,b,c)}),(l=this[Ko])===null||l===void 0||l.forEach((c,u)=>{c.context.toLowerCase()===n.toLowerCase()&&(this[u]=this.i18n(c))}),setTimeout(()=>this.requestUpdate(),0)}updateI18nAttributeMessage(n,a,l){this[n]={...a,message:this.i18n({context:a.context,key:a.key,...l})}}update(n){var a,l;super.update(n),(a=this[$r])===null||a===void 0||a.forEach((c,u)=>{let h=this.getI18nAttributeValue(u);h?.context&&h.key&&(n.has(u)||c.argsProvider!=null)&&(n.has(u)&&this.addI18nContext(h.context),this.updateI18nAttributeMessage(u,h,c))}),(l=this[Ko])===null||l===void 0||l.forEach((c,u)=>{c.argsProvider!=null&&(this[u]=this.i18n(c))})}getI18nAttributeValue(n){return this[n]}connectedCallback(){var n,a,l,c;super.connectedCallback(),new Set([...(a=(n=this[Ko])===null||n===void 0?void 0:n.values())!==null&&a!==void 0?a:[],...[...(c=(l=this[$r])===null||l===void 0?void 0:l.keys())!==null&&c!==void 0?c:[]].map(u=>this.getI18nAttributeValue(u))].map(u=>u?.context)).forEach(u=>u&&this.addI18nMessages(u))}addI18nMessages(n,a){n=n.toLowerCase(),this[yo].has(n)||this[yo].set(n,this.i18nService.subscribe(n,()=>this.onI18nUpdate(n))),this.i18nService.prepareContext(n,a??{})}addI18nContext(n,a){this.addI18nMessages(typeof n=="string"?n:n.name,a)}disconnectedCallback(){super.disconnectedCallback(),this[yo].forEach(n=>n()),this[yo].clear()}}return t=yo,nl([(0,Va.property)({type:Boolean})],r.prototype,"useCustomMessageContexts",void 0),r}var Ga=class extends qo(jo.FtLitElement){},Zo=class extends qo(jo.FtLitElementRedux){};var go=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},zt=class extends Zo{constructor(){super(),this.editorMode=!1,this.addStore(w)}render(){return!this.key||!this.context?this.editorMode?"Select a context and a label key.":Yo.nothing:Yo.html`
|
|
1498
1493
|
<span class="ft-i18n">
|
|
1499
1494
|
${this.i18n(this.context,this.key,...Array.isArray(this.args)?this.args:[])}
|
|
1500
1495
|
</span>
|
|
1501
|
-
`:this.editorMode?"Select a context and a label key.":e.nothing}update(t){var o;super.update(t),["context","key","defaultMessage"].some((o=>t.has(o)))&&this.context&&this.key&&this.addI18nMessages(this.context,{[this.key]:null!==(o=this.defaultMessage)&&void 0!==o?o:""})}}Sr.elementDefinitions={},Sr.styles=Ji,wr([o.redux()],Sr.prototype,"editorMode",void 0),wr([i.property()],Sr.prototype,"context",void 0),wr([i.property()],Sr.prototype,"key",void 0),wr([o.jsonProperty([])],Sr.prototype,"args",void 0),wr([i.property()],Sr.prototype,"defaultMessage",void 0);class Nr{static build(t){return new Nr(t)}static fromGwt(t){return new Nr(t)}constructor(t){this.name=t,this.properties=new Proxy({},{get:(t,o)=>{const e=o;return t=>({context:this.name,key:e,args:"function"==typeof t?void 0:t,argsProvider:"function"==typeof t?t:void 0})}}),this.messages=new Proxy({},{get:(t,o)=>(...t)=>lr.resolveMessage(this.name,o,...t)})}}o.customElement("ft-i18n")(Sr);const $r={setRequest:(t,o)=>{t.request=o.payload},setRequestQuery:(t,o)=>{t.request.query=o.payload},setRequestContentLocale:(t,o)=>{t.request.contentLocale=o.payload},setPageSize:(t,o)=>{t.request.paging.perPage=o.payload},setPageNumber:(t,o)=>{t.request.paging.page=o.payload},setRequestSort:(t,o)=>{t.request.sort=o.payload},setRequestFilters:(t,o)=>{t.request.filters=o.payload},setRequestFacets:(t,o)=>{t.request.facets=o.payload},setRequestVirtualField:(t,o)=>{t.request.virtualField=o.payload},setRequestScope:(t,o)=>{t.request.scope=o.payload},setRequestClusterSortCriterion:(t,o)=>{t.request.clusterSortCriterions=o.payload},setResults:(t,o)=>{t.results=o.payload},setFacets:(t,o)=>{t.facets=o.payload},setSpellcheck:(t,o)=>{t.spellcheck=o.payload},setLocales:(t,o)=>{t.locales=o.payload},setPaging:(t,o)=>{t.paging=o.payload},setLiveQuery:(t,o)=>{t.liveQuery=o.payload},setSuggestResults:(t,o)=>{t.suggestResults=o.payload},setRequestPeriodFilter:(t,o)=>{t.request.periodFilter=o.payload}};var Cr,Er,Ir,kr,Rr,Ur,Lr,Wr,zr,Zr,Dr,Ar,Kr,Br,Fr,Tr,Hr,Pr,Mr;!function(t){!function(o){var e={searchParams:"URLSearchParams"in t,iterable:"Symbol"in t&&"iterator"in Symbol,blob:"FileReader"in t&&"Blob"in t&&function(){try{return new Blob,!0}catch(t){return!1}}(),formData:"FormData"in t,arrayBuffer:"ArrayBuffer"in t};if(e.arrayBuffer)var i=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],r=ArrayBuffer.isView||function(t){return t&&i.indexOf(Object.prototype.toString.call(t))>-1};function n(t){if("string"!=typeof t&&(t=String(t)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(t))throw new TypeError("Invalid character in header field name");return t.toLowerCase()}function a(t){return"string"!=typeof t&&(t=String(t)),t}function l(t){var o={next:function(){var o=t.shift();return{done:void 0===o,value:o}}};return e.iterable&&(o[Symbol.iterator]=function(){return o}),o}function s(t){this.map={},t instanceof s?t.forEach((function(t,o){this.append(o,t)}),this):Array.isArray(t)?t.forEach((function(t){this.append(t[0],t[1])}),this):t&&Object.getOwnPropertyNames(t).forEach((function(o){this.append(o,t[o])}),this)}function c(t){if(t.bodyUsed)return Promise.reject(new TypeError("Already read"));t.bodyUsed=!0}function f(t){return new Promise((function(o,e){t.onload=function(){o(t.result)},t.onerror=function(){e(t.error)}}))}function p(t){var o=new FileReader,e=f(o);return o.readAsArrayBuffer(t),e}function h(t){if(t.slice)return t.slice(0);var o=new Uint8Array(t.byteLength);return o.set(new Uint8Array(t)),o.buffer}function d(){return this.bodyUsed=!1,this._initBody=function(t){var o;this._bodyInit=t,t?"string"==typeof t?this._bodyText=t:e.blob&&Blob.prototype.isPrototypeOf(t)?this._bodyBlob=t:e.formData&&FormData.prototype.isPrototypeOf(t)?this._bodyFormData=t:e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)?this._bodyText=t.toString():e.arrayBuffer&&e.blob&&((o=t)&&DataView.prototype.isPrototypeOf(o))?(this._bodyArrayBuffer=h(t.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):e.arrayBuffer&&(ArrayBuffer.prototype.isPrototypeOf(t)||r(t))?this._bodyArrayBuffer=h(t):this._bodyText=t=Object.prototype.toString.call(t):this._bodyText="",this.headers.get("content-type")||("string"==typeof t?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):e.searchParams&&URLSearchParams.prototype.isPrototypeOf(t)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},e.blob&&(this.blob=function(){var t=c(this);if(t)return t;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?c(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(p)}),this.text=function(){var t,o,e,i=c(this);if(i)return i;if(this._bodyBlob)return t=this._bodyBlob,o=new FileReader,e=f(o),o.readAsText(t),e;if(this._bodyArrayBuffer)return Promise.resolve(function(t){for(var o=new Uint8Array(t),e=new Array(o.length),i=0;i<o.length;i++)e[i]=String.fromCharCode(o[i]);return e.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},e.formData&&(this.formData=function(){return this.text().then(y)}),this.json=function(){return this.text().then(JSON.parse)},this}s.prototype.append=function(t,o){t=n(t),o=a(o);var e=this.map[t];this.map[t]=e?e+", "+o:o},s.prototype.delete=function(t){delete this.map[n(t)]},s.prototype.get=function(t){return t=n(t),this.has(t)?this.map[t]:null},s.prototype.has=function(t){return this.map.hasOwnProperty(n(t))},s.prototype.set=function(t,o){this.map[n(t)]=a(o)},s.prototype.forEach=function(t,o){for(var e in this.map)this.map.hasOwnProperty(e)&&t.call(o,this.map[e],e,this)},s.prototype.keys=function(){var t=[];return this.forEach((function(o,e){t.push(e)})),l(t)},s.prototype.values=function(){var t=[];return this.forEach((function(o){t.push(o)})),l(t)},s.prototype.entries=function(){var t=[];return this.forEach((function(o,e){t.push([e,o])})),l(t)},e.iterable&&(s.prototype[Symbol.iterator]=s.prototype.entries);var u=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function g(t,o){var e,i,r=(o=o||{}).body;if(t instanceof g){if(t.bodyUsed)throw new TypeError("Already read");this.url=t.url,this.credentials=t.credentials,o.headers||(this.headers=new s(t.headers)),this.method=t.method,this.mode=t.mode,this.signal=t.signal,r||null==t._bodyInit||(r=t._bodyInit,t.bodyUsed=!0)}else this.url=String(t);if(this.credentials=o.credentials||this.credentials||"same-origin",!o.headers&&this.headers||(this.headers=new s(o.headers)),this.method=(e=o.method||this.method||"GET",i=e.toUpperCase(),u.indexOf(i)>-1?i:e),this.mode=o.mode||this.mode||null,this.signal=o.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&r)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(r)}function y(t){var o=new FormData;return t.trim().split("&").forEach((function(t){if(t){var e=t.split("="),i=e.shift().replace(/\+/g," "),r=e.join("=").replace(/\+/g," ");o.append(decodeURIComponent(i),decodeURIComponent(r))}})),o}function b(t,o){o||(o={}),this.type="default",this.status=void 0===o.status?200:o.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in o?o.statusText:"OK",this.headers=new s(o.headers),this.url=o.url||"",this._initBody(t)}g.prototype.clone=function(){return new g(this,{body:this._bodyInit})},d.call(g.prototype),d.call(b.prototype),b.prototype.clone=function(){return new b(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new s(this.headers),url:this.url})},b.error=function(){var t=new b(null,{status:0,statusText:""});return t.type="error",t};var m=[301,302,303,307,308];b.redirect=function(t,o){if(-1===m.indexOf(o))throw new RangeError("Invalid status code");return new b(null,{status:o,headers:{location:t}})},o.DOMException=t.DOMException;try{new o.DOMException}catch(t){o.DOMException=function(t,o){this.message=t,this.name=o;var e=Error(t);this.stack=e.stack},o.DOMException.prototype=Object.create(Error.prototype),o.DOMException.prototype.constructor=o.DOMException}function x(t,i){return new Promise((function(r,n){var a=new g(t,i);if(a.signal&&a.signal.aborted)return n(new o.DOMException("Aborted","AbortError"));var l=new XMLHttpRequest;function c(){l.abort()}l.onload=function(){var t,o,e={status:l.status,statusText:l.statusText,headers:(t=l.getAllResponseHeaders()||"",o=new s,t.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach((function(t){var e=t.split(":"),i=e.shift().trim();if(i){var r=e.join(":").trim();o.append(i,r)}})),o)};e.url="responseURL"in l?l.responseURL:e.headers.get("X-Request-URL");var i="response"in l?l.response:l.responseText;r(new b(i,e))},l.onerror=function(){n(new TypeError("Network request failed"))},l.ontimeout=function(){n(new TypeError("Network request failed"))},l.onabort=function(){n(new o.DOMException("Aborted","AbortError"))},l.open(a.method,a.url,!0),"include"===a.credentials?l.withCredentials=!0:"omit"===a.credentials&&(l.withCredentials=!1),"responseType"in l&&e.blob&&(l.responseType="blob"),a.headers.forEach((function(t,o){l.setRequestHeader(o,t)})),a.signal&&(a.signal.addEventListener("abort",c),l.onreadystatechange=function(){4===l.readyState&&a.signal.removeEventListener("abort",c)}),l.send(void 0===a._bodyInit?null:a._bodyInit)}))}x.polyfill=!0,t.fetch||(t.fetch=x,t.Headers=s,t.Request=g,t.Response=b),o.Headers=s,o.Request=g,o.Response=b,o.fetch=x,Object.defineProperty(o,"t",{value:!0})}({})}("undefined"!=typeof self?self:void 0),function(t){t.black="black",t.green="green",t.blue="blue",t.purple="purple",t.red="red",t.orange="orange",t.yellow="yellow"}(Cr||(Cr={})),function(t){t.OFFICIAL="OFFICIAL",t.PERSONAL="PERSONAL",t.SHARED="SHARED"}(Er||(Er={})),function(t){t.THIRD_PARTY="THIRD_PARTY",t.OFF_THE_GRID="OFF_THE_GRID",t.CONTENT_PACKAGER="CONTENT_PACKAGER",t.PAGES="PAGES",t.DESIGNED_READER="DESIGNED_READER"}(Ir||(Ir={})),function(t){t.HOMEPAGE="HOMEPAGE",t.CUSTOM="CUSTOM",t.READER="READER",t.TOPIC_TEMPLATE="TOPIC_TEMPLATE",t.SEARCH="SEARCH",t.SEARCH_RESULT="SEARCH_RESULT"}(kr||(kr={})),function(t){t.CLASSIC="CLASSIC",t.CUSTOM="CUSTOM",t.DESIGNER="DESIGNER"}(Rr||(Rr={})),function(t){t.AND="AND",t.OR="OR",t.MONOVALUED="MONOVALUED"}(Ur||(Ur={})),function(t){t.NONE="NONE",t.ALPHABET="ALPHABET",t.VERSION="VERSION"}(Lr||(Lr={})),function(t){t.STARS="STARS",t.LIKE="LIKE",t.DICHOTOMOUS="DICHOTOMOUS",t.NO_RATING="NO_RATING"}(Wr||(Wr={})),function(t){t.LAST_WEEK="LAST_WEEK",t.LAST_MONTH="LAST_MONTH",t.LAST_QUARTER="LAST_QUARTER",t.LAST_YEAR="LAST_YEAR",t.CUSTOM="CUSTOM"}(zr||(zr={})),function(t){t.ASC="ASC",t.DESC="DESC"}(Zr||(Zr={})),function(t){t.ALPHA="ALPHA",t.NATURAL="NATURAL"}(Dr||(Dr={})),function(t){t.EVERYWHERE="EVERYWHERE",t.TITLE_ONLY="TITLE_ONLY",t.NONE="NONE"}(Ar||(Ar={})),function(t){t.ARTICLE="ARTICLE",t.BOOK="BOOK",t.SHARED_BOOK="SHARED_BOOK"}(Kr||(Kr={})),function(t){t.FLUIDTOPICS="FLUIDTOPICS",t.EXTERNAL="EXTERNAL"}(Br||(Br={})),function(t){t.MAP="MAP",t.DOCUMENT="DOCUMENT",t.TOPIC="TOPIC",t.PERSONAL_BOOK="PERSONAL_BOOK",t.SHARED_BOOK="SHARED_BOOK"}(Fr||(Fr={})),function(t){t.MAP="MAP",t.DOCUMENT="DOCUMENT",t.TOPIC="TOPIC"}(Tr||(Tr={})),function(t){t.DEFAULT="DEFAULT",t.DOCUMENTS="DOCUMENTS",t.ALL_TOPICS="ALL_TOPICS"}(Hr||(Hr={})),function(t){t.PERSONAL_BOOK_USER="PERSONAL_BOOK_USER",t.PERSONAL_BOOK_SHARE_USER="PERSONAL_BOOK_SHARE_USER",t.HTML_EXPORT_USER="HTML_EXPORT_USER",t.PDF_EXPORT_USER="PDF_EXPORT_USER",t.SAVED_SEARCH_USER="SAVED_SEARCH_USER",t.COLLECTION_USER="COLLECTION_USER",t.OFFLINE_USER="OFFLINE_USER",t.ANALYTICS_USER="ANALYTICS_USER",t.BETA_USER="BETA_USER",t.DEBUG_USER="DEBUG_USER",t.PRINT_USER="PRINT_USER",t.RATING_USER="RATING_USER",t.FEEDBACK_USER="FEEDBACK_USER",t.GENERATIVE_AI_USER="GENERATIVE_AI_USER",t.CONTENT_PUBLISHER="CONTENT_PUBLISHER",t.KHUB_ADMIN="KHUB_ADMIN",t.USERS_ADMIN="USERS_ADMIN",t.PORTAL_ADMIN="PORTAL_ADMIN",t.ADMIN="ADMIN",t.DEVELOPER="DEVELOPER"}(Pr||(Pr={})),function(t){t.VALID="VALID",t.INVALID="INVALID"}(Mr||(Mr={})),Pr.PERSONAL_BOOK_SHARE_USER,Pr.PERSONAL_BOOK_USER,Pr.HTML_EXPORT_USER,Pr.PERSONAL_BOOK_USER,Pr.PDF_EXPORT_USER,Pr.PERSONAL_BOOK_USER,Pr.KHUB_ADMIN,Pr.CONTENT_PUBLISHER,Pr.ADMIN,Pr.KHUB_ADMIN,Pr.USERS_ADMIN,Pr.PORTAL_ADMIN,Pr.DEVELOPER,Pr.BETA_USER,Pr.DEBUG_USER;class jr extends ir{constructor(){super(),this.cache.registerFinal("available-locales",(()=>this.api.getAvailableSearchLocales()))}async launchSearch(t){return this.api.search(t)}async launchSuggest(t){return this.api.getSuggestions(t)}async getAvailableSearchLocales(){return this.cache.get("available-locales")}}const _r=t=>t.request.virtualField===Ar.TITLE_ONLY&&t.request.scope===Hr.DOCUMENTS;class Gr extends Event{constructor(){super(Gr.eventName)}}Gr.eventName="search-context-clear-all-filters";class Vr{static build(t,e){return new Vr((t=>o.FtReduxStore.get({name:"ft-search-"+t,initialState:{request:{query:"",filters:[],facets:[],sort:[],paging:{page:1,perPage:20}},liveQuery:""},reducers:$r}))(t.trim()||"context"),e)}constructor(t,e){this.store=t,this.ignoreEmptyQuery=!1,this.openExternalDocumentInNewTab=!1,this.searchDebouncer=new o.Debouncer(100),this.suggestDebouncer=new o.Debouncer(300),this.service=null!=e?e:new jr}async initService(){return this.store.actions.setLocales((await this.service.getAvailableSearchLocales()).contentLocales),this.launchSearch()}setQuery(t){this.store.actions.setRequestQuery(t),this.store.actions.setLiveQuery(t),this.store.actions.setPageNumber(1),this.launchSearch()}setContentLocale(t){let o=this.store.getState().locales,e=this.store.getState().request.contentLocale;if(t!=e){if(o){const i=t=>o.some((o=>o.lang==t));i(t)||(t=i(e)?e:o[0].lang)}this.store.actions.setRequestContentLocale(t),this.store.actions.setPageNumber(1),this.store.actions.setRequestFilters([]),this.launchSearch()}return t}setPageSize(t){this.store.actions.setPageSize(t),this.launchSearch()}setPageNumber(t){this.store.actions.setPageNumber(t),this.launchSearch()}setSort(t){this.store.actions.setRequestSort(t),this.store.actions.setPageNumber(1),this.launchSearch()}setFilters(t){const o=t.filter((t=>t.values.length>0));this.store.actions.setRequestFilters(o),this.store.actions.setPageNumber(1),o.forEach((t=>{this.facetIds.includes(t.key)||(this.facetIds=[...this.facetIds,t.key])})),this.launchSearch()}setClusterSortCriterion(t){this.store.actions.setRequestClusterSortCriterion(t),this.launchSearch()}setSearchInDocumentTitlesOnly(t){t?(this.store.actions.setRequestVirtualField(Ar.TITLE_ONLY),this.store.actions.setRequestScope(Hr.DOCUMENTS)):(this.store.actions.setRequestVirtualField(Ar.EVERYWHERE),this.store.actions.setRequestScope(Hr.DEFAULT)),this.launchSearch()}get searchInDocumentTitlesOnly(){return _r(this.store.getState())}get periodFilter(){return this.store.getState().request.periodFilter}clearAllFilters(){this.setFilters([]),this.store.eventBus.dispatchEvent(new Gr)}addFacet(t){this.facetIds=[...this.facetIds,t],this.launchSearch()}replaceFacet(t,o){let e=this.facetIds.filter((o=>o!=t));o&&e.push(o),this.facetIds=e,this.launchSearch()}get facetIds(){return this.store.getState().request.facets.map((t=>t.id))}set facetIds(t){let o=[...new Set(t)].map((t=>({id:t})));this.store.actions.setRequestFacets(o)}setFilter(t,o){let e=this.store.getState().request.filters,i={key:t,values:o,negative:!1},r=[...e.filter((o=>o.key!==t)),i];this.setFilters(r)}setLiveQuery(t){this.store.actions.setLiveQuery(t),this.launchSuggest()}setRequest(t){this.store.actions.setRequest(t),this.store.actions.setLiveQuery(t.query),this.store.actions.setPageNumber(1),this.launchSearch()}setScope(t){this.store.actions.setRequestScope(t),this.launchSearch()}setIgnoreEmptyQuery(t){this.ignoreEmptyQuery=t,this.launchSearch()}setOpenExternalDocumentInNewTab(t){this.openExternalDocumentInNewTab=t}setPeriodFilter(t){this.store.actions.setRequestPeriodFilter(t),this.store.actions.setPageNumber(1),this.launchSearch()}launchSearch(){return this.searchDebouncer.run((()=>this.fetchSearchData()))}launchSuggest(){return this.suggestDebouncer.run((()=>this.fetchSuggestData()))}async fetchSearchData(){var t,e;try{null===(t=this.cancelableSearch)||void 0===t||t.cancel();let i=this.store.getState().request;if(this.store.actions.setPaging(void 0),this.ignoreEmptyQuery&&0==i.query.length)this.store.actions.setResults(void 0),this.store.actions.setFacets(void 0),this.store.actions.setSpellcheck(void 0);else{this.cancelableSearch=o.cancelable(this.service.launchSearch(i));const t=await this.cancelableSearch;if(t.paging.currentPage<=1)this.store.actions.setResults(t.results),this.store.actions.setFacets(t.facets),this.store.actions.setSpellcheck(t.spellcheck);else{let o=(null!==(e=this.store.getState().results)&&void 0!==e?e:[]).concat(t.results);this.store.actions.setResults(o)}this.store.actions.setPaging(t.paging)}}catch(t){t instanceof o.CanceledPromiseError||!this.errorHandler||this.errorHandler(t)}}async fetchSuggestData(){var t;try{const e=this.store.getState(),i=e.request,r={input:e.liveQuery,filters:i.filters,sort:i.sort,contentLocale:i.contentLocale,scope:i.scope};null===(t=this.cancelableSuggest)||void 0===t||t.cancel(),this.cancelableSuggest=o.cancelable(this.service.launchSuggest(r));let n=await this.cancelableSuggest;this.store.actions.setSuggestResults(n.suggestions)}catch(t){t instanceof o.CanceledPromiseError||!this.errorHandler||this.errorHandler(t)}}clear(){this.store.clear()}}var qr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Yr extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}}const Qr=Symbol("registerInterval");class Xr extends(function(t){var o;class e extends t{constructor(){super(...arguments),this[o]=0}setSearchStateManager(t){this.clearStateManager(),this.stateManager=t,this.addStore(t.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[Qr]=window.setInterval((()=>this.tryToRegisterToContext()),50)}tryToRegisterToContext(){null!=this.stateManager?window.clearInterval(this[Qr]):this.dispatchEvent(new Yr)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return o=Qr,qr([i.state()],e.prototype,"stateManager",void 0),e}(o.FtLitElementRedux)){}const Jr=Nr.build("designedSearchType"),tn={label:"Search scope",documentTitlesOnly:"Search in document titles only"},on=e.css`
|
|
1502
|
-
`;var
|
|
1496
|
+
`}update(t){var r;super.update(t),["context","key","defaultMessage"].some(i=>t.has(i))&&this.context&&this.key&&this.addI18nMessages(this.context,{[this.key]:(r=this.defaultMessage)!==null&&r!==void 0?r:""})}};zt.elementDefinitions={};zt.styles=_a;go([(0,Qo.redux)()],zt.prototype,"editorMode",void 0);go([(0,Xo.property)()],zt.prototype,"context",void 0);go([(0,Xo.property)()],zt.prototype,"key",void 0);go([(0,Qo.jsonProperty)([])],zt.prototype,"args",void 0);go([(0,Xo.property)()],zt.prototype,"defaultMessage",void 0);var Jo=class o{static build(t){return new o(t)}static fromGwt(t){return new o(t)}constructor(t){this.name=t,this.properties=new Proxy({},{get:(r,i)=>{let n=i;return a=>({context:this.name,key:n,args:typeof a=="function"?void 0:a,argsProvider:typeof a=="function"?a:void 0})}}),this.messages=new Proxy({},{get:(r,i)=>(...n)=>Ye.resolveMessage(this.name,i,...n)})}};(0,Ka.customElement)("ft-i18n")(zt);var us=f(O()),hs=f(V());var re=f(O());var Za=f(O()),al={setRequest:(o,t)=>{o.request=t.payload},setRequestQuery:(o,t)=>{o.request.query=t.payload},setRequestContentLocale:(o,t)=>{o.request.contentLocale=t.payload},setPageSize:(o,t)=>{o.request.paging.perPage=t.payload},setPageNumber:(o,t)=>{o.request.paging.page=t.payload},setRequestSort:(o,t)=>{o.request.sort=t.payload},setRequestFilters:(o,t)=>{o.request.filters=t.payload},setRequestFacets:(o,t)=>{o.request.facets=t.payload},setRequestVirtualField:(o,t)=>{o.request.virtualField=t.payload},setRequestScope:(o,t)=>{o.request.scope=t.payload},setRequestClusterSortCriterion:(o,t)=>{o.request.clusterSortCriterions=t.payload},setResults:(o,t)=>{o.results=t.payload},setFacets:(o,t)=>{o.facets=t.payload},setSpellcheck:(o,t)=>{o.spellcheck=t.payload},setLocales:(o,t)=>{o.locales=t.payload},setPaging:(o,t)=>{o.paging=t.payload},setLiveQuery:(o,t)=>{o.liveQuery=t.payload},setSuggestResults:(o,t)=>{o.suggestResults=t.payload},setRequestPeriodFilter:(o,t)=>{o.request.periodFilter=t.payload}},ja=o=>Za.FtReduxStore.get({name:"ft-search-"+o,initialState:{request:{query:"",filters:[],facets:[],sort:[],paging:{page:1,perPage:20}},liveQuery:""},reducers:al});var wy=f(Ya(),1);var Xa;(function(o){o.black="black",o.green="green",o.blue="blue",o.purple="purple",o.red="red",o.orange="orange",o.yellow="yellow"})(Xa||(Xa={}));var Qa;(function(o){o.OFFICIAL="OFFICIAL",o.PERSONAL="PERSONAL",o.SHARED="SHARED"})(Qa||(Qa={}));var Ja;(function(o){o.THIRD_PARTY="THIRD_PARTY",o.OFF_THE_GRID="OFF_THE_GRID",o.CONTENT_PACKAGER="CONTENT_PACKAGER",o.PAGES="PAGES",o.DESIGNED_READER="DESIGNED_READER"})(Ja||(Ja={}));var ts;(function(o){o.HOMEPAGE="HOMEPAGE",o.CUSTOM="CUSTOM",o.READER="READER",o.TOPIC_TEMPLATE="TOPIC_TEMPLATE",o.SEARCH="SEARCH",o.SEARCH_RESULT="SEARCH_RESULT"})(ts||(ts={}));var es;(function(o){o.CLASSIC="CLASSIC",o.CUSTOM="CUSTOM",o.DESIGNER="DESIGNER"})(es||(es={}));var os;(function(o){o.AND="AND",o.OR="OR",o.MONOVALUED="MONOVALUED"})(os||(os={}));var rs;(function(o){o.NONE="NONE",o.ALPHABET="ALPHABET",o.VERSION="VERSION"})(rs||(rs={}));var is;(function(o){o.STARS="STARS",o.LIKE="LIKE",o.DICHOTOMOUS="DICHOTOMOUS",o.NO_RATING="NO_RATING"})(is||(is={}));var ns;(function(o){o.LAST_WEEK="LAST_WEEK",o.LAST_MONTH="LAST_MONTH",o.LAST_QUARTER="LAST_QUARTER",o.LAST_YEAR="LAST_YEAR",o.CUSTOM="CUSTOM"})(ns||(ns={}));var as;(function(o){o.ASC="ASC",o.DESC="DESC"})(as||(as={}));var ss;(function(o){o.ALPHA="ALPHA",o.NATURAL="NATURAL"})(ss||(ss={}));var Xe;(function(o){o.EVERYWHERE="EVERYWHERE",o.TITLE_ONLY="TITLE_ONLY",o.NONE="NONE"})(Xe||(Xe={}));var ls;(function(o){o.ARTICLE="ARTICLE",o.BOOK="BOOK",o.SHARED_BOOK="SHARED_BOOK"})(ls||(ls={}));var cs;(function(o){o.FLUIDTOPICS="FLUIDTOPICS",o.EXTERNAL="EXTERNAL"})(cs||(cs={}));var ps;(function(o){o.MAP="MAP",o.DOCUMENT="DOCUMENT",o.TOPIC="TOPIC",o.PERSONAL_BOOK="PERSONAL_BOOK",o.SHARED_BOOK="SHARED_BOOK"})(ps||(ps={}));var ds;(function(o){o.MAP="MAP",o.DOCUMENT="DOCUMENT",o.TOPIC="TOPIC"})(ds||(ds={}));var Qe;(function(o){o.DEFAULT="DEFAULT",o.DOCUMENTS="DOCUMENTS",o.ALL_TOPICS="ALL_TOPICS"})(Qe||(Qe={}));var rt;(function(o){o.PERSONAL_BOOK_USER="PERSONAL_BOOK_USER",o.PERSONAL_BOOK_SHARE_USER="PERSONAL_BOOK_SHARE_USER",o.HTML_EXPORT_USER="HTML_EXPORT_USER",o.PDF_EXPORT_USER="PDF_EXPORT_USER",o.SAVED_SEARCH_USER="SAVED_SEARCH_USER",o.COLLECTION_USER="COLLECTION_USER",o.OFFLINE_USER="OFFLINE_USER",o.ANALYTICS_USER="ANALYTICS_USER",o.BETA_USER="BETA_USER",o.DEBUG_USER="DEBUG_USER",o.PRINT_USER="PRINT_USER",o.RATING_USER="RATING_USER",o.FEEDBACK_USER="FEEDBACK_USER",o.GENERATIVE_AI_USER="GENERATIVE_AI_USER",o.CONTENT_PUBLISHER="CONTENT_PUBLISHER",o.KHUB_ADMIN="KHUB_ADMIN",o.USERS_ADMIN="USERS_ADMIN",o.PORTAL_ADMIN="PORTAL_ADMIN",o.ADMIN="ADMIN",o.DEVELOPER="DEVELOPER"})(rt||(rt={}));var fs;(function(o){o.VALID="VALID",o.INVALID="INVALID"})(fs||(fs={}));var Oy={[rt.PERSONAL_BOOK_SHARE_USER]:[rt.PERSONAL_BOOK_USER],[rt.HTML_EXPORT_USER]:[rt.PERSONAL_BOOK_USER],[rt.PDF_EXPORT_USER]:[rt.PERSONAL_BOOK_USER],[rt.KHUB_ADMIN]:[rt.CONTENT_PUBLISHER],[rt.ADMIN]:[rt.KHUB_ADMIN,rt.USERS_ADMIN,rt.PORTAL_ADMIN],[rt.DEVELOPER]:[rt.BETA_USER,rt.DEBUG_USER]};var tr=class extends Zt{constructor(){super(),this.cache.registerFinal("available-locales",()=>this.api.getAvailableSearchLocales())}async launchSearch(t){return this.api.search(t)}async launchSuggest(t){return this.api.getSuggestions(t)}async getAvailableSearchLocales(){return this.cache.get("available-locales")}};var Dr=o=>o.request.virtualField===Xe.TITLE_ONLY&&o.request.scope===Qe.DOCUMENTS,er=class o extends Event{constructor(){super(o.eventName)}};er.eventName="search-context-clear-all-filters";var bo=class o{static build(t,r){return new o(ja(t.trim()||"context"),r)}constructor(t,r){this.store=t,this.ignoreEmptyQuery=!1,this.openExternalDocumentInNewTab=!1,this.searchDebouncer=new re.Debouncer(100),this.suggestDebouncer=new re.Debouncer(300),this.service=r??new tr}async initService(){return this.store.actions.setLocales((await this.service.getAvailableSearchLocales()).contentLocales),this.launchSearch()}setQuery(t){this.store.actions.setRequestQuery(t),this.store.actions.setLiveQuery(t),this.store.actions.setPageNumber(1),this.launchSearch()}setContentLocale(t){let r=this.store.getState().locales,i=this.store.getState().request.contentLocale;if(t!=i){if(r){let n=a=>r.some(l=>l.lang==a);n(t)||(t=n(i)?i:r[0].lang)}this.store.actions.setRequestContentLocale(t),this.store.actions.setPageNumber(1),this.store.actions.setRequestFilters([]),this.launchSearch()}return t}setPageSize(t){this.store.actions.setPageSize(t),this.launchSearch()}setPageNumber(t){this.store.actions.setPageNumber(t),this.launchSearch()}setSort(t){this.store.actions.setRequestSort(t),this.store.actions.setPageNumber(1),this.launchSearch()}setFilters(t){let r=t.filter(i=>i.values.length>0);this.store.actions.setRequestFilters(r),this.store.actions.setPageNumber(1),r.forEach(i=>{this.facetIds.includes(i.key)||(this.facetIds=[...this.facetIds,i.key])}),this.launchSearch()}setClusterSortCriterion(t){this.store.actions.setRequestClusterSortCriterion(t),this.launchSearch()}setSearchInDocumentTitlesOnly(t){t?(this.store.actions.setRequestVirtualField(Xe.TITLE_ONLY),this.store.actions.setRequestScope(Qe.DOCUMENTS)):(this.store.actions.setRequestVirtualField(Xe.EVERYWHERE),this.store.actions.setRequestScope(Qe.DEFAULT)),this.launchSearch()}get searchInDocumentTitlesOnly(){return Dr(this.store.getState())}get periodFilter(){return this.store.getState().request.periodFilter}clearAllFilters(){this.setFilters([]),this.store.eventBus.dispatchEvent(new er)}addFacet(t){this.facetIds=[...this.facetIds,t],this.launchSearch()}replaceFacet(t,r){let i=this.facetIds.filter(n=>n!=t);r&&i.push(r),this.facetIds=i,this.launchSearch()}get facetIds(){return this.store.getState().request.facets.map(t=>t.id)}set facetIds(t){let i=[...new Set(t)].map(n=>({id:n}));this.store.actions.setRequestFacets(i)}setFilter(t,r){let i=this.store.getState().request.filters,n={key:t,values:r,negative:!1},a=[...i.filter(l=>l.key!==t),n];this.setFilters(a)}setLiveQuery(t){this.store.actions.setLiveQuery(t),this.launchSuggest()}setRequest(t){this.store.actions.setRequest(t),this.store.actions.setLiveQuery(t.query),this.store.actions.setPageNumber(1),this.launchSearch()}setScope(t){this.store.actions.setRequestScope(t),this.launchSearch()}setIgnoreEmptyQuery(t){this.ignoreEmptyQuery=t,this.launchSearch()}setOpenExternalDocumentInNewTab(t){this.openExternalDocumentInNewTab=t}setPeriodFilter(t){this.store.actions.setRequestPeriodFilter(t),this.store.actions.setPageNumber(1),this.launchSearch()}launchSearch(){return this.searchDebouncer.run(()=>this.fetchSearchData())}launchSuggest(){return this.suggestDebouncer.run(()=>this.fetchSuggestData())}async fetchSearchData(){var t,r;try{(t=this.cancelableSearch)===null||t===void 0||t.cancel();let i=this.store.getState().request;if(this.store.actions.setPaging(void 0),this.ignoreEmptyQuery&&i.query.length==0)this.store.actions.setResults(void 0),this.store.actions.setFacets(void 0),this.store.actions.setSpellcheck(void 0);else{this.cancelableSearch=(0,re.cancelable)(this.service.launchSearch(i));let n=await this.cancelableSearch;if(n.paging.currentPage<=1)this.store.actions.setResults(n.results),this.store.actions.setFacets(n.facets),this.store.actions.setSpellcheck(n.spellcheck);else{let a=((r=this.store.getState().results)!==null&&r!==void 0?r:[]).concat(n.results);this.store.actions.setResults(a)}this.store.actions.setPaging(n.paging)}}catch(i){!(i instanceof re.CanceledPromiseError)&&this.errorHandler&&this.errorHandler(i)}}async fetchSuggestData(){var t;try{let r=this.store.getState(),i=r.request,n={input:r.liveQuery,filters:i.filters,sort:i.sort,contentLocale:i.contentLocale,scope:i.scope};(t=this.cancelableSuggest)===null||t===void 0||t.cancel(),this.cancelableSuggest=(0,re.cancelable)(this.service.launchSuggest(n));let a=await this.cancelableSuggest;this.store.actions.setSuggestResults(a.suggestions)}catch(r){!(r instanceof re.CanceledPromiseError)&&this.errorHandler&&this.errorHandler(r)}}clear(){this.store.clear()}};var sl=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},Ur=class extends Event{constructor(){super("register-ft-search-component",{bubbles:!0,composed:!0})}},Br=Symbol("registerInterval");function ll(o){var t;class r extends o{constructor(){super(...arguments),this[t]=0}setSearchStateManager(n){this.clearStateManager(),this.stateManager=n,this.addStore(n.store,"search")}clearStateManager(){this.stateManager&&(this.removeStore(this.stateManager.store),this.stateManager=void 0)}connectedCallback(){super.connectedCallback(),this[Br]=window.setInterval(()=>this.tryToRegisterToContext(),50)}tryToRegisterToContext(){this.stateManager!=null?window.clearInterval(this[Br]):this.dispatchEvent(new Ur)}disconnectedCallback(){super.disconnectedCallback(),this.clearStateManager()}}return t=Br,sl([(0,hs.state)()],r.prototype,"stateManager",void 0),r}var or=class extends ll(us.FtLitElementRedux){};var rr=Jo.build("designedSearchType"),ms={label:"Search scope",documentTitlesOnly:"Search in document titles only"};var Cs=f(V());var xs=f(O());var bs=f(R()),ie=f(V()),Ft=f(O());var ys=f(R());var gs=ys.css`
|
|
1497
|
+
`;var ut=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},zr=class extends CustomEvent{constructor(t){super("ft-search-load-error",{detail:t})}},Fr=class extends CustomEvent{constructor(t){super("ft-search-request-change",{detail:t})}},Wr=class extends CustomEvent{constructor(t,r,i){super("ft-search-results-change",{detail:{request:t,paging:r,spellcheck:i}})}},Z=class extends Ft.FtLitElementRedux{get stateManager(){if(this._stateManager==null){let t=this.searchServiceProvider?this.searchServiceProvider():void 0;this._stateManager=bo.build(this.id||(""+Math.round(Math.random()*999e3)).padStart(6,"0"),t),this._stateManager.errorHandler=r=>this.handleLoadError(r),this.addStore(this.stateManager.store,"search")}return this._stateManager}constructor(){super(),this.query="",this.pageSize=20,this.searchInDocumentTitlesOnly=!1,this.ignoreEmptyQuery=!1,this.openExternalDocumentInNewTab=!1,this.filters=[],this.sort=[],this.addStore(w)}render(){return bs.html`
|
|
1503
1498
|
<slot @register-ft-search-component=${this.registerComponent}></slot>
|
|
1504
|
-
`}update(t){super.update(t),t.has("query")&&void 0
|
|
1499
|
+
`}update(t){super.update(t),t.has("query")&&this.query!==void 0&&this.stateManager.setQuery(this.query),t.has("contentLocale")&&this.contentLocale!==void 0&&this.stateManager.setContentLocale(this.contentLocale),t.has("session")&&this.session&&this.stateManager.initService(),t.has("filters")&&this.filters!==void 0&&this.stateManager.setFilters(this.filters),t.has("sort")&&this.sort!==void 0&&this.stateManager.setSort(this.sort),t.has("pageSize")&&this.pageSize!==void 0&&this.stateManager.setPageSize(this.pageSize),t.has("searchInDocumentTitlesOnly")&&this.searchInDocumentTitlesOnly!==void 0&&this.stateManager.setSearchInDocumentTitlesOnly(this.searchInDocumentTitlesOnly),t.has("scope")&&this.scope!==void 0&&this.stateManager.setScope(this.scope),t.has("ignoreEmptyQuery")&&this.ignoreEmptyQuery!==void 0&&this.stateManager.setIgnoreEmptyQuery(this.ignoreEmptyQuery),t.has("openExternalDocumentInNewTab")&&this.openExternalDocumentInNewTab!==void 0&&this.stateManager.setOpenExternalDocumentInNewTab(this.openExternalDocumentInNewTab),t.has("periodFilter")&&this.periodFilter!==void 0&&this.stateManager.setPeriodFilter(this.periodFilter)}connectedCallback(){super.connectedCallback(),this.stateManager.setQuery(this.query),this.stateManager.setContentLocale(this.contentLocale),this.stateManager.setFilters(this.filters),this.stateManager.setPageSize(this.pageSize),this.stateManager.setSort(this.sort)}contentAvailableCallback(t){super.contentAvailableCallback(t),t.has("request")&&this.request&&this.dispatchEvent(new Fr(this.request)),t.has("paging")&&this.paging!==void 0&&this.dispatchEvent(new Wr(this.request,this.paging,this.autocorrect))}registerComponent(t){t.stopPropagation();let r=t.composedPath()[0];this.register(r)}register(t){t.setSearchStateManager(this.stateManager)}handleLoadError(t){this.dispatchEvent(new zr(t))}reloadSavedSearches(){Wa.clearMySearches()}clear(){this.stateManager.clear()}};Z.elementDefinitions={};Z.styles=gs;ut([(0,ie.property)()],Z.prototype,"query",void 0);ut([(0,ie.property)()],Z.prototype,"contentLocale",void 0);ut([(0,ie.property)({type:Number})],Z.prototype,"pageSize",void 0);ut([(0,ie.property)({type:Boolean})],Z.prototype,"searchInDocumentTitlesOnly",void 0);ut([(0,ie.property)()],Z.prototype,"periodFilter",void 0);ut([(0,ie.property)()],Z.prototype,"scope",void 0);ut([(0,ie.property)({type:Boolean})],Z.prototype,"ignoreEmptyQuery",void 0);ut([(0,Ft.redux)({store:w.name})],Z.prototype,"openExternalDocumentInNewTab",void 0);ut([(0,Ft.jsonProperty)([])],Z.prototype,"filters",void 0);ut([(0,Ft.jsonProperty)([])],Z.prototype,"sort",void 0);ut([(0,Ft.redux)({store:"search"})],Z.prototype,"request",void 0);ut([(0,Ft.redux)({store:"search"})],Z.prototype,"paging",void 0);ut([(0,Ft.redux)({store:"search",selector:o=>o.spellcheck})],Z.prototype,"autocorrect",void 0);ut([(0,Ft.redux)({store:w.name})],Z.prototype,"session",void 0);ut([(0,ie.property)({attribute:!1})],Z.prototype,"searchServiceProvider",void 0);(0,xs.customElement)("ft-search-context")(Z);var vs=function(o,t,r,i){var n=arguments.length,a=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(a=(n<3?l(a):n>3?l(t,r,a):l(t,r))||a);return n>3&&a&&Object.defineProperty(t,r,a),a},ue=class extends qo(or){constructor(){super(),this.addI18nContext(rr,ms)}render(){return Ss.html`
|
|
1505
1500
|
<ft-filter
|
|
1506
|
-
label=${
|
|
1507
|
-
.options=${[{label:
|
|
1501
|
+
label=${rr.messages.label()}
|
|
1502
|
+
.options=${[{label:rr.messages.documentTitlesOnly(),value:t=>{var r;return(r=this.stateManager)===null||r===void 0?void 0:r.setSearchInDocumentTitlesOnly(t)},selected:this.searchInDocumentTitlesOnly}]}
|
|
1508
1503
|
part="filter"
|
|
1509
1504
|
.exportpartsPrefixes=${["filter"]}
|
|
1510
1505
|
multivalued
|
|
1511
1506
|
@change=${this.onSelected}
|
|
1512
1507
|
></ft-filter>
|
|
1513
|
-
`}onSelected(t){var
|
|
1508
|
+
`}onSelected(t){var r;(r=this.filter)===null||r===void 0||r.options.forEach(i=>i.value(i.selected))}};ue.elementDefinitions={"ft-filter":L};ue.styles=Zr;vs([(0,Os.redux)({selector:Dr})],ue.prototype,"searchInDocumentTitlesOnly",void 0);vs([(0,Cs.query)("ft-filter")],ue.prototype,"filter",void 0);(0,Es.customElement)("ft-search-type")(ue);})();
|
|
1509
|
+
/*! Bundled license information:
|
|
1510
|
+
|
|
1511
|
+
lit-html/lit-html.js:
|
|
1512
|
+
(**
|
|
1513
|
+
* @license
|
|
1514
|
+
* Copyright 2017 Google LLC
|
|
1515
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1516
|
+
*)
|
|
1517
|
+
|
|
1518
|
+
lit-html/static.js:
|
|
1519
|
+
(**
|
|
1520
|
+
* @license
|
|
1521
|
+
* Copyright 2020 Google LLC
|
|
1522
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1523
|
+
*)
|
|
1524
|
+
*/
|