@fluid-topics/ft-search-bar 1.1.69 → 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-bar.light.js +650 -640
- package/build/ft-search-bar.min.js +866 -803
- package/package.json +16 -16
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";(()=>{var ls=Object.create;var Oi=Object.defineProperty;var ss=Object.getOwnPropertyDescriptor;var cs=Object.getOwnPropertyNames;var ps=Object.getPrototypeOf,ds=Object.prototype.hasOwnProperty;var ro=(o,t)=>()=>(t||o((t={exports:{}}).exports,t),t.exports);var fs=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cs(t))!ds.call(o,a)&&a!==r&&Oi(o,a,{get:()=>t[a],enumerable:!(i=ss(t,a))||i.enumerable});return o};var d=(o,t,r)=>(r=o!=null?ls(ps(o)):{},fs(t||!o||!o.__esModule?Oi(r,"default",{value:o,enumerable:!0}):r,o));var g=ro((Gs,Ci)=>{Ci.exports=ftGlobals.wcUtils});var S=ro((Ks,wi)=>{wi.exports=ftGlobals.lit});var X=ro((Zs,$i)=>{$i.exports=ftGlobals.litDecorators});var Te=ro((js,Ei)=>{Ei.exports=ftGlobals.litRepeat});var Qt=ro((Jf,tn)=>{tn.exports=ftGlobals.litClassMap});var An=ro((Wh,Bn)=>{Bn.exports=ftGlobals.litUnsafeHTML});var is=d(g());var W=d(S()),F=d(X()),jo=d(Te()),K=d(g());var ki=d(g());var Ni=d(S()),We=d(X()),qo=d(g());var Gt;(function(o){o.S="S",o.M="M",o.L="L",o.XL="XL",o.XXL="XXL"})(Gt||(Gt={}));var Ri=d(S());var Li=Ri.css`
|
|
2
2
|
.ft-size-watcher--pixel {
|
|
3
3
|
width: 0;
|
|
4
4
|
height: 0;
|
|
@@ -17,134 +17,126 @@
|
|
|
17
17
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
18
18
|
width: 100%;
|
|
19
19
|
}
|
|
20
|
-
`;var
|
|
20
|
+
`;var $o=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},Nr=class extends CustomEvent{constructor(t,r){super("change",{detail:{size:t,category:r}})}},Ft=class extends qo.FtLitElement{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=Gt.S,this.resizeObserver=new ResizeObserver(()=>this.updateSize()),this.debouncer=new qo.Debouncer}render(){return Ni.html`
|
|
21
21
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
22
22
|
<div class="ft-size-watcher--watcher"></div>
|
|
23
23
|
</div>
|
|
24
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((
|
|
25
|
-
|
|
26
|
-
* @license
|
|
27
|
-
* Copyright 2017 Google LLC
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litStatic$:t,r:V}),X=new Map,J=(t=>(e,...o)=>{const i=o.length;let r,a;const n=[],l=[];let s,c=0,p=!1;for(;c<i;){for(s=e[c];c<i&&void 0!==(a=o[c],r=q(a));)s+=r+e[++c],p=!0;c!==i&&l.push(a),n.push(s),c++}if(c===i&&n.push(e[i]),p){const t=n.join("$$lit$$");void 0===(e=X.get(t))&&(n.raw=n,X.set(t,e=n)),o=l}return t(e,...o)})(L);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 tt=t=>"string"==typeof t?o.unsafeCSS(t):t;class et{static create(t,e,i,r){const a=t=>tt(null!=t?t:r),n=o.css`var(${tt(t)}, ${a(r)})`;return n.name=t,n.description=e,n.category=i,n.defaultValue=r,n.defaultCssValue=a,n.get=e=>o.css`var(${tt(t)}, ${a(e)})`,n.breadcrumb=()=>[],n.lastResortDefaultValue=()=>r,n}static extend(t,e,i,r){const a=t=>i.get(null!=t?t:r),n=o.css`var(${tt(t)}, ${a(r)})`;return n.name=t,n.description=e,n.category=i.category,n.fallbackVariable=i,n.defaultValue=r,n.defaultCssValue=a,n.get=e=>o.css`var(${tt(t)}, ${a(e)})`,n.breadcrumb=()=>[i.name,...i.breadcrumb()],n.lastResortDefaultValue=()=>null!=r?r:i.lastResortDefaultValue(),n}static external(t,e){const i=e=>t.fallbackVariable?t.fallbackVariable.get(null!=e?e:t.defaultValue):tt(null!=e?e:t.lastResortDefaultValue()),r=o.css`var(${tt(t.name)}, ${i(t.defaultValue)})`;return r.name=t.name,r.category=t.category,r.fallbackVariable=t.fallbackVariable,r.defaultValue=t.defaultValue,r.context=e,r.defaultCssValue=i,r.get=e=>o.css`var(${tt(t.name)}, ${i(e)})`,r.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],r.lastResortDefaultValue=()=>t.lastResortDefaultValue(),r}}const ot={colorWhite:et.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:et.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:et.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:et.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:et.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:et.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:et.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:et.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:et.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:et.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:et.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:et.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:et.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:et.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:et.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:et.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:et.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:et.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:et.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:et.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:et.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:et.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:et.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:et.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:et.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:et.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:et.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:et.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:et.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:et.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:et.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:et.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:et.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:et.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:et.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:et.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:et.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:et.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:et.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:et.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:et.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:et.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:et.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:et.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:et.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:et.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:et.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:et.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:et.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:et.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:et.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:et.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:et.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:et.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:et.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:et.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:et.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:et.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:et.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:et.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:et.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:et.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:et.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:et.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:et.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:et.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:et.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:et.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:et.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:et.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:et.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:et.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:et.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:et.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:et.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:et.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:et.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:et.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:et.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:et.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:et.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:et.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:et.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:et.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:et.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:et.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:et.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:et.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:et.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:et.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:et.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:et.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:et.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:et.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:et.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:et.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:et.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:et.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:et.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:et.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:et.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:et.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:et.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:et.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:et.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:et.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:et.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:et.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:et.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:et.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:et.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:et.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:et.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:et.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:et.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:et.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:et.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:et.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:et.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:et.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:et.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:et.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:et.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:et.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:et.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:et.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:et.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:et.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:et.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:et.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:et.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:et.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:et.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:et.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:et.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:et.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:et.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:et.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:et.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:et.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:et.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:et.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:et.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:et.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:et.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:et.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:et.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:et.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:et.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:et.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:et.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:et.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:et.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:et.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:et.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:et.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:et.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:et.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:et.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:et.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:et.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:et.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:et.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:et.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:et.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:et.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:et.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:et.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:et.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:et.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:et.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:et.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:et.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:et.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:et.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:et.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:et.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:et.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:et.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:et.create("--ft-icon-size-6","","SIZE","48px"),opacity0:et.create("--ft-opacity-0","","NUMBER","0"),opacity8:et.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:et.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:et.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:et.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:et.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:et.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:et.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:et.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:et.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:et.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:et.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:et.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:et.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:et.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)")},it={display:{fontFamily:et.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:et.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:et.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:et.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-display-textCase","","UNKNOWN","none")},"title-1":{fontFamily:et.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:et.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:et.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:et.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},"title-2":{fontFamily:et.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:et.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:et.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:et.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},"title-3":{fontFamily:et.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:et.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:et.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:et.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},"body-1-regular":{fontFamily:et.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:et.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:et.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},"body-1-medium":{fontFamily:et.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:et.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},"body-1-semibold":{fontFamily:et.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:et.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},"body-2-regular":{fontFamily:et.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:et.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},"body-2-medium":{fontFamily:et.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},"body-2-medium-underline":{fontFamily:et.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:et.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:et.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},"body-2-semibold":{fontFamily:et.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:et.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:et.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:et.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},"label-1-medium":{fontFamily:et.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:et.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:et.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:et.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},"label-1-semibold":{fontFamily:et.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:et.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:et.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:et.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},"label-1-bold":{fontFamily:et.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:et.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:et.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:et.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:et.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:et.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},"label-2-medium":{fontFamily:et.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:et.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:et.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:et.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:et.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},"label-2-semibold":{fontFamily:et.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:et.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:et.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:et.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:et.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},"label-2-bold":{fontFamily:et.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:et.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:et.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:et.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:et.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:et.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},"caption-1-medium":{fontFamily:et.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:et.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},"caption-1-semibold":{fontFamily:et.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:et.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},"caption-1-bold":{fontFamily:et.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:et.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:et.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},"caption-2-medium":{fontFamily:et.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:et.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},"caption-2-semibold":{fontFamily:et.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:et.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},"caption-2-bold":{fontFamily:et.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:et.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:et.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},"caption-3-medium":{fontFamily:et.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:et.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:et.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},"caption-3-semibold":{fontFamily:et.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:et.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:et.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},"caption-3-bold":{fontFamily:et.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:et.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:et.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:et.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:et.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:et.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:et.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:et.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:et.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")}},rt={backgroundActionPrimary:et.extend("--ft-background-action-primary","Used as backgorund of primary action components.",ot.colorBrand0),backgroundErrorSubtle:et.extend("--ft-background-error-subtle","Used as background of subtle error components.",ot.colorRed10),backgroundInfoSubtle:et.extend("--ft-background-info-subtle","Used as background of subtle information components.",ot.colorCyan10),backgroundWarningSubtle:et.extend("--ft-background-warning-subtle","Used as background of subtle information components.",ot.colorOrange10),backgroundSuccessSubtle:et.extend("--ft-background-success-subtle","Used as background of subtle success components.",ot.colorGreen10),backgroundGlobalSurface:et.extend("--ft-background-global-surface","Used as app background.",ot.colorWhite),backgroundGlobalOnSurface:et.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",ot.colorGray10),backgroundGlobalOnSurfaceDark:et.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",ot.colorGray30),contentActionPrimary:et.extend("--ft-content-action-primary","Used on label of primary action on light surface.",ot.colorBrand0),contentWarningPrimary:et.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",ot.colorOrange200),contentWarningIconOnly:et.extend("--ft-content-warning-icon-only","Used on warning status icons alone",ot.colorOrange0),contentErrorPrimary:et.extend("--ft-content-error-primary","Used on label of error messages on light surface.",ot.colorRed0),contentErrorIconOnly:et.extend("--ft-content-error-icon-only","Used on error status icons alone",ot.colorRed70),contentInfoPrimary:et.extend("--ft-content-info-primary","Used on label of information messages on light surface.",ot.colorCyan200),contentInfoIconOnly:et.extend("--ft-content-info-icon-only","Used on info status icons alone",ot.colorCyan0),contentSuccessPrimary:et.extend("--ft-content-success-primary","Used on label of success messages on light surface.",ot.colorGreen200),contentSuccessIconOnly:et.extend("--ft-content-success-icon-only","Used on success status icons alone",ot.colorGreen0),contentGlobalPrimary:et.extend("--ft-content-global-primary","Used for main content on the page.",ot.colorGray500),contentGlobalSecondary:et.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",ot.colorGray200),contentGlobalSubtle:et.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",ot.colorGray0),contentGlobalOnColor:et.extend("--ft-content-global-on-color","Used for content on a dominant color.",ot.colorWhite),borderActionPrimary:et.extend("--ft-border-action-primary","Used as border for primary action components.",ot.colorBrand0),borderActionFocusRing:et.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",ot.colorCyan0),borderWarningPrimary:et.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",ot.colorOrange200),borderWarningSubtle:et.extend("--ft-border-warning-subtle","Used as border for warning components.",ot.colorOrange30),borderSuccessPrimary:et.extend("--ft-border-success-primary","Used as border for success buttons.",ot.colorGreen200),borderSuccessSubtle:et.extend("--ft-border-success-subtle","Used as border for success components.",ot.colorGreen30),borderErrorPrimary:et.extend("--ft-border-error-primary","Used as border for text fields in error states.",ot.colorRed0),borderErrorSubtle:et.extend("--ft-border-error-subtle","Used as border for error components.",ot.colorRed30),borderInfoPrimary:et.extend("--ft-border-info-primary","Used as border for buttons in info color.",ot.colorCyan200),borderInfoSubtle:et.extend("--ft-border-info-subtle","Used as border for information components.",ot.colorCyan30),borderGlobalPrimary:et.extend("--ft-border-global-primary","Used as border for element like input.",ot.colorGray50),borderGlobalSubtle:et.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",ot.colorGray30),borderInputPrimary:et.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",ot.colorGray80)},at={largeHeight:et.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:et.extend("--ft-button-large-horizontal-padding","",ot.spacing4),largeGap:et.extend("--ft-button-large-gap","",ot.spacing2),largeBorderRadius:et.extend("--ft-button-large-border-radius","",ot.borderRadiusS),largeIconSize:et.extend("--ft-button-large-icon-size","",ot.iconSize3),largeBorderWidth:et.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:et.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:et.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:et.create("--ft-button-large-icon-only-width","","SIZE","40px"),smallHeight:et.create("--ft-button-small-height","","SIZE","30px"),smallHorizontalPadding:et.extend("--ft-button-small-horizontal-padding","",ot.spacing3),smallGap:et.extend("--ft-button-small-gap","",ot.spacing2),smallBorderRadius:et.extend("--ft-button-small-border-radius","",ot.borderRadiusS),smallIconSize:et.extend("--ft-button-small-icon-size","",ot.iconSize2),smallBorderWidth:et.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:et.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:et.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:et.create("--ft-button-small-icon-only-width","","SIZE","30px"),primaryBackgroundColor:et.extend("--ft-button-primary-background-color","",rt.backgroundActionPrimary),primaryColor:et.extend("--ft-button-primary-color","",rt.contentGlobalOnColor),primaryIconColor:et.extend("--ft-button-primary-icon-color","",rt.contentGlobalOnColor),primaryStateLayerColor:et.extend("--ft-button-primary-state-layer-color","",rt.contentGlobalOnColor),primaryHoverStateLayerOpacity:et.extend("--ft-button-primary-hover-state-layer-opacity","",ot.opacity16),primaryFocusStateLayerOpacity:et.extend("--ft-button-primary-focus-state-layer-opacity","",ot.opacity16),primaryActiveStateLayerOpacity:et.extend("--ft-button-primary-active-state-layer-opacity","",ot.opacity24),primaryDisabledComponentOpacity:et.extend("--ft-button-primary-disabled-component-opacity","",ot.opacity40),focusFocusRingColor:et.extend("--ft-button-focus-focus-ring-color","",rt.borderActionFocusRing),tertiaryBackgroundColor:et.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryColor:et.extend("--ft-button-tertiary-color","",rt.contentActionPrimary),tertiaryIconColor:et.extend("--ft-button-tertiary-icon-color","",rt.contentActionPrimary),tertiaryStateLayerColor:et.extend("--ft-button-tertiary-state-layer-color","",rt.contentActionPrimary),tertiaryHoverStateLayerOpacity:et.extend("--ft-button-tertiary-hover-state-layer-opacity","",ot.opacity8),tertiaryFocusStateLayerOpacity:et.extend("--ft-button-tertiary-focus-state-layer-opacity","",ot.opacity8),tertiaryActiveStateLayerOpacity:et.extend("--ft-button-tertiary-active-state-layer-opacity","",ot.opacity16),tertiaryDisabledComponentOpacity:et.extend("--ft-button-tertiary-disabled-component-opacity","",ot.opacity40),secondaryBackgroundColor:et.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),secondaryColor:et.extend("--ft-button-secondary-color","",rt.contentActionPrimary),secondaryIconColor:et.extend("--ft-button-secondary-icon-color","",rt.contentActionPrimary),secondaryStateLayerColor:et.extend("--ft-button-secondary-state-layer-color","",rt.contentActionPrimary),secondaryHoverStateLayerOpacity:et.extend("--ft-button-secondary-hover-state-layer-opacity","",ot.opacity8),secondaryFocusStateLayerOpacity:et.extend("--ft-button-secondary-focus-state-layer-opacity","",ot.opacity8),secondaryActiveStateLayerOpacity:et.extend("--ft-button-secondary-active-state-layer-opacity","",ot.opacity16),secondaryDisabledComponentOpacity:et.extend("--ft-button-secondary-disabled-component-opacity","",ot.opacity40),secondaryBorderColor:et.extend("--ft-button-secondary-border-color","",rt.borderActionPrimary),neutralBackgroundColor:et.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),neutralIconColor:et.extend("--ft-button-neutral-icon-color","",rt.contentGlobalSecondary),neutralColor:et.extend("--ft-button-neutral-color","",rt.contentGlobalSecondary),neutralStateLayerColor:et.extend("--ft-button-neutral-state-layer-color","",rt.contentGlobalSecondary),neutralHoverStateLayerOpacity:et.extend("--ft-button-neutral-hover-state-layer-opacity","",ot.opacity8),neutralFocusStateLayerOpacity:et.extend("--ft-button-neutral-focus-state-layer-opacity","",ot.opacity8),neutralActiveStateLayerOpacity:et.extend("--ft-button-neutral-active-state-layer-opacity","",ot.opacity16),neutralDisabledComponentOpacity:et.extend("--ft-button-neutral-disabled-component-opacity","",ot.opacity40)};et.extend("--ft-banner-icon-size","",ot.iconSize5),et.create("--ft-banner-border-width","","SIZE","1px"),et.extend("--ft-banner-horizontal-padding","",ot.spacing6),et.extend("--ft-banner-vertical-padding","",ot.spacing6),et.extend("--ft-banner-horizontal-side-gap","",ot.spacing6),et.extend("--ft-banner-horizontal-mobile-gap","",ot.spacing4),et.extend("--ft-banner-vertical-mobile-gap","",ot.spacing6),et.extend("--ft-banner-horizontal-middle-gap","",ot.spacing20),et.extend("--ft-banner-info-background-color","",rt.backgroundInfoSubtle),et.extend("--ft-banner-info-color","",rt.contentInfoPrimary),et.extend("--ft-banner-info-icon-color","",rt.contentInfoIconOnly),et.extend("--ft-breadcrumb-horizontal-gap","",ot.spacing1),et.extend("--ft-breadcrumb-vertical-gap","",ot.spacing2),et.extend("--ft-breadcrumb-current-element-color","",rt.contentGlobalPrimary),et.extend("--ft-breadcrumb-icon-color","",rt.contentGlobalSubtle),et.extend("--ft-page-header-horizontal-padding","",ot.spacing12),et.extend("--ft-page-header-horizontal-gap","",ot.spacing4),et.extend("--ft-page-header-vertical-gap","",ot.spacing2),et.extend("--ft-page-header-classic-vertical-padding","",ot.spacing6),et.extend("--ft-page-header-multiline-vertical-padding","",ot.spacing4),et.extend("--ft-page-header-inline-vertical-padding","",ot.spacing2),et.extend("--ft-page-header-background-color","",ot.colorWhite),et.extend("--ft-page-header-bottom-border-color","",rt.borderGlobalSubtle),et.extend("--ft-page-header-title-color","",rt.contentGlobalPrimary),et.extend("--ft-page-header-subtitle-color","",rt.contentGlobalSecondary),et.create("--ft-modal-small-container-width","","SIZE","600px"),et.create("--ft-modal-large-container-width","","SIZE","900px"),et.extend("--ft-modal-overlay-background-color","",ot.colorGray700),et.extend("--ft-modal-overlay-opacity","",ot.opacity40),et.extend("--ft-modal-shadow","",ot.shadowElevation03),et.extend("--ft-modal-body-background-color","",ot.colorWhite),et.extend("--ft-modal-body-color","",rt.contentGlobalPrimary),et.extend("--ft-modal-body-horizontal-padding","",ot.spacing6),et.extend("--ft-modal-body-vertical-padding","",ot.spacing6),et.extend("--ft-modal-body-vertical-gap","",ot.spacing6),et.extend("--ft-modal-container-margin","",ot.spacing3),et.extend("--ft-modal-header-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-modal-header-border-color","",rt.borderGlobalSubtle),et.extend("--ft-modal-header-color","",rt.contentGlobalPrimary),et.extend("--ft-modal-header-trailing-icon-color","",rt.contentGlobalSecondary),et.extend("--ft-modal-header-vertical-padding","",ot.spacing1),et.extend("--ft-modal-header-right-padding","",ot.spacing1),et.extend("--ft-modal-header-left-padding","",ot.spacing6),et.extend("--ft-modal-header-gap","",ot.spacing2),et.create("--ft-modal-header-border-bottom","","SIZE","1px"),et.extend("--ft-modal-border-radius","",ot.borderRadiusM),et.extend("--ft-drawer-overlay-opacity","",ot.opacity40),et.extend("--ft-drawer-shadow","",ot.shadowElevation03),et.extend("--ft-drawer-body-color","",rt.contentGlobalPrimary),et.extend("--ft-drawer-body-horizontal-padding","",ot.spacing6),et.extend("--ft-drawer-body-vertical-padding","",ot.spacing6),et.extend("--ft-drawer-body-gap","",ot.spacing6),et.extend("--ft-drawer-body-background-color","",ot.colorWhite),et.extend("--ft-drawer-header-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-drawer-header-border-color","",rt.borderGlobalSubtle),et.extend("--ft-drawer-header-color","",rt.contentGlobalPrimary),et.extend("--ft-drawer-header-trailing-icon-color","",rt.contentGlobalSecondary),et.create("--ft-drawer-header-height","","SIZE","50px"),et.extend("--ft-drawer-header-horizontal-padding","",ot.spacing2),et.create("--ft-drawer-header-border-width","","SIZE","1px"),et.extend("--ft-drawer-header-gap","",ot.spacing3),et.extend("--ft-drawer-buttons-bar-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-drawer-buttons-bar-border-color","",rt.borderGlobalSubtle),et.extend("--ft-drawer-buttons-bar-color","",rt.contentGlobalPrimary),et.extend("--ft-drawer-buttons-bar-horizontal-padding","",ot.spacing4),et.extend("--ft-drawer-buttons-bar-vertical-padding","",ot.spacing4),et.extend("--ft-drawer-buttons-bar-gap","",ot.spacing3),et.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),et.create("--ft-drawer-container-width","","SIZE","66%"),et.create("--ft-drawer-container-min-width","","SIZE","500px"),et.create("--ft-drawer-container-max-width","","SIZE","1000px"),et.create("--ft-drawer-container-height","","SIZE","100%"),et.extend("--ft-drawer-overlay-background-color","",ot.colorGray700),et.extend("--ft-text-input-field-horizontal-padding","",ot.spacing4),et.extend("--ft-text-input-field-horizontal-gap","",ot.spacing3),et.extend("--ft-text-input-field-vertical-gap","",ot.spacing05),et.extend("--ft-text-input-field-icon-size","",ot.iconSize3),et.create("--ft-text-input-field-height","","SIZE","50px"),et.extend("--ft-text-input-helper-horizontal-padding","",ot.spacing4),et.extend("--ft-text-input-helper-horizontal-gap","",ot.spacing1),et.extend("--ft-text-input-helper-icon-size","",ot.iconSize2),et.extend("--ft-text-input-border-radius","",ot.borderRadiusM),et.extend("--ft-text-input-background-color","",ot.colorWhite),et.extend("--ft-text-input-content-value-color","",rt.contentGlobalPrimary),et.extend("--ft-text-input-trailing-icon-color","",rt.contentGlobalSubtle),et.extend("--ft-text-input-label-color","",rt.contentGlobalSubtle),et.extend("--ft-text-input-default-border-color","",rt.borderInputPrimary),et.extend("--ft-text-input-default-helper-text-color","",rt.contentGlobalSubtle),et.create("--ft-text-input-default-border-width","","SIZE","1px"),et.create("--ft-text-input-error-border-width","","SIZE","2px"),et.extend("--ft-text-input-error-border-color","",rt.borderErrorPrimary),et.extend("--ft-text-input-error-helper-text-color","",rt.contentErrorPrimary),et.extend("--ft-text-input-error-helper-icon-color","",rt.contentErrorIconOnly),et.create("--ft-text-input-warning-border-width","","SIZE","2px"),et.create("--ft-text-input-focus-outline-width","","SIZE","2px"),et.extend("--ft-text-input-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),et.extend("--ft-text-input-disabled-component-opacity","",ot.opacity40),et.extend("--ft-text-area-background-color","",ot.colorWhite),et.extend("--ft-text-area-content-value-color","",rt.contentGlobalPrimary),et.extend("--ft-text-area-label-color","",rt.contentGlobalSubtle),et.extend("--ft-text-area-default-border-color","",rt.borderInputPrimary),et.extend("--ft-text-area-default-helper-text-color","",rt.contentGlobalSubtle),et.create("--ft-text-area-default-border-width","","SIZE","1px"),et.create("--ft-text-area-error-border-width","","SIZE","2px"),et.extend("--ft-text-area-error-border-color","",rt.borderErrorPrimary),et.extend("--ft-text-area-error-helper-text-color","",rt.contentErrorPrimary),et.extend("--ft-text-area-error-helper-icon-color","",rt.contentErrorIconOnly),et.extend("--ft-text-area-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-text-area-focus-outline-width","","SIZE","2px"),et.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),et.extend("--ft-text-area-disabled-component-opacity","",ot.opacity40),et.extend("--ft-text-area-field-horizontal-left-padding","",ot.spacing4),et.extend("--ft-text-area-field-horizontal-gap","",ot.spacing3),et.extend("--ft-text-area-field-vertical-gap","",ot.spacing05),et.create("--ft-text-area-field-min-height","","SIZE","64px"),et.extend("--ft-text-area-helper-horizontal-padding","",ot.spacing4),et.extend("--ft-text-area-helper-horizontal-gap","",ot.spacing1),et.extend("--ft-text-area-helper-icon-size","",ot.iconSize2),et.extend("--ft-text-area-border-radius","",ot.borderRadiusM),et.create("--ft-floating-menu-height","","SIZE","50px"),et.extend("--ft-floating-menu-horizontal-padding","",ot.spacing4),et.extend("--ft-floating-menu-off-icon-color","",rt.contentGlobalPrimary),et.extend("--ft-floating-menu-off-color","",rt.contentGlobalPrimary),et.extend("--ft-floating-menu-on-color","",rt.contentActionPrimary),et.extend("--ft-floating-menu-on-state-layer-color","",rt.contentActionPrimary),et.extend("--ft-floating-menu-gap","",ot.spacing3),et.extend("--ft-floating-menu-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),et.extend("--ft-floating-menu-focus-state-layer-opacity","",ot.opacity8),et.extend("--ft-floating-menu-hover-state-layer-opacity","",ot.opacity8),et.extend("--ft-floating-menu-active-state-layer-opacity","",ot.opacity16),et.extend("--ft-floating-menu-disabled-component-opacity","",ot.opacity40),et.extend("--ft-floating-menu-icon-size","",ot.iconSize3),et.extend("--ft-floating-menu-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-combobox-single-select-field-horizontal-padding","",ot.spacing4),et.extend("--ft-combobox-single-select-field-horizontal-gap","",ot.spacing3),et.extend("--ft-combobox-single-select-field-vertical-gap","",ot.spacing05),et.extend("--ft-combobox-single-select-field-icon-size","",ot.iconSize3),et.create("--ft-combobox-single-select-field-height","","SIZE","50px"),et.extend("--ft-combobox-single-select-helper-horizontal-padding","",ot.spacing4),et.extend("--ft-combobox-single-select-helper-horizontal-gap","",ot.spacing1),et.extend("--ft-combobox-single-select-helper-vertical-gap","",ot.spacing1),et.extend("--ft-combobox-single-select-helper-icon-size","",ot.iconSize2),et.extend("--ft-combobox-single-select-menu-vertical-gap","",ot.spacing2),et.extend("--ft-combobox-single-select-border-radius","",ot.borderRadiusM),et.extend("--ft-combobox-single-select-background-color","",ot.colorWhite),et.extend("--ft-combobox-single-select-label-color","",rt.contentGlobalSubtle),et.extend("--ft-combobox-single-select-content-value-color","",rt.contentGlobalPrimary),et.extend("--ft-combobox-single-select-trailing-icon-color","",rt.contentGlobalSubtle),et.extend("--ft-combobox-single-select-default-border-color","",rt.borderInputPrimary),et.extend("--ft-combobox-single-select-default-helper-text-color","",rt.contentGlobalSubtle),et.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),et.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),et.extend("--ft-combobox-single-select-error-border-color","",rt.borderErrorPrimary),et.extend("--ft-combobox-single-select-error-helper-text-color","",rt.contentErrorPrimary),et.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),et.extend("--ft-combobox-single-select-warning-border-color","",rt.borderWarningPrimary),et.extend("--ft-combobox-single-select-warning-helper-text-color","",rt.contentWarningPrimary),et.extend("--ft-combobox-single-select-warning-helper-icon-color","",rt.contentWarningIconOnly),et.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),et.extend("--ft-combobox-single-select-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),et.extend("--ft-combobox-single-select-disabled-component-opacity","",ot.opacity40),et.extend("--ft-combobox-multi-select-background-color","",ot.colorWhite),et.extend("--ft-combobox-multi-select-label-color","",rt.contentGlobalSubtle),et.extend("--ft-combobox-multi-select-trailing-icon-color","",rt.contentGlobalSubtle),et.extend("--ft-combobox-multi-select-default-border-color","",rt.borderInputPrimary),et.extend("--ft-combobox-multi-select-default-helper-text-color","",rt.contentGlobalSubtle),et.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),et.extend("--ft-combobox-multi-select-error-border-color","",rt.borderErrorPrimary),et.extend("--ft-combobox-multi-select-error-helper-text-color","",rt.contentErrorPrimary),et.extend("--ft-combobox-multi-select-error-helper-icon","",rt.contentErrorIconOnly),et.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),et.extend("--ft-combobox-multi-select-warning-border-color","",rt.borderWarningPrimary),et.extend("--ft-combobox-multi-select-warning-helper-text-color","",rt.contentWarningPrimary),et.extend("--ft-combobox-multi-select-warning-helper-icon-color","",rt.contentWarningIconOnly),et.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),et.extend("--ft-combobox-multi-select-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),et.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),et.extend("--ft-combobox-multi-select-disabled-component-opacity","",ot.opacity40),et.extend("--ft-combobox-multi-select-helper-horizontal-padding","",ot.spacing4),et.extend("--ft-combobox-multi-select-helper-horizontal-gap","",ot.spacing1),et.extend("--ft-combobox-multi-select-helper-vertical-gap","",ot.spacing1),et.extend("--ft-combobox-multi-select-helper-icon-size","",ot.iconSize2),et.extend("--ft-combobox-multi-select-field-horizontal-padding","",ot.spacing4),et.extend("--ft-combobox-multi-select-field-horizontal-gap","",ot.spacing3),et.extend("--ft-combobox-multi-select-field-vertical-gap","",ot.spacing05),et.extend("--ft-combobox-multi-select-field-icon-size","",ot.iconSize3),et.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),et.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",ot.spacing1),et.extend("--ft-combobox-multi-select-content-values-vertical-gap","",ot.spacing1),et.extend("--ft-combobox-multi-select-border-radius","",ot.borderRadiusM),et.extend("--ft-popover-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-popover-horizontal-padding","",ot.spacing6),et.extend("--ft-popover-vertical-padding","",ot.spacing6),et.extend("--ft-popover-icon-color","",rt.contentGlobalSecondary),et.extend("--ft-popover-icon-size","",ot.iconSize2),et.extend("--ft-popover-title-color","",rt.contentGlobalPrimary),et.extend("--ft-popover-body-color","",rt.contentGlobalSecondary),et.extend("--ft-popover-link-color","",rt.contentActionPrimary),et.extend("--ft-popover-gap","",ot.spacing3),et.extend("--ft-popover-border-radius","",ot.borderRadiusM),et.extend("--ft-popover-shadow","",ot.shadowElevation02),et.extend("--ft-tabs-top-left-border-radius","",ot.borderRadiusS),et.extend("--ft-tabs-top-right-border-radius","",ot.borderRadiusS),et.extend("--ft-tabs-label-horizontal-padding","",ot.spacing4),et.extend("--ft-tabs-label-vertical-padding","",ot.spacing3),et.extend("--ft-tabs-label-gap","",ot.spacing1),et.extend("--ft-tabs-off-hover-state-layer-opacity","",ot.opacity8),et.extend("--ft-tabs-off-focus-state-layer-opacity","",ot.opacity8),et.extend("--ft-tabs-off-active-state-layer-opacity","",ot.opacity16),et.extend("--ft-tabs-off-disabled-component-opacity","",ot.opacity40),et.extend("--ft-tabs-off-color","",rt.contentGlobalSubtle),et.extend("--ft-tabs-off-state-layer-color","",rt.contentGlobalSubtle),et.extend("--ft-tabs-on-hover-state-layer-opacity","",ot.opacity8),et.extend("--ft-tabs-on-focus-state-layer-opacity","",ot.opacity8),et.extend("--ft-tabs-on-active-state-layer-opacity","",ot.opacity16),et.extend("--ft-tabs-on-disabled-component-opacity","",ot.opacity40),et.extend("--ft-tabs-on-color","",rt.contentActionPrimary),et.extend("--ft-tabs-on-state-layer-color","",rt.contentActionPrimary),et.extend("--ft-tabs-icon-horizontal-padding","",ot.spacing1),et.extend("--ft-tabs-icon-vertical-padding","",ot.spacing4),et.create("--ft-tabs-focus-outline-width","","SIZE","2px"),et.extend("--ft-tabs-focus-focus-ring-color","",rt.borderActionFocusRing),et.extend("--ft-collapsible-hover-state-layer-opacity","",ot.opacity8),et.extend("--ft-collapsible-focus-state-layer-opacity","",ot.opacity8),et.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),et.extend("--ft-collapsible-focus-focus-ring-color","",rt.borderActionFocusRing),et.extend("--ft-collapsible-active-state-layer-opacity","",ot.opacity16),et.extend("--ft-collapsible-disabled-component-opacity","",ot.opacity40),et.extend("--ft-collapsible-horizontal-padding","",ot.spacing4),et.extend("--ft-collapsible-vertical-padding","",ot.spacing3),et.extend("--ft-collapsible-color","",rt.contentGlobalPrimary),et.extend("--ft-collapsible-state-layer-color","",rt.contentGlobalPrimary),et.extend("--ft-collapsible-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-collapsible-border-color","",rt.borderGlobalSubtle),et.extend("--ft-collapsible-icon-size","",ot.iconSize3),et.extend("--ft-switch-group-horizontal-padding","",ot.spacing1),et.extend("--ft-switch-group-vertical-padding","",ot.spacing1),et.extend("--ft-switch-group-gap","",ot.spacing1),et.extend("--ft-switch-group-background-color","",rt.backgroundGlobalSurface),et.extend("--ft-switch-group-border-color","",rt.borderGlobalSubtle),et.create("--ft-switch-group-border-radius","","SIZE","6px"),et.extend("--ft-switch-label-horizontal-padding","",ot.spacing2),et.extend("--ft-switch-label-vertical-padding","",ot.spacing1),et.extend("--ft-switch-off-hover-state-layer-opacity","",ot.opacity8),et.extend("--ft-switch-off-focus-state-layer-opacity","",ot.opacity8),et.extend("--ft-switch-off-active-state-layer-opacity","",ot.opacity16),et.extend("--ft-switch-off-disabled-component-opacity","",ot.opacity40),et.extend("--ft-switch-off-color","",rt.contentGlobalSubtle),et.extend("--ft-switch-off-state-layer-color","",rt.contentGlobalSubtle),et.extend("--ft-switch-on-hover-state-layer-opacity","",ot.opacity8),et.extend("--ft-switch-on-focus-state-layer-opacity","",ot.opacity8),et.extend("--ft-switch-on-active-state-layer-opacity","",ot.opacity16),et.extend("--ft-switch-on-disabled-component-opacity","",ot.opacity40),et.extend("--ft-switch-on-color","",rt.contentActionPrimary),et.extend("--ft-switch-on-state-layer-color","",rt.contentActionPrimary),et.extend("--ft-switch-icon-horizontal-padding","",ot.spacing1),et.extend("--ft-switch-icon-vertical-padding","",ot.spacing1),et.create("--ft-switch-focus-outline-width","","SIZE","2px"),et.extend("--ft-switch-focus-focus-ring-color","",rt.borderActionFocusRing),et.extend("--ft-switch-option-border-radius","",ot.borderRadiusS),et.extend("--ft-chart-1-light","for area color charts",ot.colorBrand40),et.extend("--ft-chart-1-base","for line charts",ot.colorBrand0),et.extend("--ft-chart-2-light","for area color charts",ot.colorYellow60),et.extend("--ft-chart-2-base","for line charts",ot.colorYellow100),et.extend("--ft-chart-3-light","",ot.colorUltramarine40),et.extend("--ft-chart-3-base","",ot.colorUltramarine70),et.extend("--ft-chart-4-light","",ot.colorCyan50),et.extend("--ft-chart-4-base","",ot.colorCyan100),et.extend("--ft-chart-5-light","",ot.colorRed40),et.extend("--ft-chart-5-base","",ot.colorRed60),et.extend("--ft-chart-6-light","",ot.colorGreen40),et.extend("--ft-chart-6-base","",ot.colorGreen70),et.extend("--ft-chart-7-light","",ot.colorOrange70),et.extend("--ft-chart-7-base","",ot.colorOrange100),et.extend("--ft-chart-8-light","",ot.colorAvocado70),et.extend("--ft-chart-8-base","",ot.colorAvocado200),et.extend("--ft-chart-9-light","",ot.colorBrown50),et.extend("--ft-chart-9-base","",ot.colorBrown200),et.extend("--ft-chart-10-light","",ot.colorGray50),et.extend("--ft-chart-10-base","",ot.colorGray80),et.extend("--ft-chart-monochrome-10","",ot.colorBrand10),et.extend("--ft-chart-monochrome-20","",ot.colorBrand20),et.extend("--ft-chart-monochrome-30","",ot.colorBrand40),et.extend("--ft-chart-monochrome-40","",ot.colorBrand60),et.extend("--ft-chart-monochrome-50","",ot.colorBrand0),et.extend("--ft-chart-monochrome-60","",ot.colorBrand200),et.extend("--ft-chip-large-horizontal-padding","",ot.spacing4),et.extend("--ft-chip-large-vertical-padding","",ot.spacing2),et.extend("--ft-chip-large-gap","",ot.spacing1),et.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),et.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),et.extend("--ft-chip-large-border-radius","",ot.borderRadiusPill),et.create("--ft-chip-large-border-width","","SIZE","1px"),et.extend("--ft-chip-large-icon-size","",ot.iconSize3),et.extend("--ft-chip-medium-horizontal-padding","",ot.spacing3),et.extend("--ft-chip-medium-vertical-padding","",ot.spacing1),et.extend("--ft-chip-medium-gap","",ot.spacing1),et.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),et.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),et.extend("--ft-chip-medium-border-radius","",ot.borderRadiusPill),et.create("--ft-chip-medium-border-width","","SIZE","1px"),et.extend("--ft-chip-medium-icon-size","",ot.iconSize2),et.extend("--ft-chip-small-horizontal-padding","",ot.spacing2),et.extend("--ft-chip-small-vertical-padding","",ot.spacing05),et.extend("--ft-chip-small-gap","",ot.spacing1),et.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),et.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),et.extend("--ft-chip-small-border-radius","",ot.borderRadiusPill),et.create("--ft-chip-small-border-width","","SIZE","1px"),et.extend("--ft-chip-small-icon-size","",ot.iconSize1),et.extend("--ft-chip-neutral-background-color","",rt.backgroundGlobalOnSurface),et.extend("--ft-chip-neutral-color","",rt.contentGlobalPrimary),et.extend("--ft-chip-neutral-icon-color","",rt.contentGlobalPrimary),et.extend("--ft-chip-neutral-border-color","",rt.borderGlobalSubtle),et.extend("--ft-chip-info-background-color","",rt.backgroundInfoSubtle),et.extend("--ft-chip-info-color","",rt.contentInfoPrimary),et.extend("--ft-chip-info-icon-color","",rt.contentInfoIconOnly),et.extend("--ft-chip-info-border-color","",rt.borderInfoSubtle),et.extend("--ft-chip-success-background-color","",rt.backgroundSuccessSubtle),et.extend("--ft-chip-success-color","",rt.contentSuccessPrimary),et.extend("--ft-chip-success-icon-color","",rt.contentSuccessIconOnly),et.extend("--ft-chip-success-border-color","",rt.borderSuccessSubtle),et.extend("--ft-chip-warning-background-color","",rt.backgroundWarningSubtle),et.extend("--ft-chip-warning-color","",rt.contentWarningPrimary),et.extend("--ft-chip-warning-icon-color","",rt.contentWarningIconOnly),et.extend("--ft-chip-warning-border-color","",rt.borderWarningSubtle),et.extend("--ft-chip-error-background-color","",rt.backgroundErrorSubtle),et.extend("--ft-chip-error-color","",rt.contentErrorPrimary),et.extend("--ft-chip-error-icon-color","",rt.contentErrorIconOnly),et.extend("--ft-chip-error-border-color","",rt.borderErrorSubtle),et.extend("--ft-border-info-border-color","",rt.borderInfoSubtle),et.create("--ft-notice-border-width","","SIZE","1px"),et.extend("--ft-notice-horizontal-padding","",ot.spacing2),et.extend("--ft-notice-vertical-padding","",ot.spacing1),et.extend("--ft-notice-border-radius","",ot.borderRadiusS),et.extend("--ft-notice-gap","",ot.spacing2),et.extend("--ft-notice-icon-size","",ot.iconSize3),et.extend("--ft-notice-info-background-color","",rt.backgroundInfoSubtle),et.extend("--ft-notice-info-border-color","",rt.borderInfoSubtle),et.extend("--ft-notice-info-color","",rt.contentInfoPrimary),et.extend("--ft-notice-info-icon-color","",rt.contentInfoIconOnly),et.extend("--ft-notice-warning-background-color","",rt.backgroundWarningSubtle),et.extend("--ft-notice-warning-border-color","",rt.borderWarningSubtle),et.extend("--ft-notice-warning-color","",rt.contentWarningPrimary),et.extend("--ft-notice-warning-icon-color","",rt.contentWarningIconOnly),et.extend("--ft-notice-error-background-color","",rt.backgroundErrorSubtle),et.extend("--ft-notice-error-border-color","",rt.borderErrorSubtle),et.extend("--ft-notice-error-color","",rt.contentErrorPrimary),et.extend("--ft-notice-error-icon-color","",rt.contentErrorIconOnly),et.extend("--ft-notice-success-background-color","",rt.backgroundSuccessSubtle),et.extend("--ft-notice-success-border-color","",rt.borderSuccessSubtle),et.extend("--ft-notice-success-color","",rt.contentSuccessPrimary),et.extend("--ft-notice-success-icon-color","",rt.contentSuccessIconOnly),et.extend("--ft-checkbox-color","",rt.contentGlobalPrimary),et.extend("--ft-checkbox-checked-background-color","",rt.contentActionPrimary),et.extend("--ft-checkbox-checked-state-layer-color","",rt.contentActionPrimary),et.extend("--ft-checkbox-checked-icon-color","",rt.contentGlobalOnColor),et.extend("--ft-checkbox-checked-hover-state-layer-opacity","",ot.opacity16),et.extend("--ft-checkbox-checked-focus-state-layer-opacity","",ot.opacity16),et.extend("--ft-checkbox-checked-active-state-layer-opacity","",ot.opacity24),et.extend("--ft-checkbox-checked-disabled-component-opacity","",ot.opacity40),et.extend("--ft-checkbox-unchecked-border-color","",ot.colorGray80),et.extend("--ft-checkbox-unchecked-state-layer-color","",ot.colorGray80),et.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",ot.opacity16),et.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",ot.opacity16),et.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",ot.opacity24),et.extend("--ft-checkbox-unchecked-disabled-component-opacity","",ot.opacity40),et.extend("--ft-checkbox-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),et.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),et.extend("--ft-checkbox-gap","",ot.spacing3),et.extend("--ft-toggle-off-hover-state-layer-opacity","",ot.opacity16),et.extend("--ft-toggle-off-focus-state-layer-opacity","",ot.opacity16),et.extend("--ft-toggle-off-active-state-layer-opacity","",ot.opacity24),et.extend("--ft-toggle-off-disabled-component-opacity","",ot.opacity40),et.extend("--ft-toggle-off-background-color","",rt.contentGlobalSubtle),et.extend("--ft-toggle-off-icon-color","",rt.contentGlobalSubtle),et.extend("--ft-toggle-off-state-layer-color","",rt.contentGlobalSubtle),et.extend("--ft-toggle-on-hover-state-layer-opacity","",ot.opacity16),et.extend("--ft-toggle-on-focus-state-layer-opacity","",ot.opacity16),et.extend("--ft-toggle-on-active-state-layer-opacity","",ot.opacity24),et.extend("--ft-toggle-on-disabled-component-opacity","",ot.opacity40),et.extend("--ft-toggle-on-background-color","",rt.contentActionPrimary),et.extend("--ft-toggle-on-state-layer-color","",rt.contentActionPrimary),et.extend("--ft-toggle-on-icon-color","",rt.contentActionPrimary),et.extend("--ft-toggle-color","",rt.contentGlobalPrimary),et.extend("--ft-toggle-focus-focus-ring-color","",rt.borderActionFocusRing),et.extend("--ft-toggle-gap","",ot.spacing3),et.extend("--ft-radio-color","",rt.contentGlobalPrimary),et.extend("--ft-radio-selected-radio-color","",rt.contentActionPrimary),et.extend("--ft-radio-selected-state-layer-color","",rt.contentActionPrimary),et.extend("--ft-radio-selected-hover-state-layer-opacity","",ot.opacity16),et.extend("--ft-radio-selected-focus-state-layer-opacity","",ot.opacity16),et.extend("--ft-radio-selected-active-state-layer-opacity","",ot.opacity24),et.extend("--ft-radio-selected-disabled-component-opacity","",ot.opacity40),et.extend("--ft-radio-unselected-state-layer-color","",rt.borderInputPrimary),et.extend("--ft-radio-unselected-border-color","",rt.borderInputPrimary),et.extend("--ft-radio-unselected-hover-state-layer-opacity","",ot.opacity16),et.extend("--ft-radio-unselected-focus-state-layer-opacity","",ot.opacity16),et.extend("--ft-radio-unselected-active-state-layer-opacity","",ot.opacity24),et.extend("--ft-radio-unselected-disabled-component-opacity","",ot.opacity40),et.extend("--ft-radio-focus-focus-ring-color","",rt.borderActionFocusRing),et.create("--ft-radio-focus-outline-offset","","SIZE","3px"),et.create("--ft-radio-focus-outline-width","","SIZE","2px"),et.extend("--ft-radio-gap","",ot.spacing3),et.extend("--ft-notification-icon-size","",ot.iconSize4),et.extend("--ft-notification-horizontal-padding","",ot.spacing4),et.extend("--ft-notification-vertical-padding","",ot.spacing4),et.extend("--ft-notification-info-background-color","",rt.backgroundInfoSubtle),et.extend("--ft-notification-info-color","",rt.contentInfoPrimary),et.extend("--ft-notification-info-icon-color","",rt.contentInfoIconOnly),et.extend("--ft-notification-info-border-color","",rt.borderInfoSubtle),et.extend("--ft-notification-success-background-color","",rt.backgroundSuccessSubtle),et.extend("--ft-notification-success-color","",rt.contentSuccessPrimary),et.extend("--ft-notification-success-icon-color","",rt.contentSuccessIconOnly),et.extend("--ft-notification-success-border-color","",rt.borderSuccessSubtle),et.extend("--ft-notification-warning-background-color","",rt.backgroundWarningSubtle),et.extend("--ft-notification-warning-color","",rt.contentWarningPrimary),et.extend("--ft-notification-warning-icon-color","",rt.contentWarningIconOnly),et.extend("--ft-notification-warning-border-color","",rt.borderWarningSubtle),et.extend("--ft-notification-error-background-color","",rt.backgroundErrorSubtle),et.extend("--ft-notification-error-color","",rt.contentErrorPrimary),et.extend("--ft-notification-error-icon-color","",rt.contentErrorIconOnly),et.extend("--ft-notification-error-border-color","",rt.borderErrorSubtle),et.extend("--ft-notification-border-radius","",ot.borderRadiusPill),et.create("--ft-notification-border-width","","SIZE","1px"),et.extend("--ft-notification-leading-gap","",ot.spacing2),et.extend("--ft-notification-trailing-gap","",ot.spacing8),et.extend("--ft-tooltip-horizontal-padding","",ot.spacing2),et.extend("--ft-tooltip-vertical-padding","",ot.spacing2),et.extend("--ft-tooltip-border-radius","",ot.borderRadiusS),et.extend("--ft-tooltip-color","",rt.contentGlobalOnColor),et.extend("--ft-tooltip-background-color","",rt.contentGlobalPrimary),et.extend("--ft-tooltip-background-opacity","",ot.opacity80),et.extend("--ft-tooltip-shadow","",ot.shadowElevation03),et.create("--ft-tooltip-max-width","","SIZE","256px"),et.extend("--ft-tooltip-gap","",ot.spacing05);const nt=e.FtCssVariableFactory.extend("--ft-typography-font-family","",e.designSystemVariables.titleFont),lt=e.FtCssVariableFactory.extend("--ft-typography-font-family","",e.designSystemVariables.contentFont),st={fontFamily:lt,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},ct=e.FtCssVariableFactory.extend("--ft-typography-title-font-family","",nt),pt=e.FtCssVariableFactory.extend("--ft-typography-title-font-size","",st.fontSize,"20px"),ft=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",st.fontWeight,"normal"),ht=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",st.letterSpacing,"0.15px"),dt=e.FtCssVariableFactory.extend("--ft-typography-title-line-height","",st.lineHeight,"1.2"),ut=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",st.textTransform,"inherit"),bt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",nt),gt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",st.fontSize,"14px"),yt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",st.fontWeight,"normal"),mt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",st.letterSpacing,"0.105px"),xt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",st.lineHeight,"1.7"),vt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",st.textTransform,"inherit"),$t=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",lt),wt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",st.fontSize,"16px"),Ot=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",st.fontWeight,"600"),St=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",st.letterSpacing,"0.144px"),kt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",st.lineHeight,"1.5"),Nt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",st.textTransform,"inherit"),Ct=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",lt),It=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",st.fontSize,"14px"),Et=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",st.fontWeight,"normal"),zt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",st.letterSpacing,"0.098px"),Lt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",st.lineHeight,"1.7"),Ut=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",st.textTransform,"inherit"),Rt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",lt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",st.fontSize,"16px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",st.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",st.letterSpacing,"0.496px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",st.lineHeight,"1.5"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",st.textTransform,"inherit")},Wt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",lt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",st.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",st.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",st.letterSpacing,"0.252px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",st.lineHeight,"1.4"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",st.textTransform,"inherit")},Zt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",lt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",st.fontSize,"12px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",st.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",st.letterSpacing,"0.396px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",st.lineHeight,"1.33"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",st.textTransform,"inherit")},Bt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",lt),Ft=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",st.fontSize,"10px"),Dt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",st.fontWeight,"normal"),Kt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",st.letterSpacing,"0.33px"),At=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",st.lineHeight,"1.6"),Ht=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",st.textTransform,"inherit"),Mt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",lt),Pt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",st.fontSize,"10px"),jt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",st.fontWeight,"normal"),Tt=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",st.letterSpacing,"1.5px"),Gt=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",st.lineHeight,"1.6"),_t=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",st.textTransform,"uppercase"),Vt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-button-font-family","",lt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-button-font-size","",st.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",st.fontWeight,"600"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",st.letterSpacing,"1.246px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-button-line-height","",st.lineHeight,"1.15"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",st.textTransform,"uppercase")},qt=o.css`
|
|
24
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run(()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=Gt.S:this.size<976?this.category=Gt.M:this.size<1024?this.category=Gt.L:this.size<1440?this.category=Gt.XL:this.category=Gt.XXL,this.dispatchEvent(new Nr(this.size,this.category)))},this.debounceTimeout)}};Ft.elementDefinitions={};Ft.styles=Li;$o([(0,We.property)({type:Number})],Ft.prototype,"debounceTimeout",void 0);$o([(0,We.property)({type:Boolean})],Ft.prototype,"local",void 0);$o([(0,We.property)({type:Number,reflect:!0})],Ft.prototype,"size",void 0);$o([(0,We.property)({type:String,reflect:!0})],Ft.prototype,"category",void 0);$o([(0,We.query)(".ft-size-watcher--watcher")],Ft.prototype,"watcher",void 0);(0,ki.customElement)("ft-size-watcher")(Ft);var Ia=d(g());var Fr=globalThis,Yo=Fr.trustedTypes,Bi=Yo?Yo.createPolicy("lit-html",{createHTML:o=>o}):void 0,Di="$lit$",Le=`lit$${(Math.random()+"").slice(9)}$`,_i="?"+Le,hs=`<${_i}>`,He=document,Xo=()=>He.createComment(""),Ro=o=>o===null||typeof o!="object"&&typeof o!="function",Ti=Array.isArray,us=o=>Ti(o)||typeof o?.[Symbol.iterator]=="function",kr=`[
|
|
25
|
+
\f\r]`,Eo=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ai=/-->/g,Ii=/>/g,Ue=RegExp(`>|${kr}(?:([^\\s"'>=/]+)(${kr}*=${kr}*(?:[^
|
|
26
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),zi=/'/g,Pi=/"/g,Wi=/^(?:script|style|textarea|title)$/i,Ui=o=>(t,...r)=>({_$litType$:o,strings:t,values:r}),Mi=Ui(1),Hi=Ui(2),Lo=Symbol.for("lit-noChange"),ut=Symbol.for("lit-nothing"),Fi=new WeakMap,Me=He.createTreeWalker(He,129);function Vi(o,t){if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Bi!==void 0?Bi.createHTML(t):t}var ms=(o,t)=>{let r=o.length-1,i=[],a,n=t===2?"<svg>":"",l=Eo;for(let c=0;c<r;c++){let f=o[c],h,v,x=-1,_=0;for(;_<f.length&&(l.lastIndex=_,v=l.exec(f),v!==null);)_=l.lastIndex,l===Eo?v[1]==="!--"?l=Ai:v[1]!==void 0?l=Ii:v[2]!==void 0?(Wi.test(v[2])&&(a=RegExp("</"+v[2],"g")),l=Ue):v[3]!==void 0&&(l=Ue):l===Ue?v[0]===">"?(l=a??Eo,x=-1):v[1]===void 0?x=-2:(x=l.lastIndex-v[2].length,h=v[1],l=v[3]===void 0?Ue:v[3]==='"'?Pi:zi):l===Pi||l===zi?l=Ue:l===Ai||l===Ii?l=Eo:(l=Ue,a=void 0);let B=l===Ue&&o[c+1].startsWith("/>")?" ":"";n+=l===Eo?f+hs:x>=0?(i.push(h),f.slice(0,x)+Di+f.slice(x)+Le+B):f+Le+(x===-2?c:B)}return[Vi(o,n+(o[r]||"<?>")+(t===2?"</svg>":"")),i]},No=class o{constructor({strings:t,_$litType$:r},i){let a;this.parts=[];let n=0,l=0,c=t.length-1,f=this.parts,[h,v]=ms(t,r);if(this.el=o.createElement(h,i),Me.currentNode=this.el.content,r===2){let x=this.el.content.firstChild;x.replaceWith(...x.childNodes)}for(;(a=Me.nextNode())!==null&&f.length<c;){if(a.nodeType===1){if(a.hasAttributes())for(let x of a.getAttributeNames())if(x.endsWith(Di)){let _=v[l++],B=a.getAttribute(x).split(Le),U=/([.?@])?(.*)/.exec(_);f.push({type:1,index:n,name:U[2],strings:B,ctor:U[1]==="."?Ar:U[1]==="?"?Ir:U[1]==="@"?zr:ao}),a.removeAttribute(x)}else x.startsWith(Le)&&(f.push({type:6,index:n}),a.removeAttribute(x));if(Wi.test(a.tagName)){let x=a.textContent.split(Le),_=x.length-1;if(_>0){a.textContent=Yo?Yo.emptyScript:"";for(let B=0;B<_;B++)a.append(x[B],Xo()),Me.nextNode(),f.push({type:2,index:++n});a.append(x[_],Xo())}}}else if(a.nodeType===8)if(a.data===_i)f.push({type:2,index:n});else{let x=-1;for(;(x=a.data.indexOf(Le,x+1))!==-1;)f.push({type:7,index:n}),x+=Le.length-1}n++}}static createElement(t,r){let i=He.createElement("template");return i.innerHTML=t,i}};function io(o,t,r=o,i){if(t===Lo)return t;let a=i!==void 0?r._$Co?.[i]:r._$Cl,n=Ro(t)?void 0:t._$litDirective$;return a?.constructor!==n&&(a?._$AO?.(!1),n===void 0?a=void 0:(a=new n(o),a._$AT(o,r,i)),i!==void 0?(r._$Co??=[])[i]=a:r._$Cl=a),a!==void 0&&(t=io(o,a._$AS(o,t.values),a,i)),t}var Br=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,a=(t?.creationScope??He).importNode(r,!0);Me.currentNode=a;let n=Me.nextNode(),l=0,c=0,f=i[0];for(;f!==void 0;){if(l===f.index){let h;f.type===2?h=new Jo(n,n.nextSibling,this,t):f.type===1?h=new f.ctor(n,f.name,f.strings,this,t):f.type===6&&(h=new Pr(n,this,t)),this._$AV.push(h),f=i[++c]}l!==f?.index&&(n=Me.nextNode(),l++)}return Me.currentNode=He,a}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++}},Jo=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,r,i,a){this.type=2,this._$AH=ut,this._$AN=void 0,this._$AA=t,this._$AB=r,this._$AM=i,this.options=a,this._$Cv=a?.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=io(this,t,r),Ro(t)?t===ut||t==null||t===""?(this._$AH!==ut&&this._$AR(),this._$AH=ut):t!==this._$AH&&t!==Lo&&this._(t):t._$litType$!==void 0?this.g(t):t.nodeType!==void 0?this.$(t):us(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!==ut&&Ro(this._$AH)?this._$AA.nextSibling.data=t:this.$(He.createTextNode(t)),this._$AH=t}g(t){let{values:r,_$litType$:i}=t,a=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=No.createElement(Vi(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===a)this._$AH.p(r);else{let n=new Br(a,this),l=n.u(this.options);n.p(r),this.$(l),this._$AH=n}}_$AC(t){let r=Fi.get(t.strings);return r===void 0&&Fi.set(t.strings,r=new No(t)),r}T(t){Ti(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,i,a=0;for(let n of t)a===r.length?r.push(i=new o(this.k(Xo()),this.k(Xo()),this,this.options)):i=r[a],i._$AI(n),a++;a<r.length&&(this._$AR(i&&i._$AB.nextSibling,a),r.length=a)}_$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))}},ao=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,r,i,a,n){this.type=1,this._$AH=ut,this._$AN=void 0,this.element=t,this.name=r,this._$AM=a,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ut}_$AI(t,r=this,i,a){let n=this.strings,l=!1;if(n===void 0)t=io(this,t,r,0),l=!Ro(t)||t!==this._$AH&&t!==Lo,l&&(this._$AH=t);else{let c=t,f,h;for(t=n[0],f=0;f<n.length-1;f++)h=io(this,c[i+f],r,f),h===Lo&&(h=this._$AH[f]),l||=!Ro(h)||h!==this._$AH[f],h===ut?t=ut:t!==ut&&(t+=(h??"")+n[f+1]),this._$AH[f]=h}l&&!a&&this.O(t)}O(t){t===ut?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},Ar=class extends ao{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===ut?void 0:t}},Ir=class extends ao{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==ut)}},zr=class extends ao{constructor(t,r,i,a,n){super(t,r,i,a,n),this.type=5}_$AI(t,r=this){if((t=io(this,t,r,0)??ut)===Lo)return;let i=this._$AH,a=t===ut&&i!==ut||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==ut&&(i===ut||a);a&&this.element.removeEventListener(this.name,this,i),n&&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){io(this,t)}};var gs=Fr.litHtmlPolyfillSupport;gs?.(No,Jo),(Fr.litHtmlVersions??=[]).push("3.1.0");var Ki=Symbol.for(""),bs=o=>{if(o?.r===Ki)return o?._$litStatic$},Dr=o=>({_$litStatic$:o,r:Ki});var Gi=new Map,Zi=o=>(t,...r)=>{let i=r.length,a,n,l=[],c=[],f,h=0,v=!1;for(;h<i;){for(f=t[h];h<i&&(n=r[h],(a=bs(n))!==void 0);)f+=a+t[++h],v=!0;h!==i&&c.push(n),l.push(f),h++}if(h===i&&l.push(t[i]),v){let x=l.join("$$lit$$");(t=Gi.get(x))===void 0&&(l.raw=l,Gi.set(x,t=l)),r=c}return o(t,...r)},_r=Zi(Mi),lc=Zi(Hi);var Tr=d(X()),Aa=d(g());var Ve;(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"})(Ve||(Ve={}));var Kt=d(S()),m=d(g());var be=d(S(),1),Ne=o=>typeof o=="string"?(0,be.unsafeCSS)(o):o,e=class{static create(t,r,i,a){let n=c=>Ne(c??a),l=be.css`var(${Ne(t)}, ${n(a)})`;return l.name=t,l.description=r,l.category=i,l.defaultValue=a,l.defaultCssValue=n,l.get=c=>be.css`var(${Ne(t)}, ${n(c)})`,l.breadcrumb=()=>[],l.lastResortDefaultValue=()=>a,l}static extend(t,r,i,a){let n=c=>i.get(c??a),l=be.css`var(${Ne(t)}, ${n(a)})`;return l.name=t,l.description=r,l.category=i.category,l.fallbackVariable=i,l.defaultValue=a,l.defaultCssValue=n,l.get=c=>be.css`var(${Ne(t)}, ${n(c)})`,l.breadcrumb=()=>[i.name,...i.breadcrumb()],l.lastResortDefaultValue=()=>a??i.lastResortDefaultValue(),l}static external(t,r){let i=n=>t.fallbackVariable?t.fallbackVariable.get(n??t.defaultValue):Ne(n??t.lastResortDefaultValue()),a=be.css`var(${Ne(t.name)}, ${i(t.defaultValue)})`;return a.name=t.name,a.category=t.category,a.fallbackVariable=t.fallbackVariable,a.defaultValue=t.defaultValue,a.context=r,a.defaultCssValue=i,a.get=n=>be.css`var(${Ne(t.name)}, ${i(n)})`,a.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],a.lastResortDefaultValue=()=>t.lastResortDefaultValue(),a}};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)")},ji={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")},qi={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")},Yi={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")},Xi={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")},Ji={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")},Qi={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")},ta={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")},ea={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")},oa={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")},ys={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")},ra={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")},ia={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")},aa={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")},na={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")},la={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")},sa={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")},ca={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")},pa={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")},da={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")},fa={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")},ha={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")},ua={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")},ma={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")},ga={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")},ba={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")},ya={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")},Qo={display:ji,"title-1":qi,"title-2":Yi,"title-3":Xi,"body-1-regular":Ji,"body-1-medium":Qi,"body-1-semibold":ta,"body-2-regular":ea,"body-2-medium":oa,"body-2-medium-underline":ys,"body-2-semibold":ra,"label-1-medium":ia,"label-1-semibold":aa,"label-1-bold":na,"label-2-medium":la,"label-2-semibold":sa,"label-2-bold":ca,"caption-1-medium":pa,"caption-1-semibold":da,"caption-1-bold":fa,"caption-2-medium":ha,"caption-2-semibold":ua,"caption-2-bold":ma,"caption-3-medium":ga,"caption-3-semibold":ba,"caption-3-bold":ya};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.
|
|
27
|
+
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 b={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 $c={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 kc={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 Pc={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 Wc={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 Gc={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 Yc={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 ep={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 np={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 dp={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 gp={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 Sp={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 Ep={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 Bp={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 Fp={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 Wp={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 Gp={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 qp={infoBorderColor:e.extend("--ft-border-info-border-color","",p.borderInfoSubtle)};var td={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 ad={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 pd={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 md={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 vd={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 $d={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 tr=d(S());function xa(o){let t=Qo[o];return tr.css`
|
|
28
|
+
.ft-typography--${(0,tr.unsafeCSS)(o)} {
|
|
29
|
+
font-family: ${t.fontFamily};
|
|
30
|
+
font-size: ${t.fontSize};
|
|
31
|
+
font-weight: ${t.fontWeight};
|
|
32
|
+
letter-spacing: ${t.letterSpacing};
|
|
33
|
+
line-height: ${t.lineHeight};
|
|
34
|
+
text-transform: ${t.textCase};
|
|
35
|
+
}
|
|
36
|
+
`}var va=m.FtCssVariableFactory.extend("--ft-typography-font-family","",m.designSystemVariables.titleFont),xe=m.FtCssVariableFactory.extend("--ft-typography-font-family","",m.designSystemVariables.contentFont),y={fontFamily:xe,fontSize:m.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:m.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:m.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:m.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:m.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},no={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-title-font-family","",va),fontSize:m.FtCssVariableFactory.extend("--ft-typography-title-font-size","",y.fontSize,"20px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",y.letterSpacing,"0.15px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-title-line-height","",y.lineHeight,"1.2"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",y.textTransform,"inherit")},lo={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",va),fontSize:m.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",y.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",y.letterSpacing,"0.105px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",y.lineHeight,"1.7"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",y.textTransform,"inherit")},so={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",y.fontSize,"16px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",y.fontWeight,"600"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",y.letterSpacing,"0.144px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",y.lineHeight,"1.5"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",y.textTransform,"inherit")},co={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",y.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",y.letterSpacing,"0.098px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",y.lineHeight,"1.7"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",y.textTransform,"inherit")},ye={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",y.fontSize,"16px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",y.letterSpacing,"0.496px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",y.lineHeight,"1.5"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",y.textTransform,"inherit")},gt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",y.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",y.letterSpacing,"0.252px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",y.lineHeight,"1.4"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",y.textTransform,"inherit")},Jt={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",y.fontSize,"12px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",y.letterSpacing,"0.396px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",y.lineHeight,"1.33"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",y.textTransform,"inherit")},po={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",y.fontSize,"10px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",y.letterSpacing,"0.33px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",y.lineHeight,"1.6"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",y.textTransform,"inherit")},fo={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",y.fontSize,"10px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",y.fontWeight,"normal"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",y.letterSpacing,"1.5px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",y.lineHeight,"1.6"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",y.textTransform,"uppercase")},le={fontFamily:m.FtCssVariableFactory.extend("--ft-typography-button-font-family","",xe),fontSize:m.FtCssVariableFactory.extend("--ft-typography-button-font-size","",y.fontSize,"14px"),fontWeight:m.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",y.fontWeight,"600"),letterSpacing:m.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",y.letterSpacing,"1.246px"),lineHeight:m.FtCssVariableFactory.extend("--ft-typography-button-line-height","",y.lineHeight,"1.15"),textTransform:m.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",y.textTransform,"uppercase")},Sa=Kt.css`
|
|
37
37
|
.ft-typography--title {
|
|
38
|
-
font-family: ${
|
|
39
|
-
font-size: ${
|
|
40
|
-
font-weight: ${
|
|
41
|
-
letter-spacing: ${
|
|
42
|
-
line-height: ${
|
|
43
|
-
text-transform: ${
|
|
44
|
-
}
|
|
45
|
-
`,
|
|
38
|
+
font-family: ${no.fontFamily};
|
|
39
|
+
font-size: ${no.fontSize};
|
|
40
|
+
font-weight: ${no.fontWeight};
|
|
41
|
+
letter-spacing: ${no.letterSpacing};
|
|
42
|
+
line-height: ${no.lineHeight};
|
|
43
|
+
text-transform: ${no.textTransform};
|
|
44
|
+
}
|
|
45
|
+
`,Oa=Kt.css`
|
|
46
46
|
.ft-typography--title-dense {
|
|
47
|
-
font-family: ${
|
|
48
|
-
font-size: ${
|
|
49
|
-
font-weight: ${
|
|
50
|
-
letter-spacing: ${
|
|
51
|
-
line-height: ${
|
|
52
|
-
text-transform: ${
|
|
53
|
-
}
|
|
54
|
-
`,
|
|
47
|
+
font-family: ${lo.fontFamily};
|
|
48
|
+
font-size: ${lo.fontSize};
|
|
49
|
+
font-weight: ${lo.fontWeight};
|
|
50
|
+
letter-spacing: ${lo.letterSpacing};
|
|
51
|
+
line-height: ${lo.lineHeight};
|
|
52
|
+
text-transform: ${lo.textTransform};
|
|
53
|
+
}
|
|
54
|
+
`,Ca=Kt.css`
|
|
55
55
|
.ft-typography--subtitle1 {
|
|
56
|
-
font-family: ${
|
|
57
|
-
font-size: ${
|
|
58
|
-
font-weight: ${
|
|
59
|
-
letter-spacing: ${
|
|
60
|
-
line-height: ${
|
|
61
|
-
text-transform: ${
|
|
62
|
-
}
|
|
63
|
-
`,
|
|
56
|
+
font-family: ${so.fontFamily};
|
|
57
|
+
font-size: ${so.fontSize};
|
|
58
|
+
font-weight: ${so.fontWeight};
|
|
59
|
+
letter-spacing: ${so.letterSpacing};
|
|
60
|
+
line-height: ${so.lineHeight};
|
|
61
|
+
text-transform: ${so.textTransform};
|
|
62
|
+
}
|
|
63
|
+
`,wa=Kt.css`
|
|
64
64
|
.ft-typography--subtitle2 {
|
|
65
|
-
font-family: ${
|
|
66
|
-
font-size: ${
|
|
67
|
-
font-weight: ${
|
|
68
|
-
letter-spacing: ${
|
|
69
|
-
line-height: ${
|
|
70
|
-
text-transform: ${
|
|
65
|
+
font-family: ${co.fontFamily};
|
|
66
|
+
font-size: ${co.fontSize};
|
|
67
|
+
font-weight: ${co.fontWeight};
|
|
68
|
+
letter-spacing: ${co.letterSpacing};
|
|
69
|
+
line-height: ${co.lineHeight};
|
|
70
|
+
text-transform: ${co.textTransform};
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
|
|
73
|
+
`,$a=Kt.css`
|
|
74
74
|
.ft-typography--body1 {
|
|
75
|
-
font-family: ${
|
|
76
|
-
font-size: ${
|
|
77
|
-
font-weight: ${
|
|
78
|
-
letter-spacing: ${
|
|
79
|
-
line-height: ${
|
|
80
|
-
text-transform: ${
|
|
81
|
-
}
|
|
82
|
-
`,
|
|
75
|
+
font-family: ${ye.fontFamily};
|
|
76
|
+
font-size: ${ye.fontSize};
|
|
77
|
+
font-weight: ${ye.fontWeight};
|
|
78
|
+
letter-spacing: ${ye.letterSpacing};
|
|
79
|
+
line-height: ${ye.lineHeight};
|
|
80
|
+
text-transform: ${ye.textTransform};
|
|
81
|
+
}
|
|
82
|
+
`,ho=Kt.css`
|
|
83
83
|
.ft-typography--body2 {
|
|
84
|
-
font-family: ${
|
|
85
|
-
font-size: ${
|
|
86
|
-
font-weight: ${
|
|
87
|
-
letter-spacing: ${
|
|
88
|
-
line-height: ${
|
|
89
|
-
text-transform: ${
|
|
90
|
-
}
|
|
91
|
-
`,
|
|
84
|
+
font-family: ${gt.fontFamily};
|
|
85
|
+
font-size: ${gt.fontSize};
|
|
86
|
+
font-weight: ${gt.fontWeight};
|
|
87
|
+
letter-spacing: ${gt.letterSpacing};
|
|
88
|
+
line-height: ${gt.lineHeight};
|
|
89
|
+
text-transform: ${gt.textTransform};
|
|
90
|
+
}
|
|
91
|
+
`,ke=Kt.css`
|
|
92
92
|
.ft-typography--caption {
|
|
93
|
-
font-family: ${
|
|
94
|
-
font-size: ${
|
|
95
|
-
font-weight: ${
|
|
96
|
-
letter-spacing: ${
|
|
97
|
-
line-height: ${
|
|
98
|
-
text-transform: ${
|
|
99
|
-
}
|
|
100
|
-
`,
|
|
93
|
+
font-family: ${Jt.fontFamily};
|
|
94
|
+
font-size: ${Jt.fontSize};
|
|
95
|
+
font-weight: ${Jt.fontWeight};
|
|
96
|
+
letter-spacing: ${Jt.letterSpacing};
|
|
97
|
+
line-height: ${Jt.lineHeight};
|
|
98
|
+
text-transform: ${Jt.textTransform};
|
|
99
|
+
}
|
|
100
|
+
`,Ea=Kt.css`
|
|
101
101
|
.ft-typography--breadcrumb {
|
|
102
|
-
font-family: ${
|
|
103
|
-
font-size: ${
|
|
104
|
-
font-weight: ${
|
|
105
|
-
letter-spacing: ${
|
|
106
|
-
line-height: ${
|
|
107
|
-
text-transform: ${
|
|
108
|
-
}
|
|
109
|
-
`,
|
|
102
|
+
font-family: ${po.fontFamily};
|
|
103
|
+
font-size: ${po.fontSize};
|
|
104
|
+
font-weight: ${po.fontWeight};
|
|
105
|
+
letter-spacing: ${po.letterSpacing};
|
|
106
|
+
line-height: ${po.lineHeight};
|
|
107
|
+
text-transform: ${po.textTransform};
|
|
108
|
+
}
|
|
109
|
+
`,Ra=Kt.css`
|
|
110
110
|
.ft-typography--overline {
|
|
111
|
-
font-family: ${
|
|
112
|
-
font-size: ${
|
|
113
|
-
font-weight: ${
|
|
114
|
-
letter-spacing: ${
|
|
115
|
-
line-height: ${
|
|
116
|
-
text-transform: ${
|
|
117
|
-
}
|
|
118
|
-
`,
|
|
111
|
+
font-family: ${fo.fontFamily};
|
|
112
|
+
font-size: ${fo.fontSize};
|
|
113
|
+
font-weight: ${fo.fontWeight};
|
|
114
|
+
letter-spacing: ${fo.letterSpacing};
|
|
115
|
+
line-height: ${fo.lineHeight};
|
|
116
|
+
text-transform: ${fo.textTransform};
|
|
117
|
+
}
|
|
118
|
+
`,La=Kt.css`
|
|
119
119
|
.ft-typography--button {
|
|
120
|
-
font-family: ${
|
|
121
|
-
font-size: ${
|
|
122
|
-
font-weight: ${
|
|
123
|
-
letter-spacing: ${
|
|
124
|
-
line-height: ${
|
|
125
|
-
text-transform: ${
|
|
126
|
-
}
|
|
127
|
-
`,
|
|
120
|
+
font-family: ${le.fontFamily};
|
|
121
|
+
font-size: ${le.fontSize};
|
|
122
|
+
font-weight: ${le.fontWeight};
|
|
123
|
+
letter-spacing: ${le.letterSpacing};
|
|
124
|
+
line-height: ${le.lineHeight};
|
|
125
|
+
text-transform: ${le.textTransform};
|
|
126
|
+
}
|
|
127
|
+
`,Na=Kt.css`
|
|
128
128
|
.ft-typography {
|
|
129
129
|
vertical-align: inherit;
|
|
130
130
|
}
|
|
131
|
-
`,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
font-size: ${e.fontSize};
|
|
135
|
-
font-weight: ${e.fontWeight};
|
|
136
|
-
letter-spacing: ${e.letterSpacing};
|
|
137
|
-
line-height: ${e.lineHeight};
|
|
138
|
-
text-transform: ${e.textCase};
|
|
139
|
-
}
|
|
140
|
-
`}(t)))];var le=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class se extends e.FtLitElement{constructor(){super(...arguments),this.variant=Q.body1}render(){return this.element?J`
|
|
141
|
-
<${Y(this.element)}
|
|
131
|
+
`,ka=[Object.keys(Qo).map(o=>xa(o))];var Ba=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},M=class extends Aa.FtLitElement{constructor(){super(...arguments),this.variant=Ve.body1}render(){return this.element?_r`
|
|
132
|
+
<${Dr(this.element)}
|
|
133
|
+
part="text"
|
|
142
134
|
class="ft-typography ft-typography--${this.variant}">
|
|
143
135
|
<slot></slot>
|
|
144
|
-
</${
|
|
145
|
-
`:
|
|
146
|
-
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
147
|
-
`}}function
|
|
136
|
+
</${Dr(this.element)}>
|
|
137
|
+
`:_r`
|
|
138
|
+
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
139
|
+
`}};M.styles=[Sa,Oa,Ca,wa,$a,ho,ke,Ea,Ra,La,Na,...ka];Ba([(0,Tr.property)()],M.prototype,"element",void 0);Ba([(0,Tr.property)()],M.prototype,"variant",void 0);(0,Ia.customElement)("ft-typography")(M);var Wr=d(g());function er(o){return o.startsWith('"')&&o.endsWith('"')?o.replace(/(^"+)|("+$)/g,""):o}function za(o){return er(o).split("|").pop()}function Pa(o){return er(o).split("|").join(" > ")}function Fa(o,t){return{label:o.label,selected:!t&&o.selected,subOptions:o.childNodes.map(r=>Fa(r,o.selected)),value:o.value}}function Da(o){return(0,Wr.flatDeep)(o.options,t=>{var r;return(r=t.subOptions)!==null&&r!==void 0?r:[]}).filter(t=>t.selected).map(t=>t.label)}function Ur(o){return{id:o.key,label:o.label,multivalued:o.multiSelectionable,options:o.rootNodes.map(t=>Fa(t,!1))}}function _a(o){return(0,Wr.flatDeep)(o.rootNodes,t=>t.selected?[]:t.childNodes).filter(t=>t.selected).map(t=>t.value)}var ii=d(g());var Xe=d(S()),H=d(X()),qt=d(g());var Wt=d(S()),yt=d(X()),sl=d(Te()),ur=d(g());var ti=d(g());var To=d(X()),Un=d(g());var Ja=d(S()),$=d(g());var Va=d(S()),at=d(g()),Ta=at.FtCssVariableFactory.extend("--ft-ripple-color","",at.designSystemVariables.colorContent),R={color:Ta,backgroundColor:at.FtCssVariableFactory.extend("--ft-ripple-background-color","",Ta),opacityContentOnSurfacePressed:at.FtCssVariableFactory.external(at.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:at.FtCssVariableFactory.external(at.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:at.FtCssVariableFactory.external(at.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:at.FtCssVariableFactory.external(at.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:at.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},Wa=at.FtCssVariableFactory.extend("--ft-ripple-color","",at.designSystemVariables.colorPrimary),Ua={color:Wa,backgroundColor:at.FtCssVariableFactory.extend("--ft-ripple-background-color","",Wa)},Ma=at.FtCssVariableFactory.extend("--ft-ripple-color","",at.designSystemVariables.colorSecondary),Ha={color:Ma,backgroundColor:at.FtCssVariableFactory.extend("--ft-ripple-background-color","",Ma)},Ga=Va.css`
|
|
148
140
|
:host {
|
|
149
141
|
display: contents;
|
|
150
142
|
}
|
|
@@ -157,7 +149,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
157
149
|
|
|
158
150
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
159
151
|
overflow: hidden;
|
|
160
|
-
border-radius: ${
|
|
152
|
+
border-radius: ${R.borderRadius};
|
|
161
153
|
}
|
|
162
154
|
|
|
163
155
|
.ft-ripple .ft-ripple--background,
|
|
@@ -191,27 +183,27 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
191
183
|
}
|
|
192
184
|
|
|
193
185
|
.ft-ripple .ft-ripple--background {
|
|
194
|
-
background-color: ${
|
|
186
|
+
background-color: ${R.backgroundColor};
|
|
195
187
|
}
|
|
196
188
|
|
|
197
189
|
.ft-ripple .ft-ripple--effect {
|
|
198
|
-
background-color: ${
|
|
190
|
+
background-color: ${R.color};
|
|
199
191
|
}
|
|
200
192
|
|
|
201
193
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
202
|
-
background-color: ${
|
|
194
|
+
background-color: ${Ha.backgroundColor};
|
|
203
195
|
}
|
|
204
196
|
|
|
205
197
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
206
|
-
background-color: ${
|
|
198
|
+
background-color: ${Ha.color};
|
|
207
199
|
}
|
|
208
200
|
|
|
209
201
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
210
|
-
background-color: ${
|
|
202
|
+
background-color: ${Ua.backgroundColor};
|
|
211
203
|
}
|
|
212
204
|
|
|
213
205
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
214
|
-
background-color: ${
|
|
206
|
+
background-color: ${Ua.color};
|
|
215
207
|
}
|
|
216
208
|
|
|
217
209
|
.ft-ripple .ft-ripple--background {
|
|
@@ -241,22 +233,22 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
241
233
|
}
|
|
242
234
|
|
|
243
235
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
244
|
-
opacity: ${
|
|
236
|
+
opacity: ${R.opacityContentOnSurfaceHover};
|
|
245
237
|
}
|
|
246
238
|
|
|
247
239
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
248
|
-
opacity: ${
|
|
240
|
+
opacity: ${R.opacityContentOnSurfaceSelected};
|
|
249
241
|
}
|
|
250
242
|
|
|
251
243
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
252
|
-
opacity: ${
|
|
244
|
+
opacity: ${R.opacityContentOnSurfaceFocused};
|
|
253
245
|
}
|
|
254
246
|
|
|
255
247
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
256
|
-
opacity: ${
|
|
248
|
+
opacity: ${R.opacityContentOnSurfacePressed};
|
|
257
249
|
transform: translate(-50%, -50%) scale(1);
|
|
258
250
|
}
|
|
259
|
-
|
|
251
|
+
`;var Ka=d(S()),ko=d(g()),Lt={color:ko.FtCssVariableFactory.extend("--ft-loader-color","",ko.designSystemVariables.colorPrimary),size:ko.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Za=Ka.css`
|
|
260
252
|
:host {
|
|
261
253
|
line-height: 0;
|
|
262
254
|
}
|
|
@@ -265,8 +257,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
265
257
|
display: inline-block;
|
|
266
258
|
position: relative;
|
|
267
259
|
|
|
268
|
-
width: ${
|
|
269
|
-
height: ${
|
|
260
|
+
width: ${Lt.size};
|
|
261
|
+
height: ${Lt.size};
|
|
270
262
|
}
|
|
271
263
|
|
|
272
264
|
.ft-loader div {
|
|
@@ -275,7 +267,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
275
267
|
width: 25%;
|
|
276
268
|
height: 25%;
|
|
277
269
|
border-radius: 50%;
|
|
278
|
-
background: ${
|
|
270
|
+
background: ${Lt.color};
|
|
279
271
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
280
272
|
}
|
|
281
273
|
|
|
@@ -322,10 +314,10 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
322
314
|
transform: translate(0, 0);
|
|
323
315
|
}
|
|
324
316
|
100% {
|
|
325
|
-
transform: translate(calc(0.35 * ${
|
|
317
|
+
transform: translate(calc(0.35 * ${Lt.size}), 0);
|
|
326
318
|
}
|
|
327
319
|
}
|
|
328
|
-
|
|
320
|
+
`;var ja=d(S()),ve=d(g()),mt={size:ve.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:ve.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",ve.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:ve.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",ve.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:ve.FtCssVariableFactory.extend("--ft-icon-material-font-family","",ve.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:ve.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},qa=ja.css`
|
|
329
321
|
:host, i.ft-icon {
|
|
330
322
|
display: inline-flex;
|
|
331
323
|
align-items: center;
|
|
@@ -334,14 +326,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
334
326
|
}
|
|
335
327
|
|
|
336
328
|
:host {
|
|
337
|
-
width: ${
|
|
338
|
-
height: ${
|
|
329
|
+
width: ${mt.size};
|
|
330
|
+
height: ${mt.size};
|
|
339
331
|
}
|
|
340
332
|
|
|
341
333
|
i.ft-icon {
|
|
342
334
|
width: 100%;
|
|
343
335
|
height: 100%;
|
|
344
|
-
font-size: ${
|
|
336
|
+
font-size: ${mt.size};
|
|
345
337
|
line-height: 1;
|
|
346
338
|
font-weight: normal;
|
|
347
339
|
text-transform: none;
|
|
@@ -352,28 +344,28 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
352
344
|
text-rendering: auto;
|
|
353
345
|
-webkit-font-smoothing: antialiased;
|
|
354
346
|
-moz-osx-font-smoothing: grayscale;
|
|
355
|
-
vertical-align: ${
|
|
347
|
+
vertical-align: ${mt.verticalAlign};
|
|
356
348
|
}
|
|
357
349
|
|
|
358
350
|
i.ft-icon.ft-icon--fluid-topics {
|
|
359
|
-
font-family: ${
|
|
351
|
+
font-family: ${mt.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
360
352
|
|
|
361
353
|
/* Ugly fix because font is broken */
|
|
362
|
-
font-size: calc(0.75 * ${
|
|
363
|
-
line-height: ${
|
|
354
|
+
font-size: calc(0.75 * ${mt.size});
|
|
355
|
+
line-height: ${mt.size};
|
|
364
356
|
position: relative;
|
|
365
357
|
top: -4%;
|
|
366
358
|
justify-content: center;
|
|
367
359
|
}
|
|
368
360
|
|
|
369
361
|
.ft-icon--file-format {
|
|
370
|
-
font-family: ${
|
|
362
|
+
font-family: ${mt.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
371
363
|
}
|
|
372
364
|
|
|
373
365
|
.ft-icon--material {
|
|
374
|
-
font-family: ${
|
|
366
|
+
font-family: ${mt.materialFontFamily}, "Material Icons", sans-serif;
|
|
375
367
|
}
|
|
376
|
-
|
|
368
|
+
`;var Ya=$.FtCssVariableFactory.extend("--ft-button-color","",$.designSystemVariables.colorPrimary),A={backgroundColor:$.FtCssVariableFactory.extend("--ft-button-background-color","",$.designSystemVariables.colorSurface),borderRadius:$.FtCssVariableFactory.extend("--ft-button-border-radius","",$.designSystemVariables.borderRadiusL),color:Ya,fontSize:$.FtCssVariableFactory.extend("--ft-button-font-size","",le.fontSize),iconSize:$.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:$.FtCssVariableFactory.extend("--ft-button-ripple-color","",Ya),verticalPadding:$.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:$.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:$.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:$.FtCssVariableFactory.external($.designSystemVariables.colorOpacityDisabled,"Design system")},Xa=$.FtCssVariableFactory.extend("--ft-button-primary-color","",$.FtCssVariableFactory.extend("--ft-button-color","",$.designSystemVariables.colorOnPrimary)),Mr={backgroundColor:$.FtCssVariableFactory.extend("--ft-button-primary-background-color","",$.FtCssVariableFactory.extend("--ft-button-background-color","",$.designSystemVariables.colorPrimary)),color:Xa,rippleColor:$.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",Xa)},se={borderRadius:$.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",$.FtCssVariableFactory.extend("--ft-button-border-radius","",$.designSystemVariables.borderRadiusM)),verticalPadding:$.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:$.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:$.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},Qa=[Ja.css`
|
|
377
369
|
:host {
|
|
378
370
|
display: inline-block;
|
|
379
371
|
max-width: 100%;
|
|
@@ -384,7 +376,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
384
376
|
box-shadow: 0px 0px 0px transparent;
|
|
385
377
|
border: 0px solid transparent;
|
|
386
378
|
text-shadow: 0px 0px 0px transparent;
|
|
387
|
-
font-size: ${
|
|
379
|
+
font-size: ${A.fontSize};
|
|
388
380
|
}
|
|
389
381
|
|
|
390
382
|
button:hover {
|
|
@@ -413,31 +405,31 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
413
405
|
border: none;
|
|
414
406
|
pointer-events: auto;
|
|
415
407
|
|
|
416
|
-
--ft-button-internal-line-height: max(calc(${
|
|
417
|
-
--ft-button-internal-color: ${
|
|
418
|
-
${
|
|
419
|
-
${
|
|
408
|
+
--ft-button-internal-line-height: max(calc(${A.fontSize} + 2px), ${A.iconSize});
|
|
409
|
+
--ft-button-internal-color: ${A.color};
|
|
410
|
+
${(0,$.setVariable)(mt.size,A.iconSize)};
|
|
411
|
+
${(0,$.setVariable)(R.color,A.rippleColor)};
|
|
420
412
|
|
|
421
|
-
border-radius: ${
|
|
422
|
-
padding: ${
|
|
423
|
-
background-color: ${
|
|
413
|
+
border-radius: ${A.borderRadius};
|
|
414
|
+
padding: ${A.verticalPadding} ${A.horizontalPadding};
|
|
415
|
+
background-color: ${A.backgroundColor};
|
|
424
416
|
color: var(--ft-button-internal-color);
|
|
425
417
|
-webkit-mask-image: radial-gradient(white, black);
|
|
426
418
|
}
|
|
427
419
|
|
|
428
420
|
.ft-button.ft-button--outlined {
|
|
429
421
|
border: 1px solid var(--ft-button-internal-color);
|
|
430
|
-
padding: calc(${
|
|
422
|
+
padding: calc(${A.verticalPadding} - 1px) calc(${A.horizontalPadding} - 1px);
|
|
431
423
|
}
|
|
432
424
|
|
|
433
425
|
.ft-button.ft-button--dense {
|
|
434
|
-
padding: ${
|
|
435
|
-
border-radius: ${
|
|
436
|
-
gap: ${
|
|
426
|
+
padding: ${se.verticalPadding} ${se.horizontalPadding};
|
|
427
|
+
border-radius: ${se.borderRadius};
|
|
428
|
+
gap: ${se.iconPadding};
|
|
437
429
|
}
|
|
438
430
|
|
|
439
431
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
440
|
-
padding: calc(${
|
|
432
|
+
padding: calc(${se.verticalPadding} - 1px) calc(${se.horizontalPadding} - 1px);
|
|
441
433
|
}
|
|
442
434
|
|
|
443
435
|
.ft-button:not([disabled]):hover {
|
|
@@ -445,22 +437,22 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
445
437
|
}
|
|
446
438
|
|
|
447
439
|
.ft-button--round {
|
|
448
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
440
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${A.verticalPadding});
|
|
449
441
|
}
|
|
450
442
|
|
|
451
443
|
.ft-button--round.ft-button--dense {
|
|
452
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
444
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${se.verticalPadding});
|
|
453
445
|
}
|
|
454
446
|
|
|
455
447
|
.ft-button[disabled] {
|
|
456
448
|
filter: grayscale(1);
|
|
457
|
-
opacity: ${
|
|
449
|
+
opacity: ${A.opacityDisabled};
|
|
458
450
|
}
|
|
459
451
|
|
|
460
452
|
.ft-button.ft-button--primary {
|
|
461
|
-
background-color: ${
|
|
462
|
-
--ft-button-internal-color: ${
|
|
463
|
-
${
|
|
453
|
+
background-color: ${Mr.backgroundColor};
|
|
454
|
+
--ft-button-internal-color: ${Mr.color};
|
|
455
|
+
${(0,$.setVariable)(R.color,Mr.rippleColor)};
|
|
464
456
|
}
|
|
465
457
|
|
|
466
458
|
.ft-button:focus {
|
|
@@ -473,55 +465,54 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
473
465
|
white-space: nowrap;
|
|
474
466
|
text-overflow: ellipsis;
|
|
475
467
|
display: block;
|
|
476
|
-
margin: 0 ${
|
|
477
|
-
${
|
|
478
|
-
${
|
|
468
|
+
margin: 0 ${A.iconPadding};
|
|
469
|
+
${(0,$.setVariable)(le.fontSize,"1em")};
|
|
470
|
+
${(0,$.setVariable)(le.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
479
471
|
}
|
|
480
472
|
|
|
481
473
|
.ft-button--dense .ft-button--label {
|
|
482
|
-
margin: 0 ${
|
|
474
|
+
margin: 0 ${se.iconPadding};
|
|
483
475
|
}
|
|
484
476
|
|
|
485
477
|
.ft-button--label[hidden] {
|
|
486
478
|
display: none;
|
|
487
479
|
}
|
|
488
480
|
|
|
489
|
-
|
|
481
|
+
[part="icon"] {
|
|
490
482
|
flex-shrink: 0;
|
|
491
483
|
position: relative;
|
|
492
484
|
}
|
|
493
485
|
|
|
494
|
-
.ft-button--label[hidden] +
|
|
495
|
-
margin: 0 calc(${
|
|
496
|
-
padding: 0 ${
|
|
486
|
+
.ft-button--label[hidden] + [part="icon"] {
|
|
487
|
+
margin: 0 calc(${A.horizontalPadding} * -1);
|
|
488
|
+
padding: 0 ${A.verticalPadding};
|
|
497
489
|
}
|
|
498
490
|
|
|
499
|
-
.ft-button--dense .ft-button--label[hidden] +
|
|
500
|
-
margin: 0 calc(${
|
|
501
|
-
padding: 0 ${
|
|
491
|
+
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
492
|
+
margin: 0 calc(${se.horizontalPadding} * -1);
|
|
493
|
+
padding: 0 ${se.verticalPadding};
|
|
502
494
|
}
|
|
503
495
|
|
|
504
|
-
.ft-button:not(.ft-button--trailing-icon)
|
|
505
|
-
|
|
506
|
-
order: -1;
|
|
496
|
+
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
497
|
+
order: 2;
|
|
507
498
|
}
|
|
508
499
|
|
|
509
500
|
ft-loader {
|
|
510
|
-
${
|
|
511
|
-
${
|
|
501
|
+
${(0,$.setVariable)(Lt.size,A.iconSize)};
|
|
502
|
+
${(0,$.setVariable)(Lt.color,"var(--ft-button-internal-color)")};
|
|
512
503
|
}
|
|
513
|
-
|
|
504
|
+
`,$.noTextSelect];var yo=d(g());var rn=d(g());var en=d(S()),bt=d(X()),on=d(Qt()),Bo=d(g());var Nt=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},N=class extends Bo.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 Bo.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 Bo.Debouncer(10),this.moveRipple=t=>{var r,i;let{x:a,y:n}=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(a!=null?a-l.x:l.width/2),this.originY=Math.round(n!=null?n-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 en.html`
|
|
514
505
|
<style>
|
|
515
506
|
.ft-ripple .ft-ripple--effect {
|
|
516
507
|
left: ${this.originX}px;
|
|
517
508
|
top: ${this.originY}px;
|
|
518
509
|
}
|
|
519
510
|
</style>
|
|
520
|
-
<div class="${
|
|
511
|
+
<div class="${(0,on.classMap)(t)}">
|
|
521
512
|
<div class="ft-ripple--background"></div>
|
|
522
513
|
<div class="ft-ripple--effect"></div>
|
|
523
514
|
</div>
|
|
524
|
-
`}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
|
|
515
|
+
`}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)=>f=>{c.forEach(h=>window.addEventListener(h,this.endPress,{once:!0})),this.startPress(f)},i=r("mouseup","contextmenu"),a=r("touchend","touchcancel"),n=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",a,l),t.addEventListener("touchmove",this.moveRipple,l),t.addEventListener("keydown",n,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",a,l),t.removeEventListener("touchmove",this.moveRipple,l),t.removeEventListener("keydown",n,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,a,n;return r.x!=null?{x:a,y:n}=r:i.touches!=null&&(a=i.touches[0].clientX,n=i.touches[0].clientY),{x:a,y:n}}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()}};N.elementDefinitions={};N.styles=Ga;Nt([(0,bt.property)({type:Boolean})],N.prototype,"primary",void 0);Nt([(0,bt.property)({type:Boolean})],N.prototype,"secondary",void 0);Nt([(0,bt.property)({type:Boolean})],N.prototype,"unbounded",void 0);Nt([(0,bt.property)({type:Boolean})],N.prototype,"activated",void 0);Nt([(0,bt.property)({type:Boolean})],N.prototype,"selected",void 0);Nt([(0,bt.property)({type:Boolean})],N.prototype,"disabled",void 0);Nt([(0,bt.state)()],N.prototype,"hovered",void 0);Nt([(0,bt.state)()],N.prototype,"focused",void 0);Nt([(0,bt.state)()],N.prototype,"pressed",void 0);Nt([(0,bt.state)()],N.prototype,"rippling",void 0);Nt([(0,bt.state)()],N.prototype,"originX",void 0);Nt([(0,bt.state)()],N.prototype,"originY",void 0);Nt([(0,bt.query)(".ft-ripple")],N.prototype,"ripple",void 0);Nt([(0,bt.query)(".ft-ripple--effect")],N.prototype,"rippleEffect",void 0);(0,rn.customElement)("ft-ripple")(N);var kn=d(g());var Nn=d(S()),dt=d(X()),Do=d(g());var an=d(S()),Se=d(g()),Be={distance:Se.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Se.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Se.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Se.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Se.FtCssVariableFactory.external(Se.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Se.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},nn=an.css`
|
|
525
516
|
.ft-tooltip--container {
|
|
526
517
|
display: block;
|
|
527
518
|
}
|
|
@@ -550,7 +541,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
550
541
|
position: relative;
|
|
551
542
|
word-break: break-word;
|
|
552
543
|
}
|
|
553
|
-
`,De=["start","end"],Ke=["top","right","bottom","left"].reduce(((t,e)=>t.concat(e,e+"-"+De[0],e+"-"+De[1])),[]),Ae=Math.min,He=Math.max,Me=Math.round,Pe=t=>({x:t,y:t}),je={left:"right",right:"left",bottom:"top",top:"bottom"},Te={start:"end",end:"start"};function Ge(t,e,o){return He(t,Ae(e,o))}function _e(t,e){return"function"==typeof t?t(e):t}function Ve(t){return t.split("-")[0]}function qe(t){return t.split("-")[1]}function Ye(t){return"x"===t?"y":"x"}function Xe(t){return"y"===t?"height":"width"}function Je(t){return["top","bottom"].includes(Ve(t))?"y":"x"}function Qe(t){return Ye(Je(t))}function to(t){return t.replace(/left|right|bottom|top/g,(t=>je[t]))}function eo(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function oo(t,e,o){let{reference:i,floating:r}=t;const a=Je(e),n=Qe(e),l=Xe(n),s=Ve(e),c="y"===a,p=i.x+i.width/2-r.width/2,f=i.y+i.height/2-r.height/2,h=i[l]/2-r[l]/2;let d;switch(s){case"top":d={x:p,y:i.y-r.height};break;case"bottom":d={x:p,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-r.width,y:f};break;default:d={x:i.x,y:i.y}}switch(qe(e)){case"start":d[n]-=h*(o&&c?-1:1);break;case"end":d[n]+=h*(o&&c?-1:1)}return d}async function io(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:a,rects:n,elements:l,strategy:s}=t,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=_e(e,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),b=l[h?"floating"===f?"reference":"floating":f],g=eo(await a.getClippingRect({element:null==(o=await(null==a.isElement?void 0:a.isElement(b)))||o?b:b.contextElement||await(null==a.getDocumentElement?void 0:a.getDocumentElement(l.floating)),boundary:c,rootBoundary:p,strategy:s})),y="floating"===f?{...n.floating,x:i,y:r}:n.reference,m=await(null==a.getOffsetParent?void 0:a.getOffsetParent(l.floating)),x=await(null==a.isElement?void 0:a.isElement(m))&&await(null==a.getScale?void 0:a.getScale(m))||{x:1,y:1},v=eo(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:y,offsetParent:m,strategy:s}):y);return{top:(g.top-v.top+u.top)/x.y,bottom:(v.bottom-g.bottom+u.bottom)/x.y,left:(g.left-v.left+u.left)/x.x,right:(v.right-g.right+u.right)/x.x}}function ro(t,e,o){return(t?[...o.filter((e=>qe(e)===t)),...o.filter((e=>qe(e)!==t))]:o.filter((t=>Ve(t)===t))).filter((o=>!t||(qe(o)===t||!!e&&function(t){return t.replace(/start|end/g,(t=>Te[t]))}(o)!==o)))}const ao=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var o,i,r;const{rects:a,middlewareData:n,placement:l,platform:s,elements:c}=e,{crossAxis:p=!1,alignment:f,allowedPlacements:h=Ke,autoAlignment:d=!0,...u}=_e(t,e),b=void 0!==f||h===Ke?ro(f||null,d,h):h,g=await io(e,u),y=(null==(o=n.autoPlacement)?void 0:o.index)||0,m=b[y];if(null==m)return{};const x=function(t,e,o){void 0===o&&(o=!1);const i=qe(t),r=Qe(t),a=Xe(r);let n="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=to(n)),[n,to(n)]}(m,a,await(null==s.isRTL?void 0:s.isRTL(c.floating)));if(l!==m)return{reset:{placement:b[0]}};const v=[g[Ve(m)],g[x[0]],g[x[1]]],$=[...(null==(i=n.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],w=b[y+1];if(w)return{data:{index:y+1,overflows:$},reset:{placement:w}};const O=$.map((t=>{const e=qe(t.placement);return[t.placement,e&&p?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1])),S=O.filter((t=>t[2].slice(0,qe(t[0])?2:3).every((t=>t<=0)))),k=(null==(r=S[0])?void 0:r[0])||O[0][0];return k!==l?{data:{index:y+1,overflows:$},reset:{placement:k}}:{}}}};function no(t){return co(t)?(t.nodeName||"").toLowerCase():"#document"}function lo(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function so(t){var e;return null==(e=(co(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function co(t){return t instanceof Node||t instanceof lo(t).Node}function po(t){return t instanceof Element||t instanceof lo(t).Element}function fo(t){return t instanceof HTMLElement||t instanceof lo(t).HTMLElement}function ho(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof lo(t).ShadowRoot)}function uo(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function bo(t){return["table","td","th"].includes(no(t))}function go(t){const e=yo(),o=xo(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function yo(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function mo(t){return["html","body","#document"].includes(no(t))}function xo(t){return lo(t).getComputedStyle(t)}function vo(t){return po(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $o(t){if("html"===no(t))return t;const e=t.assignedSlot||t.parentNode||ho(t)&&t.host||so(t);return ho(e)?e.host:e}function wo(t){const e=$o(t);return mo(e)?t.ownerDocument?t.ownerDocument.body:t.body:fo(e)&&uo(e)?e:wo(e)}function Oo(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=wo(t),a=r===(null==(i=t.ownerDocument)?void 0:i.body),n=lo(r);return a?e.concat(n,n.visualViewport||[],uo(r)?r:[],n.frameElement&&o?Oo(n.frameElement):[]):e.concat(r,Oo(r,[],o))}function So(t){const e=xo(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=fo(t),a=r?t.offsetWidth:o,n=r?t.offsetHeight:i,l=Me(o)!==a||Me(i)!==n;return l&&(o=a,i=n),{width:o,height:i,$:l}}function ko(t){return po(t)?t:t.contextElement}function No(t){const e=ko(t);if(!fo(e))return Pe(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:a}=So(e);let n=(a?Me(o.width):o.width)/i,l=(a?Me(o.height):o.height)/r;return n&&Number.isFinite(n)||(n=1),l&&Number.isFinite(l)||(l=1),{x:n,y:l}}const Co=Pe(0);function Io(t){const e=lo(t);return yo()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Co}function Eo(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),a=ko(t);let n=Pe(1);e&&(i?po(i)&&(n=No(i)):n=No(t));const l=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==lo(t))&&e}(a,o,i)?Io(a):Pe(0);let s=(r.left+l.x)/n.x,c=(r.top+l.y)/n.y,p=r.width/n.x,f=r.height/n.y;if(a){const t=lo(a),e=i&&po(i)?lo(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=No(o),e=o.getBoundingClientRect(),i=xo(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,a=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;s*=t.x,c*=t.y,p*=t.x,f*=t.y,s+=r,c+=a,o=lo(o).frameElement}}return eo({width:p,height:f,x:s,y:c})}function zo(t){return Eo(so(t)).left+vo(t).scrollLeft}function Lo(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=lo(t),i=so(t),r=o.visualViewport;let a=i.clientWidth,n=i.clientHeight,l=0,s=0;if(r){a=r.width,n=r.height;const t=yo();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:a,height:n,x:l,y:s}}(t,o);else if("document"===e)i=function(t){const e=so(t),o=vo(t),i=t.ownerDocument.body,r=He(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),a=He(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let n=-o.scrollLeft+zo(t);const l=-o.scrollTop;return"rtl"===xo(i).direction&&(n+=He(e.clientWidth,i.clientWidth)-r),{width:r,height:a,x:n,y:l}}(so(t));else if(po(e))i=function(t,e){const o=Eo(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,a=fo(t)?No(t):Pe(1);return{width:t.clientWidth*a.x,height:t.clientHeight*a.y,x:r*a.x,y:i*a.y}}(e,o);else{const o=Io(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return eo(i)}function Uo(t,e){const o=$o(t);return!(o===e||!po(o)||mo(o))&&("fixed"===xo(o).position||Uo(o,e))}function Ro(t,e,o){const i=fo(e),r=so(e),a="fixed"===o,n=Eo(t,!0,a,e);let l={scrollLeft:0,scrollTop:0};const s=Pe(0);if(i||!i&&!a)if(("body"!==no(e)||uo(r))&&(l=vo(e)),i){const t=Eo(e,!0,a,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else r&&(s.x=zo(r));return{x:n.left+l.scrollLeft-s.x,y:n.top+l.scrollTop-s.y,width:n.width,height:n.height}}function Wo(t,e){return fo(t)&&"fixed"!==xo(t).position?e?e(t):t.offsetParent:null}function Zo(t,e){const o=lo(t);if(!fo(t))return o;let i=Wo(t,e);for(;i&&bo(i)&&"static"===xo(i).position;)i=Wo(i,e);return i&&("html"===no(i)||"body"===no(i)&&"static"===xo(i).position&&!go(i))?o:i||function(t){let e=$o(t);for(;fo(e)&&!mo(e);){if(go(e))return e;e=$o(e)}return null}(t)||o}const Bo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:i}=t;const r=fo(o),a=so(o);if(o===a)return e;let n={scrollLeft:0,scrollTop:0},l=Pe(1);const s=Pe(0);if((r||!r&&"fixed"!==i)&&(("body"!==no(o)||uo(a))&&(n=vo(o)),fo(o))){const t=Eo(o);l=No(o),s.x=t.x+o.clientLeft,s.y=t.y+o.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-n.scrollLeft*l.x+s.x,y:e.y*l.y-n.scrollTop*l.y+s.y}},getDocumentElement:so,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const a=[..."clippingAncestors"===o?function(t,e){const o=e.get(t);if(o)return o;let i=Oo(t,[],!1).filter((t=>po(t)&&"body"!==no(t))),r=null;const a="fixed"===xo(t).position;let n=a?$o(t):t;for(;po(n)&&!mo(n);){const e=xo(n),o=go(n);o||"fixed"!==e.position||(r=null),(a?!o&&!r:!o&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||uo(n)&&!o&&Uo(t,n))?i=i.filter((t=>t!==n)):r=e,n=$o(n)}return e.set(t,i),i}(e,this._c):[].concat(o),i],n=a[0],l=a.reduce(((t,o)=>{const i=Lo(e,o,r);return t.top=He(i.top,t.top),t.right=Ae(i.right,t.right),t.bottom=Ae(i.bottom,t.bottom),t.left=He(i.left,t.left),t}),Lo(e,n,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Zo,getElementRects:async function(t){let{reference:e,floating:o,strategy:i}=t;const r=this.getOffsetParent||Zo,a=this.getDimensions;return{reference:Ro(e,await r(o),i),floating:{x:0,y:0,...await a(o)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return So(t)},getScale:No,isElement:po,isRTL:function(t){return"rtl"===xo(t).direction}},Fo=(t,e,o)=>{const i=new Map,r={platform:Bo,...o},a={...r.platform,_c:i};return(async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:a=[],platform:n}=o,l=a.filter(Boolean),s=await(null==n.isRTL?void 0:n.isRTL(e));let c=await n.getElementRects({reference:t,floating:e,strategy:r}),{x:p,y:f}=oo(c,i,s),h=i,d={},u=0;for(let o=0;o<l.length;o++){const{name:a,fn:b}=l[o],{x:g,y,data:m,reset:x}=await b({x:p,y:f,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:n,elements:{reference:t,floating:e}});p=null!=g?g:p,f=null!=y?y:f,d={...d,[a]:{...d[a],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await n.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:p,y:f}=oo(c,h,s))),o=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,e,{...r,platform:a})};function Do(t){return function(t){for(let e=t;e;e=Ko(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Ko(t);e;e=Ko(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function Ko(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}async function Ao(t,e,o){return Fo(t,e,{platform:{...Bo,getOffsetParent:t=>Bo.getOffsetParent(t,Do)},middleware:[(i={crossAxis:!0},void 0===i&&(i={}),{name:"shift",options:i,async fn(t){const{x:e,y:o,placement:r}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...s}=_e(i,t),c={x:e,y:o},p=await io(t,s),f=Je(Ve(r)),h=Ye(f);let d=c[h],u=c[f];if(a){const t="y"===h?"bottom":"right";d=Ge(d+p["y"===h?"top":"left"],d,d-p[t])}if(n){const t="y"===f?"bottom":"right";u=Ge(u+p["y"===f?"top":"left"],u,u-p[t])}const b=l.fn({...t,[h]:d,[f]:u});return{...b,data:{x:b.x-e,y:b.y-o}}}}),ao({allowedPlacements:[o]})]});var i}var Ho,Mo,Po=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class jo extends e.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 e.Debouncer,this.revealDebouncer=new e.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return o.html`
|
|
544
|
+
`;var sn=["top","right","bottom","left"],ln=["start","end"],Vr=sn.reduce((o,t)=>o.concat(t,t+"-"+ln[0],t+"-"+ln[1]),[]),Ao=Math.min,Ae=Math.max,Io=Math.round;var Oe=o=>({x:o,y:o}),xs={left:"right",right:"left",bottom:"top",top:"bottom"},vs={start:"end",end:"start"};function Gr(o,t,r){return Ae(o,Ao(t,r))}function or(o,t){return typeof o=="function"?o(t):o}function uo(o){return o.split("-")[0]}function Ie(o){return o.split("-")[1]}function Kr(o){return o==="x"?"y":"x"}function Zr(o){return o==="y"?"height":"width"}function rr(o){return["top","bottom"].includes(uo(o))?"y":"x"}function jr(o){return Kr(rr(o))}function cn(o,t,r){r===void 0&&(r=!1);let i=Ie(o),a=jr(o),n=Zr(a),l=a==="x"?i===(r?"end":"start")?"right":"left":i==="start"?"bottom":"top";return t.reference[n]>t.floating[n]&&(l=Hr(l)),[l,Hr(l)]}function pn(o){return o.replace(/start|end/g,t=>vs[t])}function Hr(o){return o.replace(/left|right|bottom|top/g,t=>xs[t])}function Ss(o){return{top:0,right:0,bottom:0,left:0,...o}}function dn(o){return typeof o!="number"?Ss(o):{top:o,right:o,bottom:o,left:o}}function Ge(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}function fn(o,t,r){let{reference:i,floating:a}=o,n=rr(t),l=jr(t),c=Zr(l),f=uo(t),h=n==="y",v=i.x+i.width/2-a.width/2,x=i.y+i.height/2-a.height/2,_=i[c]/2-a[c]/2,B;switch(f){case"top":B={x:v,y:i.y-a.height};break;case"bottom":B={x:v,y:i.y+i.height};break;case"right":B={x:i.x+i.width,y:x};break;case"left":B={x:i.x-a.width,y:x};break;default:B={x:i.x,y:i.y}}switch(Ie(t)){case"start":B[l]-=_*(r&&h?-1:1);break;case"end":B[l]+=_*(r&&h?-1:1);break}return B}var hn=async(o,t,r)=>{let{placement:i="bottom",strategy:a="absolute",middleware:n=[],platform:l}=r,c=n.filter(Boolean),f=await(l.isRTL==null?void 0:l.isRTL(t)),h=await l.getElementRects({reference:o,floating:t,strategy:a}),{x:v,y:x}=fn(h,i,f),_=i,B={},U=0;for(let rt=0;rt<c.length;rt++){let{name:ct,fn:it}=c[rt],{x:pt,y:St,data:Re,reset:vt}=await it({x:v,y:x,initialPlacement:i,placement:_,strategy:a,middlewareData:B,rects:h,platform:l,elements:{reference:o,floating:t}});if(v=pt??v,x=St??x,B={...B,[ct]:{...B[ct],...Re}},vt&&U<=50){U++,typeof vt=="object"&&(vt.placement&&(_=vt.placement),vt.rects&&(h=vt.rects===!0?await l.getElementRects({reference:o,floating:t,strategy:a}):vt.rects),{x:v,y:x}=fn(h,_,f)),rt=-1;continue}}return{x:v,y:x,placement:_,strategy:a,middlewareData:B}};async function qr(o,t){var r;t===void 0&&(t={});let{x:i,y:a,platform:n,rects:l,elements:c,strategy:f}=o,{boundary:h="clippingAncestors",rootBoundary:v="viewport",elementContext:x="floating",altBoundary:_=!1,padding:B=0}=or(t,o),U=dn(B),ct=c[_?x==="floating"?"reference":"floating":x],it=Ge(await n.getClippingRect({element:(r=await(n.isElement==null?void 0:n.isElement(ct)))==null||r?ct:ct.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(c.floating)),boundary:h,rootBoundary:v,strategy:f})),pt=x==="floating"?{...l.floating,x:i,y:a}:l.reference,St=await(n.getOffsetParent==null?void 0:n.getOffsetParent(c.floating)),Re=await(n.isElement==null?void 0:n.isElement(St))?await(n.getScale==null?void 0:n.getScale(St))||{x:1,y:1}:{x:1,y:1},vt=Ge(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:pt,offsetParent:St,strategy:f}):pt);return{top:(it.top-vt.top+U.top)/Re.y,bottom:(vt.bottom-it.bottom+U.bottom)/Re.y,left:(it.left-vt.left+U.left)/Re.x,right:(vt.right-it.right+U.right)/Re.x}}function Os(o,t,r){return(o?[...r.filter(a=>Ie(a)===o),...r.filter(a=>Ie(a)!==o)]:r.filter(a=>uo(a)===a)).filter(a=>o?Ie(a)===o||(t?pn(a)!==a:!1):!0)}var Yr=function(o){return o===void 0&&(o={}),{name:"autoPlacement",options:o,async fn(t){var r,i,a;let{rects:n,middlewareData:l,placement:c,platform:f,elements:h}=t,{crossAxis:v=!1,alignment:x,allowedPlacements:_=Vr,autoAlignment:B=!0,...U}=or(o,t),rt=x!==void 0||_===Vr?Os(x||null,B,_):_,ct=await qr(t,U),it=((r=l.autoPlacement)==null?void 0:r.index)||0,pt=rt[it];if(pt==null)return{};let St=cn(pt,n,await(f.isRTL==null?void 0:f.isRTL(h.floating)));if(c!==pt)return{reset:{placement:rt[0]}};let Re=[ct[uo(pt)],ct[St[0]],ct[St[1]]],vt=[...((i=l.autoPlacement)==null?void 0:i.overflows)||[],{placement:pt,overflows:Re}],xi=rt[it+1];if(xi)return{data:{index:it+1,overflows:vt},reset:{placement:xi}};let vi=vt.map(ne=>{let wo=Ie(ne.placement);return[ne.placement,wo&&v?ne.overflows.slice(0,2).reduce((as,ns)=>as+ns,0):ne.overflows[0],ne.overflows]}).sort((ne,wo)=>ne[1]-wo[1]),Si=((a=vi.filter(ne=>ne[2].slice(0,Ie(ne[0])?2:3).every(wo=>wo<=0))[0])==null?void 0:a[0])||vi[0][0];return Si!==c?{data:{index:it+1,overflows:vt},reset:{placement:Si}}:{}}}};var Xr=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){let{x:r,y:i,placement:a}=t,{mainAxis:n=!0,crossAxis:l=!1,limiter:c={fn:ct=>{let{x:it,y:pt}=ct;return{x:it,y:pt}}},...f}=or(o,t),h={x:r,y:i},v=await qr(t,f),x=rr(uo(a)),_=Kr(x),B=h[_],U=h[x];if(n){let ct=_==="y"?"top":"left",it=_==="y"?"bottom":"right",pt=B+v[ct],St=B-v[it];B=Gr(pt,B,St)}if(l){let ct=x==="y"?"top":"left",it=x==="y"?"bottom":"right",pt=U+v[ct],St=U-v[it];U=Gr(pt,U,St)}let rt=c.fn({...t,[_]:B,[x]:U});return{...rt,data:{x:rt.x-r,y:rt.y-i}}}}};function Ce(o){return mn(o)?(o.nodeName||"").toLowerCase():"#document"}function kt(o){var t;return(o==null||(t=o.ownerDocument)==null?void 0:t.defaultView)||window}function we(o){var t;return(t=(mn(o)?o.ownerDocument:o.document)||window.document)==null?void 0:t.documentElement}function mn(o){return o instanceof Node||o instanceof kt(o).Node}function ce(o){return o instanceof Element||o instanceof kt(o).Element}function te(o){return o instanceof HTMLElement||o instanceof kt(o).HTMLElement}function un(o){return typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof kt(o).ShadowRoot}function mo(o){let{overflow:t,overflowX:r,overflowY:i,display:a}=Dt(o);return/auto|scroll|overlay|hidden|clip/.test(t+i+r)&&!["inline","contents"].includes(a)}function gn(o){return["table","td","th"].includes(Ce(o))}function ar(o){let t=nr(),r=Dt(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 bn(o){let t=Ke(o);for(;te(t)&&!zo(t);){if(ar(t))return t;t=Ke(t)}return null}function nr(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function zo(o){return["html","body","#document"].includes(Ce(o))}function Dt(o){return kt(o).getComputedStyle(o)}function Po(o){return ce(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function Ke(o){if(Ce(o)==="html")return o;let t=o.assignedSlot||o.parentNode||un(o)&&o.host||we(o);return un(t)?t.host:t}function yn(o){let t=Ke(o);return zo(t)?o.ownerDocument?o.ownerDocument.body:o.body:te(t)&&mo(t)?t:yn(t)}function ir(o,t,r){var i;t===void 0&&(t=[]),r===void 0&&(r=!0);let a=yn(o),n=a===((i=o.ownerDocument)==null?void 0:i.body),l=kt(a);return n?t.concat(l,l.visualViewport||[],mo(a)?a:[],l.frameElement&&r?ir(l.frameElement):[]):t.concat(a,ir(a,[],r))}function Sn(o){let t=Dt(o),r=parseFloat(t.width)||0,i=parseFloat(t.height)||0,a=te(o),n=a?o.offsetWidth:r,l=a?o.offsetHeight:i,c=Io(r)!==n||Io(i)!==l;return c&&(r=n,i=l),{width:r,height:i,$:c}}function On(o){return ce(o)?o:o.contextElement}function go(o){let t=On(o);if(!te(t))return Oe(1);let r=t.getBoundingClientRect(),{width:i,height:a,$:n}=Sn(t),l=(n?Io(r.width):r.width)/i,c=(n?Io(r.height):r.height)/a;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}var Cs=Oe(0);function Cn(o){let t=kt(o);return!nr()||!t.visualViewport?Cs:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function ws(o,t,r){return t===void 0&&(t=!1),!r||t&&r!==kt(o)?!1:t}function Fo(o,t,r,i){t===void 0&&(t=!1),r===void 0&&(r=!1);let a=o.getBoundingClientRect(),n=On(o),l=Oe(1);t&&(i?ce(i)&&(l=go(i)):l=go(o));let c=ws(n,r,i)?Cn(n):Oe(0),f=(a.left+c.x)/l.x,h=(a.top+c.y)/l.y,v=a.width/l.x,x=a.height/l.y;if(n){let _=kt(n),B=i&&ce(i)?kt(i):i,U=_.frameElement;for(;U&&i&&B!==_;){let rt=go(U),ct=U.getBoundingClientRect(),it=Dt(U),pt=ct.left+(U.clientLeft+parseFloat(it.paddingLeft))*rt.x,St=ct.top+(U.clientTop+parseFloat(it.paddingTop))*rt.y;f*=rt.x,h*=rt.y,v*=rt.x,x*=rt.y,f+=pt,h+=St,U=kt(U).frameElement}}return Ge({width:v,height:x,x:f,y:h})}function $s(o){let{rect:t,offsetParent:r,strategy:i}=o,a=te(r),n=we(r);if(r===n)return t;let l={scrollLeft:0,scrollTop:0},c=Oe(1),f=Oe(0);if((a||!a&&i!=="fixed")&&((Ce(r)!=="body"||mo(n))&&(l=Po(r)),te(r))){let h=Fo(r);c=go(r),f.x=h.x+r.clientLeft,f.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+f.x,y:t.y*c.y-l.scrollTop*c.y+f.y}}function Es(o){return Array.from(o.getClientRects())}function wn(o){return Fo(we(o)).left+Po(o).scrollLeft}function Rs(o){let t=we(o),r=Po(o),i=o.ownerDocument.body,a=Ae(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),n=Ae(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight),l=-r.scrollLeft+wn(o),c=-r.scrollTop;return Dt(i).direction==="rtl"&&(l+=Ae(t.clientWidth,i.clientWidth)-a),{width:a,height:n,x:l,y:c}}function Ls(o,t){let r=kt(o),i=we(o),a=r.visualViewport,n=i.clientWidth,l=i.clientHeight,c=0,f=0;if(a){n=a.width,l=a.height;let h=nr();(!h||h&&t==="fixed")&&(c=a.offsetLeft,f=a.offsetTop)}return{width:n,height:l,x:c,y:f}}function Ns(o,t){let r=Fo(o,!0,t==="fixed"),i=r.top+o.clientTop,a=r.left+o.clientLeft,n=te(o)?go(o):Oe(1),l=o.clientWidth*n.x,c=o.clientHeight*n.y,f=a*n.x,h=i*n.y;return{width:l,height:c,x:f,y:h}}function xn(o,t,r){let i;if(t==="viewport")i=Ls(o,r);else if(t==="document")i=Rs(we(o));else if(ce(t))i=Ns(t,r);else{let a=Cn(o);i={...t,x:t.x-a.x,y:t.y-a.y}}return Ge(i)}function $n(o,t){let r=Ke(o);return r===t||!ce(r)||zo(r)?!1:Dt(r).position==="fixed"||$n(r,t)}function ks(o,t){let r=t.get(o);if(r)return r;let i=ir(o,[],!1).filter(c=>ce(c)&&Ce(c)!=="body"),a=null,n=Dt(o).position==="fixed",l=n?Ke(o):o;for(;ce(l)&&!zo(l);){let c=Dt(l),f=ar(l);!f&&c.position==="fixed"&&(a=null),(n?!f&&!a:!f&&c.position==="static"&&!!a&&["absolute","fixed"].includes(a.position)||mo(l)&&!f&&$n(o,l))?i=i.filter(v=>v!==l):a=c,l=Ke(l)}return t.set(o,i),i}function Bs(o){let{element:t,boundary:r,rootBoundary:i,strategy:a}=o,l=[...r==="clippingAncestors"?ks(t,this._c):[].concat(r),i],c=l[0],f=l.reduce((h,v)=>{let x=xn(t,v,a);return h.top=Ae(x.top,h.top),h.right=Ao(x.right,h.right),h.bottom=Ao(x.bottom,h.bottom),h.left=Ae(x.left,h.left),h},xn(t,c,a));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function As(o){return Sn(o)}function Is(o,t,r){let i=te(t),a=we(t),n=r==="fixed",l=Fo(o,!0,n,t),c={scrollLeft:0,scrollTop:0},f=Oe(0);if(i||!i&&!n)if((Ce(t)!=="body"||mo(a))&&(c=Po(t)),i){let h=Fo(t,!0,n,t);f.x=h.x+t.clientLeft,f.y=h.y+t.clientTop}else a&&(f.x=wn(a));return{x:l.left+c.scrollLeft-f.x,y:l.top+c.scrollTop-f.y,width:l.width,height:l.height}}function vn(o,t){return!te(o)||Dt(o).position==="fixed"?null:t?t(o):o.offsetParent}function En(o,t){let r=kt(o);if(!te(o))return r;let i=vn(o,t);for(;i&&gn(i)&&Dt(i).position==="static";)i=vn(i,t);return i&&(Ce(i)==="html"||Ce(i)==="body"&&Dt(i).position==="static"&&!ar(i))?r:i||bn(o)||r}var zs=async function(o){let{reference:t,floating:r,strategy:i}=o,a=this.getOffsetParent||En,n=this.getDimensions;return{reference:Is(t,await a(r),i),floating:{x:0,y:0,...await n(r)}}};function Ps(o){return Dt(o).direction==="rtl"}var lr={convertOffsetParentRelativeRectToViewportRelativeRect:$s,getDocumentElement:we,getClippingRect:Bs,getOffsetParent:En,getElementRects:zs,getClientRects:Es,getDimensions:As,getScale:go,isElement:ce,isRTL:Ps};var Rn=(o,t,r)=>{let i=new Map,a={platform:lr,...r},n={...a.platform,_c:i};return hn(o,t,{...a,platform:n})};function Ln(o){return Fs(o)}function Jr(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function Fs(o){for(let t=o;t;t=Jr(t))if(t instanceof Element&&getComputedStyle(t).display==="none")return null;for(let t=Jr(o);t;t=Jr(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 sr(o,t,r){return Rn(o,t,{platform:{...lr,getOffsetParent:i=>lr.getOffsetParent(i,Ln)},middleware:[Xr({crossAxis:!0}),Yr({allowedPlacements:[r]})]})}var Bt=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},Z=class extends Do.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 Do.Debouncer,this.revealDebouncer=new Do.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Nn.html`
|
|
554
545
|
<div part="container"
|
|
555
546
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
556
547
|
@mouseenter=${this.onHover}
|
|
@@ -568,42 +559,45 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
568
559
|
</div>
|
|
569
560
|
</div>
|
|
570
561
|
</div>
|
|
571
|
-
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((e=>t.has(e)))&&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="",Ao(this.slottedElement,this.tooltip,this.position).then((({x:t,y:e})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${e}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,e){return Math.max(t,Math.min(0,-e))}}jo.elementDefinitions={"ft-typography":se},jo.styles=Fe,Po([i.property()],jo.prototype,"text",void 0),Po([i.property({type:Boolean})],jo.prototype,"manual",void 0),Po([i.property({type:Boolean})],jo.prototype,"inline",void 0),Po([i.property({type:Number})],jo.prototype,"delay",void 0),Po([i.property()],jo.prototype,"position",void 0),Po([i.queryAssignedNodes()],jo.prototype,"slotNodes",void 0),Po([i.query(".ft-tooltip--container")],jo.prototype,"container",void 0),Po([i.query(".ft-tooltip")],jo.prototype,"tooltip",void 0),Po([i.query(".ft-tooltip--content")],jo.prototype,"tooltipContent",void 0),Po([i.state()],jo.prototype,"visible",void 0),Po([i.eventOptions({passive:!0})],jo.prototype,"onTouch",null),Po([i.eventOptions({passive:!0})],jo.prototype,"onHover",null),Po([i.eventOptions({passive:!0})],jo.prototype,"onOut",null),Po([i.eventOptions({passive:!0})],jo.prototype,"onClick",null),e.customElement("ft-tooltip")(jo),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=""}(Ho||(Ho={})),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=""}(Mo||(Mo={}));const To=new Map([...["abw"].map((t=>[t,Mo.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,Mo.AUDIO])),...["avi"].map((t=>[t,Mo.AVI])),...["chm","xhs"].map((t=>[t,Mo.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,Mo.CODE])),...["csv"].map((t=>[t,Mo.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Mo.DITA])),...["epub"].map((t=>[t,Mo.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Mo.EXCEL])),...["flac"].map((t=>[t,Mo.FLAC])),...["gif"].map((t=>[t,Mo.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Mo.GZIP])),...["html","htm","xhtml"].map((t=>[t,Mo.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,Mo.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Mo.JPEG])),...["json"].map((t=>[t,Mo.JSON])),...["m4a","m4p"].map((t=>[t,Mo.M4A])),...["mov","qt"].map((t=>[t,Mo.MOV])),...["mp3"].map((t=>[t,Mo.MP3])),...["mp4","m4v"].map((t=>[t,Mo.MP4])),...["ogg","oga"].map((t=>[t,Mo.OGG])),...["pdf","ps"].map((t=>[t,Mo.PDF])),...["png"].map((t=>[t,Mo.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Mo.POWERPOINT])),...["rar"].map((t=>[t,Mo.RAR])),...["stp"].map((t=>[t,Mo.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Mo.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,Mo.VIDEO])),...["wav"].map((t=>[t,Mo.WAV])),...["wma"].map((t=>[t,Mo.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Mo.WORD])),...["xml","xsl","rdf"].map((t=>[t,Mo.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Mo.YAML])),...["zip"].map((t=>[t,Mo.ZIP]))]),Go=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var _o;Mo.ABW,Mo.AUDIO,Mo.AVI,Mo.CHM,Mo.CODE,Mo.CSV,Mo.DITA,Mo.EPUB,Mo.EXCEL,Mo.FLAC,Mo.GIF,Mo.GZIP,Mo.HTML,Mo.IMAGE,Mo.JPEG,Mo.JSON,Mo.M4A,Mo.MOV,Mo.MP3,Mo.MP4,Mo.OGG,Mo.PDF,Mo.PNG,Mo.POWERPOINT,Mo.RAR,Mo.STP,Mo.TEXT,Mo.UNKNOWN,Mo.VIDEO,Mo.WAV,Mo.WMA,Mo.WORD,Mo.XML,Mo.YAML,Mo.ZIP,function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(_o||(_o={}));var Vo=function(t,e,o,i){for(var r,a=arguments.length,n=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i,l=t.length-1;l>=0;l--)(r=t[l])&&(n=(a<3?r(n):a>3?r(e,o,n):r(e,o))||n);return a>3&&n&&Object.defineProperty(e,o,n),n};class qo extends e.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=o.nothing}render(){const t=this.variant&&Object.values(_o).includes(this.variant)?this.variant:_o.fluid_topics,e=t!==_o.material||!!this.value;return o.html`
|
|
562
|
+
`}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="",sr(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))}};Z.elementDefinitions={"ft-typography":M};Z.styles=nn;Bt([(0,dt.property)()],Z.prototype,"text",void 0);Bt([(0,dt.property)({type:Boolean})],Z.prototype,"manual",void 0);Bt([(0,dt.property)({type:Boolean})],Z.prototype,"inline",void 0);Bt([(0,dt.property)({type:Number})],Z.prototype,"delay",void 0);Bt([(0,dt.property)()],Z.prototype,"position",void 0);Bt([(0,dt.queryAssignedNodes)()],Z.prototype,"slotNodes",void 0);Bt([(0,dt.query)(".ft-tooltip--container")],Z.prototype,"container",void 0);Bt([(0,dt.query)(".ft-tooltip")],Z.prototype,"tooltip",void 0);Bt([(0,dt.query)(".ft-tooltip--content")],Z.prototype,"tooltipContent",void 0);Bt([(0,dt.state)()],Z.prototype,"visible",void 0);Bt([(0,dt.eventOptions)({passive:!0})],Z.prototype,"onTouch",null);Bt([(0,dt.eventOptions)({passive:!0})],Z.prototype,"onHover",null);Bt([(0,dt.eventOptions)({passive:!0})],Z.prototype,"onOut",null);Bt([(0,dt.eventOptions)({passive:!0})],Z.prototype,"onClick",null);(0,kn.customElement)("ft-tooltip")(Z);var Fn=d(g());var _o=d(S()),Ze=d(X()),zn=d(g()),Pn=d(An());var ze;(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=""})(ze||(ze={}));var u;(function(o){o.UNKNOWN="",o.ABW="",o.AUDIO="",o.AVI="",o.CHM="",o.CODE="",o.CSV="",o.DITA="",o.EPUB="",o.EXCEL="",o.FLAC="",o.GIF="",o.GZIP="",o.HTML="",o.IMAGE="",o.JPEG="",o.JSON="",o.M4A="",o.MOV="",o.MP3="",o.MP4="",o.OGG="",o.PDF="",o.PNG="",o.POWERPOINT="",o.RAR="",o.STP="",o.TEXT="",o.VIDEO="",o.WAV="",o.WMA="",o.WORD="",o.XML="",o.YAML="",o.ZIP=""})(u||(u={}));var Qr=new Map([...["abw"].map(o=>[o,u.ABW]),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map(o=>[o,u.AUDIO]),...["avi"].map(o=>[o,u.AVI]),...["chm","xhs"].map(o=>[o,u.CHM]),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map(o=>[o,u.CODE]),...["csv"].map(o=>[o,u.CSV]),...["dita","ditamap","ditaval"].map(o=>[o,u.DITA]),...["epub"].map(o=>[o,u.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(o=>[o,u.EXCEL]),...["flac"].map(o=>[o,u.FLAC]),...["gif"].map(o=>[o,u.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(o=>[o,u.GZIP]),...["html","htm","xhtml"].map(o=>[o,u.HTML]),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf","ico"].map(o=>[o,u.IMAGE]),...["jpeg","jpg","jpe"].map(o=>[o,u.JPEG]),...["json"].map(o=>[o,u.JSON]),...["m4a","m4p"].map(o=>[o,u.M4A]),...["mov","qt"].map(o=>[o,u.MOV]),...["mp3"].map(o=>[o,u.MP3]),...["mp4","m4v"].map(o=>[o,u.MP4]),...["ogg","oga"].map(o=>[o,u.OGG]),...["pdf","ps"].map(o=>[o,u.PDF]),...["png"].map(o=>[o,u.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(o=>[o,u.POWERPOINT]),...["rar"].map(o=>[o,u.RAR]),...["stp"].map(o=>[o,u.STP]),...["txt","rtf","md","mdown"].map(o=>[o,u.TEXT]),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map(o=>[o,u.VIDEO]),...["wav"].map(o=>[o,u.WAV]),...["wma"].map(o=>[o,u.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(o=>[o,u.WORD]),...["xml","xsl","rdf"].map(o=>[o,u.XML]),...["yaml","yml","x-yaml"].map(o=>[o,u.YAML]),...["zip"].map(o=>[o,u.ZIP])]),Ds=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);function In(o,t){var r,i,a,n;o=(o??"").toLowerCase(),t=(t??"").toLowerCase();let[l,c]=(((r=Ds.get(o))!==null&&r!==void 0?r:o)+"/").split("/");return(n=(a=(i=Qr.get(c))!==null&&i!==void 0?i:Qr.get(t))!==null&&a!==void 0?a:Qr.get(l))!==null&&n!==void 0?n:u.UNKNOWN}var Uh={[u.ABW]:"#91ABC6",[u.AUDIO]:"#1795E3",[u.AVI]:"#E63324",[u.CHM]:"#71C3EB",[u.CODE]:"#71C3EB",[u.CSV]:"#1F7345",[u.DITA]:"#71C3EB",[u.EPUB]:"#85B926",[u.EXCEL]:"#1F7345",[u.FLAC]:"#1795E3",[u.GIF]:"#59B031",[u.GZIP]:"#F8AB36",[u.HTML]:"#71C3EB",[u.IMAGE]:"#59B031",[u.JPEG]:"#59B031",[u.JSON]:"#71C3EB",[u.M4A]:"#1795E3",[u.MOV]:"#E63324",[u.MP3]:"#1795E3",[u.MP4]:"#E63324",[u.OGG]:"#1795E3",[u.PDF]:"#E44948",[u.PNG]:"#59B031",[u.POWERPOINT]:"#B54A2B",[u.RAR]:"#F8AB36",[u.STP]:"#3764B1",[u.TEXT]:"#3162AB",[u.UNKNOWN]:"#999999",[u.VIDEO]:"#E63324",[u.WAV]:"#1795E3",[u.WMA]:"#1795E3",[u.WORD]:"#3162AB",[u.XML]:"#71C3EB",[u.YAML]:"#71C3EB",[u.ZIP]:"#F8AB36"};var ee;(function(o){o.fluid_topics="fluid-topics",o.file_format="file-format",o.material="material"})(ee||(ee={}));var cr=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},Q=class extends zn.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=_o.nothing}render(){let t=this.variant&&Object.values(ee).includes(this.variant)?this.variant:ee.fluid_topics,r=t!==ee.material||!!this.value;return _o.html`
|
|
572
563
|
<i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
|
|
573
|
-
${
|
|
574
|
-
<slot ?hidden=${
|
|
564
|
+
${(0,Pn.unsafeHTML)(this.resolvedIcon)}
|
|
565
|
+
<slot ?hidden=${r}></slot>
|
|
575
566
|
</i>
|
|
576
|
-
`}get textContent(){var t,
|
|
567
|
+
`}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 ee.file_format:this.resolvedIcon=(t=u[i.replace("-","_").toUpperCase()])!==null&&t!==void 0?t:i;break;case ee.material:this.resolvedIcon=this.value||_o.nothing;break;default:this.resolvedIcon=(r=ze[i.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:i;break}}firstUpdated(t){super.firstUpdated(t),setTimeout(()=>this.resolveIcon())}};Q.elementDefinitions={};Q.styles=qa;cr([(0,Ze.property)()],Q.prototype,"variant",void 0);cr([(0,Ze.property)()],Q.prototype,"value",void 0);cr([(0,Ze.state)()],Q.prototype,"resolvedIcon",void 0);cr([(0,Ze.query)("slot")],Q.prototype,"slottedContent",void 0);(0,Fn.customElement)("ft-icon")(Q);var Tn=d(g());var Dn=d(S()),_n=d(g());var je=class extends _n.FtLitElement{render(){return Dn.html`
|
|
577
568
|
<div class="ft-loader">
|
|
578
569
|
<div></div>
|
|
579
570
|
<div></div>
|
|
580
571
|
<div></div>
|
|
581
572
|
<div></div>
|
|
582
573
|
</div>
|
|
583
|
-
`}}
|
|
574
|
+
`}};je.styles=Za;(0,Tn.customElement)("ft-loader")(je);var bo=d(S()),Wn=d(Qt()),Ot=d(X()),_t=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},nt=class extends(0,yo.toFtFormComponent)(yo.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(bo.html`
|
|
584
575
|
<button part="button"
|
|
585
|
-
class="${
|
|
576
|
+
class="${(0,Wn.classMap)(this.buttonClasses)}"
|
|
586
577
|
aria-label="${this.getLabel()}"
|
|
587
578
|
?disabled=${this.isDisabled()}>
|
|
588
579
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
589
580
|
<ft-typography part="label"
|
|
590
581
|
variant=${this.typographyVariant}
|
|
591
582
|
element="span"
|
|
592
|
-
class="ft-button--label ${
|
|
583
|
+
class="ft-button--label ${yo.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
593
584
|
?hidden=${!this.hasTextContent()}>
|
|
594
585
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
595
586
|
</ft-typography>
|
|
596
587
|
${this.resolveIcon()}
|
|
597
588
|
</button>
|
|
598
|
-
`)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?
|
|
589
|
+
`)}addTooltipIfNeeded(t){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?bo.html`
|
|
599
590
|
<ft-tooltip part="tooltip"
|
|
600
591
|
text="${this.getLabel()}"
|
|
601
592
|
position="${this.tooltipPosition}">
|
|
602
593
|
${t}
|
|
603
594
|
</ft-tooltip>
|
|
604
|
-
`:t}resolveIcon(){return this.loading?
|
|
605
|
-
<ft-loader part="loader icon"></ft-loader> `:this.icon?
|
|
606
|
-
|
|
595
|
+
`:t}resolveIcon(){return this.loading?bo.html`
|
|
596
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?bo.html`
|
|
597
|
+
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
598
|
+
`:bo.html`
|
|
599
|
+
<slot part="icon" name="icon"></slot>
|
|
600
|
+
`}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}};nt.elementDefinitions={"ft-ripple":N,"ft-tooltip":Z,"ft-typography":M,"ft-icon":Q,"ft-loader":je};_t([(0,Ot.property)({type:String,reflect:!0})],nt.prototype,"role",void 0);_t([(0,Ot.property)()],nt.prototype,"type",void 0);_t([(0,Ot.property)({type:Boolean})],nt.prototype,"disabled",void 0);_t([(0,Ot.property)()],nt.prototype,"label",void 0);_t([(0,Ot.property)()],nt.prototype,"icon",void 0);_t([(0,Ot.property)()],nt.prototype,"iconVariant",void 0);_t([(0,Ot.property)({type:Boolean})],nt.prototype,"trailingIcon",void 0);_t([(0,Ot.property)({type:Boolean})],nt.prototype,"loading",void 0);_t([(0,Ot.property)()],nt.prototype,"tooltipPosition",void 0);_t([(0,Ot.property)({type:Boolean})],nt.prototype,"hideTooltip",void 0);_t([(0,Ot.property)({type:Boolean})],nt.prototype,"forceTooltip",void 0);_t([(0,Ot.query)(".ft-button")],nt.prototype,"button",void 0);_t([(0,Ot.query)(".ft-button--label slot")],nt.prototype,"slottedContent",void 0);var pr=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},ft=class extends nt{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"}};ft.styles=[Un.safariEllipsisFix,Qa];pr([(0,To.property)({type:Boolean})],ft.prototype,"primary",void 0);pr([(0,To.property)({type:Boolean})],ft.prototype,"outlined",void 0);pr([(0,To.property)({type:Boolean})],ft.prototype,"dense",void 0);pr([(0,To.property)({type:Boolean})],ft.prototype,"round",void 0);var xo=d(X());var Vn=d(g());var Mn=d(S()),T=d(g());var Hn=[Mn.css`
|
|
607
601
|
:host {
|
|
608
602
|
display: inline-block;
|
|
609
603
|
max-width: 100%;
|
|
@@ -653,7 +647,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
653
647
|
}
|
|
654
648
|
|
|
655
649
|
.ft-button:focus-visible {
|
|
656
|
-
outline-color: ${
|
|
650
|
+
outline-color: ${b.focusFocusRingColor};
|
|
657
651
|
outline-style: solid;
|
|
658
652
|
}
|
|
659
653
|
|
|
@@ -682,154 +676,154 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
682
676
|
/** Primary styles **/
|
|
683
677
|
|
|
684
678
|
.ft-button--primary {
|
|
685
|
-
${
|
|
679
|
+
${(0,T.setVariable)(Lt.color,b.primaryIconColor)};
|
|
686
680
|
|
|
687
|
-
${
|
|
688
|
-
${
|
|
689
|
-
${
|
|
690
|
-
${
|
|
691
|
-
${
|
|
681
|
+
${(0,T.setVariable)(R.color,b.primaryStateLayerColor)};
|
|
682
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceHover,b.primaryHoverStateLayerOpacity)};
|
|
683
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceFocused,b.primaryFocusStateLayerOpacity)};
|
|
684
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceSelected,b.primaryActiveStateLayerOpacity)};
|
|
685
|
+
${(0,T.setVariable)(R.opacityContentOnSurfacePressed,b.primaryActiveStateLayerOpacity)};
|
|
692
686
|
|
|
693
|
-
background-color: ${
|
|
694
|
-
color: ${
|
|
687
|
+
background-color: ${b.primaryBackgroundColor};
|
|
688
|
+
color: ${b.primaryColor};
|
|
695
689
|
border-style: none;
|
|
696
690
|
}
|
|
697
691
|
|
|
698
692
|
.ft-button--primary[disabled] {
|
|
699
|
-
opacity: ${
|
|
693
|
+
opacity: ${b.primaryDisabledComponentOpacity};
|
|
700
694
|
}
|
|
701
695
|
|
|
702
696
|
.ft-button--primary ft-icon {
|
|
703
|
-
color: ${
|
|
697
|
+
color: ${b.primaryIconColor};
|
|
704
698
|
}
|
|
705
699
|
|
|
706
700
|
/** Secondary styles **/
|
|
707
701
|
|
|
708
702
|
.ft-button--secondary {
|
|
709
|
-
${
|
|
703
|
+
${(0,T.setVariable)(Lt.color,b.secondaryIconColor)};
|
|
710
704
|
|
|
711
|
-
${
|
|
712
|
-
${
|
|
713
|
-
${
|
|
714
|
-
${
|
|
715
|
-
${
|
|
705
|
+
${(0,T.setVariable)(R.color,b.secondaryStateLayerColor)};
|
|
706
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceHover,b.secondaryHoverStateLayerOpacity)};
|
|
707
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceFocused,b.secondaryFocusStateLayerOpacity)};
|
|
708
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceSelected,b.secondaryActiveStateLayerOpacity)};
|
|
709
|
+
${(0,T.setVariable)(R.opacityContentOnSurfacePressed,b.secondaryActiveStateLayerOpacity)};
|
|
716
710
|
|
|
717
|
-
background-color: ${
|
|
718
|
-
color: ${
|
|
719
|
-
border-color: ${
|
|
711
|
+
background-color: ${b.secondaryBackgroundColor};
|
|
712
|
+
color: ${b.secondaryColor};
|
|
713
|
+
border-color: ${b.secondaryBorderColor};
|
|
720
714
|
border-style: solid;
|
|
721
715
|
}
|
|
722
716
|
|
|
723
717
|
.ft-button--secondary[disabled] {
|
|
724
|
-
opacity: ${
|
|
718
|
+
opacity: ${b.secondaryDisabledComponentOpacity};
|
|
725
719
|
}
|
|
726
720
|
|
|
727
721
|
.ft-button--secondary ft-icon {
|
|
728
|
-
color: ${
|
|
722
|
+
color: ${b.secondaryIconColor};
|
|
729
723
|
}
|
|
730
724
|
|
|
731
725
|
/** Tertiary styles **/
|
|
732
726
|
|
|
733
727
|
.ft-button--tertiary {
|
|
734
|
-
${
|
|
728
|
+
${(0,T.setVariable)(Lt.color,b.tertiaryIconColor)};
|
|
735
729
|
|
|
736
|
-
${
|
|
737
|
-
${
|
|
738
|
-
${
|
|
739
|
-
${
|
|
740
|
-
${
|
|
730
|
+
${(0,T.setVariable)(R.color,b.tertiaryStateLayerColor)};
|
|
731
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceHover,b.tertiaryHoverStateLayerOpacity)};
|
|
732
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceFocused,b.tertiaryFocusStateLayerOpacity)};
|
|
733
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceSelected,b.tertiaryActiveStateLayerOpacity)};
|
|
734
|
+
${(0,T.setVariable)(R.opacityContentOnSurfacePressed,b.tertiaryActiveStateLayerOpacity)};
|
|
741
735
|
|
|
742
|
-
background-color: ${
|
|
743
|
-
color: ${
|
|
736
|
+
background-color: ${b.tertiaryBackgroundColor};
|
|
737
|
+
color: ${b.tertiaryColor};
|
|
744
738
|
border-style: none;
|
|
745
739
|
}
|
|
746
740
|
|
|
747
741
|
.ft-button--tertiary[disabled] {
|
|
748
|
-
opacity: ${
|
|
742
|
+
opacity: ${b.tertiaryDisabledComponentOpacity};
|
|
749
743
|
}
|
|
750
744
|
|
|
751
745
|
.ft-button--tertiary ft-icon {
|
|
752
|
-
color: ${
|
|
746
|
+
color: ${b.tertiaryIconColor};
|
|
753
747
|
}
|
|
754
748
|
|
|
755
749
|
/** Neutral styles **/
|
|
756
750
|
|
|
757
751
|
.ft-button--neutral {
|
|
758
|
-
${
|
|
752
|
+
${(0,T.setVariable)(Lt.color,b.neutralIconColor)};
|
|
759
753
|
|
|
760
|
-
${
|
|
761
|
-
${
|
|
762
|
-
${
|
|
763
|
-
${
|
|
764
|
-
${
|
|
754
|
+
${(0,T.setVariable)(R.backgroundColor,b.neutralStateLayerColor)};
|
|
755
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceHover,b.neutralHoverStateLayerOpacity)};
|
|
756
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceFocused,b.neutralFocusStateLayerOpacity)};
|
|
757
|
+
${(0,T.setVariable)(R.opacityContentOnSurfaceSelected,b.neutralActiveStateLayerOpacity)};
|
|
758
|
+
${(0,T.setVariable)(R.opacityContentOnSurfacePressed,b.neutralActiveStateLayerOpacity)};
|
|
765
759
|
|
|
766
|
-
background-color: ${
|
|
767
|
-
color: ${
|
|
760
|
+
background-color: ${b.neutralBackgroundColor};
|
|
761
|
+
color: ${b.neutralColor};
|
|
768
762
|
border-style: none;
|
|
769
763
|
}
|
|
770
764
|
|
|
771
765
|
.ft-button--neutral[disabled] {
|
|
772
|
-
opacity: ${
|
|
766
|
+
opacity: ${b.neutralDisabledComponentOpacity};
|
|
773
767
|
}
|
|
774
768
|
|
|
775
769
|
.ft-button--neutral ft-icon {
|
|
776
|
-
color: ${
|
|
770
|
+
color: ${b.neutralIconColor};
|
|
777
771
|
}
|
|
778
772
|
|
|
779
773
|
/** Large styles **/
|
|
780
774
|
|
|
781
775
|
.ft-button--large {
|
|
782
|
-
${
|
|
783
|
-
${
|
|
776
|
+
${(0,T.setVariable)(mt.size,b.largeIconSize)};
|
|
777
|
+
${(0,T.setVariable)(Lt.size,b.largeIconSize)};
|
|
784
778
|
|
|
785
|
-
height: ${
|
|
786
|
-
padding: 0 ${
|
|
787
|
-
gap: ${
|
|
788
|
-
border-radius: ${
|
|
789
|
-
border-width: ${
|
|
779
|
+
height: ${b.largeHeight};
|
|
780
|
+
padding: 0 ${b.largeHorizontalPadding};
|
|
781
|
+
gap: ${b.largeGap};
|
|
782
|
+
border-radius: ${b.largeBorderRadius};
|
|
783
|
+
border-width: ${b.largeBorderWidth};
|
|
790
784
|
}
|
|
791
785
|
|
|
792
786
|
.ft-button--large:focus-visible {
|
|
793
|
-
outline-width: ${
|
|
794
|
-
outline-offset: ${
|
|
787
|
+
outline-width: ${b.largeFocusOutlineWidth};
|
|
788
|
+
outline-offset: ${b.largeFocusOutlineOffset};
|
|
795
789
|
}
|
|
796
790
|
|
|
797
791
|
.ft-button--large.ft-button--icon-only {
|
|
798
|
-
width: ${
|
|
792
|
+
width: ${b.largeIconOnlyWidth};
|
|
799
793
|
padding: unset;
|
|
800
794
|
}
|
|
801
795
|
|
|
802
796
|
/** Small styles **/
|
|
803
797
|
|
|
804
798
|
.ft-button--small {
|
|
805
|
-
${
|
|
806
|
-
${
|
|
799
|
+
${(0,T.setVariable)(mt.size,b.smallIconSize)};
|
|
800
|
+
${(0,T.setVariable)(Lt.size,b.smallIconSize)};
|
|
807
801
|
|
|
808
|
-
height: ${
|
|
809
|
-
padding: 0 ${
|
|
810
|
-
gap: ${
|
|
811
|
-
border-radius: ${
|
|
812
|
-
border-width: ${
|
|
802
|
+
height: ${b.smallHeight};
|
|
803
|
+
padding: 0 ${b.smallHorizontalPadding};
|
|
804
|
+
gap: ${b.smallGap};
|
|
805
|
+
border-radius: ${b.smallBorderRadius};
|
|
806
|
+
border-width: ${b.smallBorderWidth};
|
|
813
807
|
}
|
|
814
808
|
|
|
815
809
|
.ft-button--small:focus-visible {
|
|
816
|
-
outline-width: ${
|
|
817
|
-
outline-offset: ${
|
|
810
|
+
outline-width: ${b.smallFocusOutlineWidth};
|
|
811
|
+
outline-offset: ${b.smallFocusOutlineOffset};
|
|
818
812
|
}
|
|
819
813
|
|
|
820
814
|
.ft-button--small.ft-button--icon-only {
|
|
821
|
-
width: ${
|
|
815
|
+
width: ${b.smallIconOnlyWidth};
|
|
822
816
|
padding: unset;
|
|
823
817
|
}
|
|
824
|
-
`,
|
|
818
|
+
`,T.noTextSelect];var Wo=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},pe=class extends nt{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?Ve.caption1medium:Ve.body2medium}};pe.styles=[Vn.safariEllipsisFix,Hn];Wo([(0,xo.property)({type:Boolean})],pe.prototype,"primary",void 0);Wo([(0,xo.property)({type:Boolean})],pe.prototype,"secondary",void 0);Wo([(0,xo.property)({type:Boolean})],pe.prototype,"tertiary",void 0);Wo([(0,xo.property)({type:Boolean})],pe.prototype,"neutral",void 0);Wo([(0,xo.property)({type:Boolean})],pe.prototype,"small",void 0);(0,ti.customElement)("ft-button")(ft);(0,ti.customElement)("ftds-button")(pe);var Yn=d(g());var Zn=d(S()),Pe=d(X()),jn=d(g()),qn=d(Qt());var Tt=d(g()),Gn=d(S());var $e={textColor:Tt.FtCssVariableFactory.extend("--ft-checkbox-text-color","",Tt.designSystemVariables.colorOnSurfaceHigh),fontSize:Tt.FtCssVariableFactory.extend("--ft-checkbox-font-size","",y.fontSize),colorPrimary:Tt.FtCssVariableFactory.external(Tt.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:Tt.FtCssVariableFactory.external(Tt.designSystemVariables.colorOnPrimary,"Design system"),borderColor:Tt.FtCssVariableFactory.extend("--ft-checkbox-border-color","",Tt.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:Tt.FtCssVariableFactory.external(Tt.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Kn=Gn.css`
|
|
825
819
|
* {
|
|
826
820
|
box-sizing: border-box;
|
|
827
821
|
}
|
|
828
822
|
|
|
829
823
|
.ft-checkbox {
|
|
830
824
|
box-sizing: border-box;
|
|
831
|
-
color: ${
|
|
832
|
-
font-size: ${
|
|
825
|
+
color: ${$e.textColor};
|
|
826
|
+
font-size: ${$e.fontSize};
|
|
833
827
|
|
|
834
828
|
display: inline-flex;
|
|
835
829
|
align-items: center;
|
|
@@ -837,7 +831,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
837
831
|
}
|
|
838
832
|
|
|
839
833
|
.ft-checkbox--disabled {
|
|
840
|
-
color: ${
|
|
834
|
+
color: ${$e.colorOnSurfaceDisabled};
|
|
841
835
|
}
|
|
842
836
|
|
|
843
837
|
input {
|
|
@@ -861,26 +855,26 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
861
855
|
|
|
862
856
|
.ft-checkbox--box {
|
|
863
857
|
display: flex;
|
|
864
|
-
border: 2px solid ${
|
|
858
|
+
border: 2px solid ${$e.borderColor};
|
|
865
859
|
border-radius: 2px;
|
|
866
860
|
|
|
867
861
|
width: 18px;
|
|
868
862
|
height: 18px;
|
|
869
863
|
|
|
870
|
-
color: ${
|
|
864
|
+
color: ${$e.colorOnPrimary};
|
|
871
865
|
}
|
|
872
866
|
|
|
873
867
|
|
|
874
868
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
875
869
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
876
|
-
border-color: ${
|
|
877
|
-
background-color: ${
|
|
870
|
+
border-color: ${$e.colorPrimary};
|
|
871
|
+
background-color: ${$e.colorPrimary};
|
|
878
872
|
}
|
|
879
873
|
|
|
880
874
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
881
|
-
border-color: ${
|
|
875
|
+
border-color: ${$e.colorOnSurfaceDisabled};
|
|
882
876
|
background-color: transparent;
|
|
883
|
-
color: ${
|
|
877
|
+
color: ${$e.colorOnSurfaceDisabled};
|
|
884
878
|
}
|
|
885
879
|
|
|
886
880
|
.ft-checkbox--checkmark {
|
|
@@ -899,8 +893,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
899
893
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
900
894
|
opacity: 1;
|
|
901
895
|
}
|
|
902
|
-
`;var
|
|
903
|
-
<label class="${
|
|
896
|
+
`;var vo=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},At=class extends jn.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 Zn.html`
|
|
897
|
+
<label class="${(0,qn.classMap)(t)}" for="checkbox-input">
|
|
904
898
|
<div class="ft-checkbox--box-container">
|
|
905
899
|
<ft-ripple
|
|
906
900
|
?disabled=${this.disabled}
|
|
@@ -926,14 +920,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
926
920
|
<slot></slot>
|
|
927
921
|
</ft-typography>
|
|
928
922
|
</label>
|
|
929
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var
|
|
923
|
+
`}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)}};At.elementDefinitions={"ft-ripple":N,"ft-typography":M};At.styles=Kn;vo([(0,Pe.property)()],At.prototype,"name",void 0);vo([(0,Pe.property)({type:Boolean,reflect:!0})],At.prototype,"checked",void 0);vo([(0,Pe.property)({type:Boolean})],At.prototype,"indeterminate",void 0);vo([(0,Pe.property)({type:Boolean})],At.prototype,"disabled",void 0);vo([(0,Pe.query)(".ft-checkbox")],At.prototype,"container",void 0);vo([(0,Pe.query)("ft-ripple")],At.prototype,"ripple",void 0);(0,Yn.customElement)("ft-checkbox")(At);var ei=d(g());var Qn=d(S()),oe=d(X()),tl=d(g()),el=d(Qt());var Xn=d(S()),Zt=d(g()),qe={textColor:Zt.FtCssVariableFactory.extend("--ft-radio-text-color","",Zt.designSystemVariables.colorOnSurfaceHigh),colorPrimary:Zt.FtCssVariableFactory.external(Zt.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:Zt.FtCssVariableFactory.external(Zt.designSystemVariables.colorOnPrimary,"Design system"),borderColor:Zt.FtCssVariableFactory.extend("--ft-radio-border-color","",Zt.designSystemVariables.colorOnSurfaceMedium),colorOnSurfaceDisabled:Zt.FtCssVariableFactory.external(Zt.designSystemVariables.colorOnSurfaceDisabled,"Design system")},Jn=Xn.css`
|
|
930
924
|
* {
|
|
931
925
|
box-sizing: border-box;
|
|
932
926
|
}
|
|
933
927
|
|
|
934
928
|
.ft-radio {
|
|
935
929
|
box-sizing: border-box;
|
|
936
|
-
color: ${
|
|
930
|
+
color: ${qe.textColor};
|
|
937
931
|
|
|
938
932
|
display: inline-flex;
|
|
939
933
|
align-items: center;
|
|
@@ -941,7 +935,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
941
935
|
}
|
|
942
936
|
|
|
943
937
|
.ft-radio--disabled {
|
|
944
|
-
color: ${
|
|
938
|
+
color: ${qe.colorOnSurfaceDisabled};
|
|
945
939
|
}
|
|
946
940
|
|
|
947
941
|
input {
|
|
@@ -964,7 +958,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
964
958
|
}
|
|
965
959
|
|
|
966
960
|
.ft-radio--box {
|
|
967
|
-
border: 2px solid ${
|
|
961
|
+
border: 2px solid ${qe.borderColor};
|
|
968
962
|
border-radius: 50%;
|
|
969
963
|
|
|
970
964
|
display: flex;
|
|
@@ -977,7 +971,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
977
971
|
|
|
978
972
|
.ft-radio--box:after {
|
|
979
973
|
content: " ";
|
|
980
|
-
background-color: ${
|
|
974
|
+
background-color: ${qe.colorPrimary};
|
|
981
975
|
|
|
982
976
|
border-radius: 50%;
|
|
983
977
|
|
|
@@ -989,7 +983,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
989
983
|
}
|
|
990
984
|
|
|
991
985
|
.ft-radio--checked .ft-radio--box {
|
|
992
|
-
border-color: ${
|
|
986
|
+
border-color: ${qe.colorPrimary};
|
|
993
987
|
}
|
|
994
988
|
|
|
995
989
|
|
|
@@ -998,15 +992,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
998
992
|
}
|
|
999
993
|
|
|
1000
994
|
.ft-radio--disabled .ft-radio--box {
|
|
1001
|
-
border-color: ${
|
|
995
|
+
border-color: ${qe.colorOnSurfaceDisabled};
|
|
1002
996
|
background-color: transparent;
|
|
1003
997
|
}
|
|
1004
998
|
|
|
1005
999
|
.ft-radio--disabled .ft-radio--box:after {
|
|
1006
|
-
background-color: ${
|
|
1000
|
+
background-color: ${qe.colorOnSurfaceDisabled};
|
|
1007
1001
|
}
|
|
1008
|
-
`;var
|
|
1009
|
-
<div class="${
|
|
1002
|
+
`;var Ee=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},dr=class extends CustomEvent{constructor(t,r){super("change",{detail:{value:t,checked:r},bubbles:!0,composed:!0})}},ht=class extends tl.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 Qn.html`
|
|
1003
|
+
<div class="${(0,el.classMap)(t)}">
|
|
1010
1004
|
<div class="ft-radio--box-container">
|
|
1011
1005
|
<ft-ripple
|
|
1012
1006
|
?disabled=${this.disabled}
|
|
@@ -1024,22 +1018,22 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1024
1018
|
@change=${this.onChange}
|
|
1025
1019
|
>
|
|
1026
1020
|
</div>
|
|
1027
|
-
<label for="radio-button" @click=${
|
|
1021
|
+
<label for="radio-button" @click=${r=>r.stopPropagation()}>
|
|
1028
1022
|
<ft-typography variant="body2">
|
|
1029
1023
|
<slot></slot>
|
|
1030
1024
|
</ft-typography>
|
|
1031
1025
|
</label>
|
|
1032
1026
|
</div>
|
|
1033
|
-
`}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
|
|
1027
|
+
`}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 dr(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 dr(this.value,this.checked))}};ht.elementDefinitions={"ft-ripple":N,"ft-typography":M};ht.styles=Jn;Ee([(0,oe.property)()],ht.prototype,"value",void 0);Ee([(0,oe.property)()],ht.prototype,"name",void 0);Ee([(0,oe.property)({type:Boolean,reflect:!0})],ht.prototype,"checked",void 0);Ee([(0,oe.property)({type:Boolean})],ht.prototype,"disabled",void 0);Ee([(0,oe.property)({reflect:!0})],ht.prototype,"tabIndex",void 0);Ee([(0,oe.property)({reflect:!0,attribute:"role"})],ht.prototype,"role",void 0);Ee([(0,oe.query)(".ft-radio")],ht.prototype,"container",void 0);Ee([(0,oe.query)("ft-ripple")],ht.prototype,"ripple",void 0);Ee([(0,oe.query)("input")],ht.prototype,"input",void 0);var il=d(g()),So=d(X()),al=d(S());var ol=d(S());var rl=ol.css`
|
|
1034
1028
|
:host {
|
|
1035
1029
|
display: contents;
|
|
1036
1030
|
}
|
|
1037
|
-
`;var
|
|
1031
|
+
`;var fr=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},jt=class extends il.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.ariaLabelledBy=""}render(){return al.html`
|
|
1038
1032
|
<slot @slotchange=${this.onSlotChange}
|
|
1039
1033
|
@change=${this.onChange}
|
|
1040
1034
|
@keydown=${this.onKeyDown}
|
|
1041
1035
|
></slot>
|
|
1042
|
-
`}onSlotChange(){this.radioButtons.forEach(
|
|
1036
|
+
`}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),a=this.radioButtons.indexOf(i)-1;this.radioButtons[a<0?this.radioButtons.length-1:a].select(),this.radioButtons[a<0?this.radioButtons.length-1:a].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)}};jt.elementDefinitions={};jt.styles=rl;fr([(0,So.property)()],jt.prototype,"name",void 0);fr([(0,So.property)({reflect:!0,attribute:"role"})],jt.prototype,"role",void 0);fr([(0,So.property)({reflect:!0,attribute:"aria-labelledby"})],jt.prototype,"ariaLabelledBy",void 0);fr([(0,So.queryAssignedElements)()],jt.prototype,"radioButtons",void 0);(0,ei.customElement)("ft-radio")(ht);(0,ei.customElement)("ft-radio-group")(jt);var nl=d(S()),j=d(g());var hr={borderRadiusM:j.FtCssVariableFactory.external(j.designSystemVariables.borderRadiusM,"Design system"),colorOutline:j.FtCssVariableFactory.external(j.designSystemVariables.colorOutline,"Design system"),colorOnSurface:j.FtCssVariableFactory.external(j.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:j.FtCssVariableFactory.external(j.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:j.FtCssVariableFactory.external(j.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:j.FtCssVariableFactory.external(j.designSystemVariables.colorPrimary,"Design system"),colorOnPrimary:j.FtCssVariableFactory.external(j.designSystemVariables.colorOnPrimary,"Design system"),fontFamily:j.FtCssVariableFactory.external(gt.fontFamily,"Body2 typography"),fontSize:j.FtCssVariableFactory.external(gt.fontSize,"Body2 typography"),fontWeight:j.FtCssVariableFactory.external(gt.fontWeight,"Body2 typography"),letterSpacing:j.FtCssVariableFactory.external(gt.letterSpacing,"Body2 typography"),lineHeight:j.FtCssVariableFactory.external(gt.lineHeight,"Body2 typography"),textTransform:j.FtCssVariableFactory.external(gt.textTransform,"Body2 typography")},ll=nl.css`
|
|
1043
1037
|
.ft-filter-level--container {
|
|
1044
1038
|
display: flex;
|
|
1045
1039
|
flex-direction: column;
|
|
@@ -1053,14 +1047,14 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1053
1047
|
flex-shrink: 0;
|
|
1054
1048
|
text-decoration: none;
|
|
1055
1049
|
position: relative;
|
|
1056
|
-
border-radius: ${
|
|
1050
|
+
border-radius: ${hr.borderRadiusM};
|
|
1057
1051
|
overflow: hidden;
|
|
1058
1052
|
display: flex;
|
|
1059
1053
|
align-items: center;
|
|
1060
1054
|
padding: 4px 4px;
|
|
1061
1055
|
gap: 4px;
|
|
1062
1056
|
cursor: pointer;
|
|
1063
|
-
color: ${
|
|
1057
|
+
color: ${hr.colorOnSurface};
|
|
1064
1058
|
}
|
|
1065
1059
|
|
|
1066
1060
|
.ft-filter-level--go-back:focus {
|
|
@@ -1089,7 +1083,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1089
1083
|
}
|
|
1090
1084
|
|
|
1091
1085
|
ft-button {
|
|
1092
|
-
${
|
|
1086
|
+
${(0,j.setVariable)(A.color,hr.colorOnSurface)};
|
|
1093
1087
|
}
|
|
1094
1088
|
|
|
1095
1089
|
ft-radio, ft-checkbox {
|
|
@@ -1103,11 +1097,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1103
1097
|
|
|
1104
1098
|
.ft-filter-level--no-values {
|
|
1105
1099
|
margin: 10px 0;
|
|
1106
|
-
color: ${
|
|
1100
|
+
color: ${hr.colorOnSurfaceMedium};
|
|
1107
1101
|
}
|
|
1108
|
-
`;var
|
|
1102
|
+
`;var It=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},lt=class extends ur.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 Wt.html`
|
|
1109
1103
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
1110
|
-
${
|
|
1104
|
+
${this.parent==null?null:Wt.html`
|
|
1111
1105
|
<div tabindex="0"
|
|
1112
1106
|
part="controls go-back"
|
|
1113
1107
|
class="ft-filter-level--go-back"
|
|
@@ -1119,25 +1113,25 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1119
1113
|
<ft-typography variant="body2">${this.parent.label}</ft-typography>
|
|
1120
1114
|
</div>
|
|
1121
1115
|
`}
|
|
1122
|
-
${
|
|
1116
|
+
${this.options.length===0&&this.noValuesLabel?Wt.html`
|
|
1123
1117
|
<ft-typography class="ft-filter-level--no-values" element="span" variant="body2">
|
|
1124
1118
|
${this.noValuesLabel}
|
|
1125
1119
|
</ft-typography>
|
|
1126
|
-
`:
|
|
1127
|
-
${
|
|
1120
|
+
`:Wt.nothing}
|
|
1121
|
+
${(0,sl.repeat)(r,i=>i.value,i=>{var a;return Wt.html`
|
|
1128
1122
|
<div class="ft-filter-level--option" part="options">
|
|
1129
|
-
${this.multivalued?this.buildMultiValuedOption(
|
|
1130
|
-
${this.preventNavigation||
|
|
1123
|
+
${this.multivalued?this.buildMultiValuedOption(i):this.buildMonoValuedOption(i)}
|
|
1124
|
+
${this.preventNavigation||i.selected||((a=i.subOptions)!==null&&a!==void 0?a:[]).length===0?Wt.nothing:Wt.html`
|
|
1131
1125
|
<ft-button icon="thin_arrow_right"
|
|
1132
1126
|
part="controls navigate-hierarchy"
|
|
1133
|
-
label="${
|
|
1127
|
+
label="${i.label}"
|
|
1134
1128
|
?disabled=${this.disabled}
|
|
1135
1129
|
tooltipPosition="left"
|
|
1136
|
-
@click=${()=>this.displayLevel(
|
|
1130
|
+
@click=${()=>this.displayLevel(i)}></ft-button>
|
|
1137
1131
|
`}
|
|
1138
1132
|
</div>
|
|
1139
|
-
`})
|
|
1140
|
-
${
|
|
1133
|
+
`})}
|
|
1134
|
+
${r.length<t.length?Wt.html`
|
|
1141
1135
|
<ft-button
|
|
1142
1136
|
class="ft-filter-level--display-more"
|
|
1143
1137
|
icon="thin_arrow"
|
|
@@ -1146,31 +1140,31 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1146
1140
|
@click=${this.displayMore}>
|
|
1147
1141
|
${this.moreValuesButtonLabel}
|
|
1148
1142
|
</ft-button>
|
|
1149
|
-
`:
|
|
1143
|
+
`:Wt.nothing}
|
|
1150
1144
|
</div>
|
|
1151
|
-
`}goBackOnKeyPress(t){"Enter"
|
|
1145
|
+
`}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 Wt.html`
|
|
1152
1146
|
<ft-checkbox name="${this.filterId}"
|
|
1153
1147
|
part="multivalued-option"
|
|
1154
1148
|
data-value="${t.value}"
|
|
1155
1149
|
|
|
1156
1150
|
.checked=${t.selected}
|
|
1157
1151
|
.disabled=${this.disabled}
|
|
1158
|
-
.indeterminate=${
|
|
1159
|
-
@change=${
|
|
1152
|
+
.indeterminate=${(0,ur.flatDeep)((r=t.subOptions)!==null&&r!==void 0?r:[],i=>{var a;return(a=i.subOptions)!==null&&a!==void 0?a:[]}).some(i=>i.selected)}
|
|
1153
|
+
@change=${i=>this.optionsChanged(i,t)}>
|
|
1160
1154
|
${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
|
|
1161
1155
|
</ft-checkbox>
|
|
1162
|
-
`}buildMonoValuedOption(t){return
|
|
1163
|
-
<ft-radio name="${this.filterId+Math.round(
|
|
1156
|
+
`}buildMonoValuedOption(t){return Wt.html`
|
|
1157
|
+
<ft-radio name="${this.filterId+Math.round(Math.random()*1e6)}"
|
|
1164
1158
|
part="monovalued-option"
|
|
1165
1159
|
data-value="${t.value}"
|
|
1166
1160
|
.checked=${t.selected}
|
|
1167
1161
|
.disabled=${this.disabled}
|
|
1168
|
-
@click=${
|
|
1169
|
-
@keyup=${
|
|
1170
|
-
@change=${
|
|
1162
|
+
@click=${r=>this.optionsChanged(r,t)}
|
|
1163
|
+
@keyup=${r=>this.onRadioKeyUp(r,t)}
|
|
1164
|
+
@change=${r=>r.stopPropagation()}>
|
|
1171
1165
|
${t.renderOption?t.renderOption:t.label}${this.displayCount?` (${t.count})`:""}
|
|
1172
1166
|
</ft-radio>
|
|
1173
|
-
`}onRadioKeyUp(t,
|
|
1167
|
+
`}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}))}};lt.elementDefinitions={"ft-button":ft,"ft-ripple":N,"ft-typography":M,"ft-checkbox":At,"ft-icon":Q,"ft-radio":ht};lt.styles=ll;It([(0,yt.property)({type:String})],lt.prototype,"filterId",void 0);It([(0,yt.property)({type:Object})],lt.prototype,"parent",void 0);It([(0,yt.property)({type:Array})],lt.prototype,"options",void 0);It([(0,yt.property)({type:Boolean})],lt.prototype,"multivalued",void 0);It([(0,yt.property)({type:Boolean})],lt.prototype,"disabled",void 0);It([(0,yt.property)({type:Boolean})],lt.prototype,"hideSelectedOptions",void 0);It([(0,yt.property)({type:Boolean})],lt.prototype,"displayCount",void 0);It([(0,yt.property)({type:Boolean})],lt.prototype,"preventNavigation",void 0);It([(0,yt.property)({type:String})],lt.prototype,"filter",void 0);It([(0,yt.property)({type:String})],lt.prototype,"moreValuesButtonLabel",void 0);It([(0,yt.property)({type:String})],lt.prototype,"noValuesLabel",void 0);It([(0,yt.property)({type:Number})],lt.prototype,"displayedValuesLimit",void 0);It([(0,yt.query)(".ft-filter-level--container")],lt.prototype,"container",void 0);It([(0,yt.state)()],lt.prototype,"displayedPages",void 0);var hl=d(g());var dl=d(S()),Ut=d(X()),Ye=d(g());var fl=d(Qt());var cl=d(S()),re=d(g());var Ct={buttonsColor:re.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color","",re.designSystemVariables.colorPrimary),buttonsZIndex:re.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","","NUMBER","1"),gap:re.FtCssVariableFactory.create("--ft-snap-scroll-gap","","SIZE","0"),colorSurface:re.FtCssVariableFactory.external(re.designSystemVariables.colorSurface,"Design system")},pl=cl.css`
|
|
1174
1168
|
.ft-snap-scroll {
|
|
1175
1169
|
box-sizing: border-box;
|
|
1176
1170
|
position: relative;
|
|
@@ -1205,7 +1199,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1205
1199
|
flex-wrap: nowrap;
|
|
1206
1200
|
align-items: flex-start;
|
|
1207
1201
|
justify-content: flex-start;
|
|
1208
|
-
gap: ${
|
|
1202
|
+
gap: ${Ct.gap};
|
|
1209
1203
|
}
|
|
1210
1204
|
|
|
1211
1205
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1248,11 +1242,11 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1248
1242
|
.ft-snap-scroll--next {
|
|
1249
1243
|
position: absolute;
|
|
1250
1244
|
display: flex;
|
|
1251
|
-
z-index: ${
|
|
1245
|
+
z-index: ${Ct.buttonsZIndex};
|
|
1252
1246
|
opacity: 1;
|
|
1253
1247
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1254
|
-
${
|
|
1255
|
-
${
|
|
1248
|
+
${(0,re.setVariable)(A.backgroundColor,"transparent")};
|
|
1249
|
+
${(0,re.setVariable)(A.color,Ct.buttonsColor)};
|
|
1256
1250
|
}
|
|
1257
1251
|
|
|
1258
1252
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1265,45 +1259,45 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1265
1259
|
top: 0;
|
|
1266
1260
|
left: -1px;
|
|
1267
1261
|
bottom: 0;
|
|
1268
|
-
background: linear-gradient(to right, ${
|
|
1262
|
+
background: linear-gradient(to right, ${Ct.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1269
1263
|
}
|
|
1270
1264
|
|
|
1271
1265
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1272
1266
|
top: -1px;
|
|
1273
1267
|
left: 0;
|
|
1274
1268
|
right: 0;
|
|
1275
|
-
background: linear-gradient(to bottom, ${
|
|
1269
|
+
background: linear-gradient(to bottom, ${Ct.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1276
1270
|
}
|
|
1277
1271
|
|
|
1278
1272
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1279
1273
|
top: 0;
|
|
1280
1274
|
right: -1px;
|
|
1281
1275
|
bottom: 0;
|
|
1282
|
-
background: linear-gradient(to left, ${
|
|
1276
|
+
background: linear-gradient(to left, ${Ct.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1283
1277
|
}
|
|
1284
1278
|
|
|
1285
1279
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1286
1280
|
left: 0;
|
|
1287
1281
|
right: 0;
|
|
1288
1282
|
bottom: -1px;
|
|
1289
|
-
background: linear-gradient(to top, ${
|
|
1283
|
+
background: linear-gradient(to top, ${Ct.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1290
1284
|
}
|
|
1291
1285
|
|
|
1292
1286
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1293
1287
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1294
1288
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1295
1289
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1296
|
-
background-color: ${
|
|
1290
|
+
background-color: ${Ct.colorSurface};
|
|
1297
1291
|
}
|
|
1298
|
-
`;var
|
|
1292
|
+
`;var de=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},oi=class extends CustomEvent{constructor(t,r){super("current-element-change",{detail:{index:t,element:r}})}},st=class extends Ye.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 Ye.Debouncer(200),this.updateScrollDebouncer=new Ye.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,a=this.contentSlot[this.scrollAttribute]+this.prevSize;(r[this.offsetAttribute]<a||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,fl.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":Ye.isSafari}),r=this.controls&&this.withScroll;return dl.html`
|
|
1299
1293
|
<div part="container" class="${t}">
|
|
1300
1294
|
<ft-button
|
|
1301
1295
|
class="ft-snap-scroll--previous"
|
|
1302
1296
|
part="controls"
|
|
1303
1297
|
primary
|
|
1304
1298
|
icon="${this.horizontal?"THIN_ARROW_LEFT":"THIN_ARROW_UP"}"
|
|
1305
|
-
?hidden=${!
|
|
1306
|
-
?disabled=${!
|
|
1299
|
+
?hidden=${!r||this.startReached}
|
|
1300
|
+
?disabled=${!r||this.startReached}
|
|
1307
1301
|
@click=${this.previous}
|
|
1308
1302
|
></ft-button>
|
|
1309
1303
|
<slot class="ft-snap-scroll--content"
|
|
@@ -1314,12 +1308,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1314
1308
|
part="controls"
|
|
1315
1309
|
primary
|
|
1316
1310
|
icon="${this.horizontal?"THIN_ARROW_RIGHT":"THIN_ARROW"}"
|
|
1317
|
-
?hidden=${!
|
|
1318
|
-
?disabled=${!
|
|
1311
|
+
?hidden=${!r||this.endReached}
|
|
1312
|
+
?disabled=${!r||this.endReached}
|
|
1319
1313
|
@click=${this.next}
|
|
1320
1314
|
></ft-button>
|
|
1321
1315
|
</div>
|
|
1322
|
-
`}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
|
|
1316
|
+
`}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 oi(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)}};st.elementDefinitions={"ft-button":ft};st.styles=pl;de([(0,Ut.property)({type:Boolean})],st.prototype,"horizontal",void 0);de([(0,Ut.property)({type:Boolean})],st.prototype,"hideScrollbar",void 0);de([(0,Ut.property)({type:Boolean})],st.prototype,"controls",void 0);de([(0,Ut.property)({type:Boolean})],st.prototype,"limitSize",void 0);de([(0,Ut.state)()],st.prototype,"elements",void 0);de([(0,Ut.state)()],st.prototype,"currentElement",void 0);de([(0,Ut.state)()],st.prototype,"withScroll",void 0);de([(0,Ut.state)()],st.prototype,"startReached",void 0);de([(0,Ut.state)()],st.prototype,"endReached",void 0);de([(0,Ut.query)(".ft-snap-scroll--content")],st.prototype,"contentSlot",void 0);(0,hl.customElement)("ft-snap-scroll")(st);var ul=d(S()),J=d(g());var zt={colorOutline:J.FtCssVariableFactory.external(J.designSystemVariables.colorOutline,"Design system"),colorOnSurface:J.FtCssVariableFactory.external(J.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:J.FtCssVariableFactory.external(J.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorPrimary:J.FtCssVariableFactory.external(J.designSystemVariables.colorPrimary,"Design system"),colorSurface:J.FtCssVariableFactory.external(J.designSystemVariables.colorSurface,"Design system"),transitionDuration:J.FtCssVariableFactory.external(J.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:J.FtCssVariableFactory.external(J.designSystemVariables.transitionTimingFunction,"Design system"),labelColor:J.FtCssVariableFactory.extend("--ft-filter-label-color","",J.designSystemVariables.colorOnSurface),labelFontSize:J.FtCssVariableFactory.extend("--ft-filter-label-font-size","",y.fontSize,"16px")},ml=[ke,ul.css`
|
|
1323
1317
|
:host {
|
|
1324
1318
|
display: flex;
|
|
1325
1319
|
max-height: 100%;
|
|
@@ -1346,7 +1340,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1346
1340
|
.ft-filter--header ft-button {
|
|
1347
1341
|
flex-shrink: 0;
|
|
1348
1342
|
margin-left: auto;
|
|
1349
|
-
${
|
|
1343
|
+
${(0,J.setVariable)(A.iconSize,"18px")};
|
|
1350
1344
|
}
|
|
1351
1345
|
.filter-label {
|
|
1352
1346
|
display: contents;
|
|
@@ -1357,10 +1351,10 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1357
1351
|
flex-shrink: 1;
|
|
1358
1352
|
flex-grow: 1;
|
|
1359
1353
|
word-break: break-word;
|
|
1360
|
-
color: ${
|
|
1361
|
-
font-size: ${
|
|
1362
|
-
${
|
|
1363
|
-
${
|
|
1354
|
+
color: ${zt.labelColor};
|
|
1355
|
+
font-size: ${zt.labelFontSize};
|
|
1356
|
+
${(0,J.setVariable)(y.lineHeight,"22px")};
|
|
1357
|
+
${(0,J.setVariable)(y.fontWeight,"bold")};
|
|
1364
1358
|
}
|
|
1365
1359
|
|
|
1366
1360
|
.ft-filter--filter {
|
|
@@ -1371,8 +1365,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1371
1365
|
padding: 0 10px;
|
|
1372
1366
|
overflow: hidden;
|
|
1373
1367
|
height: 32px;
|
|
1374
|
-
transition: height ${
|
|
1375
|
-
margin ${
|
|
1368
|
+
transition: height ${zt.transitionDuration} ${zt.transitionTimingFunction},
|
|
1369
|
+
margin ${zt.transitionDuration} ${zt.transitionTimingFunction};
|
|
1376
1370
|
transition-delay: 500ms;
|
|
1377
1371
|
}
|
|
1378
1372
|
|
|
@@ -1385,15 +1379,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1385
1379
|
display: block;
|
|
1386
1380
|
width: 100%;
|
|
1387
1381
|
border-radius: 4px;
|
|
1388
|
-
border: 1px solid ${
|
|
1382
|
+
border: 1px solid ${zt.colorOutline};
|
|
1389
1383
|
padding: 4px;
|
|
1390
|
-
background-color: ${
|
|
1391
|
-
color: ${
|
|
1392
|
-
outline-color: ${
|
|
1384
|
+
background-color: ${zt.colorSurface};
|
|
1385
|
+
color: ${zt.colorOnSurface};
|
|
1386
|
+
outline-color: ${zt.colorPrimary};
|
|
1393
1387
|
}
|
|
1394
1388
|
|
|
1395
1389
|
input::placeholder {
|
|
1396
|
-
color: ${
|
|
1390
|
+
color: ${zt.colorOnSurfaceMedium};
|
|
1397
1391
|
}
|
|
1398
1392
|
|
|
1399
1393
|
input:placeholder-shown {
|
|
@@ -1409,7 +1403,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1409
1403
|
}
|
|
1410
1404
|
|
|
1411
1405
|
.ft-filter--separator {
|
|
1412
|
-
border-top: 1px solid ${
|
|
1406
|
+
border-top: 1px solid ${zt.colorOutline};
|
|
1413
1407
|
margin: 4px 10px;
|
|
1414
1408
|
}
|
|
1415
1409
|
|
|
@@ -1434,10 +1428,10 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1434
1428
|
slot:not([name]) {
|
|
1435
1429
|
display: none;
|
|
1436
1430
|
}
|
|
1437
|
-
`];var
|
|
1431
|
+
`];var q=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},ri=class extends CustomEvent{constructor(t){super("change",{detail:t})}},D=class extends qt.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 qt.Debouncer(300),this.changeDebouncer=new qt.Debouncer(10),this.lastDispatchedValues=[]}get flatOptions(){return(0,qt.flatDeep)(this.options,t=>{var r;return(r=t.subOptions)!==null&&r!==void 0?r:[]})}get childrenFilteredFlatOptions(){return(0,qt.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(a=>a.selected),r=this.withScroll||this.filter||this.lastLevelHasHiddenvalues,i=this.filterPlaceHolder.replace("{0}",this.label);return Xe.html`
|
|
1438
1432
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1439
1433
|
part="container">
|
|
1440
|
-
${this.label
|
|
1434
|
+
${!this.label&&!t?null:Xe.html`
|
|
1441
1435
|
|
|
1442
1436
|
<div class="ft-filter--header" part="header">
|
|
1443
1437
|
<div class="filter-label" id="id-group-${this.id}">
|
|
@@ -1446,20 +1440,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1446
1440
|
</ft-typography>
|
|
1447
1441
|
<slot name="label"></slot>
|
|
1448
1442
|
</div>
|
|
1449
|
-
${t&&!this.hideClearButton?
|
|
1443
|
+
${t&&!this.hideClearButton?Xe.html`
|
|
1450
1444
|
<ft-button icon="close" dense @click=${this.clear} part="clear-button">
|
|
1451
1445
|
${this.clearButtonLabel}
|
|
1452
1446
|
</ft-button>
|
|
1453
1447
|
`:null}
|
|
1454
1448
|
</div>
|
|
1455
|
-
|
|
1456
|
-
<div class="ft-filter--filter" ?hidden=${!
|
|
1449
|
+
`}
|
|
1450
|
+
<div class="ft-filter--filter" ?hidden=${!r}>
|
|
1457
1451
|
<input type="search"
|
|
1458
1452
|
part="input"
|
|
1459
1453
|
class="ft-typography--caption"
|
|
1460
|
-
?disabled=${!
|
|
1454
|
+
?disabled=${!r}
|
|
1461
1455
|
placeholder="${i}"
|
|
1462
|
-
size="${
|
|
1456
|
+
size="${r?i.length:0}"
|
|
1463
1457
|
@search=${this.onFilterChange}
|
|
1464
1458
|
@keyup=${this.onFilterChange}>
|
|
1465
1459
|
</div>
|
|
@@ -1470,15 +1464,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1470
1464
|
@slotchange=${this.updateOptionsFromSlot}
|
|
1471
1465
|
@option-change=${this.optionsChanged}></slot>
|
|
1472
1466
|
</div>
|
|
1473
|
-
`}update(t){if(super.update(t),t.has("options")){
|
|
1474
|
-
${this.raiseSelectedOptions&&
|
|
1467
|
+
`}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,a,n,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=(n=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector(".ft-filter--levels ft-filter-level:last-child"))===null||n===void 0?void 0:n.hasHiddenValues)!==null&&l!==void 0?l:!1}renderLevels(){let t=this.flatOptions,r=t.filter(n=>n.selected),i=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,a=i<0?"ft-filter--level-center":"ft-filter--level-left";return Xe.html`
|
|
1468
|
+
${this.raiseSelectedOptions&&r.length>0?Xe.html`
|
|
1475
1469
|
<ft-filter-level
|
|
1476
1470
|
filterId="${this.id}"
|
|
1477
1471
|
?multivalued=${this.multivalued}
|
|
1478
1472
|
?disabled=${this.disabled}
|
|
1479
1473
|
?displayCount="${this.displayCount}"
|
|
1480
1474
|
preventNavigation
|
|
1481
|
-
.options=${
|
|
1475
|
+
.options=${r}
|
|
1482
1476
|
@change=${this.onChange}
|
|
1483
1477
|
part="values selected-values"
|
|
1484
1478
|
.exportpartsPrefixes=${["values","selected-values"]}
|
|
@@ -1487,22 +1481,22 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1487
1481
|
`:null}
|
|
1488
1482
|
<ft-snap-scroll horizontal hideScrollbar
|
|
1489
1483
|
class="ft-filter--levels"
|
|
1490
|
-
@current-element-change=${
|
|
1491
|
-
${this.renderLevel(
|
|
1492
|
-
${this.displayedLevels.map(
|
|
1484
|
+
@current-element-change=${n=>this.levelsScrollDebouncer.run(()=>{for(;n.detail.index<this.displayedLevels.length;)this.displayedLevels.pop();this.requestUpdate()})}>
|
|
1485
|
+
${this.renderLevel(a,this.options)}
|
|
1486
|
+
${this.displayedLevels.map(n=>t.find(l=>l.value===n)).map((n,l)=>{var c;let f=n?.value===this.slideIn||n?.value===this.slideOut?"ft-filter--level-right":l===i?"ft-filter--level-center":"ft-filter--level-left";return this.renderLevel(f,(c=n?.subOptions)!==null&&c!==void 0?c:[],n)})}
|
|
1493
1487
|
</ft-snap-scroll>
|
|
1494
|
-
`}renderLevel(t,
|
|
1488
|
+
`}renderLevel(t,r,i){return Xe.html`
|
|
1495
1489
|
<ft-filter-level
|
|
1496
1490
|
class="${t}"
|
|
1497
1491
|
filterId="${this.id}"
|
|
1498
1492
|
.filter="${this.filter}"
|
|
1499
1493
|
moreValuesButtonLabel="${this.moreValuesButtonLabel}"
|
|
1500
1494
|
?multivalued=${this.multivalued}
|
|
1501
|
-
?disabled=${this.disabled||"ft-filter--level-center"
|
|
1495
|
+
?disabled=${this.disabled||t!=="ft-filter--level-center"}
|
|
1502
1496
|
?hideSelectedOptions=${this.raiseSelectedOptions}
|
|
1503
1497
|
?displayCount="${this.displayCount}"
|
|
1504
1498
|
.parent=${i}
|
|
1505
|
-
.options=${
|
|
1499
|
+
.options=${r}
|
|
1506
1500
|
.displayedValuesLimit=${this.displayedValuesLimit}
|
|
1507
1501
|
@change=${this.onChange}
|
|
1508
1502
|
@go-back=${this.goBack}
|
|
@@ -1511,21 +1505,21 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1511
1505
|
.exportpartsPrefixes=${["values","available-values"]}
|
|
1512
1506
|
noValuesLabel="${this.noValuesLabel}"
|
|
1513
1507
|
></ft-filter-level>
|
|
1514
|
-
`}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(
|
|
1508
|
+
`}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(n=>n.value===t.detail.value);i.selected=!i.selected;let a=n=>{var l;n!==i&&(n.selected=!1),(l=n.subOptions)===null||l===void 0||l.forEach(a)};this.multivalued?(r=i.subOptions)===null||r===void 0||r.forEach(a):this.options.forEach(a),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,qt.deepEqual)(this.lastDispatchedValues,t)||(this.dispatchEvent(new ri(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)}};D.elementDefinitions={"ft-button":ft,"ft-filter-level":lt,"ft-snap-scroll":st,"ft-typography":M};D.styles=ml;q([(0,H.property)({type:String})],D.prototype,"id",void 0);q([(0,H.property)({type:String})],D.prototype,"label",void 0);q([(0,H.property)({type:String})],D.prototype,"filterPlaceHolder",void 0);q([(0,H.property)({type:String})],D.prototype,"clearButtonLabel",void 0);q([(0,H.property)({type:String})],D.prototype,"moreValuesButtonLabel",void 0);q([(0,H.property)({type:String})],D.prototype,"noValuesLabel",void 0);q([(0,qt.jsonProperty)([])],D.prototype,"options",void 0);q([(0,H.property)({type:Boolean})],D.prototype,"multivalued",void 0);q([(0,H.property)({type:Boolean})],D.prototype,"disabled",void 0);q([(0,H.property)({type:Boolean})],D.prototype,"raiseSelectedOptions",void 0);q([(0,H.property)({type:Boolean})],D.prototype,"displayCount",void 0);q([(0,H.property)({type:Number})],D.prototype,"displayedValuesLimit",void 0);q([(0,H.property)({type:Boolean})],D.prototype,"hideClearButton",void 0);q([(0,H.query)(".ft-filter--slot")],D.prototype,"slotElement",void 0);q([(0,H.query)(".ft-filter--container")],D.prototype,"container",void 0);q([(0,H.query)(".ft-filter--values")],D.prototype,"valuesContainer",void 0);q([(0,H.query)(".ft-filter--levels")],D.prototype,"levelsContainer",void 0);q([(0,H.state)()],D.prototype,"lastLevelHasHiddenvalues",void 0);q([(0,H.query)(".ft-filter--filter input")],D.prototype,"filterInput",void 0);q([(0,H.queryAll)(".ft-filter--levels ft-filter-level")],D.prototype,"levels",void 0);q([(0,H.state)()],D.prototype,"withScroll",void 0);q([(0,H.state)()],D.prototype,"filter",void 0);q([(0,H.state)()],D.prototype,"slideIn",void 0);q([(0,H.state)()],D.prototype,"slideOut",void 0);var mr=d(g()),Je=d(X()),gl=d(S()),Oo=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},Mt=class extends mr.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return gl.html`
|
|
1515
1509
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1516
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map(
|
|
1510
|
+
`}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}))}};Mt.elementDefinitions={};Oo([(0,Je.property)({type:String})],Mt.prototype,"label",void 0);Oo([(0,Je.property)({type:Object,converter:o=>o})],Mt.prototype,"value",void 0);Oo([(0,Je.property)({type:Boolean,reflect:!0})],Mt.prototype,"selected",void 0);Oo([(0,Je.property)({type:Object})],Mt.prototype,"subOptions",void 0);Oo([(0,mr.jsonProperty)({})],Mt.prototype,"renderOption",void 0);Oo([(0,Je.query)(".ft-filter-option--slot")],Mt.prototype,"slotElement",void 0);(0,ii.customElement)("ft-filter")(D);(0,ii.customElement)("ft-filter-option")(Mt);var ai=d(g());var vl=d(S()),gr=d(X()),Sl=d(g());var bl=d(S());var yl=bl.css`
|
|
1517
1511
|
.ft-accordion {
|
|
1518
1512
|
box-sizing: border-box;
|
|
1519
1513
|
}
|
|
1520
|
-
`;var
|
|
1514
|
+
`;var xl=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},fe=class extends Sl.FtLitElement{constructor(){super(...arguments),this.multi=!1}render(){return vl.html`
|
|
1521
1515
|
<div class="ft-accordion">
|
|
1522
1516
|
<slot @activated=${this.onChange}></slot>
|
|
1523
1517
|
</div>
|
|
1524
|
-
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach(
|
|
1518
|
+
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach(r=>r.active=r===t.target)}};fe.elementDefinitions={};fe.styles=yl;xl([(0,gr.property)({type:Boolean})],fe.prototype,"multi",void 0);xl([(0,gr.query)("slot")],fe.prototype,"content",void 0);var Uo=d(S()),Mo=d(X()),wl=d(g());var Ol=d(S()),to=d(g()),Qe={horizontalSpacing:to.FtCssVariableFactory.create("--ft-accordion-toggle-horizontal-spacing","","SIZE","16px"),verticalSpacing:to.FtCssVariableFactory.create("--ft-accordion-toggle-vertical-spacing","","SIZE","16px"),colorOutline:to.FtCssVariableFactory.external(to.designSystemVariables.colorOutline,"Design system"),backgroundColor:to.FtCssVariableFactory.create("--ft-accordion-item-background-color","","COLOR","#FFFFFF")},Cl=Ol.css`
|
|
1525
1519
|
.ft-accordion-item {
|
|
1526
1520
|
display: flex;
|
|
1527
1521
|
flex-direction: column;
|
|
1528
|
-
background-color: ${
|
|
1522
|
+
background-color: ${Qe.backgroundColor};
|
|
1529
1523
|
}
|
|
1530
1524
|
|
|
1531
1525
|
.ft-accordion-item--toggle {
|
|
@@ -1535,8 +1529,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1535
1529
|
display: flex;
|
|
1536
1530
|
align-items: center;
|
|
1537
1531
|
cursor: pointer;
|
|
1538
|
-
padding: ${
|
|
1539
|
-
gap: calc(${
|
|
1532
|
+
padding: ${Qe.verticalSpacing} ${Qe.horizontalSpacing};
|
|
1533
|
+
gap: calc(${Qe.horizontalSpacing} / 2);
|
|
1540
1534
|
outline: none;
|
|
1541
1535
|
}
|
|
1542
1536
|
|
|
@@ -1561,13 +1555,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1561
1555
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1562
1556
|
height: initial;
|
|
1563
1557
|
overflow: visible;
|
|
1564
|
-
padding: ${
|
|
1558
|
+
padding: ${Qe.verticalSpacing} ${Qe.horizontalSpacing};
|
|
1565
1559
|
}
|
|
1566
1560
|
|
|
1567
1561
|
.ft-accordion-item--separator {
|
|
1568
|
-
border-bottom: 1px solid ${
|
|
1562
|
+
border-bottom: 1px solid ${Qe.colorOutline};
|
|
1569
1563
|
}
|
|
1570
|
-
`;var
|
|
1564
|
+
`;var br=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},Yt=class extends wl.FtLitElement{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return Uo.html`
|
|
1571
1565
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1572
1566
|
<div class="ft-accordion-item--toggle"
|
|
1573
1567
|
part="toggle"
|
|
@@ -1578,13 +1572,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1578
1572
|
aria-controls="ft-accordion-item-content"
|
|
1579
1573
|
aria-expanded="${this.active}">
|
|
1580
1574
|
<ft-ripple part="toggle-ripple"></ft-ripple>
|
|
1581
|
-
${this.icon?
|
|
1575
|
+
${this.icon?Uo.html`
|
|
1582
1576
|
<ft-icon .variant=${this.iconVariant} value="${this.icon}"></ft-icon>
|
|
1583
1577
|
`:null}
|
|
1584
|
-
${this.label?
|
|
1578
|
+
${this.label?Uo.html`
|
|
1585
1579
|
<ft-typography class="ft-accordion-item--label" variant="body1" part="label">${this.label}
|
|
1586
1580
|
</ft-typography>
|
|
1587
|
-
`:
|
|
1581
|
+
`:Uo.html`
|
|
1588
1582
|
<slot class="ft-accordion-item--label" name="toggle" part="label"></slot>
|
|
1589
1583
|
`}
|
|
1590
1584
|
<ft-icon variant="material">${this.active?"expand_less":"expand_more"}</ft-icon>
|
|
@@ -1597,7 +1591,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1597
1591
|
</div>
|
|
1598
1592
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1599
1593
|
</div>
|
|
1600
|
-
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"
|
|
1594
|
+
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.active=!this.active)}};Yt.elementDefinitions={"ft-ripple":N,"ft-typography":M,"ft-icon":Q};Yt.styles=Cl;br([(0,Mo.property)()],Yt.prototype,"icon",void 0);br([(0,Mo.property)()],Yt.prototype,"iconVariant",void 0);br([(0,Mo.property)()],Yt.prototype,"label",void 0);br([(0,Mo.property)({type:Boolean,reflect:!0})],Yt.prototype,"active",void 0);(0,ai.customElement)("ft-accordion")(fe);(0,ai.customElement)("ft-accordion-item")(Yt);var kl=d(g());var xr=d(S()),$t=d(X()),Nl=d(Qt()),Sr=d(g());var yr=d(S()),k=d(g());var $l=k.FtCssVariableFactory.extend("--ft-chip-color","",k.designSystemVariables.colorOnSurface),wt={backgroundColor:k.FtCssVariableFactory.extend("--ft-chip-background-color","",k.designSystemVariables.colorSurface),color:$l,fontSize:k.FtCssVariableFactory.extend("--ft-chip-font-size","",gt.fontSize),iconSize:k.FtCssVariableFactory.create("--ft-chip-icon-size","","SIZE","18px"),borderRadius:k.FtCssVariableFactory.create("--ft-chip-border-radius","","SIZE",""),rippleColor:k.FtCssVariableFactory.extend("--ft-chip-ripple-color","",$l),horizontalPadding:k.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:k.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:k.FtCssVariableFactory.external(k.designSystemVariables.colorOutline,"Design system"),opacityDisabled:k.FtCssVariableFactory.external(k.designSystemVariables.colorOpacityDisabled,"Design system")},El=k.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",k.FtCssVariableFactory.extend("--ft-chip-color","",k.designSystemVariables.colorOnPrimary)),ni={backgroundColor:k.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",k.FtCssVariableFactory.extend("--ft-chip-background-color","",k.designSystemVariables.colorPrimary)),color:El,rippleColor:k.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",El)},Rl={horizontalPadding:k.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:k.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},Ll=[k.noTextSelect,yr.css`
|
|
1601
1595
|
:host {
|
|
1602
1596
|
display: inline-block;
|
|
1603
1597
|
max-width: 100%;
|
|
@@ -1613,20 +1607,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1613
1607
|
box-sizing: border-box;
|
|
1614
1608
|
pointer-events: auto;
|
|
1615
1609
|
|
|
1616
|
-
--ft-chip-internal-font-size: ${
|
|
1610
|
+
--ft-chip-internal-font-size: ${wt.fontSize};
|
|
1617
1611
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1618
|
-
${
|
|
1619
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1620
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1612
|
+
${(0,k.setVariable)(mt.size,wt.iconSize)};
|
|
1613
|
+
--ft-chip-internal-vertical-padding: ${wt.verticalPadding};
|
|
1614
|
+
--ft-chip-internal-horizontal-padding: ${wt.horizontalPadding};
|
|
1621
1615
|
--ft-chip-internal-icon-padding: 3px;
|
|
1622
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1616
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${wt.iconSize});
|
|
1623
1617
|
|
|
1624
|
-
border: 1px solid ${
|
|
1625
|
-
color: ${
|
|
1626
|
-
${
|
|
1627
|
-
border-radius: var(${
|
|
1618
|
+
border: 1px solid ${wt.colorOutline};
|
|
1619
|
+
color: ${wt.color};
|
|
1620
|
+
${(0,k.setVariable)(R.color,wt.rippleColor)};
|
|
1621
|
+
border-radius: var(${(0,yr.unsafeCSS)(wt.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
|
|
1628
1622
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1629
|
-
background-color: ${
|
|
1623
|
+
background-color: ${wt.backgroundColor};
|
|
1630
1624
|
line-height: var(--ft-chip-internal-content-height);
|
|
1631
1625
|
}
|
|
1632
1626
|
|
|
@@ -1636,8 +1630,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1636
1630
|
|
|
1637
1631
|
.ft-chip--dense {
|
|
1638
1632
|
--ft-chip-internal-icon-padding: 3px;
|
|
1639
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1640
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1633
|
+
--ft-chip-internal-vertical-padding: ${Rl.verticalPadding};
|
|
1634
|
+
--ft-chip-internal-horizontal-padding: ${Rl.horizontalPadding};
|
|
1641
1635
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1642
1636
|
}
|
|
1643
1637
|
|
|
@@ -1649,15 +1643,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1649
1643
|
cursor: default;
|
|
1650
1644
|
pointer-events: none;
|
|
1651
1645
|
filter: grayscale(1);
|
|
1652
|
-
opacity: ${
|
|
1646
|
+
opacity: ${wt.opacityDisabled};
|
|
1653
1647
|
}
|
|
1654
1648
|
|
|
1655
1649
|
.ft-chip--highlighted {
|
|
1656
1650
|
border: none;
|
|
1657
1651
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1658
|
-
background-color: ${
|
|
1659
|
-
${
|
|
1660
|
-
color: ${
|
|
1652
|
+
background-color: ${ni.backgroundColor};
|
|
1653
|
+
${(0,k.setVariable)(R.color,ni.rippleColor)};
|
|
1654
|
+
color: ${ni.color};
|
|
1661
1655
|
}
|
|
1662
1656
|
|
|
1663
1657
|
.ft-chip--clickable {
|
|
@@ -1687,9 +1681,9 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1687
1681
|
}
|
|
1688
1682
|
|
|
1689
1683
|
.ft-chip--icon-button {
|
|
1690
|
-
${
|
|
1691
|
-
${
|
|
1692
|
-
${
|
|
1684
|
+
${(0,k.setVariable)(A.iconSize,wt.iconSize)};
|
|
1685
|
+
${(0,k.setVariable)(A.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1686
|
+
${(0,k.setVariable)(A.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1693
1687
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
1694
1688
|
}
|
|
1695
1689
|
|
|
@@ -1697,8 +1691,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1697
1691
|
vertical-align: bottom;
|
|
1698
1692
|
display: block;
|
|
1699
1693
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1700
|
-
${
|
|
1701
|
-
${
|
|
1694
|
+
${(0,k.setVariable)(gt.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1695
|
+
${(0,k.setVariable)(gt.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1702
1696
|
}
|
|
1703
1697
|
|
|
1704
1698
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -1734,8 +1728,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1734
1728
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
1735
1729
|
order: -1;
|
|
1736
1730
|
}
|
|
1737
|
-
`];var
|
|
1738
|
-
<div class="${
|
|
1731
|
+
`];var Ht=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},vr=class extends CustomEvent{constructor(){super("icon-click")}},tt=class extends Sr.FtLitElement{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.iconLabel="",this.icon=void 0,this.trailingIcon=!1}render(){let t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":Sr.isSafari};return xr.html`
|
|
1732
|
+
<div class="${(0,Nl.classMap)(t)}"
|
|
1739
1733
|
aria-label="${this.getLabel()}"
|
|
1740
1734
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1741
1735
|
@keyup=${this.onKeyUp}
|
|
@@ -1746,7 +1740,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1746
1740
|
</ft-typography>
|
|
1747
1741
|
${this.internalIcon?this.renderIcon():null}
|
|
1748
1742
|
</div>
|
|
1749
|
-
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?
|
|
1743
|
+
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?xr.html`
|
|
1750
1744
|
<ft-button round
|
|
1751
1745
|
class="ft-chip--icon-button"
|
|
1752
1746
|
@click=${this.onIconClick}
|
|
@@ -1755,29 +1749,29 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1755
1749
|
label="${this.iconLabel}"
|
|
1756
1750
|
part="icon-button"
|
|
1757
1751
|
></ft-button>
|
|
1758
|
-
`:
|
|
1752
|
+
`:xr.html`
|
|
1759
1753
|
<div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
|
|
1760
1754
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
|
|
1761
1755
|
</div>
|
|
1762
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1756
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new vr))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new vr))}getLabel(){return this.label||this.textContent}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:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};tt.elementDefinitions={"ft-ripple":N,"ft-typography":M,"ft-icon":Q,"ft-button":ft};tt.styles=Ll;Ht([(0,$t.property)({type:Boolean})],tt.prototype,"highlighted",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"removable",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"disabled",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"clickable",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"iconClickable",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"dense",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"multiLine",void 0);Ht([(0,$t.property)()],tt.prototype,"label",void 0);Ht([(0,$t.property)()],tt.prototype,"iconLabel",void 0);Ht([(0,$t.property)()],tt.prototype,"icon",void 0);Ht([(0,$t.property)()],tt.prototype,"iconVariant",void 0);Ht([(0,$t.property)({type:Boolean})],tt.prototype,"trailingIcon",void 0);Ht([(0,$t.query)("ft-typography slot")],tt.prototype,"slottedContent",void 0);(0,kl.customElement)("ft-chip")(tt);var ci=d(g());var Vo=d(S()),Y=d(X()),si=d(Qt()),_l=d(Te()),Go=d(g());var Pl=d(g());var li=d(S()),Co=d(X()),Il=d(Qt()),zl=d(g());var Bl=d(S()),G=d(g());var L={fontSize:G.FtCssVariableFactory.create("--ft-input-label-font-size","","SIZE","14px"),raisedFontSize:G.FtCssVariableFactory.create("--ft-input-label-raised-font-size","","SIZE","11px"),raisedZIndex:G.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","","NUMBER","2"),verticalSpacing:G.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","","SIZE","4px"),horizontalSpacing:G.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","","SIZE","12px"),labelMaxWidth:G.FtCssVariableFactory.create("--ft-input-label-max-width","","SIZE","100%"),borderColor:G.FtCssVariableFactory.extend("--ft-input-label-border-color","",G.designSystemVariables.colorOutline),textColor:G.FtCssVariableFactory.extend("--ft-input-label-text-color","",G.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:G.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color","",G.designSystemVariables.colorOnSurfaceDisabled),colorSurface:G.FtCssVariableFactory.external(G.designSystemVariables.colorSurface,"Design system"),borderRadiusS:G.FtCssVariableFactory.external(G.designSystemVariables.borderRadiusS,"Design system"),colorError:G.FtCssVariableFactory.external(G.designSystemVariables.colorError,"Design system")},Al=Bl.css`
|
|
1763
1757
|
.ft-input-label {
|
|
1764
1758
|
position: absolute;
|
|
1765
1759
|
inset: 0;
|
|
1766
1760
|
display: flex;
|
|
1767
|
-
background-color: ${
|
|
1768
|
-
border-radius: ${
|
|
1761
|
+
background-color: ${L.colorSurface};
|
|
1762
|
+
border-radius: ${L.borderRadiusS} ${L.borderRadiusS} 0 0;
|
|
1769
1763
|
}
|
|
1770
1764
|
|
|
1771
1765
|
.ft-input-label--outlined {
|
|
1772
|
-
border-radius: ${
|
|
1766
|
+
border-radius: ${L.borderRadiusS};
|
|
1773
1767
|
}
|
|
1774
1768
|
|
|
1775
1769
|
.ft-input-label {
|
|
1776
|
-
border-color: ${
|
|
1770
|
+
border-color: ${L.borderColor};
|
|
1777
1771
|
}
|
|
1778
1772
|
|
|
1779
1773
|
.ft-input-label.ft-input-label--in-error {
|
|
1780
|
-
border-color: ${
|
|
1774
|
+
border-color: ${L.colorError}
|
|
1781
1775
|
}
|
|
1782
1776
|
|
|
1783
1777
|
.ft-input-label:before,
|
|
@@ -1790,7 +1784,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1790
1784
|
}
|
|
1791
1785
|
|
|
1792
1786
|
.ft-input-label:before {
|
|
1793
|
-
width: calc(${
|
|
1787
|
+
width: calc(${L.horizontalSpacing} - 4px);
|
|
1794
1788
|
flex-shrink: 0;
|
|
1795
1789
|
}
|
|
1796
1790
|
|
|
@@ -1806,20 +1800,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1806
1800
|
border-bottom-width: 1px;
|
|
1807
1801
|
border-bottom-style: solid;
|
|
1808
1802
|
border-color: inherit;
|
|
1809
|
-
color: ${
|
|
1803
|
+
color: ${L.textColor};
|
|
1810
1804
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1811
|
-
max-width: calc(${
|
|
1805
|
+
max-width: calc(${L.labelMaxWidth} - 2 * (${L.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
1812
1806
|
text-overflow: ellipsis;
|
|
1813
|
-
${
|
|
1814
|
-
${
|
|
1807
|
+
${(0,G.setVariable)(Jt.fontSize,L.fontSize)};
|
|
1808
|
+
${(0,G.setVariable)(Jt.lineHeight,L.fontSize)};
|
|
1815
1809
|
}
|
|
1816
1810
|
|
|
1817
1811
|
.ft-input-label--in-error .ft-input-label--text {
|
|
1818
|
-
color: ${
|
|
1812
|
+
color: ${L.colorError}
|
|
1819
1813
|
}
|
|
1820
1814
|
|
|
1821
1815
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1822
|
-
color: ${
|
|
1816
|
+
color: ${L.disabledTextColor};
|
|
1823
1817
|
}
|
|
1824
1818
|
|
|
1825
1819
|
.ft-input-label--hidden-text {
|
|
@@ -1836,19 +1830,19 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1836
1830
|
overflow: hidden;
|
|
1837
1831
|
white-space: nowrap;
|
|
1838
1832
|
text-overflow: ellipsis;
|
|
1839
|
-
padding: ${
|
|
1840
|
-
margin: calc(${
|
|
1833
|
+
padding: ${L.verticalSpacing} 4px;
|
|
1834
|
+
margin: calc(${L.verticalSpacing} * -1) 0;
|
|
1841
1835
|
max-width: 100%;
|
|
1842
1836
|
box-sizing: border-box;
|
|
1843
1837
|
}
|
|
1844
1838
|
|
|
1845
1839
|
.ft-input-label--raised .ft-input-label--text {
|
|
1846
|
-
${
|
|
1847
|
-
${
|
|
1840
|
+
${(0,G.setVariable)(Jt.fontSize,L.raisedFontSize)};
|
|
1841
|
+
${(0,G.setVariable)(Jt.lineHeight,L.raisedFontSize)};
|
|
1848
1842
|
}
|
|
1849
1843
|
|
|
1850
1844
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1851
|
-
top: ${
|
|
1845
|
+
top: ${L.verticalSpacing};
|
|
1852
1846
|
}
|
|
1853
1847
|
|
|
1854
1848
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1861,36 +1855,36 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1861
1855
|
.ft-input-label--outlined:before {
|
|
1862
1856
|
border-left-width: 1px;
|
|
1863
1857
|
border-left-style: solid;
|
|
1864
|
-
border-radius: ${
|
|
1858
|
+
border-radius: ${L.borderRadiusS} 0 0 ${L.borderRadiusS};
|
|
1865
1859
|
}
|
|
1866
1860
|
|
|
1867
1861
|
.ft-input-label--outlined:after {
|
|
1868
1862
|
border-right-width: 1px;
|
|
1869
1863
|
border-right-style: solid;
|
|
1870
|
-
border-radius: 0 ${
|
|
1864
|
+
border-radius: 0 ${L.borderRadiusS} ${L.borderRadiusS} 0;
|
|
1871
1865
|
}
|
|
1872
1866
|
|
|
1873
1867
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1874
1868
|
padding: 2px 4px;
|
|
1875
|
-
z-index: ${
|
|
1876
|
-
background-color: ${
|
|
1877
|
-
border-radius: ${
|
|
1869
|
+
z-index: ${L.raisedZIndex};
|
|
1870
|
+
background-color: ${L.colorSurface};
|
|
1871
|
+
border-radius: ${L.borderRadiusS};
|
|
1878
1872
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1879
1873
|
}
|
|
1880
1874
|
|
|
1881
1875
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1882
1876
|
border-top: none;
|
|
1883
1877
|
}
|
|
1884
|
-
`;var
|
|
1885
|
-
<div class="${
|
|
1886
|
-
${this.text?
|
|
1878
|
+
`;var Ho=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},Vt=class extends zl.FtLitElement{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){let t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return li.html`
|
|
1879
|
+
<div class="${(0,Il.classMap)(t)}">
|
|
1880
|
+
${this.text?li.html`
|
|
1887
1881
|
<div class="ft-input-label--text ft-typography--caption">
|
|
1888
1882
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
1889
1883
|
<span class="ft-input-label--hidden-text" aria-hidden="true">${this.text}</span>
|
|
1890
1884
|
</div>
|
|
1891
1885
|
`:null}
|
|
1892
1886
|
</div>
|
|
1893
|
-
`}}
|
|
1887
|
+
`}};Vt.elementDefinitions={};Vt.styles=[ke,Al];Ho([(0,Co.property)({type:String})],Vt.prototype,"text",void 0);Ho([(0,Co.property)({type:Boolean})],Vt.prototype,"raised",void 0);Ho([(0,Co.property)({type:Boolean})],Vt.prototype,"outlined",void 0);Ho([(0,Co.property)({type:Boolean})],Vt.prototype,"disabled",void 0);Ho([(0,Co.property)({type:Boolean})],Vt.prototype,"error",void 0);(0,Pl.customElement)("ft-input-label")(Vt);var Fl=d(S()),E=d(g());var I={labelSize:E.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:E.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:E.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:E.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:E.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","70vh"),selectedOptionColor:E.FtCssVariableFactory.extend("--ft-select-selected-option-color","",E.designSystemVariables.colorOnSurface),helperColor:E.FtCssVariableFactory.extend("--ft-select-helper-color","",E.designSystemVariables.colorOnSurfaceMedium),optionsColor:E.FtCssVariableFactory.extend("--ft-select-options-color","",E.designSystemVariables.colorOnSurface),optionsZIndex:E.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:E.FtCssVariableFactory.external(E.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:E.FtCssVariableFactory.external(E.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:E.FtCssVariableFactory.external(E.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:E.FtCssVariableFactory.external(E.designSystemVariables.borderRadiusS,"Design system"),elevation02:E.FtCssVariableFactory.external(E.designSystemVariables.elevation02,"Design system"),colorError:E.FtCssVariableFactory.external(E.designSystemVariables.colorError,"Design system")},Dl=Fl.css`
|
|
1894
1888
|
*:focus {
|
|
1895
1889
|
outline: none;
|
|
1896
1890
|
}
|
|
@@ -1904,7 +1898,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1904
1898
|
.ft-select--main-panel {
|
|
1905
1899
|
position: relative;
|
|
1906
1900
|
display: flex;
|
|
1907
|
-
height: calc(4 * ${
|
|
1901
|
+
height: calc(4 * ${I.verticalSpacing} + ${I.labelSize} + ${I.selectedOptionSize});
|
|
1908
1902
|
}
|
|
1909
1903
|
|
|
1910
1904
|
.ft-select--input-panel {
|
|
@@ -1913,17 +1907,17 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1913
1907
|
display: flex;
|
|
1914
1908
|
align-items: center;
|
|
1915
1909
|
overflow: hidden;
|
|
1916
|
-
padding-left: ${
|
|
1917
|
-
padding-right: ${
|
|
1910
|
+
padding-left: ${I.horizontalSpacing};
|
|
1911
|
+
padding-right: ${I.horizontalSpacing};
|
|
1918
1912
|
gap: 8px;
|
|
1919
|
-
color: ${
|
|
1920
|
-
${
|
|
1913
|
+
color: ${I.selectedOptionColor};
|
|
1914
|
+
${(0,E.setVariable)(R.color,I.selectedOptionColor)};
|
|
1921
1915
|
}
|
|
1922
1916
|
|
|
1923
1917
|
.ft-select--input-panel,
|
|
1924
1918
|
.ft-select--option {
|
|
1925
|
-
${
|
|
1926
|
-
${
|
|
1919
|
+
${(0,E.setVariable)(R.opacityContentOnSurfaceHover,"0.08")};
|
|
1920
|
+
${(0,E.setVariable)(R.opacityContentOnSurfacePressed,"0.04")};
|
|
1927
1921
|
}
|
|
1928
1922
|
|
|
1929
1923
|
.ft-select--input-panel > *:not(ft-ripple),
|
|
@@ -1933,7 +1927,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1933
1927
|
|
|
1934
1928
|
.ft-select--disabled .ft-select--input-panel,
|
|
1935
1929
|
.ft-select--disabled .ft-select--option {
|
|
1936
|
-
color: ${
|
|
1930
|
+
color: ${I.colorOnSurfaceDisabled};
|
|
1937
1931
|
}
|
|
1938
1932
|
|
|
1939
1933
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1942,20 +1936,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1942
1936
|
}
|
|
1943
1937
|
|
|
1944
1938
|
ft-input-label {
|
|
1945
|
-
${
|
|
1946
|
-
${
|
|
1947
|
-
${
|
|
1948
|
-
${
|
|
1949
|
-
${
|
|
1939
|
+
${(0,E.setVariable)(L.fontSize,I.selectedOptionSize)};
|
|
1940
|
+
${(0,E.setVariable)(L.raisedFontSize,I.labelSize)};
|
|
1941
|
+
${(0,E.setVariable)(L.verticalSpacing,I.verticalSpacing)};
|
|
1942
|
+
${(0,E.setVariable)(L.horizontalSpacing,I.horizontalSpacing)};
|
|
1943
|
+
${(0,E.setVariable)(L.labelMaxWidth,`calc(100% - ${mt.size} - 8px)`)};
|
|
1950
1944
|
}
|
|
1951
1945
|
|
|
1952
1946
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1953
|
-
color: ${
|
|
1947
|
+
color: ${I.colorPrimary};
|
|
1954
1948
|
}
|
|
1955
1949
|
|
|
1956
1950
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1957
|
-
${
|
|
1958
|
-
${
|
|
1951
|
+
${(0,E.setVariable)(L.borderColor,I.colorPrimary)};
|
|
1952
|
+
${(0,E.setVariable)(L.textColor,I.colorPrimary)};
|
|
1959
1953
|
}
|
|
1960
1954
|
|
|
1961
1955
|
.ft-select--selected-option {
|
|
@@ -1965,12 +1959,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1965
1959
|
overflow: hidden;
|
|
1966
1960
|
white-space: nowrap;
|
|
1967
1961
|
text-overflow: ellipsis;
|
|
1968
|
-
${
|
|
1969
|
-
${
|
|
1962
|
+
${(0,E.setVariable)(ye.fontSize,I.selectedOptionSize)};
|
|
1963
|
+
${(0,E.setVariable)(ye.lineHeight,I.selectedOptionSize)};
|
|
1970
1964
|
}
|
|
1971
1965
|
|
|
1972
1966
|
.ft-select--in-error .ft-select--selected-option {
|
|
1973
|
-
color: ${
|
|
1967
|
+
color: ${I.colorError};
|
|
1974
1968
|
}
|
|
1975
1969
|
|
|
1976
1970
|
ft-icon {
|
|
@@ -1982,26 +1976,26 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
1982
1976
|
}
|
|
1983
1977
|
|
|
1984
1978
|
.ft-select--filled .ft-select--input-panel {
|
|
1985
|
-
border-radius: ${
|
|
1979
|
+
border-radius: ${I.borderRadiusS} ${I.borderRadiusS} 0 0;
|
|
1986
1980
|
}
|
|
1987
1981
|
|
|
1988
1982
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1989
1983
|
align-self: stretch;
|
|
1990
|
-
padding-top: calc(${
|
|
1984
|
+
padding-top: calc(${I.labelSize} + 2 * ${I.verticalSpacing});
|
|
1991
1985
|
}
|
|
1992
1986
|
|
|
1993
1987
|
.ft-select--outlined .ft-select--input-panel {
|
|
1994
|
-
border-radius: ${
|
|
1988
|
+
border-radius: ${I.borderRadiusS};
|
|
1995
1989
|
}
|
|
1996
1990
|
|
|
1997
1991
|
.ft-select--options {
|
|
1998
1992
|
display: none;
|
|
1999
1993
|
position: absolute;
|
|
2000
1994
|
top: 100%;
|
|
2001
|
-
color: ${
|
|
2002
|
-
background: ${
|
|
2003
|
-
z-index: ${
|
|
2004
|
-
box-shadow: ${
|
|
1995
|
+
color: ${I.optionsColor};
|
|
1996
|
+
background: ${I.colorSurface};
|
|
1997
|
+
z-index: ${I.optionsZIndex};
|
|
1998
|
+
box-shadow: ${I.elevation02};
|
|
2005
1999
|
}
|
|
2006
2000
|
|
|
2007
2001
|
.ft-select--fixed .ft-select--options {
|
|
@@ -2010,13 +2004,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2010
2004
|
|
|
2011
2005
|
.ft-select--options-displayed .ft-select--options {
|
|
2012
2006
|
display: block;
|
|
2013
|
-
max-height: ${
|
|
2007
|
+
max-height: ${I.optionsHeight};
|
|
2014
2008
|
overflow-y: auto;
|
|
2015
2009
|
}
|
|
2016
2010
|
|
|
2017
2011
|
.ft-select--option {
|
|
2018
2012
|
position: relative;
|
|
2019
|
-
padding: 4px ${
|
|
2013
|
+
padding: 4px ${I.horizontalSpacing};
|
|
2020
2014
|
min-height: 32px;
|
|
2021
2015
|
display: flex;
|
|
2022
2016
|
align-items: center;
|
|
@@ -2028,21 +2022,21 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2028
2022
|
}
|
|
2029
2023
|
|
|
2030
2024
|
.ft-select--helper-text {
|
|
2031
|
-
padding: 0 ${
|
|
2032
|
-
color: ${
|
|
2025
|
+
padding: 0 ${I.horizontalSpacing};
|
|
2026
|
+
color: ${I.helperColor};
|
|
2033
2027
|
}
|
|
2034
2028
|
|
|
2035
2029
|
.ft-select--in-error .ft-select--helper-text {
|
|
2036
|
-
color: ${
|
|
2030
|
+
color: ${I.colorError};
|
|
2037
2031
|
}
|
|
2038
|
-
`;var
|
|
2039
|
-
<div class="${
|
|
2032
|
+
`;var et=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},he=class extends Go.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return Vo.html``}update(t){super.update(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};he.elementDefinitions={};et([(0,Y.property)({type:String})],he.prototype,"label",void 0);et([(0,Y.property)({type:Object,converter:o=>o})],he.prototype,"value",void 0);et([(0,Y.property)({type:Boolean,reflect:!0})],he.prototype,"selected",void 0);var V=class extends Go.FtLitElement{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,r,i,a,n;let l=this.hasOptionsMenuOpen,c=this.disabled||!this.hasOptions,f=((t=this.selectedOption)===null||t===void 0?void 0:t.value)!=null||((i=(r=this.selectedOption)===null||r===void 0?void 0:r.label)!==null&&i!==void 0?i:"").length>0,h={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":c,"ft-select--options-displayed":l,"ft-select--has-option-selected":f,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return Vo.html`
|
|
2033
|
+
<div class="${(0,si.classMap)(h)}" part="container">
|
|
2040
2034
|
<div class="ft-select--main-panel" part="main-panel">
|
|
2041
2035
|
<ft-input-label text="${this.label}"
|
|
2042
2036
|
part="label"
|
|
2043
2037
|
?disabled=${c}
|
|
2044
2038
|
?outlined=${this.outlined}
|
|
2045
|
-
?raised=${
|
|
2039
|
+
?raised=${f||l}
|
|
2046
2040
|
?error=${this.error}
|
|
2047
2041
|
></ft-input-label>
|
|
2048
2042
|
<div class="ft-select--input-panel"
|
|
@@ -2052,65 +2046,65 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2052
2046
|
@keydown=${this.onMainPanelKeyDown}
|
|
2053
2047
|
aria-label="${this.label}"
|
|
2054
2048
|
aria-haspopup="listbox"
|
|
2055
|
-
aria-expanded="${
|
|
2049
|
+
aria-expanded="${l}">
|
|
2056
2050
|
<ft-ripple ?disabled=${c} ?activated=${!this.outlined}></ft-ripple>
|
|
2057
2051
|
<ft-typography variant="body1" class="ft-select--selected-option">
|
|
2058
|
-
${
|
|
2052
|
+
${(n=(a=this.selectedOption)===null||a===void 0?void 0:a.label)!==null&&n!==void 0?n:""}
|
|
2059
2053
|
</ft-typography>
|
|
2060
|
-
<ft-icon>${
|
|
2054
|
+
<ft-icon>${l?"thin_arrow_up":"thin_arrow"}</ft-icon>
|
|
2061
2055
|
</div>
|
|
2062
2056
|
<div class="ft-select--options"
|
|
2063
2057
|
part="options"
|
|
2064
2058
|
@keydown=${this.onOptionsKeyDown}
|
|
2065
2059
|
innerrole="listbox">
|
|
2066
|
-
${
|
|
2060
|
+
${(0,_l.repeat)(this.options,v=>v.value,v=>this.renderOption(v))}
|
|
2067
2061
|
</div>
|
|
2068
2062
|
</div>
|
|
2069
|
-
${this.helper?
|
|
2063
|
+
${this.helper?Vo.html`
|
|
2070
2064
|
<ft-typography class="ft-select--helper-text" variant="caption">${this.helper}
|
|
2071
2065
|
</ft-typography>`:void 0}
|
|
2072
2066
|
</div>
|
|
2073
2067
|
<slot @slotchange=${this.updateOptionsFromSlot}
|
|
2074
2068
|
@option-change=${this.updateOptionsFromSlot}
|
|
2075
2069
|
></slot>
|
|
2076
|
-
`}renderOption(t){let
|
|
2077
|
-
<div class="${
|
|
2070
|
+
`}renderOption(t){let r=this.selectedOption===t;return Vo.html`
|
|
2071
|
+
<div class="${(0,si.classMap)({"ft-select--option":!0,"ft-select--option-selected":r,"ft-typography--body2":!0})}"
|
|
2078
2072
|
part="option"
|
|
2079
2073
|
tabindex="0"
|
|
2080
2074
|
data-value="${t.value}"
|
|
2081
|
-
@keydown=${
|
|
2075
|
+
@keydown=${a=>this.onOptionKeyDown(a,t)}
|
|
2082
2076
|
@click=${()=>this.selectOption(t)}>
|
|
2083
|
-
<ft-ripple ?primary=${
|
|
2077
|
+
<ft-ripple ?primary=${r} ?activated=${r}></ft-ripple>
|
|
2084
2078
|
<span>${t.label}</span>
|
|
2085
2079
|
</div>
|
|
2086
|
-
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter(
|
|
2080
|
+
`}update(t){super.update(t),t.has("options")&&(this.selectedOption=this.options.filter(r=>r.selected)[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1)}contentAvailableCallback(t){var r,i;super.contentAvailableCallback(t),t.has("focusOptions")&&this.focusOptions&&((i=(r=this.selectedOptionElement)!==null&&r!==void 0?r:this.firstOption)===null||i===void 0||i.focus(),this.focusOptions=!1),t.has("optionsDisplayed")&&this.hasOptionsMenuOpen&&(this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px",sr(this.mainPanel,this.optionsMenu,"bottom").then(({x:a,y:n})=>{this.optionsMenu.style.left=`${a}px`,this.optionsMenu.style.top=`${n}px`}))}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var r;t.stopPropagation();let i=(r=this.optionsSlot)===null||r===void 0?void 0:r.assignedElements().map(a=>a);i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0;break}}onOptionsKeyDown(t){var r,i,a,n,l;let c;switch(t.key){case"Escape":this.optionsDisplayed=!1,(r=this.mainPanel)===null||r===void 0||r.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),c=(a=(i=this.focusedOption)===null||i===void 0?void 0:i.previousElementSibling)!==null&&a!==void 0?a:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),c=(l=(n=this.focusedOption)===null||n===void 0?void 0:n.nextElementSibling)!==null&&l!==void 0?l:this.firstOption;break}c?.focus()}onOptionKeyDown(t,r){var i;(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.stopPropagation(),this.selectOption(r),this.optionsDisplayed=!1,(i=this.mainPanel)===null||i===void 0||i.focus())}selectOption(t){var r,i;if(!(0,Go.deepEqual)((r=this.selectedOption)===null||r===void 0?void 0:r.value,t.value)){this.selectedOption=t;for(let a of this.options)a.selected=a===t;this.dispatchEvent(new CustomEvent("change",{detail:(i=this.selectedOption)===null||i===void 0?void 0:i.value}))}this.optionsDisplayed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}};V.elementDefinitions={"ft-input-label":Vt,"ft-typography":M,"ft-ripple":N,"ft-icon":Q};V.styles=[ho,ke,Dl];et([(0,Y.property)({type:String})],V.prototype,"label",void 0);et([(0,Y.property)({type:String})],V.prototype,"helper",void 0);et([(0,Y.property)({type:Boolean})],V.prototype,"outlined",void 0);et([(0,Y.property)({type:Boolean})],V.prototype,"disabled",void 0);et([(0,Y.property)({type:Boolean})],V.prototype,"error",void 0);et([(0,Y.property)({type:Boolean})],V.prototype,"fixedMenuPosition",void 0);et([(0,Y.property)({type:Array})],V.prototype,"options",void 0);et([(0,Y.state)()],V.prototype,"selectedOption",void 0);et([(0,Y.state)()],V.prototype,"optionsDisplayed",void 0);et([(0,Y.state)()],V.prototype,"focusOptions",void 0);et([(0,Y.query)(".ft-select")],V.prototype,"container",void 0);et([(0,Y.query)(".ft-select--options")],V.prototype,"optionsMenu",void 0);et([(0,Y.query)(".ft-select--input-panel")],V.prototype,"mainPanel",void 0);et([(0,Y.query)(".ft-select--option:first-child")],V.prototype,"firstOption",void 0);et([(0,Y.query)(".ft-select--option:focus")],V.prototype,"focusedOption",void 0);et([(0,Y.query)(".ft-select--option.ft-select--option-selected")],V.prototype,"selectedOptionElement",void 0);et([(0,Y.query)(".ft-select--option:last-child")],V.prototype,"lastOption",void 0);et([(0,Y.query)("slot")],V.prototype,"optionsSlot",void 0);(0,ci.customElement)("ft-select")(V);(0,ci.customElement)("ft-select-option")(he);var C=d(g()),pi=d(S());var Tl=d(S()),ie=d(g()),xt={display:ie.FtCssVariableFactory.create("--ft-skeleton--display","","DISPLAY","block"),width:ie.FtCssVariableFactory.create("--ft-skeleton--width","","SIZE","100%"),height:ie.FtCssVariableFactory.create("--ft-skeleton--height","","SIZE","20px"),backgroundColor:ie.FtCssVariableFactory.create("--ft-skeleton--background-color","","COLOR","#f1f1f1"),glareWidth:ie.FtCssVariableFactory.create("--ft-skeleton--glare-width","","SIZE","200px"),glareColor:ie.FtCssVariableFactory.create("--ft-skeleton--glare-color","","COLOR","rgba(255, 255, 255, .6)"),animationDuration:ie.FtCssVariableFactory.create("--ft-skeleton--animation-duration","","UNKNOWN","2s"),borderRadiusM:ie.FtCssVariableFactory.external(ie.designSystemVariables.borderRadiusM,"Design system")},Wl=Tl.css`
|
|
2087
2081
|
:host {
|
|
2088
|
-
width: ${
|
|
2089
|
-
height: ${
|
|
2090
|
-
display: ${
|
|
2082
|
+
width: ${xt.width};
|
|
2083
|
+
height: ${xt.height};
|
|
2084
|
+
display: ${xt.display};
|
|
2091
2085
|
overflow: hidden;
|
|
2092
|
-
border-radius: ${
|
|
2086
|
+
border-radius: ${xt.borderRadiusM};
|
|
2093
2087
|
background: linear-gradient(
|
|
2094
2088
|
90deg,
|
|
2095
2089
|
transparent,
|
|
2096
|
-
${
|
|
2097
|
-
${
|
|
2098
|
-
transparent ${
|
|
2099
|
-
), ${
|
|
2090
|
+
${xt.glareColor} calc(0.45 * ${xt.glareWidth}),
|
|
2091
|
+
${xt.glareColor} calc(0.55 * ${xt.glareWidth}),
|
|
2092
|
+
transparent ${xt.glareWidth}
|
|
2093
|
+
), ${xt.backgroundColor};
|
|
2100
2094
|
background-repeat: repeat-y;
|
|
2101
2095
|
background-size: 100vw 100vh;
|
|
2102
2096
|
background-attachment: fixed;
|
|
2103
|
-
background-position: calc(${
|
|
2104
|
-
animation: shine ${
|
|
2097
|
+
background-position: calc(${xt.glareWidth} * -1) 0;
|
|
2098
|
+
animation: shine ${xt.animationDuration} infinite;
|
|
2105
2099
|
animation-timing-function: linear;
|
|
2106
2100
|
}
|
|
2107
2101
|
|
|
2108
2102
|
@keyframes shine {
|
|
2109
2103
|
to {
|
|
2110
|
-
background-position: calc(100vw + ${
|
|
2104
|
+
background-position: calc(100vw + ${xt.glareWidth}) 0, calc(${xt.glareWidth} * -1) 0;
|
|
2111
2105
|
}
|
|
2112
2106
|
}
|
|
2113
|
-
|
|
2107
|
+
`;var O={height:C.FtCssVariableFactory.create("--ft-search-bar-height","","SIZE","38px"),borderRadius:C.FtCssVariableFactory.extend("--ft-search-bar-border-radius","",C.designSystemVariables.borderRadiusS),mobileOpenPosition:C.FtCssVariableFactory.create("--ft-search-bar-mobile-open-position","","POSITION","fixed"),mobileOpenTop:C.FtCssVariableFactory.create("--ft-search-bar-mobile-open-top","","SIZE","0"),mobileOpenBottom:C.FtCssVariableFactory.create("--ft-search-bar-mobile-open-bottom","","SIZE","0"),mobileOpenLeft:C.FtCssVariableFactory.create("--ft-search-bar-mobile-open-left","","SIZE","0"),mobileOpenRight:C.FtCssVariableFactory.create("--ft-search-bar-mobile-open-right","","SIZE","0"),desktopFiltersHeight:C.FtCssVariableFactory.create("--ft-search-bar-desktop-filters-height","","SIZE","350px"),floatingZIndex:C.FtCssVariableFactory.create("--ft-search-bar-floating-components-z-index","","NUMBER","3"),colorSurface:C.FtCssVariableFactory.external(C.designSystemVariables.colorSurface,"Design system"),colorOnSurface:C.FtCssVariableFactory.external(C.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:C.FtCssVariableFactory.external(C.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorOutline:C.FtCssVariableFactory.external(C.designSystemVariables.colorOutline,"Design system"),colorPrimary:C.FtCssVariableFactory.external(C.designSystemVariables.colorPrimary,"Design system"),elevation02:C.FtCssVariableFactory.external(C.designSystemVariables.elevation02,"Design system"),buttonColor:C.FtCssVariableFactory.external(A.color,"Button"),buttonRippleColor:C.FtCssVariableFactory.external(A.rippleColor,"Button")},Ul=pi.css`
|
|
2114
2108
|
* {
|
|
2115
2109
|
box-sizing: border-box;
|
|
2116
2110
|
}
|
|
@@ -2119,7 +2113,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2119
2113
|
display: flex;
|
|
2120
2114
|
flex-direction: column;
|
|
2121
2115
|
gap: 8px;
|
|
2122
|
-
color: ${
|
|
2116
|
+
color: ${O.colorOnSurface};
|
|
2123
2117
|
outline: none;
|
|
2124
2118
|
}
|
|
2125
2119
|
|
|
@@ -2128,21 +2122,21 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2128
2122
|
}
|
|
2129
2123
|
|
|
2130
2124
|
.ft-search-bar--mobile-menu-open {
|
|
2131
|
-
position: ${
|
|
2132
|
-
top: ${
|
|
2133
|
-
bottom: ${
|
|
2134
|
-
left: ${
|
|
2135
|
-
right: ${
|
|
2136
|
-
z-index: ${
|
|
2125
|
+
position: ${O.mobileOpenPosition};
|
|
2126
|
+
top: ${O.mobileOpenTop};
|
|
2127
|
+
bottom: ${O.mobileOpenBottom};
|
|
2128
|
+
left: ${O.mobileOpenLeft};
|
|
2129
|
+
right: ${O.mobileOpenRight};
|
|
2130
|
+
z-index: ${O.floatingZIndex};
|
|
2137
2131
|
padding: 16px;
|
|
2138
2132
|
}
|
|
2139
2133
|
|
|
2140
2134
|
.ft-search-bar--mobile-menu-open:not(.ft-search-bar--forced-open) {
|
|
2141
|
-
background: ${
|
|
2135
|
+
background: ${O.colorSurface};
|
|
2142
2136
|
}
|
|
2143
2137
|
|
|
2144
2138
|
.ft-search-bar--mobile-menu-open.ft-search-bar--forced-open {
|
|
2145
|
-
position: ${
|
|
2139
|
+
position: ${O.mobileOpenPosition.get("static")};
|
|
2146
2140
|
}
|
|
2147
2141
|
|
|
2148
2142
|
.ft-search-bar {
|
|
@@ -2150,20 +2144,20 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2150
2144
|
display: flex;
|
|
2151
2145
|
flex-direction: row;
|
|
2152
2146
|
align-items: center;
|
|
2153
|
-
height: ${
|
|
2147
|
+
height: ${O.height};
|
|
2154
2148
|
|
|
2155
|
-
background: ${
|
|
2156
|
-
border: 1px solid ${
|
|
2157
|
-
border-radius: ${
|
|
2149
|
+
background: ${O.colorSurface};
|
|
2150
|
+
border: 1px solid ${O.colorOutline};
|
|
2151
|
+
border-radius: ${O.borderRadius};
|
|
2158
2152
|
}
|
|
2159
2153
|
|
|
2160
2154
|
.ft-search-bar--skeleton {
|
|
2161
|
-
${
|
|
2162
|
-
${
|
|
2155
|
+
${(0,C.setVariable)(xt.height,O.height)};
|
|
2156
|
+
${(0,C.setVariable)(xt.borderRadiusM,O.borderRadius)};
|
|
2163
2157
|
}
|
|
2164
2158
|
|
|
2165
2159
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
2166
|
-
border-radius: ${
|
|
2160
|
+
border-radius: ${O.borderRadius} ${O.borderRadius} 0 0;
|
|
2167
2161
|
}
|
|
2168
2162
|
|
|
2169
2163
|
.ft-search-bar--input-container {
|
|
@@ -2181,7 +2175,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2181
2175
|
align-self: stretch;
|
|
2182
2176
|
display: grid;
|
|
2183
2177
|
padding: 0 8px;
|
|
2184
|
-
border-radius: ${
|
|
2178
|
+
border-radius: ${O.borderRadius};
|
|
2185
2179
|
}
|
|
2186
2180
|
|
|
2187
2181
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -2190,7 +2184,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2190
2184
|
}
|
|
2191
2185
|
|
|
2192
2186
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
2193
|
-
outline: 2px solid ${
|
|
2187
|
+
outline: 2px solid ${O.colorPrimary};
|
|
2194
2188
|
}
|
|
2195
2189
|
|
|
2196
2190
|
.ft-search-bar--input {
|
|
@@ -2198,12 +2192,12 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2198
2192
|
flex-grow: 1;
|
|
2199
2193
|
border: none;
|
|
2200
2194
|
background-color: transparent;
|
|
2201
|
-
color: ${
|
|
2195
|
+
color: ${O.colorOnSurface};
|
|
2202
2196
|
outline: none;
|
|
2203
2197
|
}
|
|
2204
2198
|
|
|
2205
2199
|
.ft-search-bar--input::placeholder {
|
|
2206
|
-
color: ${
|
|
2200
|
+
color: ${O.colorOnSurfaceMedium};
|
|
2207
2201
|
}
|
|
2208
2202
|
|
|
2209
2203
|
.ft-search-bar--actions {
|
|
@@ -2213,18 +2207,18 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2213
2207
|
align-items: center;
|
|
2214
2208
|
height: 100%;
|
|
2215
2209
|
|
|
2216
|
-
${
|
|
2210
|
+
${(0,C.setVariable)(Be.zIndex,`calc(${O.floatingZIndex} + 1)`)};
|
|
2217
2211
|
}
|
|
2218
2212
|
|
|
2219
2213
|
.ft-search-bar > ft-button,
|
|
2220
2214
|
.ft-search-bar--actions ft-button {
|
|
2221
2215
|
flex-shrink: 0;
|
|
2222
|
-
${
|
|
2216
|
+
${(0,C.setVariable)(A.backgroundColor,"transparent")};
|
|
2223
2217
|
}
|
|
2224
2218
|
|
|
2225
2219
|
.ft-search-bar--left-action {
|
|
2226
|
-
${
|
|
2227
|
-
border-right: 1px solid ${
|
|
2220
|
+
${(0,C.setVariable)(A.borderRadius,`calc(${O.borderRadius} - 1px) 0 0 calc(${O.borderRadius} - 1px)`)};
|
|
2221
|
+
border-right: 1px solid ${O.colorOutline};
|
|
2228
2222
|
height: 100%;
|
|
2229
2223
|
}
|
|
2230
2224
|
|
|
@@ -2233,7 +2227,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2233
2227
|
}
|
|
2234
2228
|
|
|
2235
2229
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
2236
|
-
${
|
|
2230
|
+
${(0,C.setVariable)(A.borderRadius,`calc(${O.borderRadius} - 1px) 0 0 0`)};
|
|
2237
2231
|
}
|
|
2238
2232
|
|
|
2239
2233
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -2243,13 +2237,13 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2243
2237
|
|
|
2244
2238
|
.ft-search-bar--separator {
|
|
2245
2239
|
height: 20px;
|
|
2246
|
-
border-right: 1px solid ${
|
|
2240
|
+
border-right: 1px solid ${O.colorOutline};
|
|
2247
2241
|
}
|
|
2248
2242
|
|
|
2249
2243
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
2250
|
-
${
|
|
2251
|
-
${
|
|
2252
|
-
${
|
|
2244
|
+
${(0,C.setVariable)(L.borderColor,"transparent")};
|
|
2245
|
+
${(0,C.setVariable)(L.borderRadiusS,`calc(${O.borderRadius} - 1px)`)};
|
|
2246
|
+
${(0,C.setVariable)(I.selectedOptionColor,O.buttonColor)};
|
|
2253
2247
|
}
|
|
2254
2248
|
|
|
2255
2249
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -2266,7 +2260,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2266
2260
|
}
|
|
2267
2261
|
|
|
2268
2262
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
2269
|
-
border-radius: calc(${
|
|
2263
|
+
border-radius: calc(${O.borderRadius} - 1px) 0 0 calc(${O.borderRadius} - 1px);
|
|
2270
2264
|
}
|
|
2271
2265
|
|
|
2272
2266
|
[part="content-locale-selector"] {
|
|
@@ -2275,7 +2269,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2275
2269
|
flex-direction: column;
|
|
2276
2270
|
max-height: 100%;
|
|
2277
2271
|
max-width: 100%;
|
|
2278
|
-
color: ${
|
|
2272
|
+
color: ${zt.colorOnSurface};
|
|
2279
2273
|
}
|
|
2280
2274
|
|
|
2281
2275
|
[part="content-locale-selector"] > ft-radio-group {
|
|
@@ -2293,7 +2287,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2293
2287
|
flex-shrink: 0;
|
|
2294
2288
|
padding: 0 10px;
|
|
2295
2289
|
margin-bottom: 8px;
|
|
2296
|
-
${
|
|
2290
|
+
${(0,C.setVariable)(y.fontSize,"14px")};
|
|
2297
2291
|
}
|
|
2298
2292
|
|
|
2299
2293
|
[part="content-locale-selector-label"] {
|
|
@@ -2301,18 +2295,18 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2301
2295
|
flex-shrink: 1;
|
|
2302
2296
|
flex-grow: 1;
|
|
2303
2297
|
word-break: break-word;
|
|
2304
|
-
${
|
|
2305
|
-
${
|
|
2298
|
+
${(0,C.setVariable)(y.lineHeight,"22px")};
|
|
2299
|
+
${(0,C.setVariable)(y.fontWeight,"bold")};
|
|
2306
2300
|
}
|
|
2307
2301
|
|
|
2308
|
-
`,
|
|
2302
|
+
`,Ml=pi.css`
|
|
2309
2303
|
.ft-search-bar--presets {
|
|
2310
2304
|
min-width: 200px;
|
|
2311
2305
|
}
|
|
2312
2306
|
|
|
2313
2307
|
.ft-search-bar--desktop-menu .ft-search-bar--presets {
|
|
2314
2308
|
margin-right: auto;
|
|
2315
|
-
${
|
|
2309
|
+
${(0,C.setVariable)(I.optionsZIndex,"2")};
|
|
2316
2310
|
}
|
|
2317
2311
|
|
|
2318
2312
|
.ft-search-bar--desktop-menu {
|
|
@@ -2365,8 +2359,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2365
2359
|
|
|
2366
2360
|
.ft-search-bar--desktop-menu .ft-search-bar--filters-container {
|
|
2367
2361
|
display: block;
|
|
2368
|
-
height: ${
|
|
2369
|
-
${
|
|
2362
|
+
height: ${O.desktopFiltersHeight};
|
|
2363
|
+
${(0,C.setVariable)(Ct.gap,"16px")};
|
|
2370
2364
|
}
|
|
2371
2365
|
|
|
2372
2366
|
.ft-search-bar--desktop-menu ft-filter {
|
|
@@ -2381,15 +2375,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2381
2375
|
}
|
|
2382
2376
|
|
|
2383
2377
|
.ft-search-bar--desktop-menu [data-filters-count="2"] ft-filter {
|
|
2384
|
-
max-width: calc(50% - ${
|
|
2378
|
+
max-width: calc(50% - ${Ct.gap} / 2);
|
|
2385
2379
|
}
|
|
2386
2380
|
|
|
2387
2381
|
.ft-search-bar--desktop-menu [data-filters-count="3"] ft-filter {
|
|
2388
|
-
max-width: max(250px, calc(33% - 2 * ${
|
|
2382
|
+
max-width: max(250px, calc(33% - 2 * ${Ct.gap} / 3));
|
|
2389
2383
|
}
|
|
2390
2384
|
|
|
2391
2385
|
.ft-search-bar--desktop-menu [data-filters-count="4"] ft-filter {
|
|
2392
|
-
max-width: max(250px, calc(25% - 3 * ${
|
|
2386
|
+
max-width: max(250px, calc(25% - 3 * ${Ct.gap} / 4));
|
|
2393
2387
|
}
|
|
2394
2388
|
|
|
2395
2389
|
.ft-search-bar--hierarchical-filter {
|
|
@@ -2446,7 +2440,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2446
2440
|
.ft-search-bar--filter-label-values {
|
|
2447
2441
|
flex-grow: 0;
|
|
2448
2442
|
flex-shrink: 1;
|
|
2449
|
-
color: ${
|
|
2443
|
+
color: ${O.colorOnSurfaceMedium};
|
|
2450
2444
|
}
|
|
2451
2445
|
|
|
2452
2446
|
ft-accordion-item::part(toggle) {
|
|
@@ -2466,44 +2460,44 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2466
2460
|
.ft-search-bar--desktop-menu .ft-search-bar--launch-search {
|
|
2467
2461
|
margin: 0;
|
|
2468
2462
|
}
|
|
2469
|
-
`;class
|
|
2470
|
-
`}}
|
|
2471
|
-
<div class="ft-search-bar--suggestions ft-word-wrap ${
|
|
2463
|
+
`;var Gl=d(g());var Hl=d(S()),Vl=d(g());var Fe=class extends Vl.FtLitElement{render(){return Hl.html`
|
|
2464
|
+
`}};Fe.elementDefinitions={};Fe.styles=Wl;(0,Gl.customElement)("ft-skeleton")(Fe);var eo=d(S()),di=d(Te());var Or=d(g());var ue=class{constructor(t,r=300){this.searchBar=t,this.updateDebouncer=new Or.Debouncer(r)}render(){let t=this.searchBar.recentSearches.filter(i=>i.toLowerCase().includes(this.searchBar.query.toLowerCase())),r=this.searchBar.suggestions.length>0||t.length>0;return eo.html`
|
|
2465
|
+
<div class="ft-search-bar--suggestions ft-word-wrap ${r?"ft-search-bar--suggestions-not-empty":""}"
|
|
2472
2466
|
part="suggestions-container"
|
|
2473
|
-
@keydown=${
|
|
2474
|
-
${
|
|
2475
|
-
<a href="${this.searchBar.searchRequestSerializer({...this.searchBar.request,query:
|
|
2467
|
+
@keydown=${i=>this.onSuggestKeyDown(i)}>
|
|
2468
|
+
${(0,di.repeat)(t.slice(0,5),i=>i,i=>eo.html`
|
|
2469
|
+
<a href="${this.searchBar.searchRequestSerializer({...this.searchBar.request,query:i})}"
|
|
2476
2470
|
part="suggestions"
|
|
2477
2471
|
class="ft-search-bar--suggestion ft-search-bar--recent-search"
|
|
2478
|
-
@keyup=${
|
|
2479
|
-
@click=${
|
|
2472
|
+
@keyup=${a=>this.onSuggestKeyUp(a,i)}
|
|
2473
|
+
@click=${a=>this.onSuggestClick(a,i)}>
|
|
2480
2474
|
<ft-ripple></ft-ripple>
|
|
2481
2475
|
<ft-icon variant="material" value="history" part="suggestion-icon"></ft-icon>
|
|
2482
|
-
<ft-typography variant="body1">${
|
|
2476
|
+
<ft-typography variant="body1">${i}</ft-typography>
|
|
2483
2477
|
<ft-button icon="close"
|
|
2484
2478
|
round
|
|
2485
2479
|
part="remove-suggestion"
|
|
2486
2480
|
?dense=${!this.searchBar.isMobile}
|
|
2487
2481
|
label="${this.searchBar.labelResolver.resolve("removeRecentSearch")}"
|
|
2488
2482
|
tooltipPosition="left"
|
|
2489
|
-
@click=${
|
|
2483
|
+
@click=${a=>this.removeRecentSearch(a,i)}></ft-button>
|
|
2490
2484
|
</a>
|
|
2491
|
-
`)
|
|
2492
|
-
${
|
|
2493
|
-
<a href="${this.searchBar.searchRequestSerializer({...this.searchBar.request,query:
|
|
2485
|
+
`)}
|
|
2486
|
+
${(0,di.repeat)(this.searchBar.suggestions,i=>i.value,i=>eo.html`
|
|
2487
|
+
<a href="${this.searchBar.searchRequestSerializer({...this.searchBar.request,query:i.value})}"
|
|
2494
2488
|
part="suggestions"
|
|
2495
2489
|
class="ft-search-bar--suggestion"
|
|
2496
|
-
@keyup=${
|
|
2497
|
-
@click=${
|
|
2490
|
+
@keyup=${a=>this.onSuggestKeyUp(a,i.value)}
|
|
2491
|
+
@click=${a=>this.onSuggestClick(a,i.value)}>
|
|
2498
2492
|
<ft-ripple></ft-ripple>
|
|
2499
|
-
${this.getIcon(
|
|
2500
|
-
<ft-typography variant="body1">${
|
|
2493
|
+
${this.getIcon(i)}
|
|
2494
|
+
<ft-typography variant="body1">${i.value}</ft-typography>
|
|
2501
2495
|
</a>
|
|
2502
|
-
`)
|
|
2496
|
+
`)}
|
|
2503
2497
|
</div>
|
|
2504
|
-
`}update(){return new Promise((
|
|
2505
|
-
<ft-icon .variant="${
|
|
2506
|
-
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;
|
|
2498
|
+
`}update(){return new Promise((t,r)=>{this.updateDebouncer.run(async()=>{this.searchBar.suggestions=this.searchBar.api&&this.searchBar.query.length>2?await this.searchBar.api.getSuggestions(this.searchBar.suggestRequest).then(i=>i.suggestions).catch(()=>[]):[],t()})})}onSuggestKeyDown(t){var r,i,a,n,l,c;switch(t.key){case"ArrowUp":(a=(i=(r=this.getFocusedSuggestionElement())===null||r===void 0?void 0:r.previousElementSibling)!==null&&i!==void 0?i:this.getLastSuggestionElement())===null||a===void 0||a.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":(c=(l=(n=this.getFocusedSuggestionElement())===null||n===void 0?void 0:n.nextElementSibling)!==null&&l!==void 0?l:this.getFirstSuggestionElement())===null||c===void 0||c.focus(),t.preventDefault(),t.stopPropagation();break}}onSuggestKeyUp(t,r){(t.key==="Enter"||t.key===" ")&&this.onSuggestSelected(t,r)}onSuggestClick(t,r){!t.ctrlKey&&!t.metaKey&&this.onSuggestSelected(t,r)}onSuggestSelected(t,r){t.preventDefault(),t.stopPropagation(),this.searchBar.setQuery(r),this.searchBar.launchSearch()}removeRecentSearch(t,r){var i,a;t.preventDefault(),t.stopPropagation();let n=t.target.closest(".ft-search-bar--suggestion"),l=(a=(i=n?.previousElementSibling)!==null&&i!==void 0?i:n?.nextElementSibling)!==null&&a!==void 0?a:this.searchBar.input;l?.focus(),this.searchBar.recentSearches=this.searchBar.recentSearches.filter(c=>c.toLowerCase()!==r.toLowerCase()),this.searchBar.saveRecentSearches()}getIcon(t){let r=t.type==="DOCUMENT"?ee.file_format:ee.fluid_topics,i;switch(t.type){case"MAP":i=t.editorialType==="BOOK"?ze.BOOK:ze.ARTICLE;break;case"DOCUMENT":i=In(t.mimeType,t.filenameExtension);break;case"TOPIC":i=ze.TOPICS;break}return eo.html`
|
|
2499
|
+
<ft-icon .variant="${r}" .value="${i}" part="suggestion-icon"></ft-icon>
|
|
2500
|
+
`}getFocusedSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion:focus-within")}getLastSuggestionElement(){let t=this.searchBar.querySelectorAll(".ft-search-bar--suggestion");return t.length>0?t[t.length-1]:null}getFirstSuggestionElement(){return this.searchBar.querySelector(".ft-search-bar--suggestion")}focusFirstSuggestion(){var t;(t=this.getFirstSuggestionElement())===null||t===void 0||t.focus()}};ue.styles=[Or.wordWrap,eo.css`
|
|
2507
2501
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2508
2502
|
flex-grow: 1;
|
|
2509
2503
|
flex-shrink: 1;
|
|
@@ -2512,7 +2506,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2512
2506
|
}
|
|
2513
2507
|
|
|
2514
2508
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2515
|
-
border-top: 1px solid ${
|
|
2509
|
+
border-top: 1px solid ${O.colorOutline};
|
|
2516
2510
|
}
|
|
2517
2511
|
|
|
2518
2512
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2522,15 +2516,15 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2522
2516
|
.ft-search-bar--floating-panel,
|
|
2523
2517
|
.ft-search-bar--desktop .ft-search-bar--suggestions {
|
|
2524
2518
|
position: absolute;
|
|
2525
|
-
z-index: ${
|
|
2519
|
+
z-index: ${O.floatingZIndex};
|
|
2526
2520
|
top: 100%;
|
|
2527
2521
|
left: -1px;
|
|
2528
2522
|
right: -1px;
|
|
2529
2523
|
display: none;
|
|
2530
|
-
background: ${
|
|
2531
|
-
border: 1px solid ${
|
|
2532
|
-
border-radius: 0 0 ${
|
|
2533
|
-
box-shadow: ${
|
|
2524
|
+
background: ${O.colorSurface};
|
|
2525
|
+
border: 1px solid ${O.colorOutline};
|
|
2526
|
+
border-radius: 0 0 ${O.borderRadius} ${O.borderRadius};
|
|
2527
|
+
box-shadow: ${O.elevation02};
|
|
2534
2528
|
outline: none;
|
|
2535
2529
|
}
|
|
2536
2530
|
|
|
@@ -2550,7 +2544,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2550
2544
|
padding: 8px;
|
|
2551
2545
|
gap: 8px;
|
|
2552
2546
|
cursor: pointer;
|
|
2553
|
-
color: ${
|
|
2547
|
+
color: ${O.colorOnSurface};
|
|
2554
2548
|
min-height: 52px;
|
|
2555
2549
|
}
|
|
2556
2550
|
|
|
@@ -2567,7 +2561,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2567
2561
|
}
|
|
2568
2562
|
|
|
2569
2563
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2570
|
-
border-top: 1px solid ${
|
|
2564
|
+
border-top: 1px solid ${O.colorOutline};
|
|
2571
2565
|
}
|
|
2572
2566
|
|
|
2573
2567
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2575,8 +2569,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2575
2569
|
flex-grow: 1;
|
|
2576
2570
|
flex-shrink: 1;
|
|
2577
2571
|
}
|
|
2578
|
-
`];class
|
|
2579
|
-
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?
|
|
2572
|
+
`];var Et=d(S()),fi=d(Te());var Cr=d(g());var me=class{constructor(t){this.searchBar=t}render(){if(!this.searchBar.hasLocaleSelector()&&!this.searchBar.hasFacets())return Et.html``;let t=this.searchBar.isMobile(),r=!t&&this.searchBar.dense||t&&this.searchBar.isMobileMenuOpen(),i=Et.html`
|
|
2573
|
+
${this.searchBar.hasLocaleSelector()&&(this.searchBar.hasFacets()||t)?Et.html`
|
|
2580
2574
|
<ft-chip part="selected-filters selected-filter-ft-locale"
|
|
2581
2575
|
?dense=${this.searchBar.dense&&!t}
|
|
2582
2576
|
?clickable=${t}
|
|
@@ -2586,46 +2580,46 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2586
2580
|
${this.getLocaleLabel(this.searchBar.contentLocale)}
|
|
2587
2581
|
</ft-chip>
|
|
2588
2582
|
`:null}
|
|
2589
|
-
${
|
|
2583
|
+
${(0,fi.repeat)(this.searchBar.facets,a=>a.key,a=>{let n=_a(a);return(0,fi.repeat)(n,l=>{let c=a.label+": "+Pa(l),f=a.key.replace(":","-"),h=Et.html`
|
|
2590
2584
|
<ft-chip
|
|
2591
|
-
part="selected-filters selected-filter-${
|
|
2585
|
+
part="selected-filters selected-filter-${f}"
|
|
2592
2586
|
?dense=${this.searchBar.dense&&!t}
|
|
2593
2587
|
?clickable=${t}
|
|
2594
2588
|
?removable=${!t}
|
|
2595
|
-
icon=${t?
|
|
2596
|
-
label="${
|
|
2597
|
-
title=${
|
|
2589
|
+
icon=${t?Et.nothing:"close"}
|
|
2590
|
+
label="${c}"
|
|
2591
|
+
title=${r?c:Et.nothing}
|
|
2598
2592
|
@click=${()=>this.openMobileFilters(a.key)}
|
|
2599
|
-
@icon-click=${()=>this.searchBar.setFilter(a.key,n.filter(
|
|
2593
|
+
@icon-click=${()=>this.searchBar.setFilter(a.key,n.filter(v=>v!==l))}
|
|
2600
2594
|
data-key="${a.key}"
|
|
2601
|
-
data-value="${
|
|
2602
|
-
${
|
|
2595
|
+
data-value="${l}">
|
|
2596
|
+
${za(l)}
|
|
2603
2597
|
</ft-chip>
|
|
2604
|
-
`;return
|
|
2605
|
-
<ft-tooltip inline text="${
|
|
2606
|
-
${
|
|
2598
|
+
`;return r?h:Et.html`
|
|
2599
|
+
<ft-tooltip inline text="${c}">
|
|
2600
|
+
${h}
|
|
2607
2601
|
</ft-tooltip>
|
|
2608
|
-
`})
|
|
2609
|
-
${t?
|
|
2602
|
+
`})})}
|
|
2603
|
+
${t?Et.html`
|
|
2610
2604
|
<ft-chip part="selected-filters mobile-filters-opener"
|
|
2611
2605
|
icon="plus"
|
|
2612
2606
|
clickable
|
|
2613
2607
|
@click=${()=>{this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0}}>
|
|
2614
2608
|
${this.searchBar.labelResolver.resolve("filtersButton")}
|
|
2615
2609
|
</ft-chip>
|
|
2616
|
-
`:
|
|
2617
|
-
`;return
|
|
2610
|
+
`:Et.nothing}
|
|
2611
|
+
`;return r?Et.html`
|
|
2618
2612
|
<ft-snap-scroll horizontal controls hideScrollbar limitSize
|
|
2619
2613
|
class="ft-search-bar--selected-filters"
|
|
2620
2614
|
part="selected-filters-container"
|
|
2621
2615
|
exportpartsPrefix="selected-filters-container">
|
|
2622
|
-
${
|
|
2616
|
+
${i}
|
|
2623
2617
|
</ft-snap-scroll>
|
|
2624
|
-
`:
|
|
2618
|
+
`:Et.html`
|
|
2625
2619
|
<div class="ft-search-bar--selected-filters" part="selected-filters-container">
|
|
2626
|
-
${
|
|
2620
|
+
${i}
|
|
2627
2621
|
</div>
|
|
2628
|
-
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var
|
|
2622
|
+
`}openMobileFilters(t){this.searchBar.isMobile()&&(this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!0,this.searchBar.scrollToFacet=t)}getLocaleLabel(t){var r;return(r=this.searchBar.availableContentLocales.filter(i=>{var a;return((a=i.lang)!==null&&a!==void 0?a:"").toLowerCase()===(t??"").toLowerCase()}).map(i=>i.label).pop())!==null&&r!==void 0?r:t}};me.styles=Et.css`
|
|
2629
2623
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2630
2624
|
flex-shrink: 0;
|
|
2631
2625
|
display: flex;
|
|
@@ -2636,7 +2630,7 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2636
2630
|
|
|
2637
2631
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2638
2632
|
overflow: hidden;
|
|
2639
|
-
${
|
|
2633
|
+
${(0,Cr.setVariable)(Ct.gap,"4px")};
|
|
2640
2634
|
}
|
|
2641
2635
|
|
|
2642
2636
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2644,8 +2638,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2644
2638
|
}
|
|
2645
2639
|
|
|
2646
2640
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2647
|
-
${
|
|
2648
|
-
${
|
|
2641
|
+
${(0,Cr.setVariable)(wt.iconSize,"17px")};
|
|
2642
|
+
${(0,Cr.setVariable)(wt.fontSize,"12px")};
|
|
2649
2643
|
}
|
|
2650
2644
|
|
|
2651
2645
|
.ft-search-bar--selected-filters * {
|
|
@@ -2655,8 +2649,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2655
2649
|
.ft-search-bar--selected-filters ft-chip {
|
|
2656
2650
|
flex-grow: 0;
|
|
2657
2651
|
}
|
|
2658
|
-
`;class
|
|
2659
|
-
<div class="${
|
|
2652
|
+
`;var ge=d(S());var Kl=d(Qt()),Ko=class{constructor(t,r,i){this.searchBar=t,this.selectedFacetsManager=r??new me(t),this.suggestManager=i??new ue(t)}render(){let t={"ft-search-bar--container":!0,"ft-search-bar--mobile":!0,"ft-search-bar--mobile-menu-open":this.searchBar.isMobileMenuOpen(),"ft-search-bar--forced-open":this.searchBar.forceMobileMenuOpen};return ge.html`
|
|
2653
|
+
<div class="${(0,Kl.classMap)(t)}" part="container" tabindex="-1">
|
|
2660
2654
|
<div class="ft-search-bar">
|
|
2661
2655
|
<div class="ft-search-bar--input-container" part="input-container">
|
|
2662
2656
|
<div class="ft-search-bar--input-outline" part="input-outline">
|
|
@@ -2665,8 +2659,8 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2665
2659
|
type="text"
|
|
2666
2660
|
placeholder="${this.searchBar.labelResolver.resolve("inputPlaceHolder")}"
|
|
2667
2661
|
value="${this.searchBar.query}"
|
|
2668
|
-
@input=${
|
|
2669
|
-
@keyup=${
|
|
2662
|
+
@input=${r=>this.onInput(r)}
|
|
2663
|
+
@keyup=${r=>this.onSearchBarKeyUp(r)}
|
|
2670
2664
|
@focus=${()=>{this.searchBar.mobileMenuOpen=!0,this.searchBar.displayFacets=!1}}>
|
|
2671
2665
|
</div>
|
|
2672
2666
|
</div>
|
|
@@ -2674,18 +2668,18 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2674
2668
|
</div>
|
|
2675
2669
|
${this.searchBar.displayFacets?this.searchBar.renderFacetsActions():this.selectedFacetsManager.render()}
|
|
2676
2670
|
${this.searchBar.displayFacets?this.searchBar.renderMobileFacets():this.suggestManager.render()}
|
|
2677
|
-
${this.searchBar.isMobileMenuOpen()||this.searchBar.displayFacets?
|
|
2671
|
+
${this.searchBar.isMobileMenuOpen()||this.searchBar.displayFacets?ge.html`
|
|
2678
2672
|
<ft-button class="ft-search-bar--launch-search"
|
|
2679
2673
|
part="launch-search-in-panel"
|
|
2680
2674
|
icon="search"
|
|
2681
2675
|
@click=${this.searchBar.launchSearch}>
|
|
2682
2676
|
${this.searchBar.labelResolver.resolve("searchButton")}
|
|
2683
2677
|
</ft-button>
|
|
2684
|
-
`:
|
|
2678
|
+
`:ge.nothing}
|
|
2685
2679
|
</div>
|
|
2686
|
-
`}renderMobileSearchBarButtons(){
|
|
2680
|
+
`}renderMobileSearchBarButtons(){let t=this.searchBar.query||this.searchBar.isMobileMenuOpen()&&!this.searchBar.forceMobileMenuOpen;return ge.html`
|
|
2687
2681
|
<div class="ft-search-bar--actions" part="search-bar-actions">
|
|
2688
|
-
${t?
|
|
2682
|
+
${t?ge.html`
|
|
2689
2683
|
<ft-button class="ft-search-bar--clear-query"
|
|
2690
2684
|
part="clear-query"
|
|
2691
2685
|
icon="close"
|
|
@@ -2695,42 +2689,42 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2695
2689
|
@click=${()=>{this.searchBar.setQuery(""),this.searchBar.mobileMenuOpen=!1,this.searchBar.displayFacets=!1}}
|
|
2696
2690
|
></ft-button>
|
|
2697
2691
|
<div class="ft-search-bar--separator"></div>
|
|
2698
|
-
`:
|
|
2692
|
+
`:ge.nothing}
|
|
2699
2693
|
<ft-button class="ft-search-bar--launch-search"
|
|
2700
2694
|
part="launch-search-in-bar"
|
|
2701
2695
|
icon="search"
|
|
2702
2696
|
round
|
|
2703
2697
|
label="${this.searchBar.labelResolver.resolve("searchButton")}"
|
|
2704
2698
|
tooltipPosition="left"
|
|
2705
|
-
@click=${()=>{var
|
|
2699
|
+
@click=${()=>{var r;return this.searchBar.isMobileMenuOpen()?this.searchBar.launchSearch():(r=this.searchBar.input)===null||r===void 0?void 0:r.focus()}}
|
|
2706
2700
|
></ft-button>
|
|
2707
2701
|
</div>
|
|
2708
|
-
`}onSearchBarKeyUp(t){"Enter"
|
|
2702
|
+
`}onSearchBarKeyUp(t){t.key==="Enter"&&this.searchBar.launchSearch()}onInput(t){let r=t.composedPath()[0];this.searchBar.query=r.value}};Ko.styles=ge.css`
|
|
2709
2703
|
|
|
2710
|
-
`;class
|
|
2711
|
-
<div class="${
|
|
2704
|
+
`;var Pt=d(S()),Zl=d(Te());var jl=d(Qt()),Zo=class{constructor(t,r,i){this.searchBar=t,this.selectedFacetsManager=r??new me(t),this.suggestManager=i??new ue(t)}render(){let t={"ft-search-bar--container":!0,"ft-search-bar--dense":this.searchBar.dense,"ft-search-bar--desktop":!0,"ft-search-bar--floating-panel-open":this.searchBar.displayFacets&&!this.searchBar.forceMenuOpen,"ft-search-bar--forced-open":this.searchBar.forceMenuOpen,"ft-search-bar--react-to-focus":this.searchBar.reactToFocus};return Pt.html`
|
|
2705
|
+
<div class="${(0,jl.classMap)(t)}" part="container" tabindex="-1">
|
|
2712
2706
|
<div class="ft-search-bar" part="search-bar">
|
|
2713
2707
|
${this.renderSearchBarLeftAction()}
|
|
2714
2708
|
<div class="ft-search-bar--input-container" part="input-container" tabindex="-1">
|
|
2715
2709
|
<div class="ft-search-bar--input-outline" part="input-outline">
|
|
2716
|
-
${this.searchBar.dense?this.selectedFacetsManager.render():
|
|
2710
|
+
${this.searchBar.dense?this.selectedFacetsManager.render():Pt.nothing}
|
|
2717
2711
|
<input class="ft-search-bar--input ft-typography--body2"
|
|
2718
2712
|
part="input"
|
|
2719
2713
|
type="text"
|
|
2720
2714
|
placeholder="${this.searchBar.labelResolver.resolve("inputPlaceHolder")}"
|
|
2721
2715
|
value="${this.searchBar.query}"
|
|
2722
|
-
@input=${
|
|
2723
|
-
@keydown=${
|
|
2724
|
-
@keyup=${
|
|
2716
|
+
@input=${r=>this.onInput(r)}
|
|
2717
|
+
@keydown=${r=>this.onSearchBarKeyDown(r)}
|
|
2718
|
+
@keyup=${r=>this.onSearchBarKeyUp(r)}>
|
|
2725
2719
|
</div>
|
|
2726
2720
|
${this.suggestManager.render()}
|
|
2727
2721
|
</div>
|
|
2728
2722
|
${this.renderDesktopSearchBarButtons()}
|
|
2729
2723
|
${this.searchBar.renderDesktopFloatingMenu()}
|
|
2730
2724
|
</div>
|
|
2731
|
-
${this.searchBar.dense?
|
|
2725
|
+
${this.searchBar.dense?Pt.nothing:this.searchBar.forceMenuOpen?this.searchBar.renderDesktopMenu():this.selectedFacetsManager.render()}
|
|
2732
2726
|
</div>
|
|
2733
|
-
`}renderSearchBarLeftAction(){return this.searchBar.hasFacets()?this.searchBar.forceMenuOpen?
|
|
2727
|
+
`}renderSearchBarLeftAction(){return this.searchBar.hasFacets()?this.searchBar.forceMenuOpen?Pt.nothing:Pt.html`
|
|
2734
2728
|
<ft-button class="ft-search-bar--filters-opener ft-search-bar--left-action"
|
|
2735
2729
|
part="filters-opener"
|
|
2736
2730
|
trailingIcon
|
|
@@ -2741,23 +2735,23 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2741
2735
|
aria-expanded="${this.searchBar.displayFacets}">
|
|
2742
2736
|
${this.searchBar.labelResolver.resolve("filtersButton")}
|
|
2743
2737
|
</ft-button>
|
|
2744
|
-
`:this.searchBar.hasLocaleSelector()?
|
|
2738
|
+
`:this.searchBar.hasLocaleSelector()?Pt.html`
|
|
2745
2739
|
<ft-select outlined
|
|
2746
2740
|
class="ft-search-bar--content-locale ft-search-bar--left-action"
|
|
2747
2741
|
part="content-locale select-ft-locale"
|
|
2748
2742
|
.exportpartsPrefixes=${["content-locale","select-ft-locale"]}
|
|
2749
|
-
@change=${t=>this.searchBar.contentLocale=
|
|
2750
|
-
${
|
|
2743
|
+
@change=${t=>this.searchBar.contentLocale=t.detail==null?void 0:t.detail}>
|
|
2744
|
+
${(0,Zl.repeat)(this.searchBar.availableContentLocales,t=>t.lang,t=>Pt.html`
|
|
2751
2745
|
<ft-select-option .value=${t.lang}
|
|
2752
2746
|
label="${t.label}"
|
|
2753
2747
|
?selected=${t.lang===this.searchBar.contentLocale}>
|
|
2754
2748
|
</ft-select-option>
|
|
2755
|
-
`)
|
|
2749
|
+
`)}
|
|
2756
2750
|
</ft-select>
|
|
2757
|
-
`:
|
|
2751
|
+
`:Pt.nothing}renderDesktopSearchBarButtons(){return Pt.html`
|
|
2758
2752
|
<div class="ft-search-bar--actions"
|
|
2759
2753
|
part="search-bar-actions">
|
|
2760
|
-
${this.searchBar.query?
|
|
2754
|
+
${this.searchBar.query?Pt.html`
|
|
2761
2755
|
<ft-button class="ft-search-bar--clear-query"
|
|
2762
2756
|
part="clear-query"
|
|
2763
2757
|
icon="close"
|
|
@@ -2775,49 +2769,49 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2775
2769
|
@click=${()=>this.searchBar.launchSearch()}
|
|
2776
2770
|
></ft-button>
|
|
2777
2771
|
</div>
|
|
2778
|
-
`}onSearchBarKeyDown(t){var
|
|
2772
|
+
`}onSearchBarKeyDown(t){var r;switch(t.key){case"Escape":this.searchBar.mobileMenuOpen=!1,(r=this.searchBar.input)===null||r===void 0||r.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),this.suggestManager.focusFirstSuggestion();break}}onSearchBarKeyUp(t){t.key==="Enter"&&this.searchBar.launchSearch()}onInput(t){let r=t.composedPath()[0];this.searchBar.query=r.value}};Zo.styles=Pt.css`
|
|
2779
2773
|
|
|
2780
|
-
`;
|
|
2781
|
-
|
|
2774
|
+
`;var os=d(g());var ts=d(S()),Xt=d(X()),ae=d(g());var ql=d(S());var Yl=ql.css`
|
|
2775
|
+
`;var Xl=d(g()),_s="ft-app-info",Ts={},z=Xl.FtReduxStore.get({name:_s,reducers:Ts,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 _e=d(g());var hi=d(g());var oo=class o{static get(t){let{baseUrl:r,apiIntegrationIdentifier:i}=z.getState(),a=t??i;if(r&&a&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(r,a,!0)}static await(t){return new Promise(r=>{let i=o.get(t);if(i)r(i);else{let a=z.subscribe(()=>{i=o.get(t),i&&(a(),r(i))})}})}};var De=class{constructor(t=!0,r){var i;this.overrideApi=r;let a=this.constructor;a.commonCache=(i=a.commonCache)!==null&&i!==void 0?i:new hi.CacheRegistry,this.cache=t?a.commonCache:new hi.CacheRegistry}get api(){var t;return(t=this.overrideApi)!==null&&t!==void 0?t:oo.get()}get awaitApi(){var t;return(t=this.overrideApi)!==null&&t!==void 0?t:oo.await()}clearCache(){this.cache.clearAll()}};var Jl,Ws=Symbol("clearAfterUnitTest"),wr=class extends De{constructor(t){super(),this.messageContextProvider=t,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[Jl]=()=>{this.defaultMessages={},this.cache=new _e.CacheRegistry,this.listeners={}},this.currentUiLocale=z.getState().uiLocale,z.subscribe(()=>this.clearWhenUiLocaleChanges())}clearWhenUiLocaleChanges(){let{uiLocale:t}=z.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 a={...(i=this.defaultMessages[t])!==null&&i!==void 0?i:{},...r};(0,_e.deepEqual)(this.defaultMessages[t],a)||(this.defaultMessages[t]=a,await this.notify(t))}await this.fetchContext(t)}resolveMessage(t,r,...i){var a,n,l;t=t.toLowerCase(),this.fetchContext(t);let c=(n=(a=this.cache.getNow(t))===null||a===void 0?void 0:a.messages)!==null&&n!==void 0?n:{};return new _e.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 a;return(a=this.listeners[t])===null||a===void 0?void 0:a.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,_e.delay)(0).then(()=>r()).catch(()=>null)))}};Jl=Ws;window.FluidTopicsI18nService==null&&(window.FluidTopicsI18nService=new class extends wr{constructor(){super(async(o,t)=>(await this.awaitApi).getFluidTopicsMessageContext(o,t))}});window.FluidTopicsCustomI18nService==null&&(window.FluidTopicsCustomI18nService=new class extends wr{constructor(){super(async(o,t)=>(await this.awaitApi).getCustomMessageContext(o,t))}});var Ql=window.FluidTopicsI18nService,Wb=window.FluidTopicsCustomI18nService;var Rt=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},ot=class extends ae.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=()=>oo.get(),this.messageContexts=[],this.cache=new ae.CacheRegistry,this.cleanSessionDebouncer=new ae.Debouncer}render(){return ts.html`
|
|
2782
2776
|
<slot></slot>
|
|
2783
|
-
`}update(t){super.update(t),t.has("baseUrl")&&(
|
|
2777
|
+
`}update(t){super.update(t),t.has("baseUrl")&&(z.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),t.has("apiIntegrationIdentifier")&&z.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),t.has("uiLocale")&&z.actions.uiLocale(this.uiLocale),t.has("metadataConfiguration")&&z.actions.metadataConfiguration(this.metadataConfiguration),t.has("noCustom")&&z.actions.noCustom(this.noCustom),t.has("editorMode")&&z.actions.editorMode(this.editorMode),t.has("noCustomComponent")&&z.actions.noCustomComponent(this.noCustomComponent),t.has("session")&&z.actions.session(this.session),t.has("availableUiLocales")&&z.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),t.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(r=>Ql.addContext(r)),t.has("openExternalDocumentInNewTab")&&z.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),t.has("navigatorOnline")&&z.actions.navigatorOnline(this.navigatorOnline),t.has("forcedOffline")&&z.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())}};ot.elementDefinitions={};ot.styles=Yl;Rt([(0,Xt.property)()],ot.prototype,"baseUrl",void 0);Rt([(0,Xt.property)()],ot.prototype,"apiIntegrationIdentifier",void 0);Rt([(0,Xt.property)()],ot.prototype,"uiLocale",void 0);Rt([(0,ae.jsonProperty)(null)],ot.prototype,"availableUiLocales",void 0);Rt([(0,ae.jsonProperty)(null)],ot.prototype,"metadataConfiguration",void 0);Rt([(0,Xt.property)({type:Boolean})],ot.prototype,"editorMode",void 0);Rt([(0,Xt.property)({type:Boolean})],ot.prototype,"noCustom",void 0);Rt([(0,Xt.property)({type:Boolean})],ot.prototype,"openExternalDocumentInNewTab",void 0);Rt([(0,Xt.property)({converter:{fromAttribute(o){return o==="false"?!1:o==="true"||(o??!1)}}})],ot.prototype,"noCustomComponent",void 0);Rt([(0,Xt.property)({type:Boolean})],ot.prototype,"withManualResources",void 0);Rt([(0,Xt.property)({type:Boolean})],ot.prototype,"navigatorOnline",void 0);Rt([(0,Xt.property)({type:Boolean})],ot.prototype,"forcedOffline",void 0);Rt([(0,Xt.property)({type:Object})],ot.prototype,"apiProvider",void 0);Rt([(0,ae.jsonProperty)([])],ot.prototype,"messageContexts",void 0);Rt([(0,ae.jsonProperty)(void 0)],ot.prototype,"session",void 0);var Lr=d(g());var $r=class extends De{async listMySearches(){let t=z.getState().session;return t?.sessionAuthenticated?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(t.profile.userId),5*60*1e3):[]}};var Er=class extends De{async listMyBookmarks(){let t=z.getState().session;return t?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(t.profile.userId),5*60*1e3):[]}};var Us="ft-user-assets",Rr=Lr.FtReduxStore.get({name:Us,initialState:{savedSearches:void 0,bookmarks:void 0}}),ui=class{constructor(){this.currentSession=z.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new Er,this.savedSearchesService=new $r,z.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var t;let{session:r}=z.getState();(0,Lr.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(),Rr.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),Rr.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let t=await this.savedSearchesService.listMySearches();Rr.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;Rr.actions.bookmarks(r)}}},iy=new ui;var mi=class{addCommand(t,r=!1){z.commands.add(t,r)}consumeCommand(t){return z.commands.consume(t)}};window.FluidTopicsAppInfoStoreService=new mi;var es=d(g()),gi=class{highlightHtml(t,r){(0,es.highlightHtml)(t,r)}};window.FluidTopicsHighlightHtmlService=new gi;(0,os.customElement)("ft-app-context")(ot);var P=function(o,t,r,i){var a=arguments.length,n=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,r,i);else for(var c=o.length-1;c>=0;c--)(l=o[c])&&(n=(a<3?l(n):a>3?l(t,r,n):l(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n};window.fluidtopics==null&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");var rs={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",noFilterValuesAvailable:"No values available",searchButton:"Search",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Quick filters",removeRecentSearch:"Remove",back:"Back"},bi=class extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}},yi=class extends CustomEvent{constructor(t){super("change",{detail:t})}},Ms=()=>{},w=class extends K.FtLitElement{isMobileMenuOpen(){return this.isMobile()&&(this.forceMobileMenuOpen||this.forceMenuOpen||this.mobileMenuOpen)}constructor(){super(),this.dense=!1,this.mode="auto",this.forceMobileMenuOpen=!1,this.forceMenuOpen=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.availableContentLocalesInitialized=!1,this.labels={},this.labelResolver=new K.ParametrizedLabelResolver(rs,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>(0,K.serializeRequest)(this.baseUrl,t),this.focusOnDisplay=!1,this.searchFilters=[],this.sizeCategory=Gt.M,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.facetsInitialized=!1,this.knownFacetLabels=new Map,this.query="",this.suggestions=[],this.recentSearches=[],this.reactToFocus=!0,this.suggestManager=new ue(this),this.selectedFacetsManager=new me(this),this.desktopSearchBarManager=new Zo(this),this.mobileSearchBarManager=new Ko(this,this.selectedFacetsManager,this.suggestManager),this.currentSession=z.getState().session,this.stateChangeEventDebouncer=new K.Debouncer(10),this.updateLocalesDebouncer=new K.Debouncer(10),this.facetsLoaded=!1,this.updateFacetsDebouncer=new K.Debouncer(500),this.closeFloatingContainer=t=>{this.isMobile()||(this.displayFacets=this.displayFacets&&t.composedPath().some(r=>r===this.floatingContainer))},this.compareFilters=(t,r)=>t.key===r.key&&t.negative==r.negative&&t.values.length===r.values.length&&t.values.every(i=>r.values.includes(i)),this.compareRequests=(t,r)=>(t.contentLocale==null||r.contentLocale==null||t.contentLocale===r.contentLocale)&&t.filters.length===r.filters.length&&t.filters.every(i=>r.filters.some(a=>this.compareFilters(i,a))),this.enableFocusReactionCallback=()=>this.enableFocusReaction(),z.subscribe(()=>this.reloadWhenUserSessionChanges())}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.hasPriors?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){let t=this.searchFilters.filter(r=>r.values.length>0&&!this.displayedFilters.includes(r.key)).map(r=>({id:r.key}));return[...this.displayedFilters.map(r=>({id:r})),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,sort:[]}}isMobile(){switch(this.mode){case"mobile":return!0;case"desktop":return!1;default:return this.sizeCategory===Gt.S}}hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return this.presets!=null&&this.presets.length>0}get hasPriors(){return this.priors!=null&&this.priors.length>0}hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;(t=this.container)===null||t===void 0||t.focus()}async focusInput(t=!1){this.reactToFocus=t,await(0,K.waitFor)(()=>this.input,50),this.input.focus(),t||this.enableFocusReactionOnAnyUserInteraction()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){return W.html`
|
|
2784
2778
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2785
2779
|
${this.renderSearchBar()}
|
|
2786
|
-
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():
|
|
2780
|
+
`}renderSearchBar(){return this.facetsInitialized&&this.availableContentLocalesInitialized?this.isMobile()?this.mobileSearchBarManager.render():this.desktopSearchBarManager.render():W.html`
|
|
2787
2781
|
<ft-skeleton class="ft-search-bar--container ft-search-bar--skeleton"
|
|
2788
2782
|
part="loader"
|
|
2789
2783
|
tabindex="-1"></ft-skeleton>
|
|
2790
|
-
`}renderMobileFacets(){
|
|
2784
|
+
`}renderMobileFacets(){let t=this.availableContentLocales.filter(r=>r.lang===this.contentLocale).pop();return W.html`
|
|
2791
2785
|
<ft-accordion class="ft-search-bar--filters-container">
|
|
2792
|
-
${this.hasLocaleSelector()?
|
|
2786
|
+
${this.hasLocaleSelector()?W.html`
|
|
2793
2787
|
<ft-accordion-item data-facet-key="ft:locale">
|
|
2794
2788
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2795
2789
|
<ft-typography variant="button">${this.labelResolver.resolve("contentLocaleSelector")}
|
|
2796
2790
|
</ft-typography>
|
|
2797
|
-
${
|
|
2791
|
+
${t?.label?W.html`
|
|
2798
2792
|
<ft-typography class="ft-search-bar--filter-label-values" variant="body2">
|
|
2799
|
-
${
|
|
2793
|
+
${t?.label}
|
|
2800
2794
|
</ft-typography>
|
|
2801
|
-
`:
|
|
2795
|
+
`:W.nothing}
|
|
2802
2796
|
</div>
|
|
2803
2797
|
<div part="content-locale-selector">
|
|
2804
2798
|
${this.getContentLocaleRadioGroup()}
|
|
2805
2799
|
</div>
|
|
2806
2800
|
</ft-accordion-item>
|
|
2807
2801
|
`:null}
|
|
2808
|
-
${
|
|
2809
|
-
<ft-accordion-item data-facet-key="${
|
|
2802
|
+
${(0,jo.repeat)(this.facets,r=>r.key,r=>{let i=Ur(r),a=r.key.replace(":","-"),n=Da(i);return r.rootNodes.length>0?W.html`
|
|
2803
|
+
<ft-accordion-item data-facet-key="${r.key}">
|
|
2810
2804
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2811
|
-
<ft-typography variant="button">${
|
|
2812
|
-
${
|
|
2805
|
+
<ft-typography variant="button">${r.label}</ft-typography>
|
|
2806
|
+
${n.length>0?W.html`
|
|
2813
2807
|
<ft-typography class="ft-search-bar--filter-label-values" variant="body2">
|
|
2814
|
-
${
|
|
2808
|
+
${n.join(", ")}
|
|
2815
2809
|
</ft-typography>
|
|
2816
|
-
`:
|
|
2810
|
+
`:W.nothing}
|
|
2817
2811
|
</div>
|
|
2818
2812
|
<ft-filter
|
|
2819
|
-
part="filters filter filter-${
|
|
2820
|
-
.exportpartsPrefixes=${["filter","filter-"+
|
|
2813
|
+
part="filters filter filter-${a}"
|
|
2814
|
+
.exportpartsPrefixes=${["filter","filter-"+a]}
|
|
2821
2815
|
id="${i.id}"
|
|
2822
2816
|
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",i.label)}"
|
|
2823
2817
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
@@ -2827,27 +2821,27 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2827
2821
|
raiseSelectedOptions
|
|
2828
2822
|
.options=${i.options}
|
|
2829
2823
|
.displayedValuesLimit=${10}
|
|
2830
|
-
@change=${
|
|
2824
|
+
@change=${l=>this.setFilter(i.id,l.detail)}
|
|
2831
2825
|
></ft-filter>
|
|
2832
2826
|
</ft-accordion-item>
|
|
2833
|
-
`:
|
|
2827
|
+
`:W.nothing})}
|
|
2834
2828
|
</ft-accordion>
|
|
2835
|
-
`}getContentLocaleRadioGroup(){var t;return
|
|
2829
|
+
`}getContentLocaleRadioGroup(){var t;return W.html`
|
|
2836
2830
|
<ft-radio-group aria-labelledby="content_locale_radio_group_label"
|
|
2837
|
-
@change=${
|
|
2838
|
-
${
|
|
2839
|
-
<ft-radio value="${
|
|
2840
|
-
?checked=${
|
|
2841
|
-
${
|
|
2831
|
+
@change=${r=>{this.contentLocale=r.detail==="all"?void 0:r.detail,this.clearFilters()}}>
|
|
2832
|
+
${(0,jo.repeat)((t=this.availableContentLocales)!==null&&t!==void 0?t:[],r=>r.lang,r=>{var i;return W.html`
|
|
2833
|
+
<ft-radio value="${(i=r.lang)!==null&&i!==void 0?i:"all"}"
|
|
2834
|
+
?checked=${r.lang==this.contentLocale}>
|
|
2835
|
+
${r.label}
|
|
2842
2836
|
</ft-radio>
|
|
2843
|
-
`})
|
|
2837
|
+
`})}
|
|
2844
2838
|
</ft-radio-group>
|
|
2845
|
-
`}renderDesktopMenu(){return this.hasFacets()?
|
|
2839
|
+
`}renderDesktopMenu(){return this.hasFacets()?W.html`
|
|
2846
2840
|
<div class="ft-search-bar--desktop-menu">
|
|
2847
2841
|
${this.renderFacetsActions()}
|
|
2848
2842
|
${this.renderDesktopFacets()}
|
|
2849
2843
|
<div class="ft-search-bar--facets-actions">
|
|
2850
|
-
${this.forceMenuOpen?this.renderDesktopClearFilters():
|
|
2844
|
+
${this.forceMenuOpen?this.renderDesktopClearFilters():W.nothing}
|
|
2851
2845
|
<ft-button class="ft-search-bar--launch-search"
|
|
2852
2846
|
part="launch-search-in-panel"
|
|
2853
2847
|
icon="search"
|
|
@@ -2856,38 +2850,38 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2856
2850
|
</ft-button>
|
|
2857
2851
|
</div>
|
|
2858
2852
|
</div>
|
|
2859
|
-
`:
|
|
2853
|
+
`:W.nothing}renderFacetsActions(){var t;return W.html`
|
|
2860
2854
|
<div class="ft-search-bar--facets-actions">
|
|
2861
|
-
${this.hasPresets?
|
|
2855
|
+
${this.hasPresets?W.html`
|
|
2862
2856
|
<ft-select
|
|
2863
2857
|
class="ft-search-bar--presets"
|
|
2864
2858
|
part="presets"
|
|
2865
2859
|
label="${this.labelResolver.resolve("presetsSelector")}"
|
|
2866
2860
|
outlined
|
|
2867
|
-
@change=${
|
|
2868
|
-
${
|
|
2869
|
-
<ft-select-option value="${
|
|
2870
|
-
label="${
|
|
2871
|
-
?selected=${
|
|
2861
|
+
@change=${r=>this.selectedPreset=r.detail}>
|
|
2862
|
+
${(0,jo.repeat)((t=this.presets)!==null&&t!==void 0?t:[],r=>r.name,r=>W.html`
|
|
2863
|
+
<ft-select-option value="${r.name}"
|
|
2864
|
+
label="${r.name}"
|
|
2865
|
+
?selected=${r.name===this.selectedPreset}>
|
|
2872
2866
|
</ft-select-option>
|
|
2873
|
-
`)
|
|
2867
|
+
`)}
|
|
2874
2868
|
</ft-select>
|
|
2875
|
-
`:
|
|
2869
|
+
`:W.nothing}
|
|
2876
2870
|
<slot name="facets-actions"></slot>
|
|
2877
|
-
${this.forceMenuOpen&&!this.isMobile()?
|
|
2871
|
+
${this.forceMenuOpen&&!this.isMobile()?W.nothing:this.renderDesktopClearFilters()}
|
|
2878
2872
|
</div>
|
|
2879
|
-
`}renderDesktopClearFilters(){return this.searchFilters.length>0?
|
|
2873
|
+
`}renderDesktopClearFilters(){return this.searchFilters.length>0?W.html`
|
|
2880
2874
|
<ft-button part="facets-actions"
|
|
2881
2875
|
@click=${this.clearFilters}>
|
|
2882
2876
|
${this.labelResolver.resolve("clearFilters")}
|
|
2883
2877
|
</ft-button>
|
|
2884
|
-
`:
|
|
2878
|
+
`:W.nothing}renderDesktopFacets(){return this.hasFacets()?W.html`
|
|
2885
2879
|
<ft-snap-scroll horizontal limitSize controls
|
|
2886
2880
|
class="ft-search-bar--filters-container"
|
|
2887
2881
|
part="filters-container"
|
|
2888
2882
|
exportpartsPrefix="filters-container"
|
|
2889
2883
|
data-filters-count="${this.facets.length+(this.hasLocaleSelector()?1:0)}">
|
|
2890
|
-
${this.hasLocaleSelector()?
|
|
2884
|
+
${this.hasLocaleSelector()?W.html`
|
|
2891
2885
|
<div part="content-locale-selector">
|
|
2892
2886
|
<div part="content-locale-selector-header">
|
|
2893
2887
|
<ft-typography variant="overline" id="content_locale_radio_group_label" part="content-locale-selector-label">
|
|
@@ -2896,31 +2890,47 @@ const V=Symbol.for(""),q=t=>{if(t?.r===V)return t?._$litStatic$},Y=t=>({_$litSta
|
|
|
2896
2890
|
</div>
|
|
2897
2891
|
${this.getContentLocaleRadioGroup()}
|
|
2898
2892
|
</div>
|
|
2899
|
-
`:
|
|
2900
|
-
${
|
|
2893
|
+
`:W.nothing}
|
|
2894
|
+
${(0,jo.repeat)(this.facets,t=>t.key,t=>{let r=Ur(t),i=r.options.some(n=>{var l,c;return((c=(l=n.subOptions)===null||l===void 0?void 0:l.length)!==null&&c!==void 0?c:0)>0}),a=t.key.replace(":","-");return W.html`
|
|
2901
2895
|
<ft-filter
|
|
2902
2896
|
class="${i?"ft-search-bar--hierarchical-filter":""}"
|
|
2903
|
-
part="filters filter filter-${
|
|
2904
|
-
.exportpartsPrefixes=${["filter","filter-"+
|
|
2905
|
-
id="${
|
|
2906
|
-
label="${
|
|
2907
|
-
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",
|
|
2897
|
+
part="filters filter filter-${a}"
|
|
2898
|
+
.exportpartsPrefixes=${["filter","filter-"+a]}
|
|
2899
|
+
id="${r.id}"
|
|
2900
|
+
label="${r.label}"
|
|
2901
|
+
filterPlaceHolder="${this.labelResolver.resolve("filterInputPlaceHolder",r.label)}"
|
|
2908
2902
|
clearButtonLabel="${this.labelResolver.resolve("clearFilterButton")}"
|
|
2909
2903
|
moreValuesButtonLabel="${this.labelResolver.resolve("displayMoreFilterValuesButton")}"
|
|
2910
2904
|
noValuesLabel="${this.labelResolver.resolve("noFilterValuesAvailable")}"
|
|
2911
|
-
?multivalued=${
|
|
2905
|
+
?multivalued=${r.multivalued}
|
|
2912
2906
|
raiseSelectedOptions
|
|
2913
|
-
.options=${
|
|
2907
|
+
.options=${r.options}
|
|
2914
2908
|
.displayedValuesLimit=${10}
|
|
2915
|
-
@change=${
|
|
2909
|
+
@change=${n=>this.setFilter(r.id,n.detail)}
|
|
2916
2910
|
></ft-filter>
|
|
2917
|
-
`})
|
|
2911
|
+
`})}
|
|
2918
2912
|
</ft-snap-scroll>
|
|
2919
|
-
`:
|
|
2913
|
+
`:W.nothing}async firstUpdated(t){super.firstUpdated(t),this.initApi(),window.addEventListener("storage",r=>{r.key===this.recentSearchesStorageKey&&this.initRecentSearches()})}update(t){var r,i,a,n,l;if(t.has("labels")&&(this.labelResolver=new K.ParametrizedLabelResolver(rs,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile()),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){let c=f=>this.availableContentLocales.some(h=>h.lang==f);c(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&c(t.get("contentLocale"))?t.get("contentLocale"):(r=this.availableContentLocales[0])===null||r===void 0?void 0:r.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.initRecentSearches()),t.has("presets")&&((i=this.presets)!==null&&i!==void 0?i:[]).forEach(c=>c.filters.forEach(f=>f.values=f.values.map(h=>er(h)))),t.has("presets")||t.has("selectedPreset")){let c=((a=this.presets)!==null&&a!==void 0?a:[]).find(f=>f.name===this.selectedPreset);c&&!this.compareRequests(this.request,c)&&this.setFiltersFromPreset(c)}t.has("contentLocale")&&this.contentLocale!=null&&(this.knownFacetLabels=new Map),["contentLocale","searchFilters"].some(c=>t.has(c))&&(this.selectedPreset=(l=((n=this.presets)!==null&&n!==void 0?n:[]).find(c=>this.compareRequests(c,this.request)))===null||l===void 0?void 0:l.name),["baseUrl","apiIntegrationIdentifier"].some(c=>t.has(c))&&(this.api=void 0,this.initApi()),t.has("api")&&this.api&&this.initSearchData(),["uiLocale","contentLocale","searchFilters","displayedFilters"].some(c=>t.has(c))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some(c=>t.has(c))&&this.suggestManager.update(),["query","uiLocale","contentLocale","searchFilters"].some(c=>t.has(c))&&this.dispatchStateChangeEvent()}dispatchStateChangeEvent(){this.stateChangeEventDebouncer.run(()=>this.dispatchEvent(new yi(this.request)))}initSearchData(){this.availableContentLocalesInitialized=!1,this.facetsLoaded=!1,this.facetsInitialized=!1,this.updateLocalesDebouncer.run(()=>{var t;(t=this.api)===null||t===void 0||t.getAvailableSearchLocales().then(r=>r.contentLocales).catch(()=>[]).then(r=>{this.availableContentLocales=r,this.availableContentLocalesInitialized=!0})}),this.updateFacetsDebouncer.run(()=>{this.retrieveFacetsFromSearch().then(()=>{this.facetsLoaded=!0,this.facetsInitialized=!0})},this.facetsInitialized?500:10)}updateFacets(){this.api&&(this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run(async()=>{await this.retrieveFacetsFromSearch(),this.facetsLoaded=!0,this.facetsInitialized=!0},this.facetsInitialized?500:10)):this.facets=[])}contentAvailableCallback(t){var r,i,a;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&((r=this.floatingContainer)===null||r===void 0||r.focus()),this.scrollToFacet!=null&&this.facetsLoaded){(i=this.scrollingFiltersContainer)===null||i===void 0||i.scrollIndexIntoView(this.facets.findIndex(l=>l.key===this.scrollToFacet));let n=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);n&&(n.active=!0),this.scrollToFacet=void 0}}initApi(){this.api==null&&(this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0,setTimeout(()=>this.initApi(),10))}async retrieveFacetsFromSearch(){var t;let r=new Map;await((t=this.api)===null||t===void 0?void 0:t.search({...this.request,query:""}).then(i=>i.facets.forEach(a=>{this.knownFacetLabels.set(a.key,a.label),r.set(a.key,a)})).catch(Ms)),this.facets=[];for(let i of this.facetsRequest)r.has(i.id)?this.facets.push(r.get(i.id)):this.knownFacetLabels.has(i.id)&&this.facets.push({key:i.id,label:this.knownFacetLabels.get(i.id),rootNodes:[],multiSelectionable:!0,hierarchical:!1})}onFloatingContainerKeyUp(t){var r;t.key==="Escape"&&(this.displayFacets=!1,(r=this.filtersOpener)===null||r===void 0||r.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}launchSearch(){if(this.query){let t=this.recentSearches.filter(r=>r.toLowerCase()!==this.query.toLowerCase()).filter((r,i)=>i<20);this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new bi(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}initRecentSearches(){var t;this.recentSearches=JSON.parse((t=window.localStorage.getItem(this.recentSearchesStorageKey))!==null&&t!==void 0?t:"[]")}saveRecentSearches(){let t=JSON.stringify(this.recentSearches);window.localStorage.setItem(this.recentSearchesStorageKey,t),window.dispatchEvent(new StorageEvent("storage",{key:this.recentSearchesStorageKey,newValue:t,storageArea:window.localStorage,url:window.location.href}))}async connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer),this.focusOnDisplay&&!K.isTouchScreen&&await this.focusInput()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}setFilter(t,r){let i=this.searchFilters.filter(a=>a.key!==t);this.facets.forEach(a=>{a.key===t&&(0,K.flatDeep)(a.rootNodes,n=>n.childNodes).forEach(n=>n.selected=r.includes(n.value))}),r.length&&i.push({key:t,negative:!1,values:r}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){t!=null&&(t.contentLocale!=null&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach(r=>(0,K.flatDeep)(r.rootNodes,i=>i.childNodes).forEach(i=>i.selected=!1)),this.searchFilters=[];let t=this.facets[0];this.scrollToFacet=t?.key}querySelector(t){return this.shadowRoot.querySelector(t)}querySelectorAll(t){return this.shadowRoot.querySelectorAll(t)}renderDesktopFloatingMenu(){return this.forceMenuOpen?W.nothing:W.html`
|
|
2920
2914
|
<div class="ft-search-bar--floating-panel"
|
|
2921
2915
|
id="ft-search-bar-floating-panel"
|
|
2922
2916
|
@keyup=${this.onFloatingContainerKeyUp}
|
|
2923
2917
|
part="floating-panel"
|
|
2924
2918
|
tabindex="-1">
|
|
2925
2919
|
${this.renderDesktopMenu()}
|
|
2926
|
-
</div>`}enableFocusReactionOnAnyUserInteraction(){var t,
|
|
2920
|
+
</div>`}enableFocusReactionOnAnyUserInteraction(){var t,r,i;(t=this.container)===null||t===void 0||t.addEventListener("blur",this.enableFocusReactionCallback),(r=this.container)===null||r===void 0||r.addEventListener("click",this.enableFocusReactionCallback),(i=this.container)===null||i===void 0||i.addEventListener("keyup",this.enableFocusReactionCallback)}enableFocusReaction(){var t,r,i;this.reactToFocus=!0,(t=this.container)===null||t===void 0||t.removeEventListener("blur",this.enableFocusReactionCallback),(r=this.container)===null||r===void 0||r.removeEventListener("click",this.enableFocusReactionCallback),(i=this.container)===null||i===void 0||i.removeEventListener("keyup",this.enableFocusReactionCallback)}reloadWhenUserSessionChanges(){var t;let{session:r}=z.getState();(0,K.deepEqual)((t=this.currentSession)===null||t===void 0?void 0:t.profile,r?.profile)||(this.currentSession=r,this.initSearchData())}};w.elementDefinitions={"ft-accordion":fe,"ft-accordion-item":Yt,"ft-button":ft,"ft-chip":tt,"ft-filter":D,"ft-filter-option":Mt,"ft-icon":Q,"ft-ripple":N,"ft-select":V,"ft-select-option":he,"ft-size-watcher":Ft,"ft-skeleton":Fe,"ft-snap-scroll":st,"ft-tooltip":Z,"ft-typography":M,"ft-radio-group":jt,"ft-radio":ht};w.styles=[ho,Ul,Ml,me.styles,ue.styles];P([(0,F.property)({type:Boolean})],w.prototype,"dense",void 0);P([(0,F.property)()],w.prototype,"mode",void 0);P([(0,F.property)({type:Boolean})],w.prototype,"forceMobileMenuOpen",void 0);P([(0,F.property)({type:Boolean})],w.prototype,"forceMenuOpen",void 0);P([(0,F.property)()],w.prototype,"baseUrl",void 0);P([(0,F.property)()],w.prototype,"apiIntegrationIdentifier",void 0);P([(0,F.property)()],w.prototype,"contentLocale",void 0);P([(0,F.state)()],w.prototype,"availableContentLocales",void 0);P([(0,F.state)()],w.prototype,"availableContentLocalesInitialized",void 0);P([(0,F.property)()],w.prototype,"uiLocale",void 0);P([(0,K.jsonProperty)({})],w.prototype,"labels",void 0);P([(0,K.jsonProperty)([])],w.prototype,"displayedFilters",void 0);P([(0,K.jsonProperty)([])],w.prototype,"presets",void 0);P([(0,F.property)({type:String,reflect:!0})],w.prototype,"selectedPreset",void 0);P([(0,K.jsonProperty)([])],w.prototype,"priors",void 0);P([(0,F.property)()],w.prototype,"searchRequestSerializer",void 0);P([(0,F.property)({type:Boolean})],w.prototype,"focusOnDisplay",void 0);P([(0,F.state)()],w.prototype,"searchFilters",void 0);P([(0,F.state)()],w.prototype,"sizeCategory",void 0);P([(0,F.state)()],w.prototype,"displayFacets",void 0);P([(0,F.state)()],w.prototype,"mobileMenuOpen",void 0);P([(0,F.state)()],w.prototype,"facets",void 0);P([(0,F.state)()],w.prototype,"facetsInitialized",void 0);P([(0,F.query)(".ft-search-bar--container")],w.prototype,"container",void 0);P([(0,F.query)(".ft-search-bar--filters-opener")],w.prototype,"filtersOpener",void 0);P([(0,F.query)(".ft-search-bar--floating-panel")],w.prototype,"floatingContainer",void 0);P([(0,F.query)("ft-snap-scroll.ft-search-bar--filters-container")],w.prototype,"scrollingFiltersContainer",void 0);P([(0,F.query)(".ft-search-bar--input")],w.prototype,"input",void 0);P([(0,F.state)()],w.prototype,"query",void 0);P([(0,F.state)()],w.prototype,"suggestions",void 0);P([(0,F.state)()],w.prototype,"recentSearches",void 0);P([(0,F.state)()],w.prototype,"scrollToFacet",void 0);P([(0,F.state)()],w.prototype,"api",void 0);P([(0,F.state)()],w.prototype,"reactToFocus",void 0);P([(0,F.state)()],w.prototype,"facetsLoaded",void 0);(0,is.customElement)("ft-search-bar")(w);})();
|
|
2921
|
+
/*! Bundled license information:
|
|
2922
|
+
|
|
2923
|
+
lit-html/lit-html.js:
|
|
2924
|
+
(**
|
|
2925
|
+
* @license
|
|
2926
|
+
* Copyright 2017 Google LLC
|
|
2927
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
2928
|
+
*)
|
|
2929
|
+
|
|
2930
|
+
lit-html/static.js:
|
|
2931
|
+
(**
|
|
2932
|
+
* @license
|
|
2933
|
+
* Copyright 2020 Google LLC
|
|
2934
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
2935
|
+
*)
|
|
2936
|
+
*/
|