@fluid-topics/ft-page-layout 1.2.0
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/README.md +19 -0
- package/build/FtdsPageLayoutMessages.d.ts +8 -0
- package/build/FtdsPageLayoutMessages.js +7 -0
- package/build/ft-page-layout.light.js +1799 -0
- package/build/ft-page-layout.min.js +2021 -0
- package/build/ftds-page-layout.d.ts +26 -0
- package/build/ftds-page-layout.js +170 -0
- package/build/ftds-page-layout.properties.d.ts +16 -0
- package/build/ftds-page-layout.properties.js +1 -0
- package/build/ftds-page-layout.styles.d.ts +5 -0
- package/build/ftds-page-layout.styles.js +135 -0
- package/build/index.d.ts +3 -0
- package/build/index.js +6 -0
- package/package.json +30 -0
|
@@ -0,0 +1,1799 @@
|
|
|
1
|
+
"use strict";(()=>{var Ol=Object.create;var Dn=Object.defineProperty;var wl=Object.getOwnPropertyDescriptor;var El=Object.getOwnPropertyNames;var Nl=Object.getPrototypeOf,Al=Object.prototype.hasOwnProperty;var Te=(o,e)=>()=>(e||o((e={exports:{}}).exports,e),e.exports);var Rl=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of El(e))!Al.call(o,a)&&a!==r&&Dn(o,a,{get:()=>e[a],enumerable:!(n=wl(e,a))||n.enumerable});return o};var g=(o,e,r)=>(r=o!=null?Ol(Nl(o)):{},Rl(e||!o||!o.__esModule?Dn(r,"default",{value:o,enumerable:!0}):r,o));var L=Te((Ks,zn)=>{zn.exports=ftGlobals.wcUtils});var _=Te((Zs,Mn)=>{Mn.exports=ftGlobals.lit});var Y=Te((qs,Hn)=>{Hn.exports=ftGlobals.litDecorators});var Fn=Te((Ys,Un)=>{Un.exports=ftGlobals.litRepeat});var ae=Te((od,aa)=>{aa.exports=ftGlobals.litClassMap});var Vi=Te((iy,ji)=>{ji.exports=ftGlobals.litUnsafeHTML});var Cl=g(L());var dt=g(_()),kt=g(Y()),Wn=g(Fn());var Tr=globalThis,Bo=Tr.trustedTypes,Gn=Bo?Bo.createPolicy("lit-html",{createHTML:o=>o}):void 0,Yn="$lit$",ne=`lit$${(Math.random()+"").slice(9)}$`,Xn="?"+ne,Ll=`<${Xn}>`,Oe=document,To=()=>Oe.createComment(""),lo=o=>o===null||typeof o!="object"&&typeof o!="function",Jn=Array.isArray,Pl=o=>Jn(o)||typeof o?.[Symbol.iterator]=="function",Lr=`[
|
|
2
|
+
\f\r]`,co=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,jn=/-->/g,Vn=/>/g,Se=RegExp(`>|${Lr}(?:([^\\s"'>=/]+)(${Lr}*=${Lr}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Kn=/'/g,Zn=/"/g,Qn=/^(?:script|style|textarea|title)$/i,ta=o=>(e,...r)=>({_$litType$:o,strings:e,values:r}),ea=ta(1),oa=ta(2),so=Symbol.for("lit-noChange"),X=Symbol.for("lit-nothing"),qn=new WeakMap,Ce=Oe.createTreeWalker(Oe,129);function ra(o,e){if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Gn!==void 0?Gn.createHTML(e):e}var Il=(o,e)=>{let r=o.length-1,n=[],a,i=e===2?"<svg>":"",l=co;for(let s=0;s<r;s++){let f=o[s],p,h,y=-1,m=0;for(;m<f.length&&(l.lastIndex=m,h=l.exec(f),h!==null);)m=l.lastIndex,l===co?h[1]==="!--"?l=jn:h[1]!==void 0?l=Vn:h[2]!==void 0?(Qn.test(h[2])&&(a=RegExp("</"+h[2],"g")),l=Se):h[3]!==void 0&&(l=Se):l===Se?h[0]===">"?(l=a??co,y=-1):h[1]===void 0?y=-2:(y=l.lastIndex-h[2].length,p=h[1],l=h[3]===void 0?Se:h[3]==='"'?Zn:Kn):l===Zn||l===Kn?l=Se:l===jn||l===Vn?l=co:(l=Se,a=void 0);let x=l===Se&&o[s+1].startsWith("/>")?" ":"";i+=l===co?f+Ll:y>=0?(n.push(p),f.slice(0,y)+Yn+f.slice(y)+ne+x):f+ne+(y===-2?s:x)}return[ra(o,i+(o[r]||"<?>")+(e===2?"</svg>":"")),n]},po=class o{constructor({strings:e,_$litType$:r},n){let a;this.parts=[];let i=0,l=0,s=e.length-1,f=this.parts,[p,h]=Il(e,r);if(this.el=o.createElement(p,n),Ce.currentNode=this.el.content,r===2){let y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(a=Ce.nextNode())!==null&&f.length<s;){if(a.nodeType===1){if(a.hasAttributes())for(let y of a.getAttributeNames())if(y.endsWith(Yn)){let m=h[l++],x=a.getAttribute(y).split(ne),b=/([.?@])?(.*)/.exec(m);f.push({type:1,index:i,name:b[2],strings:x,ctor:b[1]==="."?Ir:b[1]==="?"?$r:b[1]==="@"?kr:We}),a.removeAttribute(y)}else y.startsWith(ne)&&(f.push({type:6,index:i}),a.removeAttribute(y));if(Qn.test(a.tagName)){let y=a.textContent.split(ne),m=y.length-1;if(m>0){a.textContent=Bo?Bo.emptyScript:"";for(let x=0;x<m;x++)a.append(y[x],To()),Ce.nextNode(),f.push({type:2,index:++i});a.append(y[m],To())}}}else if(a.nodeType===8)if(a.data===Xn)f.push({type:2,index:i});else{let y=-1;for(;(y=a.data.indexOf(ne,y+1))!==-1;)f.push({type:7,index:i}),y+=ne.length-1}i++}}static createElement(e,r){let n=Oe.createElement("template");return n.innerHTML=e,n}};function _e(o,e,r=o,n){if(e===so)return e;let a=n!==void 0?r._$Co?.[n]:r._$Cl,i=lo(e)?void 0:e._$litDirective$;return a?.constructor!==i&&(a?._$AO?.(!1),i===void 0?a=void 0:(a=new i(o),a._$AT(o,r,n)),n!==void 0?(r._$Co??=[])[n]=a:r._$Cl=a),a!==void 0&&(e=_e(o,a._$AS(o,e.values),a,n)),e}var Pr=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:r},parts:n}=this._$AD,a=(e?.creationScope??Oe).importNode(r,!0);Ce.currentNode=a;let i=Ce.nextNode(),l=0,s=0,f=n[0];for(;f!==void 0;){if(l===f.index){let p;f.type===2?p=new _o(i,i.nextSibling,this,e):f.type===1?p=new f.ctor(i,f.name,f.strings,this,e):f.type===6&&(p=new Br(i,this,e)),this._$AV.push(p),f=n[++s]}l!==f?.index&&(i=Ce.nextNode(),l++)}return Ce.currentNode=Oe,a}p(e){let r=0;for(let n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(e,n,r),r+=n.strings.length-2):n._$AI(e[r])),r++}},_o=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,r,n,a){this.type=2,this._$AH=X,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=n,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,r=this._$AM;return r!==void 0&&e?.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=_e(this,e,r),lo(e)?e===X||e==null||e===""?(this._$AH!==X&&this._$AR(),this._$AH=X):e!==this._$AH&&e!==so&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Pl(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==X&&lo(this._$AH)?this._$AA.nextSibling.data=e:this.$(Oe.createTextNode(e)),this._$AH=e}g(e){let{values:r,_$litType$:n}=e,a=typeof n=="number"?this._$AC(e):(n.el===void 0&&(n.el=po.createElement(ra(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===a)this._$AH.p(r);else{let i=new Pr(a,this),l=i.u(this.options);i.p(r),this.$(l),this._$AH=i}}_$AC(e){let r=qn.get(e.strings);return r===void 0&&qn.set(e.strings,r=new po(e)),r}T(e){Jn(this._$AH)||(this._$AH=[],this._$AR());let r=this._$AH,n,a=0;for(let i of e)a===r.length?r.push(n=new o(this.k(To()),this.k(To()),this,this.options)):n=r[a],n._$AI(i),a++;a<r.length&&(this._$AR(n&&n._$AB.nextSibling,a),r.length=a)}_$AR(e=this._$AA.nextSibling,r){for(this._$AP?.(!1,!0,r);e&&e!==this._$AB;){let n=e.nextSibling;e.remove(),e=n}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},We=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,r,n,a,i){this.type=1,this._$AH=X,this._$AN=void 0,this.element=e,this.name=r,this._$AM=a,this.options=i,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=X}_$AI(e,r=this,n,a){let i=this.strings,l=!1;if(i===void 0)e=_e(this,e,r,0),l=!lo(e)||e!==this._$AH&&e!==so,l&&(this._$AH=e);else{let s=e,f,p;for(e=i[0],f=0;f<i.length-1;f++)p=_e(this,s[n+f],r,f),p===so&&(p=this._$AH[f]),l||=!lo(p)||p!==this._$AH[f],p===X?e=X:e!==X&&(e+=(p??"")+i[f+1]),this._$AH[f]=p}l&&!a&&this.O(e)}O(e){e===X?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Ir=class extends We{constructor(){super(...arguments),this.type=3}O(e){this.element[this.name]=e===X?void 0:e}},$r=class extends We{constructor(){super(...arguments),this.type=4}O(e){this.element.toggleAttribute(this.name,!!e&&e!==X)}},kr=class extends We{constructor(e,r,n,a,i){super(e,r,n,a,i),this.type=5}_$AI(e,r=this){if((e=_e(this,e,r,0)??X)===so)return;let n=this._$AH,a=e===X&&n!==X||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==X&&(n===X||a);a&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Br=class{constructor(e,r,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}};var $l=Tr.litHtmlPolyfillSupport;$l?.(po,_o),(Tr.litHtmlVersions??=[]).push("3.1.0");var na=o=>o??X;var Sl=g(ae());var $a=g(_()),_r=g(L());var jt=g(_(),1),ie=o=>typeof o=="string"?(0,jt.unsafeCSS)(o):o,t=class{static create(e,r,n,a){let i=s=>ie(s??a),l=jt.css`var(${ie(e)}, ${i(a)})`;return l.name=e,l.description=r,l.category=n,l.defaultValue=a,l.defaultCssValue=i,l.get=s=>jt.css`var(${ie(e)}, ${i(s)})`,l.breadcrumb=()=>[],l.lastResortDefaultValue=()=>a,l}static extend(e,r,n,a){let i=s=>n.get(s??a),l=jt.css`var(${ie(e)}, ${i(a)})`;return l.name=e,l.description=r,l.category=n.category,l.fallbackVariable=n,l.defaultValue=a,l.defaultCssValue=i,l.get=s=>jt.css`var(${ie(e)}, ${i(s)})`,l.breadcrumb=()=>[n.name,...n.breadcrumb()],l.lastResortDefaultValue=()=>a??n.lastResortDefaultValue(),l}static external(e,r){let n=i=>e.fallbackVariable?e.fallbackVariable.get(i??e.defaultValue):ie(i??e.lastResortDefaultValue()),a=jt.css`var(${ie(e.name)}, ${n(e.defaultValue)})`;return a.name=e.name,a.category=e.category,a.fallbackVariable=e.fallbackVariable,a.defaultValue=e.defaultValue,a.context=r,a.defaultCssValue=n,a.get=i=>jt.css`var(${ie(e.name)}, ${n(i)})`,a.breadcrumb=()=>e.fallbackVariable?[e.fallbackVariable.name,...e.fallbackVariable.breadcrumb()]:[],a.lastResortDefaultValue=()=>e.lastResortDefaultValue(),a}};var c={colorWhite:t.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:t.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:t.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:t.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:t.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:t.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:t.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:t.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:t.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:t.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:t.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:t.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:t.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:t.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:t.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:t.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:t.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:t.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:t.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:t.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:t.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:t.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:t.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:t.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:t.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:t.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:t.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:t.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:t.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:t.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:t.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:t.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:t.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:t.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:t.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:t.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:t.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:t.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:t.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:t.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:t.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:t.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:t.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:t.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:t.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:t.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:t.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:t.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:t.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:t.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:t.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:t.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:t.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:t.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:t.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:t.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:t.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:t.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:t.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:t.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:t.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:t.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:t.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:t.create("--ft-color-orange-0","","COLOR","#F2700D"),colorOrange10:t.create("--ft-color-orange-10","","COLOR","#FFF7EB"),colorOrange20:t.create("--ft-color-orange-20","","COLOR","#FFEDD6"),colorOrange30:t.create("--ft-color-orange-30","","COLOR","#FFDDB2"),colorOrange40:t.create("--ft-color-orange-40","","COLOR","#FECB90"),colorOrange50:t.create("--ft-color-orange-50","","COLOR","#FCB76E"),colorOrange60:t.create("--ft-color-orange-60","","COLOR","#F9A34D"),colorOrange70:t.create("--ft-color-orange-70","","COLOR","#F68B2C"),colorOrange100:t.create("--ft-color-orange-100","","COLOR","#D35909"),colorOrange200:t.create("--ft-color-orange-200","","COLOR","#B74706"),colorOrange300:t.create("--ft-color-orange-300","","COLOR","#913503"),colorOrange400:t.create("--ft-color-orange-400","","COLOR","#6F2601"),colorOrange500:t.create("--ft-color-orange-500","","COLOR","#4D1800"),colorOrange600:t.create("--ft-color-orange-600","","COLOR","#330F00"),colorOrange700:t.create("--ft-color-orange-700","","COLOR","#140600"),colorRed0:t.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:t.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:t.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:t.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:t.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:t.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:t.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:t.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:t.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:t.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:t.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:t.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:t.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:t.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:t.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:t.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:t.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:t.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:t.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:t.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:t.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:t.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:t.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:t.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:t.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:t.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:t.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:t.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:t.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:t.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:t.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:t.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:t.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:t.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:t.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:t.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:t.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:t.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:t.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:t.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:t.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:t.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:t.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:t.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:t.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:t.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:t.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:t.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:t.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:t.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:t.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:t.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:t.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:t.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:t.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:t.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:t.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:t.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:t.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:t.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:t.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:t.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:t.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:t.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:t.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:t.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:t.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:t.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:t.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:t.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:t.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:t.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:t.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:t.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:t.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:t.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:t.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:t.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:t.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:t.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:t.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:t.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:t.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:t.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:t.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:t.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:t.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:t.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:t.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:t.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:t.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:t.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:t.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:t.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:t.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:t.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:t.create("--ft-icon-size-1","","SIZE","0.75rem"),iconSize2:t.create("--ft-icon-size-2","","SIZE","1rem"),iconSize3:t.create("--ft-icon-size-3","","SIZE","1.25rem"),iconSize4:t.create("--ft-icon-size-4","","SIZE","1.5rem"),iconSize5:t.create("--ft-icon-size-5","","SIZE","2rem"),iconSize6:t.create("--ft-icon-size-6","","SIZE","3rem"),opacity0:t.create("--ft-opacity-0","","NUMBER","0"),opacity8:t.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:t.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:t.create("--ft-opacity-24","","NUMBER","0.24"),opacity32:t.create("--ft-opacity-32","","NUMBER","0.32"),opacity40:t.create("--ft-opacity-40","","NUMBER","0.4"),opacity48:t.create("--ft-opacity-48","","NUMBER","0.48"),opacity80:t.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:t.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:t.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:t.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:t.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:t.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:t.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:t.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:t.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:t.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")},ia={fontFamily:t.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-display-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),letterSpacing:t.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-display-textCase","","UNKNOWN","none")},ca={fontFamily:t.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),letterSpacing:t.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-1-textCase","","UNKNOWN","none")},la={fontFamily:t.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),letterSpacing:t.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),paragraphSpacing:t.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-2-textCase","","UNKNOWN","none")},sa={fontFamily:t.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),fontSize:t.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),letterSpacing:t.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),paragraphSpacing:t.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-title-3-textCase","","UNKNOWN","none")},da={fontFamily:t.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none")},pa={fontFamily:t.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none")},fa={fontFamily:t.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),letterSpacing:t.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none")},ua={fontFamily:t.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),lineHeight:t.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none")},ha={fontFamily:t.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none")},kl={fontFamily:t.create("--ft-typography-body-2-medium-underline-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-medium-underline-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-body-2-medium-underline-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-medium-underline-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-medium-underline-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-medium-underline-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-medium-underline-paragraphIndent","","UNKNOWN","0"),textCase:t.create("--ft-typography-body-2-medium-underline-textCase","","UNKNOWN","none"),textDecoration:t.create("--ft-typography-body-2-medium-underline-textDecoration","","UNKNOWN","underline")},ya={fontFamily:t.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),fontSize:t.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),paragraphSpacing:t.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),textCase:t.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none")},ma={fontFamily:t.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none")},ga={fontFamily:t.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none")},ba={fontFamily:t.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),letterSpacing:t.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none")},xa={fontFamily:t.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none")},va={fontFamily:t.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none")},Sa={fontFamily:t.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),fontSize:t.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),textCase:t.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),paragraphSpacing:t.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none")},Ca={fontFamily:t.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none")},Oa={fontFamily:t.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none")},wa={fontFamily:t.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),letterSpacing:t.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none")},Ea={fontFamily:t.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none")},Na={fontFamily:t.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none")},Aa={fontFamily:t.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),letterSpacing:t.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none")},Ra={fontFamily:t.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),lineHeight:t.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none")},La={fontFamily:t.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),lineHeight:t.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none")},Pa={fontFamily:t.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),fontWeight:t.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),lineHeight:t.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),fontSize:t.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),letterSpacing:t.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),textCase:t.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),paragraphSpacing:t.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),paragraphIndent:t.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),textDecoration:t.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none")},we={display:ia,"title-1":ca,"title-2":la,"title-3":sa,"body-1-regular":da,"body-1-medium":pa,"body-1-semibold":fa,"body-2-regular":ua,"body-2-medium":ha,"body-2-medium-underline":kl,"body-2-semibold":ya,"label-1-medium":ma,"label-1-semibold":ga,"label-1-bold":ba,"label-2-medium":xa,"label-2-semibold":va,"label-2-bold":Sa,"caption-1-medium":Ca,"caption-1-semibold":Oa,"caption-1-bold":wa,"caption-2-medium":Ea,"caption-2-semibold":Na,"caption-2-bold":Aa,"caption-3-medium":Ra,"caption-3-semibold":La,"caption-3-bold":Pa};var d={backgroundActionPrimary:t.extend("--ft-background-action-primary","Used as backgorund of primary action components.",c.colorBrand0),backgroundErrorSubtle:t.extend("--ft-background-error-subtle","Used as background of subtle error components.",c.colorRed10),backgroundInfoSubtle:t.extend("--ft-background-info-subtle","Used as background of subtle information components.",c.colorCyan10),backgroundWarningSubtle:t.extend("--ft-background-warning-subtle","Used as background of subtle information components.",c.colorOrange10),backgroundSuccessSubtle:t.extend("--ft-background-success-subtle","Used as background of subtle success components.",c.colorGreen10),backgroundGlobalSurface:t.extend("--ft-background-global-surface","Used as app background.",c.colorWhite),backgroundGlobalOnSurface:t.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",c.colorGray10),backgroundGlobalOnSurfaceDark:t.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",c.colorGray30),contentActionPrimary:t.extend("--ft-content-action-primary","Used on label of primary action on light surface.",c.colorBrand0),contentWarningPrimary:t.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",c.colorOrange200),contentWarningIconOnly:t.extend("--ft-content-warning-icon-only","Used on warning status icons alone",c.colorOrange0),contentErrorPrimary:t.extend("--ft-content-error-primary","Used on label of error messages on light surface.",c.colorRed0),contentErrorIconOnly:t.extend("--ft-content-error-icon-only","Used on error status icons alone",c.colorRed70),contentInfoPrimary:t.extend("--ft-content-info-primary","Used on label of information messages on light surface.",c.colorCyan200),contentInfoIconOnly:t.extend("--ft-content-info-icon-only","Used on info status icons alone",c.colorCyan0),contentSuccessPrimary:t.extend("--ft-content-success-primary","Used on label of success messages on light surface.",c.colorGreen200),contentSuccessIconOnly:t.extend("--ft-content-success-icon-only","Used on success status icons alone",c.colorGreen0),contentGlobalPrimary:t.extend("--ft-content-global-primary","Used for main content on the page.",c.colorGray500),contentGlobalSecondary:t.extend("--ft-content-global-secondary",`Used for secondary content, often paired with primary content.
|
|
4
|
+
Also for action icons.`,c.colorGray200),contentGlobalSubtle:t.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",c.colorGray0),contentGlobalOnColor:t.extend("--ft-content-global-on-color","Used for content on a dominant color.",c.colorWhite),borderActionPrimary:t.extend("--ft-border-action-primary","Used as border for primary action components.",c.colorBrand0),borderActionFocusRing:t.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",c.colorCyan0),borderWarningPrimary:t.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",c.colorOrange200),borderWarningSubtle:t.extend("--ft-border-warning-subtle","Used as border for warning components.",c.colorOrange30),borderSuccessPrimary:t.extend("--ft-border-success-primary","Used as border for success buttons.",c.colorGreen200),borderSuccessSubtle:t.extend("--ft-border-success-subtle","Used as border for success components.",c.colorGreen30),borderErrorPrimary:t.extend("--ft-border-error-primary","Used as border for text fields in error states.",c.colorRed0),borderErrorSubtle:t.extend("--ft-border-error-subtle","Used as border for error components.",c.colorRed30),borderInfoPrimary:t.extend("--ft-border-info-primary","Used as border for buttons in info color.",c.colorCyan200),borderInfoSubtle:t.extend("--ft-border-info-subtle","Used as border for information components.",c.colorCyan30),borderGlobalPrimary:t.extend("--ft-border-global-primary","Used as border for element like input.",c.colorGray50),borderGlobalSubtle:t.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",c.colorGray30),borderInputPrimary:t.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",c.colorGray80),borderNeutralPrimary:t.extend("--ft-border-neutral-primary","Used as border for neutral secondary buttons",c.colorGray200)};var u={largeHeight:t.create("--ft-button-large-height","","SIZE","40px"),largeHorizontalPadding:t.extend("--ft-button-large-horizontal-padding","",c.spacing4),largeGap:t.extend("--ft-button-large-gap","",c.spacing2),largeBorderRadius:t.extend("--ft-button-large-border-radius","",c.borderRadiusS),largeIconSize:t.extend("--ft-button-large-icon-size","",c.iconSize3),largeBorderWidth:t.create("--ft-button-large-border-width","","SIZE","1px"),largeFocusOutlineOffset:t.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-button-large-focus-outline-width","","SIZE","2px"),largeIconOnlyWidth:t.create("--ft-button-large-icon-only-width","","SIZE","40px"),mediumHeight:t.create("--ft-button-medium-height","","SIZE","30px"),mediumHorizontalPadding:t.extend("--ft-button-medium-horizontal-padding","",c.spacing3),mediumGap:t.extend("--ft-button-medium-gap","",c.spacing2),mediumBorderRadius:t.extend("--ft-button-medium-border-radius","",c.borderRadiusS),mediumIconSize:t.extend("--ft-button-medium-icon-size","",c.iconSize2),mediumBorderWidth:t.create("--ft-button-medium-border-width","","SIZE","1px"),mediumFocusOutlineOffset:t.create("--ft-button-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-button-medium-focus-outline-width","","SIZE","2px"),mediumIconOnlyWidth:t.create("--ft-button-medium-icon-only-width","","SIZE","30px"),smallHeight:t.create("--ft-button-small-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-button-small-horizontal-padding","",c.spacing2),smallGap:t.extend("--ft-button-small-gap","",c.spacing1),smallBorderRadius:t.extend("--ft-button-small-border-radius","",c.borderRadiusS),smallIconSize:t.extend("--ft-button-small-icon-size","",c.iconSize1),smallBorderWidth:t.create("--ft-button-small-border-width","","SIZE","1px"),smallFocusOutlineOffset:t.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-button-small-focus-outline-width","","SIZE","2px"),smallIconOnlyWidth:t.create("--ft-button-small-icon-only-width","","SIZE","20px"),xSmallHeight:t.create("--ft-button-x-small-height","","SIZE","16px"),xSmallIconSize:t.extend("--ft-button-x-small-icon-size","",c.iconSize1),xSmallFocusOutlineOffset:t.create("--ft-button-x-small-focus-outline-offset","","SIZE","2px"),xSmallFocusOutlineWidth:t.create("--ft-button-x-small-focus-outline-width","","SIZE","2px"),xSmallIconOnlyWidth:t.create("--ft-button-x-small-icon-only-width","","SIZE","16px"),roundBorderRadius:t.extend("--ft-button-round-border-radius","",c.borderRadiusPill),primaryBrandBackgroundColor:t.extend("--ft-button-primary-brand-background-color","",d.backgroundActionPrimary),primaryBrandColor:t.extend("--ft-button-primary-brand-color","",d.contentGlobalOnColor),primaryBrandIconColor:t.extend("--ft-button-primary-brand-icon-color","",d.contentGlobalOnColor),primaryBrandStateLayerColor:t.extend("--ft-button-primary-brand-state-layer-color","",d.contentGlobalOnColor),primaryBrandHoverStateLayerOpacity:t.extend("--ft-button-primary-brand-hover-state-layer-opacity","",c.opacity16),primaryBrandFocusStateLayerOpacity:t.extend("--ft-button-primary-brand-focus-state-layer-opacity","",c.opacity16),primaryBrandActiveStateLayerOpacity:t.extend("--ft-button-primary-brand-active-state-layer-opacity","",c.opacity24),primaryBrandDisabledComponentOpacity:t.extend("--ft-button-primary-brand-disabled-component-opacity","",c.opacity40),focusFocusRingColor:t.extend("--ft-button-focus-focus-ring-color","",d.borderActionFocusRing),tertiaryBrandBackgroundColor:t.create("--ft-button-tertiary-brand-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryBrandColor:t.extend("--ft-button-tertiary-brand-color","",d.contentActionPrimary),tertiaryBrandIconColor:t.extend("--ft-button-tertiary-brand-icon-color","",d.contentActionPrimary),tertiaryBrandStateLayerColor:t.extend("--ft-button-tertiary-brand-state-layer-color","",d.contentActionPrimary),tertiaryBrandHoverStateLayerOpacity:t.extend("--ft-button-tertiary-brand-hover-state-layer-opacity","",c.opacity8),tertiaryBrandFocusStateLayerOpacity:t.extend("--ft-button-tertiary-brand-focus-state-layer-opacity","",c.opacity8),tertiaryBrandActiveStateLayerOpacity:t.extend("--ft-button-tertiary-brand-active-state-layer-opacity","",c.opacity16),tertiaryBrandDisabledComponentOpacity:t.extend("--ft-button-tertiary-brand-disabled-component-opacity","",c.opacity40),tertiaryInfoBackgroundColor:t.create("--ft-button-tertiary-info-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryInfoColor:t.extend("--ft-button-tertiary-info-color","",d.contentInfoPrimary),tertiaryInfoIconColor:t.extend("--ft-button-tertiary-info-icon-color","",d.contentInfoPrimary),tertiaryInfoStateLayerColor:t.extend("--ft-button-tertiary-info-state-layer-color","",d.contentInfoPrimary),tertiaryInfoFocusStateLayerOpacity:t.extend("--ft-button-tertiary-info-focus-state-layer-opacity","",c.opacity8),tertiaryInfoHoverStateLayerOpacity:t.extend("--ft-button-tertiary-info-hover-state-layer-opacity","",c.opacity8),tertiaryInfoActiveStateLayerOpacity:t.extend("--ft-button-tertiary-info-active-state-layer-opacity","",c.opacity16),tertiaryInfoDisabledComponentOpacity:t.extend("--ft-button-tertiary-info-disabled-component-opacity","",c.opacity40),tertiarySuccessBackgroundColor:t.create("--ft-button-tertiary-success-background-color","","COLOR","rgba(0,0,0,0)"),tertiarySuccessColor:t.extend("--ft-button-tertiary-success-color","",d.contentSuccessPrimary),tertiarySuccessIconColor:t.extend("--ft-button-tertiary-success-icon-color","",d.contentSuccessPrimary),tertiarySuccessStateLayerColor:t.extend("--ft-button-tertiary-success-state-layer-color","",d.contentSuccessPrimary),tertiarySuccessHoverStateLayerOpacity:t.extend("--ft-button-tertiary-success-hover-state-layer-opacity","",c.opacity8),tertiarySuccessFocusStateLayerOpacity:t.extend("--ft-button-tertiary-success-focus-state-layer-opacity","",c.opacity8),tertiarySuccessActiveStateLayerOpacity:t.extend("--ft-button-tertiary-success-active-state-layer-opacity","",c.opacity16),tertiarySuccessDisabledComponentOpacity:t.extend("--ft-button-tertiary-success-disabled-component-opacity","",c.opacity40),tertiaryWarningBackgroundColor:t.create("--ft-button-tertiary-warning-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryWarningColor:t.extend("--ft-button-tertiary-warning-color","",d.contentWarningPrimary),tertiaryWarningIconColor:t.extend("--ft-button-tertiary-warning-icon-color","",d.contentWarningPrimary),tertiaryWarningStateLayerColor:t.extend("--ft-button-tertiary-warning-state-layer-color","",d.contentWarningPrimary),tertiaryWarningHoverStateLayerOpacity:t.extend("--ft-button-tertiary-warning-hover-state-layer-opacity","",c.opacity8),tertiaryWarningFocusStateLayerOpacity:t.extend("--ft-button-tertiary-warning-focus-state-layer-opacity","",c.opacity8),tertiaryWarningActiveStateLayerOpacity:t.extend("--ft-button-tertiary-warning-active-state-layer-opacity","",c.opacity16),tertiaryWarningDisabledComponentOpacity:t.extend("--ft-button-tertiary-warning-disabled-component-opacity","",c.opacity40),tertiaryErrorBackgroundColor:t.create("--ft-button-tertiary-error-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryErrorColor:t.extend("--ft-button-tertiary-error-color","",d.contentErrorPrimary),tertiaryErrorIconColor:t.extend("--ft-button-tertiary-error-icon-color","",d.contentErrorPrimary),tertiaryErrorStateLayerColor:t.extend("--ft-button-tertiary-error-state-layer-color","",d.contentErrorPrimary),tertiaryErrorHoverStateLayerOpacity:t.extend("--ft-button-tertiary-error-hover-state-layer-opacity","",c.opacity8),tertiaryErrorFocusStateLayerOpacity:t.extend("--ft-button-tertiary-error-focus-state-layer-opacity","",c.opacity8),tertiaryErrorActiveStateLayerOpacity:t.extend("--ft-button-tertiary-error-active-state-layer-opacity","",c.opacity16),tertiaryErrorDisabledComponentOpacity:t.extend("--ft-button-tertiary-error-disabled-component-opacity","",c.opacity40),tertiaryNeutralBackgroundColor:t.create("--ft-button-tertiary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),tertiaryNeutralIconColor:t.extend("--ft-button-tertiary-neutral-icon-color","",d.contentGlobalSecondary),tertiaryNeutralColor:t.extend("--ft-button-tertiary-neutral-color","",d.contentGlobalSecondary),tertiaryNeutralStateLayerColor:t.extend("--ft-button-tertiary-neutral-state-layer-color","",d.contentGlobalSecondary),tertiaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-hover-state-layer-opacity","",c.opacity8),tertiaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-focus-state-layer-opacity","",c.opacity8),tertiaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-tertiary-neutral-active-state-layer-opacity","",c.opacity16),tertiaryNeutralDisabledComponentOpacity:t.extend("--ft-button-tertiary-neutral-disabled-component-opacity","",c.opacity40),secondaryBrandBackgroundColor:t.create("--ft-button-secondary-brand-background-color","","COLOR","rgba(0,0,0,0)"),secondaryBrandColor:t.extend("--ft-button-secondary-brand-color","",d.contentActionPrimary),secondaryBrandIconColor:t.extend("--ft-button-secondary-brand-icon-color","",d.contentActionPrimary),secondaryBrandStateLayerColor:t.extend("--ft-button-secondary-brand-state-layer-color","",d.contentActionPrimary),secondaryBrandHoverStateLayerOpacity:t.extend("--ft-button-secondary-brand-hover-state-layer-opacity","",c.opacity8),secondaryBrandFocusStateLayerOpacity:t.extend("--ft-button-secondary-brand-focus-state-layer-opacity","",c.opacity8),secondaryBrandActiveStateLayerOpacity:t.extend("--ft-button-secondary-brand-active-state-layer-opacity","",c.opacity16),secondaryBrandDisabledComponentOpacity:t.extend("--ft-button-secondary-brand-disabled-component-opacity","",c.opacity40),secondaryBrandBorderColor:t.extend("--ft-button-secondary-brand-border-color","",d.borderActionPrimary),secondaryNeutralHoverStateLayerOpacity:t.extend("--ft-button-secondary-neutral-hover-state-layer-opacity","",c.opacity8),secondaryNeutralFocusStateLayerOpacity:t.extend("--ft-button-secondary-neutral-focus-state-layer-opacity","",c.opacity8),secondaryNeutralActiveStateLayerOpacity:t.extend("--ft-button-secondary-neutral-active-state-layer-opacity","",c.opacity16),secondaryNeutralDisabledComponentOpacity:t.extend("--ft-button-secondary-neutral-disabled-component-opacity","",c.opacity40),secondaryNeutralBackgroundColor:t.create("--ft-button-secondary-neutral-background-color","","COLOR","rgba(0,0,0,0)"),secondaryNeutralColor:t.extend("--ft-button-secondary-neutral-color","",d.contentGlobalSecondary),secondaryNeutralIconColor:t.extend("--ft-button-secondary-neutral-icon-color","",d.contentGlobalSecondary),secondaryNeutralStateLayerColor:t.extend("--ft-button-secondary-neutral-state-layer-color","",d.contentGlobalSecondary),secondaryNeutralBorderColor:t.extend("--ft-button-secondary-neutral-border-color","",d.borderNeutralPrimary),secondaryInfoHoverStateLayerOpacity:t.extend("--ft-button-secondary-info-hover-state-layer-opacity","",c.opacity8),secondaryInfoFocusStateLayerOpacity:t.extend("--ft-button-secondary-info-focus-state-layer-opacity","",c.opacity8),secondaryInfoActiveStateLayerOpacity:t.extend("--ft-button-secondary-info-active-state-layer-opacity","",c.opacity16),secondaryInfoDisabledComponentOpacity:t.extend("--ft-button-secondary-info-disabled-component-opacity","",c.opacity40),secondaryInfoBackgroundColor:t.create("--ft-button-secondary-info-background-color","","COLOR","rgba(0,0,0,0)"),secondaryInfoBorderColor:t.extend("--ft-button-secondary-info-border-color","",d.borderInfoPrimary),secondaryInfoColor:t.extend("--ft-button-secondary-info-color","",d.contentInfoPrimary),secondaryInfoIconColor:t.extend("--ft-button-secondary-info-icon-color","",d.contentInfoPrimary),secondaryInfoStateLayerColor:t.extend("--ft-button-secondary-info-state-layer-color","",d.contentInfoPrimary),secondarySuccessHoverStateLayerOpacity:t.extend("--ft-button-secondary-success-hover-state-layer-opacity","",c.opacity8),secondarySuccessFocusStateLayerOpacity:t.extend("--ft-button-secondary-success-focus-state-layer-opacity","",c.opacity8),secondarySuccessActiveStateLayerOpacity:t.extend("--ft-button-secondary-success-active-state-layer-opacity","",c.opacity16),secondarySuccessDisabledComponentOpacity:t.extend("--ft-button-secondary-success-disabled-component-opacity","",c.opacity40),secondarySuccessBackgroundColor:t.create("--ft-button-secondary-success-background-color","","COLOR","rgba(0,0,0,0)"),secondarySuccessBorderColor:t.extend("--ft-button-secondary-success-border-color","",d.borderSuccessPrimary),secondarySuccessColor:t.extend("--ft-button-secondary-success-color","",d.contentSuccessPrimary),secondarySuccessIconColor:t.extend("--ft-button-secondary-success-icon-color","",d.contentSuccessPrimary),secondarySuccessStateLayerColor:t.extend("--ft-button-secondary-success-state-layer-color","",d.contentSuccessPrimary),secondaryWarningHoverStateLayerOpacity:t.extend("--ft-button-secondary-warning-hover-state-layer-opacity","",c.opacity8),secondaryWarningFocusStateLayerOpacity:t.extend("--ft-button-secondary-warning-focus-state-layer-opacity","",c.opacity8),secondaryWarningActiveStateLayerOpacity:t.extend("--ft-button-secondary-warning-active-state-layer-opacity","",c.opacity16),secondaryWarningDisabledComponentOpacity:t.extend("--ft-button-secondary-warning-disabled-component-opacity","",c.opacity40),secondaryWarningBackgroundColor:t.create("--ft-button-secondary-warning-background-color","","COLOR","rgba(0,0,0,0)"),secondaryWarningBorderColor:t.extend("--ft-button-secondary-warning-border-color","",d.borderWarningPrimary),secondaryWarningColor:t.extend("--ft-button-secondary-warning-color","",d.contentWarningPrimary),secondaryWarningIconColor:t.extend("--ft-button-secondary-warning-icon-color","",d.contentWarningPrimary),secondaryWarningStateLayerColor:t.extend("--ft-button-secondary-warning-state-layer-color","",d.contentWarningPrimary),secondaryErrorHoverStateLayerOpacity:t.extend("--ft-button-secondary-error-hover-state-layer-opacity","",c.opacity8),secondaryErrorFocusStateLayerOpacity:t.extend("--ft-button-secondary-error-focus-state-layer-opacity","",c.opacity8),secondaryErrorActiveStateLayerOpacity:t.extend("--ft-button-secondary-error-active-state-layer-opacity","",c.opacity16),secondaryErrorDisabledComponentOpacity:t.extend("--ft-button-secondary-error-disabled-component-opacity","",c.opacity40),secondaryErrorBackgroundColor:t.create("--ft-button-secondary-error-background-color","","COLOR","rgba(0,0,0,0)"),secondaryErrorBorderColor:t.extend("--ft-button-secondary-error-border-color","",d.contentErrorPrimary),secondaryErrorColor:t.extend("--ft-button-secondary-error-color","",d.contentErrorPrimary),secondaryErrorIconColor:t.extend("--ft-button-secondary-error-icon-color","",d.contentErrorPrimary),secondaryErrorStateLayerColor:t.extend("--ft-button-secondary-error-state-layer-color","",d.contentErrorPrimary)};var md={neutralOffHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-hover-state-layer-opacity","",c.opacity8),neutralOffFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-focus-state-layer-opacity","",c.opacity8),neutralOffFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-off-focus-focus-ring-color","",d.borderActionFocusRing),neutralOffActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-off-active-state-layer-opacity","",c.opacity16),neutralOffBackgroundColor:t.extend("--ft-chip-choice-neutral-off-background-color","",d.backgroundGlobalOnSurface),neutralOffBorderColor:t.extend("--ft-chip-choice-neutral-off-border-color","",d.borderGlobalPrimary),neutralOffColor:t.extend("--ft-chip-choice-neutral-off-color","",d.contentGlobalSecondary),neutralOffStateLayerColor:t.extend("--ft-chip-choice-neutral-off-state-layer-color","",d.contentGlobalSecondary),neutralOnDefaultStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-default-state-layer-opacity","",c.opacity16),neutralOnHoverStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-hover-state-layer-opacity","",c.opacity24),neutralOnFocusStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-focus-state-layer-opacity","",c.opacity24),neutralOnFocusFocusRingColor:t.extend("--ft-chip-choice-neutral-on-focus-focus-ring-color","",d.borderActionFocusRing),neutralOnActiveStateLayerOpacity:t.extend("--ft-chip-choice-neutral-on-active-state-layer-opacity","",c.opacity32),neutralOnBackgroundColor:t.extend("--ft-chip-choice-neutral-on-background-color","",d.backgroundGlobalOnSurface),neutralOnBorderColor:t.extend("--ft-chip-choice-neutral-on-border-color","",d.borderGlobalPrimary),neutralOnColor:t.extend("--ft-chip-choice-neutral-on-color","",d.contentGlobalPrimary),neutralOnIconColor:t.extend("--ft-chip-choice-neutral-on-icon-color","",d.contentGlobalPrimary),neutralOnStateLayerColor:t.extend("--ft-chip-choice-neutral-on-state-layer-color","",d.contentGlobalPrimary),largeMinHeight:t.create("--ft-chip-choice-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-choice-large-horizontal-padding","",c.spacing3),largeGap:t.extend("--ft-chip-choice-large-gap","",c.spacing1),largeBorderRadius:t.create("--ft-chip-choice-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-choice-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-choice-large-icon-size","",c.iconSize3),mediumMinHeight:t.create("--ft-chip-choice-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-choice-medium-horizontal-padding","",c.spacing2),mediumGap:t.extend("--ft-chip-choice-medium-gap","",c.spacing1),mediumBorderRadius:t.create("--ft-chip-choice-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-choice-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-choice-medium-icon-size","",c.iconSize2)};var B={largeMinHeight:t.create("--ft-chip-large-min-height","","SIZE","36px"),largeHorizontalPadding:t.extend("--ft-chip-large-horizontal-padding","",c.spacing3),largeButtonRightPadding:t.extend("--ft-chip-large-button-right-padding","",c.spacing1),largeGap:t.extend("--ft-chip-large-gap","",c.spacing1),largeFocusOutlineOffset:t.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),largeFocusOutlineWidth:t.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),largeBorderRadius:t.create("--ft-chip-large-border-radius","","SIZE","18px"),largeBorderWidth:t.create("--ft-chip-large-border-width","","SIZE","1px"),largeIconSize:t.extend("--ft-chip-large-icon-size","",c.iconSize3),mediumMinHeight:t.create("--ft-chip-medium-min-height","","SIZE","24px"),mediumHorizontalPadding:t.extend("--ft-chip-medium-horizontal-padding","",c.spacing2),mediumButtonRightPadding:t.extend("--ft-chip-medium-button-right-padding","",c.spacing05),mediumGap:t.extend("--ft-chip-medium-gap","",c.spacing1),mediumFocusOutlineOffset:t.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),mediumFocusOutlineWidth:t.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),mediumBorderRadius:t.create("--ft-chip-medium-border-radius","","SIZE","12px"),mediumBorderWidth:t.create("--ft-chip-medium-border-width","","SIZE","1px"),mediumIconSize:t.extend("--ft-chip-medium-icon-size","",c.iconSize2),smallMinHeight:t.create("--ft-chip-small-min-height","","SIZE","20px"),smallHorizontalPadding:t.extend("--ft-chip-small-horizontal-padding","",c.spacing1),smallButtonRightPadding:t.extend("--ft-chip-small-button-right-padding","",c.spacing05),smallGap:t.extend("--ft-chip-small-gap","",c.spacing1),smallFocusOutlineOffset:t.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),smallFocusOutlineWidth:t.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),smallBorderRadius:t.create("--ft-chip-small-border-radius","","SIZE","10px"),smallBorderWidth:t.create("--ft-chip-small-border-width","","SIZE","1px"),smallIconSize:t.extend("--ft-chip-small-icon-size","",c.iconSize1),neutralBackgroundColor:t.extend("--ft-chip-neutral-background-color","",d.backgroundGlobalOnSurface),neutralColor:t.extend("--ft-chip-neutral-color","",d.contentGlobalSecondary),neutralIconColor:t.extend("--ft-chip-neutral-icon-color","",d.contentGlobalSecondary),neutralBorderColor:t.extend("--ft-chip-neutral-border-color","",d.borderGlobalSubtle),infoBackgroundColor:t.extend("--ft-chip-info-background-color","",d.backgroundInfoSubtle),infoColor:t.extend("--ft-chip-info-color","",d.contentInfoPrimary),infoIconColor:t.extend("--ft-chip-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:t.extend("--ft-chip-info-border-color","",d.borderInfoSubtle),successBackgroundColor:t.extend("--ft-chip-success-background-color","",d.backgroundSuccessSubtle),successColor:t.extend("--ft-chip-success-color","",d.contentSuccessPrimary),successIconColor:t.extend("--ft-chip-success-icon-color","",d.contentSuccessIconOnly),successBorderColor:t.extend("--ft-chip-success-border-color","",d.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-chip-warning-background-color","",d.backgroundWarningSubtle),warningColor:t.extend("--ft-chip-warning-color","",d.contentWarningPrimary),warningIconColor:t.extend("--ft-chip-warning-icon-color","",d.contentWarningIconOnly),warningBorderColor:t.extend("--ft-chip-warning-border-color","",d.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-chip-error-background-color","",d.backgroundErrorSubtle),errorColor:t.extend("--ft-chip-error-color","",d.contentErrorPrimary),errorIconColor:t.extend("--ft-chip-error-icon-color","",d.contentErrorIconOnly),errorBorderColor:t.extend("--ft-chip-error-border-color","",d.borderErrorSubtle)};var tt={brandHoverOpacity:t.extend("--ft-link-brand-hover-opacity","",c.opacity80),brandHoverColor:t.extend("--ft-link-brand-hover-color","",d.contentActionPrimary),brandFocusFocusRingColor:t.extend("--ft-link-brand-focus-focus-ring-color","",d.borderActionFocusRing),brandFocusColor:t.extend("--ft-link-brand-focus-color","",d.contentActionPrimary),brandDefaultColor:t.extend("--ft-link-brand-default-color","",d.contentActionPrimary),brandActiveColor:t.extend("--ft-link-brand-active-color","",d.contentActionPrimary),infoHoverOpacity:t.extend("--ft-link-info-hover-opacity","",c.opacity80),infoHoverColor:t.extend("--ft-link-info-hover-color","",d.contentInfoPrimary),infoFocusFocusRingColor:t.extend("--ft-link-info-focus-focus-ring-color","",d.borderActionFocusRing),infoFocusColor:t.extend("--ft-link-info-focus-color","",d.contentInfoPrimary),infoDefaultColor:t.extend("--ft-link-info-default-color","",d.contentInfoPrimary),infoActiveColor:t.extend("--ft-link-info-active-color","",d.contentInfoPrimary),neutralFocusFocusRingColor:t.extend("--ft-link-neutral-focus-focus-ring-color","",d.borderActionFocusRing),neutralFocusColor:t.extend("--ft-link-neutral-focus-color","",d.contentActionPrimary),neutralDefaultColor:t.extend("--ft-link-neutral-default-color","",d.contentGlobalPrimary),neutralHoverColor:t.extend("--ft-link-neutral-hover-color","",d.contentActionPrimary),neutralActiveColor:t.extend("--ft-link-neutral-active-color","",d.contentActionPrimary),neutralVisitedColor:t.extend("--ft-link-neutral-visited-color","",c.colorBrand100)};var Ld={iconSize:t.extend("--ft-banner-icon-size","",c.iconSize5),borderWidth:t.create("--ft-banner-border-width","","SIZE","1px"),leftPadding:t.extend("--ft-banner-left-padding","",c.spacing6),rightPadding:t.extend("--ft-banner-right-padding","",c.spacing6),verticalPadding:t.extend("--ft-banner-vertical-padding","",c.spacing6),horizontalSideGap:t.extend("--ft-banner-horizontal-side-gap","",c.spacing6),horizontalMobileGap:t.extend("--ft-banner-horizontal-mobile-gap","",c.spacing4),verticalMobileGap:t.extend("--ft-banner-vertical-mobile-gap","",c.spacing6),horizontalMiddleGap:t.extend("--ft-banner-horizontal-middle-gap","",c.spacing20),infoBackgroundColor:t.extend("--ft-banner-info-background-color","",d.backgroundInfoSubtle),infoColor:t.extend("--ft-banner-info-color","",d.contentInfoPrimary),infoIconColor:t.extend("--ft-banner-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:t.extend("--ft-banner-info-border-color","",d.borderInfoSubtle)};var Bd={horizontalPadding:t.extend("--ft-badge-horizontal-padding","",c.spacing1),verticalPadding:t.extend("--ft-badge-vertical-padding","",c.spacing1),borderRadius:t.extend("--ft-badge-border-radius","",c.borderRadiusPill),color:t.extend("--ft-badge-color","",d.contentGlobalOnColor),backgroundColor:t.extend("--ft-badge-background-color","",d.contentActionPrimary)};var fo={horizontalGap:t.extend("--ft-title-breadcrumb-horizontal-gap","",c.spacing1),currentColor:t.extend("--ft-title-breadcrumb-current-color","",d.contentGlobalPrimary),previousNonClickableColor:t.extend("--ft-title-breadcrumb-previous-non-clickable-color","",d.contentGlobalSecondary),iconColor:t.extend("--ft-title-breadcrumb-icon-color","",d.contentGlobalSubtle)};var U={parentHorizontalPadding:t.extend("--ft-page-header-parent-horizontal-padding","",c.spacing6),parentTopPadding:t.extend("--ft-page-header-parent-top-padding","",c.spacing4),parentBottomPadding:t.extend("--ft-page-header-parent-bottom-padding","",c.spacing6),parentHelpLeftMargin:t.extend("--ft-page-header-parent-help-left-margin","",c.spacing1),parentTitleColor:t.extend("--ft-page-header-parent-title-color","",d.contentGlobalPrimary),parentSubtitleColor:t.extend("--ft-page-header-parent-subtitle-color","",d.contentGlobalSecondary),parentChipLeftMargin:t.extend("--ft-page-header-parent-chip-left-margin","",c.spacing4),parentVerticalGap:t.extend("--ft-page-header-parent-vertical-gap","",c.spacing2),parentButtonsGroupHorizontalGap:t.extend("--ft-page-header-parent-buttons-group-horizontal-gap","",c.spacing4),parentButtonsGroupVerticalGap:t.extend("--ft-page-header-parent-buttons-group-vertical-gap","",c.spacing4),parentChipsGroupHorizontalGap:t.extend("--ft-page-header-parent-chips-group-horizontal-gap","",c.spacing2),parentChipsGroupVerticalGap:t.extend("--ft-page-header-parent-chips-group-vertical-gap","",c.spacing2),childHorizontalPadding:t.extend("--ft-page-header-child-horizontal-padding","",c.spacing6),childTopPadding:t.extend("--ft-page-header-child-top-padding","",c.spacing2),childBottomPadding:t.extend("--ft-page-header-child-bottom-padding","",c.spacing2),childHelpLeftMargin:t.extend("--ft-page-header-child-help-left-margin","",c.spacing1),childChipLeftMargin:t.extend("--ft-page-header-child-chip-left-margin","",c.spacing4),childVerticalGap:t.extend("--ft-page-header-child-vertical-gap","",c.spacing2),childMinHeight:t.create("--ft-page-header-child-min-height","","SIZE","40px"),childButtonsGroupHorizontalGap:t.extend("--ft-page-header-child-buttons-group-horizontal-gap","",c.spacing4),childButtonsGroupVerticalGap:t.extend("--ft-page-header-child-buttons-group-vertical-gap","",c.spacing4),childChipsGroupHorizontalGap:t.extend("--ft-page-header-child-chips-group-horizontal-gap","",c.spacing2),childChipsGroupVerticalGap:t.extend("--ft-page-header-child-chips-group-vertical-gap","",c.spacing2),backgroundColor:t.extend("--ft-page-header-background-color","",c.colorWhite),bottomBorderColor:t.extend("--ft-page-header-bottom-border-color","",d.borderGlobalSubtle),bottomBorderWidth:t.create("--ft-page-header-bottom-border-width","","SIZE","1px")};var ce={horizontalPadding:t.extend("--ft-page-footer-horizontal-padding","",c.spacing6),verticalPadding:t.extend("--ft-page-footer-vertical-padding","",c.spacing2),verticalGap:t.extend("--ft-page-footer-vertical-gap","",c.spacing2),minHeight:t.create("--ft-page-footer-min-height","","SIZE","40px"),backgroundColor:t.extend("--ft-page-footer-background-color","",c.colorWhite),topBorderColor:t.extend("--ft-page-footer-top-border-color","",d.borderGlobalSubtle),topBorderWidth:t.create("--ft-page-footer-top-border-width","","SIZE","1px"),buttonsGroupGap:t.extend("--ft-page-footer-buttons-group-gap","",c.spacing4)};var Yd={contentHorizontalPadding:t.extend("--ft-page-layout-content-horizontal-padding","",c.spacing6),contentVerticalPadding:t.extend("--ft-page-layout-content-vertical-padding","",c.spacing6)};var ep={smallContainerTargetWidth:t.create("--ft-modal-small-container-target-width","","SIZE","560px"),smallContainerMargin:t.extend("--ft-modal-small-container-margin","",c.spacing6),mediumContainerTargetWidth:t.create("--ft-modal-medium-container-target-width","","SIZE","800px"),mediumContainerMargin:t.extend("--ft-modal-medium-container-margin","",c.spacing6),largeContainerTargetWidth:t.create("--ft-modal-large-container-target-width","","SIZE","1040px"),largeContainerMargin:t.extend("--ft-modal-large-container-margin","",c.spacing6),overlayBackgroundColor:t.extend("--ft-modal-overlay-background-color","",c.colorGray700),overlayOpacity:t.extend("--ft-modal-overlay-opacity","",c.opacity40),shadow:t.extend("--ft-modal-shadow","",c.shadowElevation03),bodyBackgroundColor:t.extend("--ft-modal-body-background-color","",c.colorWhite),bodyColor:t.extend("--ft-modal-body-color","",d.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-modal-body-horizontal-padding","",c.spacing6),bodyVerticalPadding:t.extend("--ft-modal-body-vertical-padding","",c.spacing6),bodyVerticalGap:t.extend("--ft-modal-body-vertical-gap","",c.spacing6),headerBackgroundColor:t.extend("--ft-modal-header-background-color","",d.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-modal-header-border-color","",d.borderGlobalSubtle),headerColor:t.extend("--ft-modal-header-color","",d.contentGlobalPrimary),headerLeadingIconColor:t.extend("--ft-modal-header-leading-icon-color","",d.contentGlobalPrimary),headerVerticalPadding:t.extend("--ft-modal-header-vertical-padding","",c.spacing1),headerRightPadding:t.extend("--ft-modal-header-right-padding","",c.spacing1),headerLeftPadding:t.extend("--ft-modal-header-left-padding","",c.spacing6),headerGap:t.extend("--ft-modal-header-gap","",c.spacing2),headerBorderBottomWidth:t.create("--ft-modal-header-border-bottom-width","","SIZE","1px"),borderRadius:t.extend("--ft-modal-border-radius","",c.borderRadiusM)};var ip={overlayOpacity:t.extend("--ft-drawer-overlay-opacity","",c.opacity40),shadow:t.extend("--ft-drawer-shadow","",c.shadowElevation03),bodyColor:t.extend("--ft-drawer-body-color","",d.contentGlobalPrimary),bodyHorizontalPadding:t.extend("--ft-drawer-body-horizontal-padding","",c.spacing6),bodyVerticalPadding:t.extend("--ft-drawer-body-vertical-padding","",c.spacing6),bodyGap:t.extend("--ft-drawer-body-gap","",c.spacing6),bodyBackgroundColor:t.extend("--ft-drawer-body-background-color","",c.colorWhite),headerBackgroundColor:t.extend("--ft-drawer-header-background-color","",d.backgroundGlobalOnSurface),headerBorderColor:t.extend("--ft-drawer-header-border-color","",d.borderGlobalSubtle),headerColor:t.extend("--ft-drawer-header-color","",d.contentGlobalPrimary),headerTrailingIconColor:t.extend("--ft-drawer-header-trailing-icon-color","",d.contentGlobalSecondary),headerHeight:t.create("--ft-drawer-header-height","","SIZE","50px"),headerHorizontalPadding:t.extend("--ft-drawer-header-horizontal-padding","",c.spacing2),headerBorderWidth:t.create("--ft-drawer-header-border-width","","SIZE","1px"),headerGap:t.extend("--ft-drawer-header-gap","",c.spacing3),buttonsBarBackgroundColor:t.extend("--ft-drawer-buttons-bar-background-color","",d.backgroundGlobalOnSurface),buttonsBarBorderColor:t.extend("--ft-drawer-buttons-bar-border-color","",d.borderGlobalSubtle),buttonsBarColor:t.extend("--ft-drawer-buttons-bar-color","",d.contentGlobalPrimary),buttonsBarHorizontalPadding:t.extend("--ft-drawer-buttons-bar-horizontal-padding","",c.spacing6),buttonsBarVerticalPadding:t.extend("--ft-drawer-buttons-bar-vertical-padding","",c.spacing4),buttonsBarGap:t.extend("--ft-drawer-buttons-bar-gap","",c.spacing3),buttonsBarBorderWidth:t.create("--ft-drawer-buttons-bar-border-width","","SIZE","1px"),containerWidth:t.create("--ft-drawer-container-width","","SIZE","66%"),containerMinWidth:t.create("--ft-drawer-container-min-width","","SIZE","500px"),containerMaxWidth:t.create("--ft-drawer-container-max-width","","SIZE","1000px"),containerHeight:t.create("--ft-drawer-container-height","","SIZE","100%"),overlayBackgroundColor:t.extend("--ft-drawer-overlay-background-color","",c.colorGray700)};var pp={offBorderBottomWidth:t.create("--ft-tabs-off-border-bottom-width","","SIZE","1px"),offHoverStateLayerOpacity:t.extend("--ft-tabs-off-hover-state-layer-opacity","",c.opacity8),offDefaultStateLayerOpacity:t.extend("--ft-tabs-off-default-state-layer-opacity","",c.opacity0),offFocusStateLayerOpacity:t.extend("--ft-tabs-off-focus-state-layer-opacity","",c.opacity8),offDisabledComponentOpacity:t.extend("--ft-tabs-off-disabled-component-opacity","",c.opacity40),offColor:t.extend("--ft-tabs-off-color","",d.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-tabs-off-state-layer-color","",d.contentGlobalSubtle),offBorderBottomColor:t.extend("--ft-tabs-off-border-bottom-color","",d.borderGlobalSubtle),activeTabIndicatorHeight:t.create("--ft-tabs-active-tab-indicator-height","","SIZE","3px"),topLeftBorderRadius:t.extend("--ft-tabs-top-left-border-radius","",c.borderRadiusS),topRightBorderRadius:t.extend("--ft-tabs-top-right-border-radius","",c.borderRadiusS),withLabelHorizontalPadding:t.extend("--ft-tabs-with-label-horizontal-padding","",c.spacing4),withLabelVerticalPadding:t.extend("--ft-tabs-with-label-vertical-padding","",c.spacing3),horizontalGap:t.extend("--ft-tabs-horizontal-gap","",c.spacing1),verticalGap:t.extend("--ft-tabs-vertical-gap","",c.spacing1),onHoverStateLayerOpacity:t.extend("--ft-tabs-on-hover-state-layer-opacity","",c.opacity16),onDefaultStateLayerOpacity:t.extend("--ft-tabs-on-default-state-layer-opacity","",c.opacity8),onFocusStateLayerOpacity:t.extend("--ft-tabs-on-focus-state-layer-opacity","",c.opacity16),onActiveStateLayerOpacity:t.extend("--ft-tabs-on-active-state-layer-opacity","",c.opacity24),onColor:t.extend("--ft-tabs-on-color","",d.contentActionPrimary),onStateLayerColor:t.extend("--ft-tabs-on-state-layer-color","",d.contentActionPrimary),onActiveTabIndicatorColor:t.extend("--ft-tabs-on-active-tab-indicator-color","",d.contentActionPrimary),iconOnlyHorizontalPadding:t.extend("--ft-tabs-icon-only-horizontal-padding","",c.spacing4),iconOnlyVerticalPadding:t.extend("--ft-tabs-icon-only-vertical-padding","",c.spacing4),alertTopPadding:t.extend("--ft-tabs-alert-top-padding","",c.spacing1),alertRightPadding:t.extend("--ft-tabs-alert-right-padding","",c.spacing05),focusOutlineWidth:t.create("--ft-tabs-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-tabs-focus-focus-ring-color","",d.borderActionFocusRing)};var mp={fieldHorizontalPadding:t.extend("--ft-text-input-field-horizontal-padding","",c.spacing4),fieldHorizontalGap:t.extend("--ft-text-input-field-horizontal-gap","",c.spacing3),fieldVerticalGap:t.extend("--ft-text-input-field-vertical-gap","",c.spacing05),fieldIconSize:t.extend("--ft-text-input-field-icon-size","",c.iconSize3),fieldHeight:t.create("--ft-text-input-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-text-input-helper-horizontal-padding","",c.spacing4),helperHorizontalGap:t.extend("--ft-text-input-helper-horizontal-gap","",c.spacing1),helperIconSize:t.extend("--ft-text-input-helper-icon-size","",c.iconSize2),borderRadius:t.extend("--ft-text-input-border-radius","",c.borderRadiusM),backgroundColor:t.extend("--ft-text-input-background-color","",c.colorWhite),contentValueColor:t.extend("--ft-text-input-content-value-color","",d.contentGlobalPrimary),trailingIconColor:t.extend("--ft-text-input-trailing-icon-color","",d.contentGlobalSubtle),labelColor:t.extend("--ft-text-input-label-color","",d.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-input-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-input-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-input-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-input-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-input-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-input-error-helper-text-color","",d.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-input-error-helper-icon-color","",d.contentErrorIconOnly),warningBorderWidth:t.create("--ft-text-input-warning-border-width","","SIZE","2px"),focusOutlineWidth:t.create("--ft-text-input-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-text-input-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:t.create("--ft-text-input-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-input-disabled-component-opacity","",c.opacity40)};var Sp={backgroundColor:t.extend("--ft-text-area-background-color","",c.colorWhite),contentValueColor:t.extend("--ft-text-area-content-value-color","",d.contentGlobalPrimary),labelColor:t.extend("--ft-text-area-label-color","",d.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-text-area-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-text-area-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-text-area-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-text-area-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-text-area-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-text-area-error-helper-text-color","",d.contentErrorPrimary),errorHelperIconColor:t.extend("--ft-text-area-error-helper-icon-color","",d.contentErrorIconOnly),focusFocusRingColor:t.extend("--ft-text-area-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:t.create("--ft-text-area-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-text-area-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-text-area-disabled-component-opacity","",c.opacity40),fieldHorizontalLeftPadding:t.extend("--ft-text-area-field-horizontal-left-padding","",c.spacing4),fieldHorizontalGap:t.extend("--ft-text-area-field-horizontal-gap","",c.spacing3),fieldVerticalGap:t.extend("--ft-text-area-field-vertical-gap","",c.spacing05),fieldMinHeight:t.create("--ft-text-area-field-min-height","","SIZE","64px"),helperHorizontalPadding:t.extend("--ft-text-area-helper-horizontal-padding","",c.spacing4),helperHorizontalGap:t.extend("--ft-text-area-helper-horizontal-gap","",c.spacing1),helperIconSize:t.extend("--ft-text-area-helper-icon-size","",c.iconSize2),borderRadius:t.extend("--ft-text-area-border-radius","",c.borderRadiusM)};var Np={height:t.create("--ft-floating-menu-height","","SIZE","50px"),horizontalPadding:t.extend("--ft-floating-menu-horizontal-padding","",c.spacing4),offIconColor:t.extend("--ft-floating-menu-off-icon-color","",d.contentGlobalPrimary),offColor:t.extend("--ft-floating-menu-off-color","",d.contentGlobalPrimary),onColor:t.extend("--ft-floating-menu-on-color","",d.contentActionPrimary),onStateLayerColor:t.extend("--ft-floating-menu-on-state-layer-color","",d.contentActionPrimary),gap:t.extend("--ft-floating-menu-gap","",c.spacing3),focusFocusRingColor:t.extend("--ft-floating-menu-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:t.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),focusStateLayerOpacity:t.extend("--ft-floating-menu-focus-state-layer-opacity","",c.opacity8),hoverStateLayerOpacity:t.extend("--ft-floating-menu-hover-state-layer-opacity","",c.opacity8),activeStateLayerOpacity:t.extend("--ft-floating-menu-active-state-layer-opacity","",c.opacity16),disabledComponentOpacity:t.extend("--ft-floating-menu-disabled-component-opacity","",c.opacity40),iconSize:t.extend("--ft-floating-menu-icon-size","",c.iconSize3),backgroundColor:t.extend("--ft-floating-menu-background-color","",d.backgroundGlobalOnSurface),shadow:t.extend("--ft-floating-menu-shadow","",c.shadowElevation02)};var Ip={fieldHorizontalPadding:t.extend("--ft-combobox-single-select-field-horizontal-padding","",c.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-single-select-field-horizontal-gap","",c.spacing3),fieldVerticalGap:t.extend("--ft-combobox-single-select-field-vertical-gap","",c.spacing05),fieldIconSize:t.extend("--ft-combobox-single-select-field-icon-size","",c.iconSize3),fieldHeight:t.create("--ft-combobox-single-select-field-height","","SIZE","50px"),helperHorizontalPadding:t.extend("--ft-combobox-single-select-helper-horizontal-padding","",c.spacing4),helperHorizontalGap:t.extend("--ft-combobox-single-select-helper-horizontal-gap","",c.spacing1),helperVerticalGap:t.extend("--ft-combobox-single-select-helper-vertical-gap","",c.spacing1),helperIconSize:t.extend("--ft-combobox-single-select-helper-icon-size","",c.iconSize2),menuVerticalGap:t.extend("--ft-combobox-single-select-menu-vertical-gap","",c.spacing2),borderRadius:t.extend("--ft-combobox-single-select-border-radius","",c.borderRadiusM),backgroundColor:t.extend("--ft-combobox-single-select-background-color","",c.colorWhite),labelColor:t.extend("--ft-combobox-single-select-label-color","",d.contentGlobalSubtle),contentValueColor:t.extend("--ft-combobox-single-select-content-value-color","",d.contentGlobalPrimary),trailingIconColor:t.extend("--ft-combobox-single-select-trailing-icon-color","",d.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-single-select-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-single-select-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-single-select-default-border-width","","SIZE","1px"),errorBorderWidth:t.create("--ft-combobox-single-select-error-border-width","","SIZE","2px"),errorBorderColor:t.extend("--ft-combobox-single-select-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-single-select-error-helper-text-color","",d.contentErrorPrimary),warningBorderWidth:t.create("--ft-combobox-single-select-warning-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-single-select-warning-border-color","",d.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-single-select-warning-helper-text-color","",d.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-single-select-warning-helper-icon-color","",d.contentWarningIconOnly),focusOutlineWidth:t.create("--ft-combobox-single-select-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-single-select-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:t.create("--ft-combobox-single-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-single-select-disabled-component-opacity","",c.opacity40)};var _p={backgroundColor:t.extend("--ft-combobox-multi-select-background-color","",c.colorWhite),labelColor:t.extend("--ft-combobox-multi-select-label-color","",d.contentGlobalSubtle),trailingIconColor:t.extend("--ft-combobox-multi-select-trailing-icon-color","",d.contentGlobalSubtle),defaultBorderColor:t.extend("--ft-combobox-multi-select-default-border-color","",d.borderInputPrimary),defaultHelperTextColor:t.extend("--ft-combobox-multi-select-default-helper-text-color","",d.contentGlobalSubtle),defaultBorderWidth:t.create("--ft-combobox-multi-select-default-border-width","","SIZE","1px"),errorBorderColor:t.extend("--ft-combobox-multi-select-error-border-color","",d.borderErrorPrimary),errorHelperTextColor:t.extend("--ft-combobox-multi-select-error-helper-text-color","",d.contentErrorPrimary),errorHelperIcon:t.extend("--ft-combobox-multi-select-error-helper-icon","",d.contentErrorIconOnly),errorBorderWidth:t.create("--ft-combobox-multi-select-error-border-width","","SIZE","2px"),warningBorderColor:t.extend("--ft-combobox-multi-select-warning-border-color","",d.borderWarningPrimary),warningHelperTextColor:t.extend("--ft-combobox-multi-select-warning-helper-text-color","",d.contentWarningPrimary),warningHelperIconColor:t.extend("--ft-combobox-multi-select-warning-helper-icon-color","",d.contentWarningIconOnly),warningBorderWidth:t.create("--ft-combobox-multi-select-warning-border-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-combobox-multi-select-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineWidth:t.create("--ft-combobox-multi-select-focus-outline-width","","SIZE","2px"),focusOutlineOffset:t.create("--ft-combobox-multi-select-focus-outline-offset","","SIZE","3px"),disabledComponentOpacity:t.extend("--ft-combobox-multi-select-disabled-component-opacity","",c.opacity40),helperHorizontalPadding:t.extend("--ft-combobox-multi-select-helper-horizontal-padding","",c.spacing4),helperHorizontalGap:t.extend("--ft-combobox-multi-select-helper-horizontal-gap","",c.spacing1),helperVerticalGap:t.extend("--ft-combobox-multi-select-helper-vertical-gap","",c.spacing1),helperIconSize:t.extend("--ft-combobox-multi-select-helper-icon-size","",c.iconSize2),fieldHorizontalPadding:t.extend("--ft-combobox-multi-select-field-horizontal-padding","",c.spacing4),fieldHorizontalGap:t.extend("--ft-combobox-multi-select-field-horizontal-gap","",c.spacing3),fieldVerticalGap:t.extend("--ft-combobox-multi-select-field-vertical-gap","",c.spacing05),fieldIconSize:t.extend("--ft-combobox-multi-select-field-icon-size","",c.iconSize3),fieldMaxHeight:t.create("--ft-combobox-multi-select-field-max-height","","SIZE","112px"),contentValuesHorizontalGap:t.extend("--ft-combobox-multi-select-content-values-horizontal-gap","",c.spacing1),contentValuesVerticalGap:t.extend("--ft-combobox-multi-select-content-values-vertical-gap","",c.spacing1),borderRadius:t.extend("--ft-combobox-multi-select-border-radius","",c.borderRadiusM)};var xt={backgroundColor:t.extend("--ft-popover-background-color","",d.backgroundGlobalOnSurface),horizontalPadding:t.extend("--ft-popover-horizontal-padding","",c.spacing6),verticalPadding:t.extend("--ft-popover-vertical-padding","",c.spacing6),titleColor:t.extend("--ft-popover-title-color","",d.contentGlobalPrimary),bodyColor:t.extend("--ft-popover-body-color","",d.contentGlobalSecondary),linkColor:t.extend("--ft-popover-link-color","",d.contentActionPrimary),gap:t.extend("--ft-popover-gap","",c.spacing3),borderRadius:t.extend("--ft-popover-border-radius","",c.borderRadiusM),shadow:t.extend("--ft-popover-shadow","",c.shadowElevation02),maxWidth:t.create("--ft-popover-max-width","","SIZE","440px")};var jp={hoverStateLayerOpacity:t.extend("--ft-collapsible-hover-state-layer-opacity","",c.opacity8),focusStateLayerOpacity:t.extend("--ft-collapsible-focus-state-layer-opacity","",c.opacity8),focusOutlineWidth:t.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),focusFocusRingColor:t.extend("--ft-collapsible-focus-focus-ring-color","",d.borderActionFocusRing),activeStateLayerOpacity:t.extend("--ft-collapsible-active-state-layer-opacity","",c.opacity16),disabledComponentOpacity:t.extend("--ft-collapsible-disabled-component-opacity","",c.opacity40),horizontalPadding:t.extend("--ft-collapsible-horizontal-padding","",c.spacing4),verticalPadding:t.extend("--ft-collapsible-vertical-padding","",c.spacing3),color:t.extend("--ft-collapsible-color","",d.contentGlobalPrimary),stateLayerColor:t.extend("--ft-collapsible-state-layer-color","",d.contentGlobalPrimary),backgroundColor:t.extend("--ft-collapsible-background-color","",d.backgroundGlobalOnSurface),borderColor:t.extend("--ft-collapsible-border-color","",d.borderGlobalSubtle),iconSize:t.extend("--ft-collapsible-icon-size","",c.iconSize3)};var Yp={groupHorizontalPadding:t.extend("--ft-switch-group-horizontal-padding","",c.spacing1),groupVerticalPadding:t.extend("--ft-switch-group-vertical-padding","",c.spacing1),groupGap:t.extend("--ft-switch-group-gap","",c.spacing1),groupBackgroundColor:t.extend("--ft-switch-group-background-color","",d.backgroundGlobalSurface),groupBorderColor:t.extend("--ft-switch-group-border-color","",d.borderGlobalSubtle),groupBorderRadius:t.create("--ft-switch-group-border-radius","","SIZE","6px"),labelHorizontalPadding:t.extend("--ft-switch-label-horizontal-padding","",c.spacing2),labelVerticalPadding:t.extend("--ft-switch-label-vertical-padding","",c.spacing1),offHoverStateLayerOpacity:t.extend("--ft-switch-off-hover-state-layer-opacity","",c.opacity8),offFocusStateLayerOpacity:t.extend("--ft-switch-off-focus-state-layer-opacity","",c.opacity8),offActiveStateLayerOpacity:t.extend("--ft-switch-off-active-state-layer-opacity","",c.opacity16),offDisabledComponentOpacity:t.extend("--ft-switch-off-disabled-component-opacity","",c.opacity40),offColor:t.extend("--ft-switch-off-color","",d.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-switch-off-state-layer-color","",d.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-switch-on-hover-state-layer-opacity","",c.opacity8),onFocusStateLayerOpacity:t.extend("--ft-switch-on-focus-state-layer-opacity","",c.opacity8),onActiveStateLayerOpacity:t.extend("--ft-switch-on-active-state-layer-opacity","",c.opacity16),onDisabledComponentOpacity:t.extend("--ft-switch-on-disabled-component-opacity","",c.opacity40),onColor:t.extend("--ft-switch-on-color","",d.contentActionPrimary),onStateLayerColor:t.extend("--ft-switch-on-state-layer-color","",d.contentActionPrimary),iconHorizontalPadding:t.extend("--ft-switch-icon-horizontal-padding","",c.spacing1),iconVerticalPadding:t.extend("--ft-switch-icon-vertical-padding","",c.spacing1),focusOutlineWidth:t.create("--ft-switch-focus-outline-width","","SIZE","2px"),focusFocusRingColor:t.extend("--ft-switch-focus-focus-ring-color","",d.borderActionFocusRing),optionBorderRadius:t.extend("--ft-switch-option-border-radius","",c.borderRadiusS)};var tf={color1Light:t.extend("--ft-chart-1-light","for area color charts",c.colorBrand40),color1Base:t.extend("--ft-chart-1-base","for line charts",c.colorBrand0),color2Light:t.extend("--ft-chart-2-light","for area color charts",c.colorYellow60),color2Base:t.extend("--ft-chart-2-base","for line charts",c.colorYellow100),color3Light:t.extend("--ft-chart-3-light","",c.colorUltramarine40),color3Base:t.extend("--ft-chart-3-base","",c.colorUltramarine70),color4Light:t.extend("--ft-chart-4-light","",c.colorCyan50),color4Base:t.extend("--ft-chart-4-base","",c.colorCyan100),color5Light:t.extend("--ft-chart-5-light","",c.colorRed40),color5Base:t.extend("--ft-chart-5-base","",c.colorRed60),color6Light:t.extend("--ft-chart-6-light","",c.colorGreen40),color6Base:t.extend("--ft-chart-6-base","",c.colorGreen70),color7Light:t.extend("--ft-chart-7-light","",c.colorOrange70),color7Base:t.extend("--ft-chart-7-base","",c.colorOrange100),color8Light:t.extend("--ft-chart-8-light","",c.colorAvocado70),color8Base:t.extend("--ft-chart-8-base","",c.colorAvocado200),color9Light:t.extend("--ft-chart-9-light","",c.colorBrown50),color9Base:t.extend("--ft-chart-9-base","",c.colorBrown200),color10Light:t.extend("--ft-chart-10-light","",c.colorGray50),color10Base:t.extend("--ft-chart-10-base","",c.colorGray80),monochrome10:t.extend("--ft-chart-monochrome-10","",c.colorBrand10),monochrome20:t.extend("--ft-chart-monochrome-20","",c.colorBrand20),monochrome30:t.extend("--ft-chart-monochrome-30","",c.colorBrand40),monochrome40:t.extend("--ft-chart-monochrome-40","",c.colorBrand60),monochrome50:t.extend("--ft-chart-monochrome-50","",c.colorBrand0),monochrome60:t.extend("--ft-chart-monochrome-60","",c.colorBrand200),scatterplotQuadrantPopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color","",c.colorYellow10),scatterplotQuadrantPopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color","",c.colorAvocado10),scatterplotQuadrantUnpopularOldBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color","",c.colorCyan10),scatterplotQuadrantUnpopularNewBackgroundColor:t.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color","",c.colorRed10),scatterplotDatapointInitialDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color","",c.colorBrand70),scatterplotDatapointInitialDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity","",c.opacity48),scatterplotDatapointInitialHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color","",c.colorBrand0),scatterplotDatapointSelectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color","",c.colorBrand100),scatterplotDatapointSelectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color","",c.colorBrand200),scatterplotDatapointUnselectedDefaultBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color","",c.colorGray60),scatterplotDatapointUnselectedDefaultBackgroundOpacity:t.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity","",c.opacity48),scatterplotDatapointUnselectedHoverBackgroundColor:t.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color","",c.colorGray70),scatterplotDatapointHoverHoverRingColor:t.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color","",c.colorCyan200)};var nf={color1IconColor:t.extend("--ft-page-designer-1-icon-color","for area color charts",c.colorCyan0),color1ToolbarColor:t.extend("--ft-page-designer-1-toolbar-color","for area color charts",c.colorCyan0),color2IconColor:t.extend("--ft-page-designer-2-icon-color","for area color charts",c.colorBrand0),color2ToolbarColor:t.extend("--ft-page-designer-2-toolbar-color","for area color charts",c.colorBrand0),color3IconColor:t.extend("--ft-page-designer-3-icon-color","for area color charts",c.colorYellow200),color3ToolbarColor:t.extend("--ft-page-designer-3-toolbar-color","for area color charts",c.colorYellow200),color4IconColor:t.extend("--ft-page-designer-4-icon-color","for area color charts",c.colorUltramarine50),color4ToolbarColor:t.extend("--ft-page-designer-4-toolbar-color","for area color charts",c.colorUltramarine50),color5IconColor:t.extend("--ft-page-designer-5-icon-color","for area color charts",c.colorGreen0),color5ToolbarColor:t.extend("--ft-page-designer-5-toolbar-color","for area color charts",c.colorGreen0),color6IconColor:t.extend("--ft-page-designer-6-icon-color","for area color charts",c.colorOrange0),color6ToolbarColor:t.extend("--ft-page-designer-6-toolbar-color","for area color charts",c.colorOrange0),color7IconColor:t.extend("--ft-page-designer-7-icon-color","for area color charts",c.colorAvocado200),color7ToolbarColor:t.extend("--ft-page-designer-7-toolbar-color","for area color charts",c.colorAvocado200),color8IconColor:t.extend("--ft-page-designer-8-icon-color","for area color charts",c.colorBrown0),color8ToolbarColor:t.extend("--ft-page-designer-8-toolbar-color","for area color charts",c.colorBrown0)};var df={borderWidth:t.create("--ft-notice-border-width","","SIZE","1px"),horizontalPadding:t.extend("--ft-notice-horizontal-padding","",c.spacing3),verticalPadding:t.extend("--ft-notice-vertical-padding","",c.spacing2),borderRadius:t.extend("--ft-notice-border-radius","",c.borderRadiusS),gap:t.extend("--ft-notice-gap","",c.spacing2),iconSize:t.extend("--ft-notice-icon-size","",c.iconSize3),infoBackgroundColor:t.extend("--ft-notice-info-background-color","",d.backgroundInfoSubtle),infoBorderColor:t.extend("--ft-notice-info-border-color","",d.borderInfoSubtle),infoColor:t.extend("--ft-notice-info-color","",d.contentInfoPrimary),infoIconColor:t.extend("--ft-notice-info-icon-color","",d.contentInfoIconOnly),warningBackgroundColor:t.extend("--ft-notice-warning-background-color","",d.backgroundWarningSubtle),warningBorderColor:t.extend("--ft-notice-warning-border-color","",d.borderWarningSubtle),warningColor:t.extend("--ft-notice-warning-color","",d.contentWarningPrimary),warningIconColor:t.extend("--ft-notice-warning-icon-color","",d.contentWarningIconOnly),errorBackgroundColor:t.extend("--ft-notice-error-background-color","",d.backgroundErrorSubtle),errorBorderColor:t.extend("--ft-notice-error-border-color","",d.borderErrorSubtle),errorColor:t.extend("--ft-notice-error-color","",d.contentErrorPrimary),errorIconColor:t.extend("--ft-notice-error-icon-color","",d.contentErrorIconOnly),successBackgroundColor:t.extend("--ft-notice-success-background-color","",d.backgroundSuccessSubtle),successBorderColor:t.extend("--ft-notice-success-border-color","",d.borderSuccessSubtle),successColor:t.extend("--ft-notice-success-color","",d.contentSuccessPrimary),successIconColor:t.extend("--ft-notice-success-icon-color","",d.contentSuccessIconOnly)};var yf={color:t.extend("--ft-checkbox-color","",d.contentGlobalPrimary),checkedBackgroundColor:t.extend("--ft-checkbox-checked-background-color","",d.contentActionPrimary),checkedStateLayerColor:t.extend("--ft-checkbox-checked-state-layer-color","",d.contentActionPrimary),checkedIconColor:t.extend("--ft-checkbox-checked-icon-color","",d.contentGlobalOnColor),checkedHoverStateLayerOpacity:t.extend("--ft-checkbox-checked-hover-state-layer-opacity","",c.opacity16),checkedFocusStateLayerOpacity:t.extend("--ft-checkbox-checked-focus-state-layer-opacity","",c.opacity16),checkedActiveStateLayerOpacity:t.extend("--ft-checkbox-checked-active-state-layer-opacity","",c.opacity24),checkedDisabledComponentOpacity:t.extend("--ft-checkbox-checked-disabled-component-opacity","",c.opacity40),uncheckedBorderColor:t.extend("--ft-checkbox-unchecked-border-color","",c.colorGray80),uncheckedStateLayerColor:t.extend("--ft-checkbox-unchecked-state-layer-color","",c.colorGray80),uncheckedHoverStateLayerOpacity:t.extend("--ft-checkbox-unchecked-hover-state-layer-opacity","",c.opacity16),uncheckedFocusStateLayerOpacity:t.extend("--ft-checkbox-unchecked-focus-state-layer-opacity","",c.opacity16),uncheckedActiveStateLayerOpacity:t.extend("--ft-checkbox-unchecked-active-state-layer-opacity","",c.opacity24),uncheckedDisabledComponentOpacity:t.extend("--ft-checkbox-unchecked-disabled-component-opacity","",c.opacity40),focusFocusRingColor:t.extend("--ft-checkbox-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:t.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-checkbox-gap","",c.spacing3)};var vf={offHoverStateLayerOpacity:t.extend("--ft-toggle-off-hover-state-layer-opacity","",c.opacity16),offFocusStateLayerOpacity:t.extend("--ft-toggle-off-focus-state-layer-opacity","",c.opacity16),offActiveStateLayerOpacity:t.extend("--ft-toggle-off-active-state-layer-opacity","",c.opacity24),offDisabledComponentOpacity:t.extend("--ft-toggle-off-disabled-component-opacity","",c.opacity40),offBackgroundColor:t.extend("--ft-toggle-off-background-color","",d.contentGlobalSubtle),offIconColor:t.extend("--ft-toggle-off-icon-color","",d.contentGlobalSubtle),offStateLayerColor:t.extend("--ft-toggle-off-state-layer-color","",d.contentGlobalSubtle),onHoverStateLayerOpacity:t.extend("--ft-toggle-on-hover-state-layer-opacity","",c.opacity16),onFocusStateLayerOpacity:t.extend("--ft-toggle-on-focus-state-layer-opacity","",c.opacity16),onActiveStateLayerOpacity:t.extend("--ft-toggle-on-active-state-layer-opacity","",c.opacity24),onDisabledComponentOpacity:t.extend("--ft-toggle-on-disabled-component-opacity","",c.opacity40),onBackgroundColor:t.extend("--ft-toggle-on-background-color","",d.contentActionPrimary),onStateLayerColor:t.extend("--ft-toggle-on-state-layer-color","",d.contentActionPrimary),onIconColor:t.extend("--ft-toggle-on-icon-color","",d.contentActionPrimary),color:t.extend("--ft-toggle-color","",d.contentGlobalPrimary),focusFocusRingColor:t.extend("--ft-toggle-focus-focus-ring-color","",d.borderActionFocusRing),gap:t.extend("--ft-toggle-gap","",c.spacing3)};var Ef={color:t.extend("--ft-radio-color","",d.contentGlobalPrimary),selectedRadioColor:t.extend("--ft-radio-selected-radio-color","",d.contentActionPrimary),selectedStateLayerColor:t.extend("--ft-radio-selected-state-layer-color","",d.contentActionPrimary),selectedHoverStateLayerOpacity:t.extend("--ft-radio-selected-hover-state-layer-opacity","",c.opacity16),selectedFocusStateLayerOpacity:t.extend("--ft-radio-selected-focus-state-layer-opacity","",c.opacity16),selectedActiveStateLayerOpacity:t.extend("--ft-radio-selected-active-state-layer-opacity","",c.opacity24),selectedDisabledComponentOpacity:t.extend("--ft-radio-selected-disabled-component-opacity","",c.opacity40),unselectedStateLayerColor:t.extend("--ft-radio-unselected-state-layer-color","",d.borderInputPrimary),unselectedBorderColor:t.extend("--ft-radio-unselected-border-color","",d.borderInputPrimary),unselectedHoverStateLayerOpacity:t.extend("--ft-radio-unselected-hover-state-layer-opacity","",c.opacity16),unselectedFocusStateLayerOpacity:t.extend("--ft-radio-unselected-focus-state-layer-opacity","",c.opacity16),unselectedActiveStateLayerOpacity:t.extend("--ft-radio-unselected-active-state-layer-opacity","",c.opacity24),unselectedDisabledComponentOpacity:t.extend("--ft-radio-unselected-disabled-component-opacity","",c.opacity40),focusFocusRingColor:t.extend("--ft-radio-focus-focus-ring-color","",d.borderActionFocusRing),focusOutlineOffset:t.create("--ft-radio-focus-outline-offset","","SIZE","3px"),focusOutlineWidth:t.create("--ft-radio-focus-outline-width","","SIZE","2px"),gap:t.extend("--ft-radio-gap","",c.spacing3)};var Pf={iconSize:t.extend("--ft-notification-icon-size","",c.iconSize4),leftPadding:t.extend("--ft-notification-left-padding","",c.spacing5),rightPadding:t.extend("--ft-notification-right-padding","",c.spacing4),verticalPadding:t.extend("--ft-notification-vertical-padding","",c.spacing3),infoBackgroundColor:t.extend("--ft-notification-info-background-color","",d.backgroundInfoSubtle),infoColor:t.extend("--ft-notification-info-color","",d.contentInfoPrimary),infoIconColor:t.extend("--ft-notification-info-icon-color","",d.contentInfoIconOnly),infoBorderColor:t.extend("--ft-notification-info-border-color","",d.borderInfoSubtle),successBackgroundColor:t.extend("--ft-notification-success-background-color","",d.backgroundSuccessSubtle),successColor:t.extend("--ft-notification-success-color","",d.contentSuccessPrimary),successIconColor:t.extend("--ft-notification-success-icon-color","",d.contentSuccessIconOnly),successBorderColor:t.extend("--ft-notification-success-border-color","",d.borderSuccessSubtle),warningBackgroundColor:t.extend("--ft-notification-warning-background-color","",d.backgroundWarningSubtle),warningColor:t.extend("--ft-notification-warning-color","",d.contentWarningPrimary),warningIconColor:t.extend("--ft-notification-warning-icon-color","",d.contentWarningIconOnly),warningBorderColor:t.extend("--ft-notification-warning-border-color","",d.borderWarningSubtle),errorBackgroundColor:t.extend("--ft-notification-error-background-color","",d.backgroundErrorSubtle),errorColor:t.extend("--ft-notification-error-color","",d.contentErrorPrimary),errorIconColor:t.extend("--ft-notification-error-icon-color","",d.contentErrorIconOnly),errorBorderColor:t.extend("--ft-notification-error-border-color","",d.borderErrorSubtle),borderRadius:t.extend("--ft-notification-border-radius","",c.borderRadiusPill),borderWidth:t.create("--ft-notification-border-width","","SIZE","1px"),leadingGap:t.extend("--ft-notification-leading-gap","",c.spacing2),trailingGap:t.extend("--ft-notification-trailing-gap","",c.spacing8)};var Tf={horizontalPadding:t.extend("--ft-tooltip-horizontal-padding","",c.spacing2),verticalPadding:t.extend("--ft-tooltip-vertical-padding","",c.spacing2),borderRadius:t.extend("--ft-tooltip-border-radius","",c.borderRadiusS),color:t.extend("--ft-tooltip-color","",d.contentGlobalOnColor),backgroundColor:t.extend("--ft-tooltip-background-color","",d.contentGlobalPrimary),backgroundOpacity:t.extend("--ft-tooltip-background-opacity","",c.opacity80),shadow:t.extend("--ft-tooltip-shadow","",c.shadowElevation02),maxWidth:t.create("--ft-tooltip-max-width","","SIZE","256px"),gap:t.extend("--ft-tooltip-gap","",c.spacing05)};var Bt;(function(o){o.brand="brand",o.neutral="neutral",o.info="info",o.success="success",o.warning="warning",o.error="error"})(Bt||(Bt={}));var j;(function(o){o.large="large",o.medium="medium",o.small="small"})(j||(j={}));var Ia={contentVerticalPadding:_r.FtCssVariableFactory.create("--ft-page-layout--content-vertical-padding","","SIZE","0"),contentHorizontalPadding:_r.FtCssVariableFactory.create("--ft-page-layout--content-horizontal-padding","","SIZE","0")},ka=$a.css`
|
|
5
|
+
:host {
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
height: 100%;
|
|
9
|
+
background: ${U.backgroundColor};
|
|
10
|
+
color: ${U.parentTitleColor};
|
|
11
|
+
font-family: ${we["body-1-regular"].fontFamily}, system-ui, sans-serif;
|
|
12
|
+
font-size: ${we["body-1-regular"].fontSize};
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.ftds-page-layout--left-slot {
|
|
16
|
+
flex-grow: 1;
|
|
17
|
+
height: 100%;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
min-width: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.ftds-page-layout--right-slot {
|
|
24
|
+
height: 100%;
|
|
25
|
+
display: flex;
|
|
26
|
+
gap: ${U.parentButtonsGroupVerticalGap} ${U.parentButtonsGroupHorizontalGap};
|
|
27
|
+
align-items: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.ftds-page-layout--child .ftds-page-layout--right-slot {
|
|
31
|
+
gap: ${U.childButtonsGroupVerticalGap} ${U.childButtonsGroupHorizontalGap};
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* HEADER */
|
|
35
|
+
.ftds-page-layout--header {
|
|
36
|
+
display: flex;
|
|
37
|
+
text-align: center;
|
|
38
|
+
min-height: ${U.childMinHeight};
|
|
39
|
+
border-bottom: ${U.bottomBorderWidth} solid ${U.bottomBorderColor};
|
|
40
|
+
padding: ${U.parentTopPadding} ${U.parentHorizontalPadding} ${U.parentBottomPadding};
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.ftds-page-layout--header .ftds-page-layout--left-slot {
|
|
44
|
+
flex-direction: column;
|
|
45
|
+
align-items: flex-start;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
gap: ${U.parentVerticalGap}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ftds-page-layout--header.ftds-page-layout--child {
|
|
51
|
+
min-height: ${U.childMinHeight};
|
|
52
|
+
padding: ${U.childTopPadding} ${U.childHorizontalPadding} ${U.childBottomPadding};
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.ftds-page-layout--title-container {
|
|
56
|
+
display: flex;
|
|
57
|
+
align-items: center;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.ftds-page-layout--title {
|
|
61
|
+
color: ${U.parentTitleColor};
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.ftds-page-layout--sub-title {
|
|
65
|
+
color: ${U.parentSubtitleColor};
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
ftds-popover {
|
|
69
|
+
margin-left: ${U.parentHelpLeftMargin};
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.ftds-page-layout--chips-container {
|
|
73
|
+
margin-left: ${U.parentChipLeftMargin};
|
|
74
|
+
align-self: center;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* BREADCRUMB */
|
|
78
|
+
nav.ftds-page-layout--breadcrumb {
|
|
79
|
+
display: flex;
|
|
80
|
+
gap: ${fo.horizontalGap};
|
|
81
|
+
align-items: center;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
nav.ftds-page-layout--breadcrumb ol {
|
|
85
|
+
margin: 0;
|
|
86
|
+
padding-left: 0;
|
|
87
|
+
list-style: none;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
nav.ftds-page-layout--breadcrumb li {
|
|
91
|
+
display: inline;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
nav.ftds-page-layout--breadcrumb ft-typography.ftds-page-layout--breadcrumb-item {
|
|
95
|
+
color: ${fo.previousNonClickableColor};
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
nav.ftds-page-layout--breadcrumb li + li::before {
|
|
99
|
+
display: inline-block;
|
|
100
|
+
margin: 0 0.25em;
|
|
101
|
+
height: 0.8em;
|
|
102
|
+
content: ">";
|
|
103
|
+
color: ${fo.iconColor};
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
nav.ftds-page-layout--breadcrumb .ftds-page-layout--title {
|
|
107
|
+
color: ${fo.currentColor};
|
|
108
|
+
font-weight: 600;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
/* MAIN */
|
|
112
|
+
main {
|
|
113
|
+
overflow: auto;
|
|
114
|
+
flex-grow: 1;
|
|
115
|
+
padding: ${Ia.contentVerticalPadding} ${Ia.contentHorizontalPadding};
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/* FOOTER */
|
|
119
|
+
.ftds-page-layout--footer {
|
|
120
|
+
display: flex;
|
|
121
|
+
text-align: center;
|
|
122
|
+
min-height: ${ce.minHeight};
|
|
123
|
+
border-top: ${ce.topBorderWidth} solid ${ce.topBorderColor};
|
|
124
|
+
padding: ${ce.verticalPadding} ${ce.horizontalPadding} ${ce.verticalPadding} ${ce.horizontalPadding}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.ftds-page-layout--footer[hidden] {
|
|
128
|
+
display: none;
|
|
129
|
+
}
|
|
130
|
+
`;var Qa=g(L());var Ta=Symbol.for(""),Bl=o=>{if(o?.r===Ta)return o?._$litStatic$},Wr=o=>({_$litStatic$:o,r:Ta});var Ba=new Map,_a=o=>(e,...r)=>{let n=r.length,a,i,l=[],s=[],f,p=0,h=!1;for(;p<n;){for(f=e[p];p<n&&(i=r[p],(a=Bl(i))!==void 0);)f+=a+e[++p],h=!0;p!==n&&s.push(i),l.push(f),p++}if(p===n&&l.push(e[n]),h){let y=l.join("$$lit$$");(e=Ba.get(y))===void 0&&(l.raw=l,Ba.set(y,e=l)),r=s}return o(e,...r)},Dr=_a(ea),Ou=_a(oa);var zr=g(Y()),Ja=g(L());var J;(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"})(J||(J={}));var Lt=g(_()),w=g(L());var Wo=g(_());function Wa(o){let e=we[o];return Wo.css`
|
|
131
|
+
.ft-typography--${(0,Wo.unsafeCSS)(o)} {
|
|
132
|
+
font-family: ${e.fontFamily};
|
|
133
|
+
font-size: ${e.fontSize};
|
|
134
|
+
font-weight: ${e.fontWeight};
|
|
135
|
+
letter-spacing: ${e.letterSpacing};
|
|
136
|
+
line-height: ${e.lineHeight};
|
|
137
|
+
text-transform: ${e.textCase};
|
|
138
|
+
}
|
|
139
|
+
`}var Da=w.FtCssVariableFactory.extend("--ft-typography-font-family","",w.designSystemVariables.titleFont),Vt=w.FtCssVariableFactory.extend("--ft-typography-font-family","",w.designSystemVariables.contentFont),A={fontFamily:Vt,fontSize:w.FtCssVariableFactory.create("--ft-typography-font-size","","SIZE","16px"),fontWeight:w.FtCssVariableFactory.create("--ft-typography-font-weight","","UNKNOWN","normal"),letterSpacing:w.FtCssVariableFactory.create("--ft-typography-letter-spacing","","SIZE","0.496px"),lineHeight:w.FtCssVariableFactory.create("--ft-typography-line-height","","NUMBER","1.5"),textTransform:w.FtCssVariableFactory.create("--ft-typography-text-transform","","UNKNOWN","inherit")},De={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-title-font-family","",Da),fontSize:w.FtCssVariableFactory.extend("--ft-typography-title-font-size","",A.fontSize,"20px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-title-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing","",A.letterSpacing,"0.15px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-title-line-height","",A.lineHeight,"1.2"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-title-text-transform","",A.textTransform,"inherit")},ze={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family","",Da),fontSize:w.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size","",A.fontSize,"14px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing","",A.letterSpacing,"0.105px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height","",A.lineHeight,"1.7"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform","",A.textTransform,"inherit")},Me={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size","",A.fontSize,"16px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight","",A.fontWeight,"600"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing","",A.letterSpacing,"0.144px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height","",A.lineHeight,"1.5"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform","",A.textTransform,"inherit")},He={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size","",A.fontSize,"14px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing","",A.letterSpacing,"0.098px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height","",A.lineHeight,"1.7"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform","",A.textTransform,"inherit")},Ue={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-body1-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-body1-font-size","",A.fontSize,"16px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-body1-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing","",A.letterSpacing,"0.496px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-body1-line-height","",A.lineHeight,"1.5"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-body1-text-transform","",A.textTransform,"inherit")},Mt={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-body2-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-body2-font-size","",A.fontSize,"14px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-body2-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing","",A.letterSpacing,"0.252px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-body2-line-height","",A.lineHeight,"1.4"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-body2-text-transform","",A.textTransform,"inherit")},Fe={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-caption-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-caption-font-size","",A.fontSize,"12px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-caption-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing","",A.letterSpacing,"0.396px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-caption-line-height","",A.lineHeight,"1.33"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-caption-text-transform","",A.textTransform,"inherit")},Ge={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size","",A.fontSize,"10px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing","",A.letterSpacing,"0.33px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height","",A.lineHeight,"1.6"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform","",A.textTransform,"inherit")},je={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-overline-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-overline-font-size","",A.fontSize,"10px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-overline-font-weight","",A.fontWeight,"normal"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing","",A.letterSpacing,"1.5px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-overline-line-height","",A.lineHeight,"1.6"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-overline-text-transform","",A.textTransform,"uppercase")},Ht={fontFamily:w.FtCssVariableFactory.extend("--ft-typography-button-font-family","",Vt),fontSize:w.FtCssVariableFactory.extend("--ft-typography-button-font-size","",A.fontSize,"14px"),fontWeight:w.FtCssVariableFactory.extend("--ft-typography-button-font-weight","",A.fontWeight,"600"),letterSpacing:w.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing","",A.letterSpacing,"1.246px"),lineHeight:w.FtCssVariableFactory.extend("--ft-typography-button-line-height","",A.lineHeight,"1.15"),textTransform:w.FtCssVariableFactory.extend("--ft-typography-button-text-transform","",A.textTransform,"uppercase")},za=Lt.css`
|
|
140
|
+
.ft-typography--title {
|
|
141
|
+
font-family: ${De.fontFamily};
|
|
142
|
+
font-size: ${De.fontSize};
|
|
143
|
+
font-weight: ${De.fontWeight};
|
|
144
|
+
letter-spacing: ${De.letterSpacing};
|
|
145
|
+
line-height: ${De.lineHeight};
|
|
146
|
+
text-transform: ${De.textTransform};
|
|
147
|
+
}
|
|
148
|
+
`,Ma=Lt.css`
|
|
149
|
+
.ft-typography--title-dense {
|
|
150
|
+
font-family: ${ze.fontFamily};
|
|
151
|
+
font-size: ${ze.fontSize};
|
|
152
|
+
font-weight: ${ze.fontWeight};
|
|
153
|
+
letter-spacing: ${ze.letterSpacing};
|
|
154
|
+
line-height: ${ze.lineHeight};
|
|
155
|
+
text-transform: ${ze.textTransform};
|
|
156
|
+
}
|
|
157
|
+
`,Ha=Lt.css`
|
|
158
|
+
.ft-typography--subtitle1 {
|
|
159
|
+
font-family: ${Me.fontFamily};
|
|
160
|
+
font-size: ${Me.fontSize};
|
|
161
|
+
font-weight: ${Me.fontWeight};
|
|
162
|
+
letter-spacing: ${Me.letterSpacing};
|
|
163
|
+
line-height: ${Me.lineHeight};
|
|
164
|
+
text-transform: ${Me.textTransform};
|
|
165
|
+
}
|
|
166
|
+
`,Ua=Lt.css`
|
|
167
|
+
.ft-typography--subtitle2 {
|
|
168
|
+
font-family: ${He.fontFamily};
|
|
169
|
+
font-size: ${He.fontSize};
|
|
170
|
+
font-weight: ${He.fontWeight};
|
|
171
|
+
letter-spacing: ${He.letterSpacing};
|
|
172
|
+
line-height: ${He.lineHeight};
|
|
173
|
+
text-transform: ${He.textTransform};
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
`,Fa=Lt.css`
|
|
177
|
+
.ft-typography--body1 {
|
|
178
|
+
font-family: ${Ue.fontFamily};
|
|
179
|
+
font-size: ${Ue.fontSize};
|
|
180
|
+
font-weight: ${Ue.fontWeight};
|
|
181
|
+
letter-spacing: ${Ue.letterSpacing};
|
|
182
|
+
line-height: ${Ue.lineHeight};
|
|
183
|
+
text-transform: ${Ue.textTransform};
|
|
184
|
+
}
|
|
185
|
+
`,Ga=Lt.css`
|
|
186
|
+
.ft-typography--body2 {
|
|
187
|
+
font-family: ${Mt.fontFamily};
|
|
188
|
+
font-size: ${Mt.fontSize};
|
|
189
|
+
font-weight: ${Mt.fontWeight};
|
|
190
|
+
letter-spacing: ${Mt.letterSpacing};
|
|
191
|
+
line-height: ${Mt.lineHeight};
|
|
192
|
+
text-transform: ${Mt.textTransform};
|
|
193
|
+
}
|
|
194
|
+
`,ja=Lt.css`
|
|
195
|
+
.ft-typography--caption {
|
|
196
|
+
font-family: ${Fe.fontFamily};
|
|
197
|
+
font-size: ${Fe.fontSize};
|
|
198
|
+
font-weight: ${Fe.fontWeight};
|
|
199
|
+
letter-spacing: ${Fe.letterSpacing};
|
|
200
|
+
line-height: ${Fe.lineHeight};
|
|
201
|
+
text-transform: ${Fe.textTransform};
|
|
202
|
+
}
|
|
203
|
+
`,Va=Lt.css`
|
|
204
|
+
.ft-typography--breadcrumb {
|
|
205
|
+
font-family: ${Ge.fontFamily};
|
|
206
|
+
font-size: ${Ge.fontSize};
|
|
207
|
+
font-weight: ${Ge.fontWeight};
|
|
208
|
+
letter-spacing: ${Ge.letterSpacing};
|
|
209
|
+
line-height: ${Ge.lineHeight};
|
|
210
|
+
text-transform: ${Ge.textTransform};
|
|
211
|
+
}
|
|
212
|
+
`,Ka=Lt.css`
|
|
213
|
+
.ft-typography--overline {
|
|
214
|
+
font-family: ${je.fontFamily};
|
|
215
|
+
font-size: ${je.fontSize};
|
|
216
|
+
font-weight: ${je.fontWeight};
|
|
217
|
+
letter-spacing: ${je.letterSpacing};
|
|
218
|
+
line-height: ${je.lineHeight};
|
|
219
|
+
text-transform: ${je.textTransform};
|
|
220
|
+
}
|
|
221
|
+
`,Za=Lt.css`
|
|
222
|
+
.ft-typography--button {
|
|
223
|
+
font-family: ${Ht.fontFamily};
|
|
224
|
+
font-size: ${Ht.fontSize};
|
|
225
|
+
font-weight: ${Ht.fontWeight};
|
|
226
|
+
letter-spacing: ${Ht.letterSpacing};
|
|
227
|
+
line-height: ${Ht.lineHeight};
|
|
228
|
+
text-transform: ${Ht.textTransform};
|
|
229
|
+
}
|
|
230
|
+
`,qa=Lt.css`
|
|
231
|
+
.ft-typography {
|
|
232
|
+
vertical-align: inherit;
|
|
233
|
+
}
|
|
234
|
+
`,Ya=[Object.keys(we).map(o=>Wa(o))];var Xa=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},V=class extends Ja.FtLitElement{constructor(){super(...arguments),this.variant=J.body1}render(){return this.element?Dr`
|
|
235
|
+
<${Wr(this.element)}
|
|
236
|
+
part="text"
|
|
237
|
+
class="ft-typography ft-typography--${this.variant}">
|
|
238
|
+
<slot></slot>
|
|
239
|
+
</${Wr(this.element)}>
|
|
240
|
+
`:Dr`
|
|
241
|
+
<slot part="text" class="ft-typography ft-typography--${this.variant}"></slot>
|
|
242
|
+
`}};V.styles=[za,Ma,Ha,Ua,Fa,Ga,ja,Va,Ka,Za,qa,...Ya];Xa([(0,zr.property)()],V.prototype,"element",void 0);Xa([(0,zr.property)()],V.prototype,"variant",void 0);(0,Qa.customElement)("ft-typography")(V);var ic=g(L());var Qt=g(_()),ct=g(Y()),Xe=g(L());var Xr=g(L());var Co=g(Y()),tc=g(L());var ui=g(_()),I=g(L());var ai=g(_()),Q=g(L()),ti=Q.FtCssVariableFactory.extend("--ft-ripple-color","",Q.designSystemVariables.colorContent),C={color:ti,backgroundColor:Q.FtCssVariableFactory.extend("--ft-ripple-background-color","",ti),opacityContentOnSurfacePressed:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:Q.FtCssVariableFactory.external(Q.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:Q.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},ei=Q.FtCssVariableFactory.extend("--ft-ripple-color","",Q.designSystemVariables.colorPrimary),oi={color:ei,backgroundColor:Q.FtCssVariableFactory.extend("--ft-ripple-background-color","",ei)},ri=Q.FtCssVariableFactory.extend("--ft-ripple-color","",Q.designSystemVariables.colorSecondary),ni={color:ri,backgroundColor:Q.FtCssVariableFactory.extend("--ft-ripple-background-color","",ri)},ii=ai.css`
|
|
243
|
+
:host {
|
|
244
|
+
display: contents;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
.ft-ripple {
|
|
248
|
+
position: absolute;
|
|
249
|
+
inset: 0;
|
|
250
|
+
pointer-events: none;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
254
|
+
overflow: hidden;
|
|
255
|
+
border-radius: ${C.borderRadius};
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.ft-ripple .ft-ripple--background,
|
|
259
|
+
.ft-ripple .ft-ripple--effect {
|
|
260
|
+
position: absolute;
|
|
261
|
+
opacity: 0;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.ft-ripple .ft-ripple--effect {
|
|
265
|
+
aspect-ratio: 1;
|
|
266
|
+
width: auto;
|
|
267
|
+
height: auto;
|
|
268
|
+
min-width: 170%;
|
|
269
|
+
min-height: 170%;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.ft-ripple .ft-ripple--background{
|
|
273
|
+
width: 100%;
|
|
274
|
+
height: 100%;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.ft-ripple.ft-ripple--unbounded .ft-ripple--effect,
|
|
278
|
+
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
279
|
+
aspect-ratio: 1;
|
|
280
|
+
width: auto;
|
|
281
|
+
height: auto;
|
|
282
|
+
max-width: unset;
|
|
283
|
+
max-height: unset;
|
|
284
|
+
min-width: 100%;
|
|
285
|
+
min-height: 100%;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.ft-ripple .ft-ripple--background {
|
|
289
|
+
background-color: ${C.backgroundColor};
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.ft-ripple .ft-ripple--effect {
|
|
293
|
+
background-color: ${C.color};
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
297
|
+
background-color: ${ni.backgroundColor};
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
301
|
+
background-color: ${ni.color};
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
305
|
+
background-color: ${oi.backgroundColor};
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
309
|
+
background-color: ${oi.color};
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
.ft-ripple .ft-ripple--background {
|
|
313
|
+
top: 0;
|
|
314
|
+
left: 0;
|
|
315
|
+
transition: opacity 75ms linear;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.ft-ripple .ft-ripple--effect,
|
|
319
|
+
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
320
|
+
border-radius: 50%;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.ft-ripple .ft-ripple--effect {
|
|
324
|
+
transform: translate(-50%, -50%) scale(0.15);
|
|
325
|
+
transition: transform 300ms ease, opacity 75ms linear;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.ft-ripple.ft-ripple--unbounded .ft-ripple--effect,
|
|
329
|
+
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
330
|
+
left: 50%;
|
|
331
|
+
top: 50%;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
335
|
+
transform: translate(-50%, -50%);
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
339
|
+
opacity: ${C.opacityContentOnSurfaceHover};
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
343
|
+
opacity: ${C.opacityContentOnSurfaceSelected};
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
347
|
+
opacity: ${C.opacityContentOnSurfaceFocused};
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
351
|
+
opacity: ${C.opacityContentOnSurfacePressed};
|
|
352
|
+
transform: translate(-50%, -50%) scale(1);
|
|
353
|
+
}
|
|
354
|
+
`;var ci=g(_()),uo=g(L()),D={color:uo.FtCssVariableFactory.extend("--ft-loader-color","",uo.designSystemVariables.colorPrimary),size:uo.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},li=ci.css`
|
|
355
|
+
:host {
|
|
356
|
+
line-height: 0;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.ft-loader {
|
|
360
|
+
display: inline-block;
|
|
361
|
+
position: relative;
|
|
362
|
+
|
|
363
|
+
width: ${D.size};
|
|
364
|
+
height: ${D.size};
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
.ft-loader div {
|
|
368
|
+
position: absolute;
|
|
369
|
+
top: 37.5%;
|
|
370
|
+
width: 25%;
|
|
371
|
+
height: 25%;
|
|
372
|
+
border-radius: 50%;
|
|
373
|
+
background: ${D.color};
|
|
374
|
+
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.ft-loader div:nth-child(1) {
|
|
378
|
+
left: 2.5%;
|
|
379
|
+
animation: appear 0.6s infinite;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.ft-loader div:nth-child(2) {
|
|
383
|
+
left: 2.5%;
|
|
384
|
+
animation: move 0.6s infinite;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
.ft-loader div:nth-child(3) {
|
|
388
|
+
left: 37.5%;
|
|
389
|
+
animation: move 0.6s infinite;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.ft-loader div:nth-child(4) {
|
|
393
|
+
left: 72.5%;
|
|
394
|
+
animation: disappear 0.6s infinite;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
@keyframes appear {
|
|
398
|
+
0% {
|
|
399
|
+
transform: scale(0);
|
|
400
|
+
}
|
|
401
|
+
100% {
|
|
402
|
+
transform: scale(1);
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
@keyframes disappear {
|
|
407
|
+
0% {
|
|
408
|
+
transform: scale(1);
|
|
409
|
+
}
|
|
410
|
+
100% {
|
|
411
|
+
transform: scale(0);
|
|
412
|
+
}
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
@keyframes move {
|
|
416
|
+
0% {
|
|
417
|
+
transform: translate(0, 0);
|
|
418
|
+
}
|
|
419
|
+
100% {
|
|
420
|
+
transform: translate(calc(0.35 * ${D.size}), 0);
|
|
421
|
+
}
|
|
422
|
+
}
|
|
423
|
+
`;var si=g(_()),Kt=g(L()),z={size:Kt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:Kt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",Kt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:Kt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",Kt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:Kt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",Kt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:Kt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},di=si.css`
|
|
424
|
+
:host, i.ft-icon {
|
|
425
|
+
display: inline-flex;
|
|
426
|
+
align-items: center;
|
|
427
|
+
flex-shrink: 0;
|
|
428
|
+
flex-grow: 0;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
:host {
|
|
432
|
+
width: ${z.size};
|
|
433
|
+
height: ${z.size};
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
i.ft-icon {
|
|
437
|
+
width: 100%;
|
|
438
|
+
height: 100%;
|
|
439
|
+
font-size: ${z.size};
|
|
440
|
+
line-height: 1;
|
|
441
|
+
font-weight: normal;
|
|
442
|
+
text-transform: none;
|
|
443
|
+
font-style: normal;
|
|
444
|
+
font-variant: normal;
|
|
445
|
+
speak: none;
|
|
446
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
|
|
447
|
+
text-rendering: auto;
|
|
448
|
+
-webkit-font-smoothing: antialiased;
|
|
449
|
+
-moz-osx-font-smoothing: grayscale;
|
|
450
|
+
vertical-align: ${z.verticalAlign};
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
i.ft-icon.ft-icon--fluid-topics {
|
|
454
|
+
font-family: ${z.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
455
|
+
|
|
456
|
+
/* Ugly fix because font is broken */
|
|
457
|
+
font-size: calc(0.75 * ${z.size});
|
|
458
|
+
line-height: ${z.size};
|
|
459
|
+
position: relative;
|
|
460
|
+
top: -4%;
|
|
461
|
+
justify-content: center;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
.ft-icon--file-format {
|
|
465
|
+
font-family: ${z.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
.ft-icon--material {
|
|
469
|
+
font-family: ${z.materialFontFamily}, "Material Icons", sans-serif;
|
|
470
|
+
}
|
|
471
|
+
`;var pi=I.FtCssVariableFactory.extend("--ft-button-color","",I.designSystemVariables.colorPrimary),F={backgroundColor:I.FtCssVariableFactory.extend("--ft-button-background-color","",I.designSystemVariables.colorSurface),borderRadius:I.FtCssVariableFactory.extend("--ft-button-border-radius","",I.designSystemVariables.borderRadiusL),color:pi,fontSize:I.FtCssVariableFactory.extend("--ft-button-font-size","",Ht.fontSize),iconSize:I.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:I.FtCssVariableFactory.extend("--ft-button-ripple-color","",pi),verticalPadding:I.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:I.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:I.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:I.FtCssVariableFactory.external(I.designSystemVariables.colorOpacityDisabled,"Design system")},fi=I.FtCssVariableFactory.extend("--ft-button-primary-color","",I.FtCssVariableFactory.extend("--ft-button-color","",I.designSystemVariables.colorOnPrimary)),Mr={backgroundColor:I.FtCssVariableFactory.extend("--ft-button-primary-background-color","",I.FtCssVariableFactory.extend("--ft-button-background-color","",I.designSystemVariables.colorPrimary)),color:fi,rippleColor:I.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",fi)},Ut={borderRadius:I.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",I.FtCssVariableFactory.extend("--ft-button-border-radius","",I.designSystemVariables.borderRadiusM)),verticalPadding:I.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:I.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:I.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},hi=[ui.css`
|
|
472
|
+
:host {
|
|
473
|
+
display: inline-block;
|
|
474
|
+
max-width: 100%;
|
|
475
|
+
pointer-events: none;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
button {
|
|
479
|
+
box-shadow: 0px 0px 0px transparent;
|
|
480
|
+
border: 0px solid transparent;
|
|
481
|
+
text-shadow: 0px 0px 0px transparent;
|
|
482
|
+
font-size: ${F.fontSize};
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
button:hover {
|
|
486
|
+
box-shadow: 0px 0px 0px transparent;
|
|
487
|
+
border: 0px solid transparent;
|
|
488
|
+
text-shadow: 0px 0px 0px transparent;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
button:active {
|
|
492
|
+
outline: none;
|
|
493
|
+
border: none;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
button:focus {
|
|
497
|
+
outline: 0;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.ft-button {
|
|
501
|
+
position: relative;
|
|
502
|
+
display: flex;
|
|
503
|
+
justify-content: center;
|
|
504
|
+
align-items: center;
|
|
505
|
+
width: 100%;
|
|
506
|
+
overflow: hidden;
|
|
507
|
+
box-sizing: border-box;
|
|
508
|
+
border: none;
|
|
509
|
+
pointer-events: auto;
|
|
510
|
+
|
|
511
|
+
--ft-button-internal-line-height: max(calc(${F.fontSize} + 2px), ${F.iconSize});
|
|
512
|
+
--ft-button-internal-color: ${F.color};
|
|
513
|
+
${(0,I.setVariable)(z.size,F.iconSize)};
|
|
514
|
+
${(0,I.setVariable)(C.color,F.rippleColor)};
|
|
515
|
+
|
|
516
|
+
border-radius: ${F.borderRadius};
|
|
517
|
+
padding: ${F.verticalPadding} ${F.horizontalPadding};
|
|
518
|
+
background-color: ${F.backgroundColor};
|
|
519
|
+
color: var(--ft-button-internal-color);
|
|
520
|
+
-webkit-mask-image: radial-gradient(white, black);
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
.ft-button.ft-button--outlined {
|
|
524
|
+
border: 1px solid var(--ft-button-internal-color);
|
|
525
|
+
padding: calc(${F.verticalPadding} - 1px) calc(${F.horizontalPadding} - 1px);
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
.ft-button.ft-button--dense {
|
|
529
|
+
padding: ${Ut.verticalPadding} ${Ut.horizontalPadding};
|
|
530
|
+
border-radius: ${Ut.borderRadius};
|
|
531
|
+
gap: ${Ut.iconPadding};
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.ft-button.ft-button--dense.ft-button--outlined {
|
|
535
|
+
padding: calc(${Ut.verticalPadding} - 1px) calc(${Ut.horizontalPadding} - 1px);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
.ft-button:not([disabled]):hover {
|
|
539
|
+
cursor: pointer;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
.ft-button--round {
|
|
543
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${F.verticalPadding});
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
.ft-button--round.ft-button--dense {
|
|
547
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${Ut.verticalPadding});
|
|
548
|
+
}
|
|
549
|
+
|
|
550
|
+
.ft-button[disabled] {
|
|
551
|
+
filter: grayscale(1);
|
|
552
|
+
opacity: ${F.opacityDisabled};
|
|
553
|
+
}
|
|
554
|
+
|
|
555
|
+
.ft-button.ft-button--primary {
|
|
556
|
+
background-color: ${Mr.backgroundColor};
|
|
557
|
+
--ft-button-internal-color: ${Mr.color};
|
|
558
|
+
${(0,I.setVariable)(C.color,Mr.rippleColor)};
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
.ft-button:focus {
|
|
562
|
+
outline: none;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
.ft-button--label {
|
|
566
|
+
position: relative;
|
|
567
|
+
overflow: hidden;
|
|
568
|
+
white-space: nowrap;
|
|
569
|
+
text-overflow: ellipsis;
|
|
570
|
+
display: block;
|
|
571
|
+
margin: 0 ${F.iconPadding};
|
|
572
|
+
${(0,I.setVariable)(Ht.fontSize,"1em")};
|
|
573
|
+
${(0,I.setVariable)(Ht.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
.ft-button--dense .ft-button--label {
|
|
577
|
+
margin: 0 ${Ut.iconPadding};
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.ft-button--label[hidden] {
|
|
581
|
+
display: none;
|
|
582
|
+
}
|
|
583
|
+
|
|
584
|
+
[part="icon"] {
|
|
585
|
+
flex-shrink: 0;
|
|
586
|
+
position: relative;
|
|
587
|
+
}
|
|
588
|
+
|
|
589
|
+
.ft-button--label[hidden] + [part="icon"] {
|
|
590
|
+
margin: 0 calc(${F.horizontalPadding} * -1);
|
|
591
|
+
padding: 0 ${F.verticalPadding};
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.ft-button--dense .ft-button--label[hidden] + [part="icon"] {
|
|
595
|
+
margin: 0 calc(${Ut.horizontalPadding} * -1);
|
|
596
|
+
padding: 0 ${Ut.verticalPadding};
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
.ft-button:not(.ft-button--trailing-icon) [part="label"]{
|
|
600
|
+
order: 2;
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
ft-loader {
|
|
604
|
+
${(0,I.setVariable)(D.size,F.iconSize)};
|
|
605
|
+
${(0,I.setVariable)(D.color,"var(--ft-button-internal-color)")};
|
|
606
|
+
}
|
|
607
|
+
`,I.noTextSelect];var de=g(L());var gi=g(L());var yi=g(_()),nt=g(Y()),mi=g(ae()),ho=g(L());var ft=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},M=class extends ho.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 ho.Debouncer(1e3),this.onTransitionStart=e=>{e.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=e=>{e.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new ho.Debouncer(10),this.moveRipple=e=>{var r,n;let{x:a,y:i}=this.getCoordinates(e),l=(n=(r=this.ripple)===null||r===void 0?void 0:r.getBoundingClientRect())!==null&&n!==void 0?n:{x:0,y:0,width:0,height:0};this.originX=Math.round(a!=null?a-l.x:l.width/2),this.originY=Math.round(i!=null?i-l.y:l.height/2)},this.startPress=e=>{this.moveRipple(e),this.pressed=!this.isIgnored(e)},this.endPress=()=>{this.pressed=!1},this.startHover=e=>{this.hovered=!this.isIgnored(e)},this.endHover=()=>{this.hovered=!1},this.startFocus=e=>{this.focused=this.isFocusVisible(e?.target)&&!this.isIgnored(e)},this.endFocus=()=>{this.focused=!1}}render(){let e={"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 yi.html`
|
|
608
|
+
<style>
|
|
609
|
+
.ft-ripple .ft-ripple--effect {
|
|
610
|
+
left: ${this.originX}px;
|
|
611
|
+
top: ${this.originY}px;
|
|
612
|
+
}
|
|
613
|
+
</style>
|
|
614
|
+
<div class="${(0,mi.classMap)(e)}">
|
|
615
|
+
<div class="ft-ripple--background"></div>
|
|
616
|
+
<div class="ft-ripple--effect"></div>
|
|
617
|
+
</div>
|
|
618
|
+
`}contentAvailableCallback(e){super.contentAvailableCallback(e),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(e){var r,n;super.update(e),e.has("disabled")&&(this.disabled?(this.endRipple(),(r=this.target)===null||r===void 0||r.removeAttribute("data-is-ft-ripple-target")):(n=this.target)===null||n===void 0||n.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 e,r;let n=(e=this.shadowRoot)===null||e===void 0?void 0:e.host.parentElement;n&&this.setupFor((r=this.target)!==null&&r!==void 0?r:n)}setupFor(e){if(this.setupDebouncer.cancel(),this.target===e)return;this.onDisconnect&&this.onDisconnect(),this.target=e,e.setAttribute("data-is-ft-ripple-target","true");let r=(...s)=>f=>{s.forEach(p=>window.addEventListener(p,this.endPress,{once:!0})),this.startPress(f)},n=r("mouseup","contextmenu"),a=r("touchend","touchcancel"),i=s=>{["Enter"," "].includes(s.key)&&r("keyup")(s)},l={passive:!0};e.addEventListener("mouseover",this.startHover,l),e.addEventListener("mousemove",this.moveRipple,l),e.addEventListener("mouseleave",this.endHover,l),e.addEventListener("mousedown",n,l),e.addEventListener("touchstart",a,l),e.addEventListener("touchmove",this.moveRipple,l),e.addEventListener("keydown",i,l),e.addEventListener("focus",this.startFocus,l),e.addEventListener("blur",this.endFocus,l),e.addEventListener("focusin",this.startFocus,l),e.addEventListener("focusout",this.endFocus,l),this.onDisconnect=()=>{e.removeAttribute("data-is-ft-ripple-target"),e.removeEventListener("mouseover",this.startHover,l),e.removeEventListener("mousemove",this.moveRipple,l),e.removeEventListener("mouseleave",this.endHover,l),e.removeEventListener("mousedown",n,l),e.removeEventListener("touchstart",a,l),e.removeEventListener("touchmove",this.moveRipple,l),e.removeEventListener("keydown",i,l),e.removeEventListener("focus",this.startFocus,l),e.removeEventListener("blur",this.endFocus,l),e.removeEventListener("focusin",this.startFocus,l),e.removeEventListener("focusout",this.endFocus,l),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(e){let r=e,n=e,a,i;return r.x!=null?{x:a,y:i}=r:n.touches!=null&&(a=n.touches[0].clientX,i=n.touches[0].clientY),{x:a,y:i}}isFocusVisible(e){return e instanceof HTMLElement?e.matches(":focus-visible"):!0}isIgnored(e){if(this.disabled)return!0;if(e!=null)for(let r of e.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()}};M.elementDefinitions={};M.styles=ii;ft([(0,nt.property)({type:Boolean})],M.prototype,"primary",void 0);ft([(0,nt.property)({type:Boolean})],M.prototype,"secondary",void 0);ft([(0,nt.property)({type:Boolean})],M.prototype,"unbounded",void 0);ft([(0,nt.property)({type:Boolean})],M.prototype,"activated",void 0);ft([(0,nt.property)({type:Boolean})],M.prototype,"selected",void 0);ft([(0,nt.property)({type:Boolean})],M.prototype,"disabled",void 0);ft([(0,nt.state)()],M.prototype,"hovered",void 0);ft([(0,nt.state)()],M.prototype,"focused",void 0);ft([(0,nt.state)()],M.prototype,"pressed",void 0);ft([(0,nt.state)()],M.prototype,"rippling",void 0);ft([(0,nt.state)()],M.prototype,"originX",void 0);ft([(0,nt.state)()],M.prototype,"originY",void 0);ft([(0,nt.query)(".ft-ripple")],M.prototype,"ripple",void 0);ft([(0,nt.query)(".ft-ripple--effect")],M.prototype,"rippleEffect",void 0);(0,gi.customElement)("ft-ripple")(M);var Gi=g(L());var Fi=g(_()),et=g(Y()),vo=g(L());var bi=g(_()),Zt=g(L()),Ve={distance:Zt.FtCssVariableFactory.create("--ft-tooltip-distance","","SIZE","4px"),color:Zt.FtCssVariableFactory.create("--ft-tooltip-color","","COLOR","#FFFFFF"),backgroundColor:Zt.FtCssVariableFactory.create("--ft-tooltip-background-color","","COLOR","#666666"),zIndex:Zt.FtCssVariableFactory.create("--ft-tooltip-z-index","","NUMBER","100"),borderRadiusS:Zt.FtCssVariableFactory.external(Zt.designSystemVariables.borderRadiusS,"Design system"),maxWidth:Zt.FtCssVariableFactory.create("--ft-tooltip-max-width","","SIZE","150px")},xi=bi.css`
|
|
619
|
+
.ft-tooltip--container {
|
|
620
|
+
display: block;
|
|
621
|
+
}
|
|
622
|
+
|
|
623
|
+
.ft-tooltip--inline {
|
|
624
|
+
display: inline-block;
|
|
625
|
+
max-width: 100%;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
.ft-tooltip {
|
|
629
|
+
position: fixed;
|
|
630
|
+
box-sizing: border-box;
|
|
631
|
+
overflow: hidden;
|
|
632
|
+
width: max-content;
|
|
633
|
+
max-width: ${Ve.maxWidth};
|
|
634
|
+
text-align: center;
|
|
635
|
+
padding: ${Ve.distance};
|
|
636
|
+
z-index: ${Ve.zIndex};
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
.ft-tooltip--content {
|
|
640
|
+
padding: 4px 8px;
|
|
641
|
+
border-radius: ${Ve.borderRadiusS};
|
|
642
|
+
background-color: ${Ve.backgroundColor};
|
|
643
|
+
color: ${Ve.color};
|
|
644
|
+
position: relative;
|
|
645
|
+
word-break: break-word;
|
|
646
|
+
}
|
|
647
|
+
`;var Si=["top","right","bottom","left"],vi=["start","end"],Ur=Si.reduce((o,e)=>o.concat(e,e+"-"+vi[0],e+"-"+vi[1]),[]),yo=Math.min,le=Math.max,mo=Math.round;var qt=o=>({x:o,y:o}),Tl={left:"right",right:"left",bottom:"top",top:"bottom"},_l={start:"end",end:"start"};function Fr(o,e,r){return le(o,yo(e,r))}function Do(o,e){return typeof o=="function"?o(e):o}function Ke(o){return o.split("-")[0]}function se(o){return o.split("-")[1]}function Gr(o){return o==="x"?"y":"x"}function jr(o){return o==="y"?"height":"width"}function zo(o){return["top","bottom"].includes(Ke(o))?"y":"x"}function Vr(o){return Gr(zo(o))}function Ci(o,e,r){r===void 0&&(r=!1);let n=se(o),a=Vr(o),i=jr(a),l=a==="x"?n===(r?"end":"start")?"right":"left":n==="start"?"bottom":"top";return e.reference[i]>e.floating[i]&&(l=Hr(l)),[l,Hr(l)]}function Oi(o){return o.replace(/start|end/g,e=>_l[e])}function Hr(o){return o.replace(/left|right|bottom|top/g,e=>Tl[e])}function Wl(o){return{top:0,right:0,bottom:0,left:0,...o}}function wi(o){return typeof o!="number"?Wl(o):{top:o,right:o,bottom:o,left:o}}function Ee(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}function Ei(o,e,r){let{reference:n,floating:a}=o,i=zo(e),l=Vr(e),s=jr(l),f=Ke(e),p=i==="y",h=n.x+n.width/2-a.width/2,y=n.y+n.height/2-a.height/2,m=n[s]/2-a[s]/2,x;switch(f){case"top":x={x:h,y:n.y-a.height};break;case"bottom":x={x:h,y:n.y+n.height};break;case"right":x={x:n.x+n.width,y};break;case"left":x={x:n.x-a.width,y};break;default:x={x:n.x,y:n.y}}switch(se(e)){case"start":x[l]-=m*(r&&p?-1:1);break;case"end":x[l]+=m*(r&&p?-1:1);break}return x}var Ni=async(o,e,r)=>{let{placement:n="bottom",strategy:a="absolute",middleware:i=[],platform:l}=r,s=i.filter(Boolean),f=await(l.isRTL==null?void 0:l.isRTL(e)),p=await l.getElementRects({reference:o,floating:e,strategy:a}),{x:h,y}=Ei(p,n,f),m=n,x={},b=0;for(let S=0;S<s.length;S++){let{name:R,fn:E}=s[S],{x:N,y:P,data:T,reset:W}=await E({x:h,y,initialPlacement:n,placement:m,strategy:a,middlewareData:x,rects:p,platform:l,elements:{reference:o,floating:e}});if(h=N??h,y=P??y,x={...x,[R]:{...x[R],...T}},W&&b<=50){b++,typeof W=="object"&&(W.placement&&(m=W.placement),W.rects&&(p=W.rects===!0?await l.getElementRects({reference:o,floating:e,strategy:a}):W.rects),{x:h,y}=Ei(p,m,f)),S=-1;continue}}return{x:h,y,placement:m,strategy:a,middlewareData:x}};async function Kr(o,e){var r;e===void 0&&(e={});let{x:n,y:a,platform:i,rects:l,elements:s,strategy:f}=o,{boundary:p="clippingAncestors",rootBoundary:h="viewport",elementContext:y="floating",altBoundary:m=!1,padding:x=0}=Do(e,o),b=wi(x),R=s[m?y==="floating"?"reference":"floating":y],E=Ee(await i.getClippingRect({element:(r=await(i.isElement==null?void 0:i.isElement(R)))==null||r?R:R.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(s.floating)),boundary:p,rootBoundary:h,strategy:f})),N=y==="floating"?{...l.floating,x:n,y:a}:l.reference,P=await(i.getOffsetParent==null?void 0:i.getOffsetParent(s.floating)),T=await(i.isElement==null?void 0:i.isElement(P))?await(i.getScale==null?void 0:i.getScale(P))||{x:1,y:1}:{x:1,y:1},W=Ee(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:N,offsetParent:P,strategy:f}):N);return{top:(E.top-W.top+b.top)/T.y,bottom:(W.bottom-E.bottom+b.bottom)/T.y,left:(E.left-W.left+b.left)/T.x,right:(W.right-E.right+b.right)/T.x}}function Dl(o,e,r){return(o?[...r.filter(a=>se(a)===o),...r.filter(a=>se(a)!==o)]:r.filter(a=>Ke(a)===a)).filter(a=>o?se(a)===o||(e?Oi(a)!==a:!1):!0)}var Zr=function(o){return o===void 0&&(o={}),{name:"autoPlacement",options:o,async fn(e){var r,n,a;let{rects:i,middlewareData:l,placement:s,platform:f,elements:p}=e,{crossAxis:h=!1,alignment:y,allowedPlacements:m=Ur,autoAlignment:x=!0,...b}=Do(o,e),S=y!==void 0||m===Ur?Dl(y||null,x,m):m,R=await Kr(e,b),E=((r=l.autoPlacement)==null?void 0:r.index)||0,N=S[E];if(N==null)return{};let P=Ci(N,i,await(f.isRTL==null?void 0:f.isRTL(p.floating)));if(s!==N)return{reset:{placement:S[0]}};let T=[R[Ke(N)],R[P[0]],R[P[1]]],W=[...((n=l.autoPlacement)==null?void 0:n.overflows)||[],{placement:N,overflows:T}],At=S[E+1];if(At)return{data:{index:E+1,overflows:W},reset:{placement:At}};let oe=W.map(gt=>{let Rt=se(gt.placement);return[gt.placement,Rt&&h?gt.overflows.slice(0,2).reduce((bt,ve)=>bt+ve,0):gt.overflows[0],gt.overflows]}).sort((gt,Rt)=>gt[1]-Rt[1]),re=((a=oe.filter(gt=>gt[2].slice(0,se(gt[0])?2:3).every(Rt=>Rt<=0))[0])==null?void 0:a[0])||oe[0][0];return re!==s?{data:{index:E+1,overflows:W},reset:{placement:re}}:{}}}};var qr=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(e){let{x:r,y:n,placement:a}=e,{mainAxis:i=!0,crossAxis:l=!1,limiter:s={fn:R=>{let{x:E,y:N}=R;return{x:E,y:N}}},...f}=Do(o,e),p={x:r,y:n},h=await Kr(e,f),y=zo(Ke(a)),m=Gr(y),x=p[m],b=p[y];if(i){let R=m==="y"?"top":"left",E=m==="y"?"bottom":"right",N=x+h[R],P=x-h[E];x=Fr(N,x,P)}if(l){let R=y==="y"?"top":"left",E=y==="y"?"bottom":"right",N=b+h[R],P=b-h[E];b=Fr(N,b,P)}let S=s.fn({...e,[m]:x,[y]:b});return{...S,data:{x:S.x-r,y:S.y-n}}}}};function Yt(o){return Ri(o)?(o.nodeName||"").toLowerCase():"#document"}function ut(o){var e;return(o==null||(e=o.ownerDocument)==null?void 0:e.defaultView)||window}function Xt(o){var e;return(e=(Ri(o)?o.ownerDocument:o.document)||window.document)==null?void 0:e.documentElement}function Ri(o){return o instanceof Node||o instanceof ut(o).Node}function Ft(o){return o instanceof Element||o instanceof ut(o).Element}function Tt(o){return o instanceof HTMLElement||o instanceof ut(o).HTMLElement}function Ai(o){return typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof ut(o).ShadowRoot}function Ze(o){let{overflow:e,overflowX:r,overflowY:n,display:a}=vt(o);return/auto|scroll|overlay|hidden|clip/.test(e+n+r)&&!["inline","contents"].includes(a)}function Li(o){return["table","td","th"].includes(Yt(o))}function Ho(o){let e=Uo(),r=vt(o);return r.transform!=="none"||r.perspective!=="none"||(r.containerType?r.containerType!=="normal":!1)||!e&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!e&&(r.filter?r.filter!=="none":!1)||["transform","perspective","filter"].some(n=>(r.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(r.contain||"").includes(n))}function Pi(o){let e=Ne(o);for(;Tt(e)&&!go(e);){if(Ho(e))return e;e=Ne(e)}return null}function Uo(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function go(o){return["html","body","#document"].includes(Yt(o))}function vt(o){return ut(o).getComputedStyle(o)}function bo(o){return Ft(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function Ne(o){if(Yt(o)==="html")return o;let e=o.assignedSlot||o.parentNode||Ai(o)&&o.host||Xt(o);return Ai(e)?e.host:e}function Ii(o){let e=Ne(o);return go(e)?o.ownerDocument?o.ownerDocument.body:o.body:Tt(e)&&Ze(e)?e:Ii(e)}function Mo(o,e,r){var n;e===void 0&&(e=[]),r===void 0&&(r=!0);let a=Ii(o),i=a===((n=o.ownerDocument)==null?void 0:n.body),l=ut(a);return i?e.concat(l,l.visualViewport||[],Ze(a)?a:[],l.frameElement&&r?Mo(l.frameElement):[]):e.concat(a,Mo(a,[],r))}function Bi(o){let e=vt(o),r=parseFloat(e.width)||0,n=parseFloat(e.height)||0,a=Tt(o),i=a?o.offsetWidth:r,l=a?o.offsetHeight:n,s=mo(r)!==i||mo(n)!==l;return s&&(r=i,n=l),{width:r,height:n,$:s}}function Ti(o){return Ft(o)?o:o.contextElement}function qe(o){let e=Ti(o);if(!Tt(e))return qt(1);let r=e.getBoundingClientRect(),{width:n,height:a,$:i}=Bi(e),l=(i?mo(r.width):r.width)/n,s=(i?mo(r.height):r.height)/a;return(!l||!Number.isFinite(l))&&(l=1),(!s||!Number.isFinite(s))&&(s=1),{x:l,y:s}}var Hl=qt(0);function _i(o){let e=ut(o);return!Uo()||!e.visualViewport?Hl:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ul(o,e,r){return e===void 0&&(e=!1),!r||e&&r!==ut(o)?!1:e}function xo(o,e,r,n){e===void 0&&(e=!1),r===void 0&&(r=!1);let a=o.getBoundingClientRect(),i=Ti(o),l=qt(1);e&&(n?Ft(n)&&(l=qe(n)):l=qe(o));let s=Ul(i,r,n)?_i(i):qt(0),f=(a.left+s.x)/l.x,p=(a.top+s.y)/l.y,h=a.width/l.x,y=a.height/l.y;if(i){let m=ut(i),x=n&&Ft(n)?ut(n):n,b=m.frameElement;for(;b&&n&&x!==m;){let S=qe(b),R=b.getBoundingClientRect(),E=vt(b),N=R.left+(b.clientLeft+parseFloat(E.paddingLeft))*S.x,P=R.top+(b.clientTop+parseFloat(E.paddingTop))*S.y;f*=S.x,p*=S.y,h*=S.x,y*=S.y,f+=N,p+=P,b=ut(b).frameElement}}return Ee({width:h,height:y,x:f,y:p})}function Fl(o){let{rect:e,offsetParent:r,strategy:n}=o,a=Tt(r),i=Xt(r);if(r===i)return e;let l={scrollLeft:0,scrollTop:0},s=qt(1),f=qt(0);if((a||!a&&n!=="fixed")&&((Yt(r)!=="body"||Ze(i))&&(l=bo(r)),Tt(r))){let p=xo(r);s=qe(r),f.x=p.x+r.clientLeft,f.y=p.y+r.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-l.scrollLeft*s.x+f.x,y:e.y*s.y-l.scrollTop*s.y+f.y}}function Gl(o){return Array.from(o.getClientRects())}function Wi(o){return xo(Xt(o)).left+bo(o).scrollLeft}function jl(o){let e=Xt(o),r=bo(o),n=o.ownerDocument.body,a=le(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),i=le(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight),l=-r.scrollLeft+Wi(o),s=-r.scrollTop;return vt(n).direction==="rtl"&&(l+=le(e.clientWidth,n.clientWidth)-a),{width:a,height:i,x:l,y:s}}function Vl(o,e){let r=ut(o),n=Xt(o),a=r.visualViewport,i=n.clientWidth,l=n.clientHeight,s=0,f=0;if(a){i=a.width,l=a.height;let p=Uo();(!p||p&&e==="fixed")&&(s=a.offsetLeft,f=a.offsetTop)}return{width:i,height:l,x:s,y:f}}function Kl(o,e){let r=xo(o,!0,e==="fixed"),n=r.top+o.clientTop,a=r.left+o.clientLeft,i=Tt(o)?qe(o):qt(1),l=o.clientWidth*i.x,s=o.clientHeight*i.y,f=a*i.x,p=n*i.y;return{width:l,height:s,x:f,y:p}}function $i(o,e,r){let n;if(e==="viewport")n=Vl(o,r);else if(e==="document")n=jl(Xt(o));else if(Ft(e))n=Kl(e,r);else{let a=_i(o);n={...e,x:e.x-a.x,y:e.y-a.y}}return Ee(n)}function Di(o,e){let r=Ne(o);return r===e||!Ft(r)||go(r)?!1:vt(r).position==="fixed"||Di(r,e)}function Zl(o,e){let r=e.get(o);if(r)return r;let n=Mo(o,[],!1).filter(s=>Ft(s)&&Yt(s)!=="body"),a=null,i=vt(o).position==="fixed",l=i?Ne(o):o;for(;Ft(l)&&!go(l);){let s=vt(l),f=Ho(l);!f&&s.position==="fixed"&&(a=null),(i?!f&&!a:!f&&s.position==="static"&&!!a&&["absolute","fixed"].includes(a.position)||Ze(l)&&!f&&Di(o,l))?n=n.filter(h=>h!==l):a=s,l=Ne(l)}return e.set(o,n),n}function ql(o){let{element:e,boundary:r,rootBoundary:n,strategy:a}=o,l=[...r==="clippingAncestors"?Zl(e,this._c):[].concat(r),n],s=l[0],f=l.reduce((p,h)=>{let y=$i(e,h,a);return p.top=le(y.top,p.top),p.right=yo(y.right,p.right),p.bottom=yo(y.bottom,p.bottom),p.left=le(y.left,p.left),p},$i(e,s,a));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Yl(o){return Bi(o)}function Xl(o,e,r){let n=Tt(e),a=Xt(e),i=r==="fixed",l=xo(o,!0,i,e),s={scrollLeft:0,scrollTop:0},f=qt(0);if(n||!n&&!i)if((Yt(e)!=="body"||Ze(a))&&(s=bo(e)),n){let p=xo(e,!0,i,e);f.x=p.x+e.clientLeft,f.y=p.y+e.clientTop}else a&&(f.x=Wi(a));return{x:l.left+s.scrollLeft-f.x,y:l.top+s.scrollTop-f.y,width:l.width,height:l.height}}function ki(o,e){return!Tt(o)||vt(o).position==="fixed"?null:e?e(o):o.offsetParent}function zi(o,e){let r=ut(o);if(!Tt(o))return r;let n=ki(o,e);for(;n&&Li(n)&&vt(n).position==="static";)n=ki(n,e);return n&&(Yt(n)==="html"||Yt(n)==="body"&&vt(n).position==="static"&&!Ho(n))?r:n||Pi(o)||r}var Jl=async function(o){let{reference:e,floating:r,strategy:n}=o,a=this.getOffsetParent||zi,i=this.getDimensions;return{reference:Xl(e,await a(r),n),floating:{x:0,y:0,...await i(r)}}};function Ql(o){return vt(o).direction==="rtl"}var Fo={convertOffsetParentRelativeRectToViewportRelativeRect:Fl,getDocumentElement:Xt,getClippingRect:ql,getOffsetParent:zi,getElementRects:Jl,getClientRects:Gl,getDimensions:Yl,getScale:qe,isElement:Ft,isRTL:Ql};var Mi=(o,e,r)=>{let n=new Map,a={platform:Fo,...r},i={...a.platform,_c:n};return Ni(o,e,{...a,platform:i})};function Hi(o){return ts(o)}function Yr(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function ts(o){for(let e=o;e;e=Yr(e))if(e instanceof Element&&getComputedStyle(e).display==="none")return null;for(let e=Yr(o);e;e=Yr(e)){if(!(e instanceof Element))continue;let r=getComputedStyle(e);if(r.display!=="contents"&&(r.position!=="static"||r.filter!=="none"||e.tagName==="BODY"))return e}return null}async function Ui(o,e,r){return Mi(o,e,{platform:{...Fo,getOffsetParent:n=>Fo.getOffsetParent(n,Hi)},middleware:[qr({crossAxis:!0}),Zr({allowedPlacements:[r]})]})}var ht=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},G=class extends vo.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 vo.Debouncer,this.revealDebouncer=new vo.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return Fi.html`
|
|
648
|
+
<div part="container"
|
|
649
|
+
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
650
|
+
@mouseenter=${this.onHover}
|
|
651
|
+
@mouseleave=${this.onOut}
|
|
652
|
+
@focusin=${this.onHover}
|
|
653
|
+
@focusout=${this.onOut}
|
|
654
|
+
@touchstart=${this.onTouch}>
|
|
655
|
+
<slot part="slot" @click=${this.onClick}></slot>
|
|
656
|
+
<div part="tooltip" role="tooltip" inert
|
|
657
|
+
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
658
|
+
?hidden=${!this.visible}>
|
|
659
|
+
<div part="tooltip-content" class="ft-tooltip--content">
|
|
660
|
+
<slot name="text"></slot>
|
|
661
|
+
<ft-typography variant="caption" ?hidden=${!this.text}>${this.text}</ft-typography>
|
|
662
|
+
</div>
|
|
663
|
+
</div>
|
|
664
|
+
</div>
|
|
665
|
+
`}updated(e){e.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(e)}contentAvailableCallback(e){super.contentAvailableCallback(e),["visible","text"].some(r=>e.has(r))&&this.visible&&this.positionTooltip()}async show(e){this.visible=!0,e!=null&&await this.hideDebounce.run(()=>{this.hide()},e)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var e;return((e=this.slotNodes)!==null&&e!==void 0?e:[]).filter(r=>r.nodeType==Node.ELEMENT_NODE)[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){let e=this.tooltipContent.style;switch(e.transition="none",this.validPosition){case"top":e.top=this.tooltip.clientHeight+"px",e.left="0";break;case"bottom":e.top=-this.tooltip.clientHeight+"px",e.left="0";break;case"left":e.top="0",e.left=this.tooltip.clientWidth+"px";break;case"right":e.top="0",e.left=-this.tooltip.clientWidth+"px";break}}}positionTooltip(){this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Ui(this.slottedElement,this.tooltip,this.position).then(({x:e,y:r})=>{this.tooltip&&(this.tooltip.style.left=`${e}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",e=>{e.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(e,r){return Math.max(e,Math.min(0,-r))}};G.elementDefinitions={"ft-typography":V};G.styles=xi;ht([(0,et.property)()],G.prototype,"text",void 0);ht([(0,et.property)({type:Boolean})],G.prototype,"manual",void 0);ht([(0,et.property)({type:Boolean})],G.prototype,"inline",void 0);ht([(0,et.property)({type:Number})],G.prototype,"delay",void 0);ht([(0,et.property)()],G.prototype,"position",void 0);ht([(0,et.queryAssignedNodes)()],G.prototype,"slotNodes",void 0);ht([(0,et.query)(".ft-tooltip--container")],G.prototype,"container",void 0);ht([(0,et.query)(".ft-tooltip")],G.prototype,"tooltip",void 0);ht([(0,et.query)(".ft-tooltip--content")],G.prototype,"tooltipContent",void 0);ht([(0,et.state)()],G.prototype,"visible",void 0);ht([(0,et.eventOptions)({passive:!0})],G.prototype,"onTouch",null);ht([(0,et.eventOptions)({passive:!0})],G.prototype,"onHover",null);ht([(0,et.eventOptions)({passive:!0})],G.prototype,"onOut",null);ht([(0,et.eventOptions)({passive:!0})],G.prototype,"onClick",null);(0,Gi.customElement)("ft-tooltip")(G);var qi=g(L());var So=g(_()),Ae=g(Y()),Ki=g(L()),Zi=g(Vi());var Jt;(function(o){o.ADD_TO_PBK="",o.ALERT="",o.ADD_ALERT="",o.BACK_TO_SEARCH="",o.ADD_BOOKMARK="",o.BOOKMARK="",o.BOOKS="",o.MENU="",o.DOWNLOAD="",o.EDIT="",o.FEEDBACK="",o.HOME="",o.MODIFY_PBK="",o.SCHEDULED="",o.SEARCH="",o.EXPORT="",o.TOC="",o.WRITE_UGC="",o.TRASH="",o.USER="",o.EXTLINK="",o.CALENDAR="",o.OFFLINE="",o.BOOK="",o.DOWNLOAD_PLAIN="",o.CHECK="",o.STAR_PLAIN="",o.TOPICS="",o.DISC="",o.CIRCLE="",o.SHARED="",o.SORT_UNSORTED="",o.SORT_UP="",o.SORT_DOWN="",o.WORKING="",o.CLOSE="",o.ZOOM_OUT="",o.ZOOM_IN="",o.ZOOM_REALSIZE="",o.ZOOM_FULLSCREEN="",o.ADMIN_RESTRICTED="",o.ADMIN="",o.ADMIN_KHUB="",o.ADMIN_THEME="",o.ADMIN_USERS="",o.WARNING="",o.CONTEXT="",o.SEARCH_HOME="",o.STEPS="",o.ICON_EXPAND="",o.ICON_COLLAPSE="",o.INFO="",o.MINUS_PLAIN="",o.PLUS_PLAIN="",o.FACET_HAS_DESCENDANT="",o.TRIANGLE_BOTTOM="",o.TRIANGLE_LEFT="",o.TRIANGLE_RIGHT="",o.TRIANGLE_TOP="",o.THIN_ARROW="",o.SIGN_IN="",o.LOGOUT="",o.TRANSLATE="",o.CLOSE_PLAIN="",o.CHECK_PLAIN="",o.ARTICLE="",o.COLUMNS="",o.ANALYTICS="",o.COLLECTIONS="",o.ARROW_DOWN="",o.ARROW_LEFT="",o.ARROW_RIGHT="",o.ARROW_UP="",o.SEARCH_IN_PUBLICATION="",o.COPY_TO_CLIPBOARD="",o.SHARED_PBK="",o.ATTACHMENTS="",o.STRIPE_ARROW_LEFT="",o.STRIPE_ARROW_RIGHT="",o.FILTERS="",o.DOT="",o.MINUS="",o.PLUS="",o.MAILS_AND_NOTIFICATIONS="",o.SAVE="",o.LOCKER="",o.ADMIN_INTEGRATION="",o.SYNC="",o.TAG="",o.BOOK_PLAIN="",o.UPLOAD="",o.ONLINE="",o.TAG_PLAIN="",o.ACCOUNT_SETTINGS="",o.PRINT="",o.DEFAULT_ROLES="",o.SHORTCUT_MENU="",o.RELATIVES_PLAIN="",o.RELATIVES="",o.PAUSE="",o.PLAY="",o.ADMIN_PORTAL="",o.STAR="",o.THUMBS_DOWN="",o.THUMBS_DOWN_PLAIN="",o.THUMBS_UP="",o.THUMBS_UP_PLAIN="",o.FEEDBACK_PLAIN="",o.RATE_PLAIN="",o.RATE="",o.OFFLINE_SETTINGS="",o.MY_COLLECTIONS="",o.THIN_ARROW_LEFT="",o.THIN_ARROW_RIGHT="",o.RESET="",o.MY_LIBRARY="",o.UNSTRUCTURED_DOC="",o.CONTEXTUAL="",o.THIN_ARROW_UP="",o.ARROW_RIGHT_TO_LINE="",o.DESKTOP="",o.TABLET_LANDSCAPE="",o.TABLET_PORTRAIT="",o.MOBILE_LANDSCAPE="",o.MOBILE_PORTRAIT="",o.DIAGRAM_SUNBURST="",o.DIAGRAM_SANKEY="",o.COMMENT_QUESTION="",o.COMMENT_QUESTION_PLAIN="",o.MESSAGE_BOT="",o.CHART_SIMPLE="",o.BARS_PROGRESS="",o.BOOK_OPEN_GEAR="",o.BOOK_OPEN_GEAR_SLASH="",o.LINE_CHART="",o.STACKED_CHART="",o.CHART_BAR_STACKED="",o.CHART_BAR_GROUPED="",o.EYE_SLASH="",o.X_MARK="",o.EXPAND_WIDE="",o.PIP="",o.PIP_WIDE="",o.LIFE_RING="",o.GLOBE="",o.PIGGY_BANK="",o.EXTLINK_LIGHT="",o.CLONE="",o.CLONE_LINK_SIMPLE="",o.CHART_BAR_NORMALIZED="",o.CONSUMER="",o.OCTAGON_XMARK="",o.HOURGLASS_HALF="",o.CLOCK="",o.CLOCK_THREE="",o.CALENDAR_DAY="",o.COMPUTER_MOUSE_MAGNIFYING_GLASS="",o.WAND_MAGIC_SPARKLES="",o.PAPER_PLANE="",o.CIRCLE_STOP="",o.ARROW_ROTATE_RIGHT="",o.ARROWS_ROTATE="",o.ALIGN_RIGHT="",o.FORMAT_CLEAR="",o.ALIGN_CENTER="",o.ALIGN_LEFT="",o.PALETTE="",o.BOLD="",o.ITALIC="",o.UNDERLINE="",o.STRIKETHROUGH="",o.LINK_SIMPLE_SLASH="",o.LINK_SIMPLE="",o.ROUTE="",o.CIRCLE_USER_SLASH="",o.CIRCLE_USER_CHECK="",o.LIST_MAGNIFYING_GLASS="",o.MEDAL="",o.THUMBS_UP_THUMBS_DOWN_SOLID="",o.ARROW_TURN_DOWN_RIGHT="",o.FLASK="",o.LOCK_KEYHOLE_OPEN_SOLID="",o.HOURGLASS_END="",o.CIRCLE_QUESTION="",o.EYE="",o.SHARE="󨃱"})(Jt||(Jt={}));var O;(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=""})(O||(O={}));var cy=new Map([...["abw"].map(o=>[o,O.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,O.AUDIO]),...["avi"].map(o=>[o,O.AVI]),...["chm","xhs"].map(o=>[o,O.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,O.CODE]),...["csv"].map(o=>[o,O.CSV]),...["dita","ditamap","ditaval"].map(o=>[o,O.DITA]),...["epub"].map(o=>[o,O.EPUB]),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map(o=>[o,O.EXCEL]),...["flac"].map(o=>[o,O.FLAC]),...["gif"].map(o=>[o,O.GIF]),...["gzip","x-gzip","giz","gz","tgz"].map(o=>[o,O.GZIP]),...["html","htm","xhtml"].map(o=>[o,O.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,O.IMAGE]),...["jpeg","jpg","jpe"].map(o=>[o,O.JPEG]),...["json"].map(o=>[o,O.JSON]),...["m4a","m4p"].map(o=>[o,O.M4A]),...["mov","qt"].map(o=>[o,O.MOV]),...["mp3"].map(o=>[o,O.MP3]),...["mp4","m4v"].map(o=>[o,O.MP4]),...["ogg","oga"].map(o=>[o,O.OGG]),...["pdf","ps"].map(o=>[o,O.PDF]),...["png"].map(o=>[o,O.PNG]),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map(o=>[o,O.POWERPOINT]),...["rar"].map(o=>[o,O.RAR]),...["stp"].map(o=>[o,O.STP]),...["txt","rtf","md","mdown"].map(o=>[o,O.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,O.VIDEO]),...["wav"].map(o=>[o,O.WAV]),...["wma"].map(o=>[o,O.WMA]),...["doc","dot","docx","docm","dotx","dotm","docb"].map(o=>[o,O.WORD]),...["xml","xsl","rdf"].map(o=>[o,O.XML]),...["yaml","yml","x-yaml"].map(o=>[o,O.YAML]),...["zip"].map(o=>[o,O.ZIP])]);var ly={[O.ABW]:"#91ABC6",[O.AUDIO]:"#1795E3",[O.AVI]:"#E63324",[O.CHM]:"#71C3EB",[O.CODE]:"#71C3EB",[O.CSV]:"#1F7345",[O.DITA]:"#71C3EB",[O.EPUB]:"#85B926",[O.EXCEL]:"#1F7345",[O.FLAC]:"#1795E3",[O.GIF]:"#59B031",[O.GZIP]:"#F8AB36",[O.HTML]:"#71C3EB",[O.IMAGE]:"#59B031",[O.JPEG]:"#59B031",[O.JSON]:"#71C3EB",[O.M4A]:"#1795E3",[O.MOV]:"#E63324",[O.MP3]:"#1795E3",[O.MP4]:"#E63324",[O.OGG]:"#1795E3",[O.PDF]:"#E44948",[O.PNG]:"#59B031",[O.POWERPOINT]:"#B54A2B",[O.RAR]:"#F8AB36",[O.STP]:"#3764B1",[O.TEXT]:"#3162AB",[O.UNKNOWN]:"#999999",[O.VIDEO]:"#E63324",[O.WAV]:"#1795E3",[O.WMA]:"#1795E3",[O.WORD]:"#3162AB",[O.XML]:"#71C3EB",[O.YAML]:"#71C3EB",[O.ZIP]:"#F8AB36"};var yt;(function(o){o.fluid_topics="fluid-topics",o.file_format="file-format",o.material="material"})(yt||(yt={}));var Go=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},rt=class extends Ki.FtLitElement{constructor(){super(...arguments),this.resolvedIcon=So.nothing}render(){let e=this.variant&&Object.values(yt).includes(this.variant)?this.variant:yt.fluid_topics,r=e!==yt.material||!!this.value;return So.html`
|
|
666
|
+
<i class="ft-icon ft-icon--${e}" part="icon icon-${e}">
|
|
667
|
+
${(0,Zi.unsafeHTML)(this.resolvedIcon)}
|
|
668
|
+
<slot ?hidden=${r}></slot>
|
|
669
|
+
</i>
|
|
670
|
+
`}get textContent(){var e,r;return(r=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(n=>n.textContent).join("").trim())!==null&&r!==void 0?r:""}update(e){super.update(e),["value","variant"].some(r=>e.has(r))&&this.resolveIcon()}resolveIcon(){var e,r;let n=this.value||this.textContent;switch(this.variant){case yt.file_format:this.resolvedIcon=(e=O[n.replace("-","_").toUpperCase()])!==null&&e!==void 0?e:n;break;case yt.material:this.resolvedIcon=this.value||So.nothing;break;default:this.resolvedIcon=(r=Jt[n.replace("-","_").toUpperCase()])!==null&&r!==void 0?r:n;break}}firstUpdated(e){super.firstUpdated(e),setTimeout(()=>this.resolveIcon())}};rt.elementDefinitions={};rt.styles=di;Go([(0,Ae.property)()],rt.prototype,"variant",void 0);Go([(0,Ae.property)()],rt.prototype,"value",void 0);Go([(0,Ae.state)()],rt.prototype,"resolvedIcon",void 0);Go([(0,Ae.query)("slot")],rt.prototype,"slottedContent",void 0);(0,qi.customElement)("ft-icon")(rt);var Ji=g(L());var Yi=g(_()),Xi=g(L());var Re=class extends Xi.FtLitElement{render(){return Yi.html`
|
|
671
|
+
<div class="ft-loader">
|
|
672
|
+
<div></div>
|
|
673
|
+
<div></div>
|
|
674
|
+
<div></div>
|
|
675
|
+
<div></div>
|
|
676
|
+
</div>
|
|
677
|
+
`}};Re.styles=li;(0,Ji.customElement)("ft-loader")(Re);var Ye=g(_()),Qi=g(ae()),at=g(Y()),mt=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},K=class extends(0,de.toFtFormComponent)(de.FtLitElement,"button"){get buttonClasses(){return{}}get typographyVariant(){return""}constructor(){super(),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.ariaLabel=null,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.addEventListener("click",e=>{var r;this.isDisabled()?(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):this.type=="submit"&&((r=this.form)===null||r===void 0||r.requestSubmit())})}render(){var e;return this.addTooltipIfNeeded(Ye.html`
|
|
678
|
+
<button part="button"
|
|
679
|
+
class="${(0,Qi.classMap)(this.buttonClasses)}"
|
|
680
|
+
aria-label="${(e=this.ariaLabel)!==null&&e!==void 0?e:this.getLabel()}"
|
|
681
|
+
?disabled=${this.isDisabled()}>
|
|
682
|
+
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
683
|
+
<ft-typography part="label"
|
|
684
|
+
variant=${this.typographyVariant}
|
|
685
|
+
element="span"
|
|
686
|
+
class="ft-button--label ${de.isSafari?"ft-safari-ellipsis-fix":""}"
|
|
687
|
+
?hidden=${!this.hasTextContent()}>
|
|
688
|
+
<slot @slotchange=${this.onSlotchange}></slot>
|
|
689
|
+
</ft-typography>
|
|
690
|
+
${this.resolveIcon()}
|
|
691
|
+
</button>
|
|
692
|
+
`)}addTooltipIfNeeded(e){return this.getLabel().trim().length>0&&(this.forceTooltip||!this.hasTextContent()&&!this.hideTooltip)?Ye.html`
|
|
693
|
+
<ft-tooltip part="tooltip"
|
|
694
|
+
text="${this.getLabel()}"
|
|
695
|
+
position="${this.tooltipPosition}">
|
|
696
|
+
${e}
|
|
697
|
+
</ft-tooltip>
|
|
698
|
+
`:e}resolveIcon(){return this.loading?Ye.html`
|
|
699
|
+
<ft-loader part="loader icon"></ft-loader> `:this.icon?Ye.html`
|
|
700
|
+
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
701
|
+
`:Ye.html`
|
|
702
|
+
<slot part="icon" name="icon"></slot>
|
|
703
|
+
`}focus(){var e;(e=this.button)===null||e===void 0||e.focus()}getLabel(){return this.label||this.textContent}get textContent(){return(0,de.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};K.elementDefinitions={"ft-ripple":M,"ft-tooltip":G,"ft-typography":V,"ft-icon":rt,"ft-loader":Re};mt([(0,at.property)({type:String,reflect:!0})],K.prototype,"role",void 0);mt([(0,at.property)()],K.prototype,"type",void 0);mt([(0,at.property)({type:Boolean})],K.prototype,"disabled",void 0);mt([(0,at.property)()],K.prototype,"label",void 0);mt([(0,at.property)()],K.prototype,"icon",void 0);mt([(0,at.property)()],K.prototype,"iconVariant",void 0);mt([(0,at.property)({type:Boolean})],K.prototype,"trailingIcon",void 0);mt([(0,at.property)({type:Boolean})],K.prototype,"loading",void 0);mt([(0,at.property)({attribute:"aria-label"})],K.prototype,"ariaLabel",void 0);mt([(0,at.property)()],K.prototype,"tooltipPosition",void 0);mt([(0,at.property)({type:Boolean})],K.prototype,"hideTooltip",void 0);mt([(0,at.property)({type:Boolean})],K.prototype,"forceTooltip",void 0);mt([(0,at.query)(".ft-button")],K.prototype,"button",void 0);mt([(0,at.query)(".ft-button--label slot")],K.prototype,"slottedContent",void 0);var jo=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},_t=class extends K{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0}}get typographyVariant(){return"button"}};_t.styles=[tc.safariEllipsisFix,hi];jo([(0,Co.property)({type:Boolean})],_t.prototype,"primary",void 0);jo([(0,Co.property)({type:Boolean})],_t.prototype,"outlined",void 0);jo([(0,Co.property)({type:Boolean})],_t.prototype,"dense",void 0);jo([(0,Co.property)({type:Boolean})],_t.prototype,"round",void 0);var Oo=g(Y());var Ko=g(L());var ec=g(_()),v=g(L());var oc=[ec.css`
|
|
704
|
+
:host {
|
|
705
|
+
display: inline-block;
|
|
706
|
+
max-width: 100%;
|
|
707
|
+
pointer-events: none;
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
/** Remove default button styles **/
|
|
711
|
+
|
|
712
|
+
button {
|
|
713
|
+
box-shadow: 0 0 0 transparent;
|
|
714
|
+
border: 0 solid transparent;
|
|
715
|
+
text-shadow: 0 0 0 transparent;
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
button:hover {
|
|
719
|
+
box-shadow: 0 0 0 transparent;
|
|
720
|
+
text-shadow: 0 0 0 transparent;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
button:active {
|
|
724
|
+
outline: none;
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
button:focus {
|
|
728
|
+
outline: 0;
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
/** Base styles **/
|
|
732
|
+
|
|
733
|
+
.ft-button {
|
|
734
|
+
position: relative;
|
|
735
|
+
display: flex;
|
|
736
|
+
justify-content: center;
|
|
737
|
+
align-items: center;
|
|
738
|
+
width: 100%;
|
|
739
|
+
overflow: hidden;
|
|
740
|
+
box-sizing: border-box;
|
|
741
|
+
pointer-events: auto;
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
.ft-button:not([disabled]):hover {
|
|
745
|
+
cursor: pointer;
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
.ft-button:focus {
|
|
749
|
+
outline: none;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
.ft-button:focus-visible {
|
|
753
|
+
outline-color: ${u.focusFocusRingColor};
|
|
754
|
+
outline-style: solid;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
ft-icon {
|
|
758
|
+
flex-shrink: 0;
|
|
759
|
+
position: relative;
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
.ft-button:not(.ft-button--trailing-icon) ft-icon,
|
|
763
|
+
.ft-button:not(.ft-button--trailing-icon) ft-loader {
|
|
764
|
+
order: -1;
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
.ft-button--label {
|
|
768
|
+
position: relative;
|
|
769
|
+
overflow: hidden;
|
|
770
|
+
white-space: nowrap;
|
|
771
|
+
text-overflow: ellipsis;
|
|
772
|
+
display: block;
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
.ft-button--label[hidden] {
|
|
776
|
+
display: none;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.ft-button.ft-button--icon-only {
|
|
780
|
+
padding: unset;
|
|
781
|
+
border-radius: 50%;
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
/** Brand Primary styles **/
|
|
785
|
+
|
|
786
|
+
.ftds--family-brand.ft-button--primary {
|
|
787
|
+
${(0,v.setVariable)(D.color,u.primaryBrandIconColor)};
|
|
788
|
+
|
|
789
|
+
${(0,v.setVariable)(C.color,u.primaryBrandStateLayerColor)};
|
|
790
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.primaryBrandHoverStateLayerOpacity)};
|
|
791
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.primaryBrandFocusStateLayerOpacity)};
|
|
792
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.primaryBrandActiveStateLayerOpacity)};
|
|
793
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.primaryBrandActiveStateLayerOpacity)};
|
|
794
|
+
|
|
795
|
+
background-color: ${u.primaryBrandBackgroundColor};
|
|
796
|
+
color: ${u.primaryBrandColor};
|
|
797
|
+
border-style: none;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.ftds--family-brand.ft-button--primary[disabled] {
|
|
801
|
+
opacity: ${u.primaryBrandDisabledComponentOpacity};
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
.ftds--family-brand.ft-button--primary ft-icon {
|
|
805
|
+
color: ${u.primaryBrandIconColor};
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
/** Brand Secondary styles **/
|
|
809
|
+
|
|
810
|
+
.ftds--family-brand.ft-button--secondary {
|
|
811
|
+
${(0,v.setVariable)(D.color,u.secondaryBrandIconColor)};
|
|
812
|
+
|
|
813
|
+
${(0,v.setVariable)(C.color,u.secondaryBrandStateLayerColor)};
|
|
814
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.secondaryBrandHoverStateLayerOpacity)};
|
|
815
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.secondaryBrandFocusStateLayerOpacity)};
|
|
816
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.secondaryBrandActiveStateLayerOpacity)};
|
|
817
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.secondaryBrandActiveStateLayerOpacity)};
|
|
818
|
+
|
|
819
|
+
background-color: ${u.secondaryBrandBackgroundColor};
|
|
820
|
+
color: ${u.secondaryBrandColor};
|
|
821
|
+
border-color: ${u.secondaryBrandBorderColor};
|
|
822
|
+
border-style: solid;
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
.ftds--family-brand.ft-button--secondary[disabled] {
|
|
826
|
+
opacity: ${u.secondaryBrandDisabledComponentOpacity};
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
.ftds--family-brand.ft-button--secondary ft-icon {
|
|
830
|
+
color: ${u.secondaryBrandIconColor};
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
/** Brand Tertiary styles **/
|
|
834
|
+
|
|
835
|
+
.ftds--family-brand.ft-button--tertiary {
|
|
836
|
+
${(0,v.setVariable)(D.color,u.tertiaryBrandIconColor)};
|
|
837
|
+
|
|
838
|
+
${(0,v.setVariable)(C.color,u.tertiaryBrandStateLayerColor)};
|
|
839
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.tertiaryBrandHoverStateLayerOpacity)};
|
|
840
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.tertiaryBrandFocusStateLayerOpacity)};
|
|
841
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.tertiaryBrandActiveStateLayerOpacity)};
|
|
842
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.tertiaryBrandActiveStateLayerOpacity)};
|
|
843
|
+
|
|
844
|
+
background-color: ${u.tertiaryBrandBackgroundColor};
|
|
845
|
+
color: ${u.tertiaryBrandColor};
|
|
846
|
+
border-style: none;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
.ftds--family-brand.ft-button--tertiary[disabled] {
|
|
850
|
+
opacity: ${u.tertiaryBrandDisabledComponentOpacity};
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
.ftds--family-brand.ft-button--tertiary ft-icon {
|
|
854
|
+
color: ${u.tertiaryBrandIconColor};
|
|
855
|
+
}
|
|
856
|
+
|
|
857
|
+
/** Neutral Secondary styles **/
|
|
858
|
+
|
|
859
|
+
.ftds--family-neutral.ft-button--secondary {
|
|
860
|
+
${(0,v.setVariable)(D.color,u.secondaryNeutralIconColor)};
|
|
861
|
+
|
|
862
|
+
${(0,v.setVariable)(C.backgroundColor,u.secondaryNeutralStateLayerColor)};
|
|
863
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.secondaryNeutralHoverStateLayerOpacity)};
|
|
864
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.secondaryNeutralFocusStateLayerOpacity)};
|
|
865
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.secondaryNeutralActiveStateLayerOpacity)};
|
|
866
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.secondaryNeutralActiveStateLayerOpacity)};
|
|
867
|
+
|
|
868
|
+
background-color: ${u.secondaryNeutralBackgroundColor};
|
|
869
|
+
color: ${u.secondaryNeutralColor};
|
|
870
|
+
border-color: ${u.secondaryNeutralBorderColor};
|
|
871
|
+
border-style: solid;
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
.ftds--family-neutral.ft-button--secondary[disabled] {
|
|
875
|
+
opacity: ${u.secondaryNeutralDisabledComponentOpacity};
|
|
876
|
+
}
|
|
877
|
+
|
|
878
|
+
.ftds--family-neutral.ft-button--secondary ft-icon {
|
|
879
|
+
color: ${u.secondaryNeutralIconColor};
|
|
880
|
+
}
|
|
881
|
+
|
|
882
|
+
/** Neutral Tertiary styles **/
|
|
883
|
+
|
|
884
|
+
.ftds--family-neutral.ft-button--tertiary {
|
|
885
|
+
${(0,v.setVariable)(D.color,u.tertiaryNeutralIconColor)};
|
|
886
|
+
|
|
887
|
+
${(0,v.setVariable)(C.backgroundColor,u.tertiaryNeutralStateLayerColor)};
|
|
888
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.tertiaryNeutralHoverStateLayerOpacity)};
|
|
889
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.tertiaryNeutralFocusStateLayerOpacity)};
|
|
890
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.tertiaryNeutralActiveStateLayerOpacity)};
|
|
891
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.tertiaryNeutralActiveStateLayerOpacity)};
|
|
892
|
+
|
|
893
|
+
background-color: ${u.tertiaryNeutralBackgroundColor};
|
|
894
|
+
color: ${u.tertiaryNeutralColor};
|
|
895
|
+
border-style: none;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
.ftds--family-neutral.ft-button--tertiary[disabled] {
|
|
899
|
+
opacity: ${u.tertiaryNeutralDisabledComponentOpacity};
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
.ftds--family-neutral.ft-button--tertiary ft-icon {
|
|
903
|
+
color: ${u.tertiaryNeutralIconColor};
|
|
904
|
+
}
|
|
905
|
+
|
|
906
|
+
/** Info Secondary styles **/
|
|
907
|
+
|
|
908
|
+
.ftds--family-info.ft-button--secondary {
|
|
909
|
+
${(0,v.setVariable)(D.color,u.secondaryInfoIconColor)};
|
|
910
|
+
|
|
911
|
+
${(0,v.setVariable)(C.backgroundColor,u.secondaryInfoStateLayerColor)};
|
|
912
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.secondaryInfoHoverStateLayerOpacity)};
|
|
913
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.secondaryInfoFocusStateLayerOpacity)};
|
|
914
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.secondaryInfoActiveStateLayerOpacity)};
|
|
915
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.secondaryInfoActiveStateLayerOpacity)};
|
|
916
|
+
|
|
917
|
+
background-color: ${u.secondaryInfoBackgroundColor};
|
|
918
|
+
color: ${u.secondaryInfoColor};
|
|
919
|
+
border-color: ${u.secondaryInfoBorderColor};
|
|
920
|
+
border-style: solid;
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
.ftds--family-info.ft-button--secondary[disabled] {
|
|
924
|
+
opacity: ${u.secondaryInfoDisabledComponentOpacity};
|
|
925
|
+
}
|
|
926
|
+
|
|
927
|
+
.ftds--family-info.ft-button--secondary ft-icon {
|
|
928
|
+
color: ${u.secondaryInfoIconColor};
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
/** Info Tertiary styles **/
|
|
932
|
+
|
|
933
|
+
.ftds--family-info.ft-button--tertiary {
|
|
934
|
+
${(0,v.setVariable)(D.color,u.tertiaryInfoIconColor)};
|
|
935
|
+
|
|
936
|
+
${(0,v.setVariable)(C.backgroundColor,u.tertiaryInfoStateLayerColor)};
|
|
937
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.tertiaryInfoHoverStateLayerOpacity)};
|
|
938
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.tertiaryInfoFocusStateLayerOpacity)};
|
|
939
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.tertiaryInfoActiveStateLayerOpacity)};
|
|
940
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.tertiaryInfoActiveStateLayerOpacity)};
|
|
941
|
+
|
|
942
|
+
background-color: ${u.tertiaryInfoBackgroundColor};
|
|
943
|
+
color: ${u.tertiaryInfoColor};
|
|
944
|
+
border-style: none;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
.ftds--family-info.ft-button--tertiary[disabled] {
|
|
948
|
+
opacity: ${u.tertiaryInfoDisabledComponentOpacity};
|
|
949
|
+
}
|
|
950
|
+
|
|
951
|
+
.ftds--family-info.ft-button--tertiary ft-icon {
|
|
952
|
+
color: ${u.tertiaryInfoIconColor};
|
|
953
|
+
}
|
|
954
|
+
|
|
955
|
+
/** Success Secondary styles **/
|
|
956
|
+
|
|
957
|
+
.ftds--family-success.ft-button--secondary {
|
|
958
|
+
${(0,v.setVariable)(D.color,u.secondarySuccessIconColor)};
|
|
959
|
+
|
|
960
|
+
${(0,v.setVariable)(C.backgroundColor,u.secondarySuccessStateLayerColor)};
|
|
961
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.secondarySuccessHoverStateLayerOpacity)};
|
|
962
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.secondarySuccessFocusStateLayerOpacity)};
|
|
963
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.secondarySuccessActiveStateLayerOpacity)};
|
|
964
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.secondarySuccessActiveStateLayerOpacity)};
|
|
965
|
+
|
|
966
|
+
background-color: ${u.secondarySuccessBackgroundColor};
|
|
967
|
+
color: ${u.secondarySuccessColor};
|
|
968
|
+
border-color: ${u.secondarySuccessBorderColor};
|
|
969
|
+
border-style: solid;
|
|
970
|
+
}
|
|
971
|
+
|
|
972
|
+
.ftds--family-success.ft-button--secondary[disabled] {
|
|
973
|
+
opacity: ${u.secondarySuccessDisabledComponentOpacity};
|
|
974
|
+
}
|
|
975
|
+
|
|
976
|
+
.ftds--family-success.ft-button--secondary ft-icon {
|
|
977
|
+
color: ${u.secondarySuccessIconColor};
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
/** Success Tertiary styles **/
|
|
981
|
+
|
|
982
|
+
.ftds--family-success.ft-button--tertiary {
|
|
983
|
+
${(0,v.setVariable)(D.color,u.tertiarySuccessIconColor)};
|
|
984
|
+
|
|
985
|
+
${(0,v.setVariable)(C.backgroundColor,u.tertiarySuccessStateLayerColor)};
|
|
986
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.tertiarySuccessHoverStateLayerOpacity)};
|
|
987
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.tertiarySuccessFocusStateLayerOpacity)};
|
|
988
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.tertiarySuccessActiveStateLayerOpacity)};
|
|
989
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.tertiarySuccessActiveStateLayerOpacity)};
|
|
990
|
+
|
|
991
|
+
background-color: ${u.tertiarySuccessBackgroundColor};
|
|
992
|
+
color: ${u.tertiarySuccessColor};
|
|
993
|
+
border-style: none;
|
|
994
|
+
}
|
|
995
|
+
|
|
996
|
+
.ftds--family-success.ft-button--tertiary[disabled] {
|
|
997
|
+
opacity: ${u.tertiarySuccessDisabledComponentOpacity};
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
.ftds--family-success.ft-button--tertiary ft-icon {
|
|
1001
|
+
color: ${u.tertiarySuccessIconColor};
|
|
1002
|
+
}
|
|
1003
|
+
|
|
1004
|
+
/** Warning Secondary styles **/
|
|
1005
|
+
|
|
1006
|
+
.ftds--family-warning.ft-button--secondary {
|
|
1007
|
+
${(0,v.setVariable)(D.color,u.secondaryWarningIconColor)};
|
|
1008
|
+
|
|
1009
|
+
${(0,v.setVariable)(C.backgroundColor,u.secondaryWarningStateLayerColor)};
|
|
1010
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.secondaryWarningHoverStateLayerOpacity)};
|
|
1011
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.secondaryWarningFocusStateLayerOpacity)};
|
|
1012
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.secondaryWarningActiveStateLayerOpacity)};
|
|
1013
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.secondaryWarningActiveStateLayerOpacity)};
|
|
1014
|
+
|
|
1015
|
+
background-color: ${u.secondaryWarningBackgroundColor};
|
|
1016
|
+
color: ${u.secondaryWarningColor};
|
|
1017
|
+
border-color: ${u.secondaryWarningBorderColor};
|
|
1018
|
+
border-style: solid;
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
.ftds--family-warning.ft-button--secondary[disabled] {
|
|
1022
|
+
opacity: ${u.secondaryWarningDisabledComponentOpacity};
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.ftds--family-warning.ft-button--secondary ft-icon {
|
|
1026
|
+
color: ${u.secondaryWarningIconColor};
|
|
1027
|
+
}
|
|
1028
|
+
|
|
1029
|
+
/** Warning Tertiary styles **/
|
|
1030
|
+
|
|
1031
|
+
.ftds--family-warning.ft-button--tertiary {
|
|
1032
|
+
${(0,v.setVariable)(D.color,u.tertiaryWarningIconColor)};
|
|
1033
|
+
|
|
1034
|
+
${(0,v.setVariable)(C.backgroundColor,u.tertiaryWarningStateLayerColor)};
|
|
1035
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.tertiaryWarningHoverStateLayerOpacity)};
|
|
1036
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.tertiaryWarningFocusStateLayerOpacity)};
|
|
1037
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.tertiaryWarningActiveStateLayerOpacity)};
|
|
1038
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.tertiaryWarningActiveStateLayerOpacity)};
|
|
1039
|
+
|
|
1040
|
+
background-color: ${u.tertiaryWarningBackgroundColor};
|
|
1041
|
+
color: ${u.tertiaryWarningColor};
|
|
1042
|
+
border-style: none;
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
.ftds--family-warning.ft-button--tertiary[disabled] {
|
|
1046
|
+
opacity: ${u.tertiaryWarningDisabledComponentOpacity};
|
|
1047
|
+
}
|
|
1048
|
+
|
|
1049
|
+
.ftds--family-warning.ft-button--tertiary ft-icon {
|
|
1050
|
+
color: ${u.tertiaryWarningIconColor};
|
|
1051
|
+
}
|
|
1052
|
+
|
|
1053
|
+
/** Error Secondary styles **/
|
|
1054
|
+
|
|
1055
|
+
.ftds--family-error.ft-button--secondary {
|
|
1056
|
+
${(0,v.setVariable)(D.color,u.secondaryErrorIconColor)};
|
|
1057
|
+
|
|
1058
|
+
${(0,v.setVariable)(C.backgroundColor,u.secondaryErrorStateLayerColor)};
|
|
1059
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.secondaryErrorHoverStateLayerOpacity)};
|
|
1060
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.secondaryErrorFocusStateLayerOpacity)};
|
|
1061
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.secondaryErrorActiveStateLayerOpacity)};
|
|
1062
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.secondaryErrorActiveStateLayerOpacity)};
|
|
1063
|
+
|
|
1064
|
+
background-color: ${u.secondaryErrorBackgroundColor};
|
|
1065
|
+
color: ${u.secondaryErrorColor};
|
|
1066
|
+
border-color: ${u.secondaryErrorBorderColor};
|
|
1067
|
+
border-style: solid;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
.ftds--family-error.ft-button--secondary[disabled] {
|
|
1071
|
+
opacity: ${u.secondaryErrorDisabledComponentOpacity};
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.ftds--family-error.ft-button--secondary ft-icon {
|
|
1075
|
+
color: ${u.secondaryErrorIconColor};
|
|
1076
|
+
}
|
|
1077
|
+
|
|
1078
|
+
/** Error Tertiary styles **/
|
|
1079
|
+
|
|
1080
|
+
.ftds--family-error.ft-button--tertiary {
|
|
1081
|
+
${(0,v.setVariable)(D.color,u.tertiaryErrorIconColor)};
|
|
1082
|
+
|
|
1083
|
+
${(0,v.setVariable)(C.backgroundColor,u.tertiaryErrorStateLayerColor)};
|
|
1084
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceHover,u.tertiaryErrorHoverStateLayerOpacity)};
|
|
1085
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceFocused,u.tertiaryErrorFocusStateLayerOpacity)};
|
|
1086
|
+
${(0,v.setVariable)(C.opacityContentOnSurfaceSelected,u.tertiaryErrorActiveStateLayerOpacity)};
|
|
1087
|
+
${(0,v.setVariable)(C.opacityContentOnSurfacePressed,u.tertiaryErrorActiveStateLayerOpacity)};
|
|
1088
|
+
|
|
1089
|
+
background-color: ${u.tertiaryErrorBackgroundColor};
|
|
1090
|
+
color: ${u.tertiaryErrorColor};
|
|
1091
|
+
border-style: none;
|
|
1092
|
+
}
|
|
1093
|
+
|
|
1094
|
+
.ftds--family-error.ft-button--tertiary[disabled] {
|
|
1095
|
+
opacity: ${u.tertiaryErrorDisabledComponentOpacity};
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
.ftds--family-error.ft-button--tertiary ft-icon {
|
|
1099
|
+
color: ${u.tertiaryErrorIconColor};
|
|
1100
|
+
}
|
|
1101
|
+
|
|
1102
|
+
/** Large styles **/
|
|
1103
|
+
|
|
1104
|
+
.ftds--size-large {
|
|
1105
|
+
${(0,v.setVariable)(z.size,u.largeIconSize)};
|
|
1106
|
+
${(0,v.setVariable)(D.size,u.largeIconSize)};
|
|
1107
|
+
|
|
1108
|
+
height: ${u.largeHeight};
|
|
1109
|
+
padding: 0 ${u.largeHorizontalPadding};
|
|
1110
|
+
gap: ${u.largeGap};
|
|
1111
|
+
border-radius: ${u.largeBorderRadius};
|
|
1112
|
+
border-width: ${u.largeBorderWidth};
|
|
1113
|
+
}
|
|
1114
|
+
|
|
1115
|
+
.ftds--size-large:focus-visible {
|
|
1116
|
+
outline-width: ${u.largeFocusOutlineWidth};
|
|
1117
|
+
outline-offset: ${u.largeFocusOutlineOffset};
|
|
1118
|
+
}
|
|
1119
|
+
|
|
1120
|
+
.ftds--size-large.ft-button--icon-only {
|
|
1121
|
+
width: ${u.largeIconOnlyWidth};
|
|
1122
|
+
}
|
|
1123
|
+
|
|
1124
|
+
/** Small styles **/
|
|
1125
|
+
|
|
1126
|
+
.ftds--size-medium {
|
|
1127
|
+
${(0,v.setVariable)(z.size,u.mediumIconSize)};
|
|
1128
|
+
${(0,v.setVariable)(D.size,u.mediumIconSize)};
|
|
1129
|
+
|
|
1130
|
+
height: ${u.mediumHeight};
|
|
1131
|
+
padding: 0 ${u.mediumHorizontalPadding};
|
|
1132
|
+
gap: ${u.mediumGap};
|
|
1133
|
+
border-radius: ${u.mediumBorderRadius};
|
|
1134
|
+
border-width: ${u.mediumBorderWidth};
|
|
1135
|
+
}
|
|
1136
|
+
|
|
1137
|
+
.ftds--size-medium:focus-visible {
|
|
1138
|
+
outline-width: ${u.mediumFocusOutlineWidth};
|
|
1139
|
+
outline-offset: ${u.mediumFocusOutlineOffset};
|
|
1140
|
+
}
|
|
1141
|
+
|
|
1142
|
+
.ftds--size-medium.ft-button--icon-only {
|
|
1143
|
+
width: ${u.mediumIconOnlyWidth};
|
|
1144
|
+
}
|
|
1145
|
+
|
|
1146
|
+
|
|
1147
|
+
/** Small styles **/
|
|
1148
|
+
|
|
1149
|
+
.ftds--size-small {
|
|
1150
|
+
${(0,v.setVariable)(z.size,u.smallIconSize)};
|
|
1151
|
+
${(0,v.setVariable)(D.size,u.smallIconSize)};
|
|
1152
|
+
|
|
1153
|
+
height: ${u.smallHeight};
|
|
1154
|
+
padding: 0 ${u.smallHorizontalPadding};
|
|
1155
|
+
gap: ${u.smallGap};
|
|
1156
|
+
border-radius: ${u.smallBorderRadius};
|
|
1157
|
+
border-width: ${u.smallBorderWidth};
|
|
1158
|
+
}
|
|
1159
|
+
|
|
1160
|
+
.ftds--size-small:focus-visible {
|
|
1161
|
+
outline-width: ${u.smallFocusOutlineWidth};
|
|
1162
|
+
outline-offset: ${u.smallFocusOutlineOffset};
|
|
1163
|
+
}
|
|
1164
|
+
|
|
1165
|
+
.ftds--size-small.ft-button--icon-only {
|
|
1166
|
+
width: ${u.smallIconOnlyWidth};
|
|
1167
|
+
}
|
|
1168
|
+
`,v.noTextSelect];var Vo=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},St=class extends(0,Ko.toFtdsBase)(K){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=Bt.brand,this.iconVariant=yt.fluid_topics}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon,"ft-button--round":this.round,...this.getDesignSystemBaseClasses()}}get typographyVariant(){switch(this.size){case j.large:return J.body2medium;case j.medium:return J.caption1medium;case j.small:return J.caption2medium}}};St.styles=[Ko.safariEllipsisFix,oc];Vo([(0,Oo.property)({type:Boolean})],St.prototype,"primary",void 0);Vo([(0,Oo.property)({type:Boolean})],St.prototype,"secondary",void 0);Vo([(0,Oo.property)({type:Boolean})],St.prototype,"tertiary",void 0);Vo([(0,Oo.property)({type:Boolean})],St.prototype,"round",void 0);(0,Xr.customElement)("ft-button")(_t);(0,Xr.customElement)("ftds-button")(St);var rc=g(_());var nc=rc.css`
|
|
1169
|
+
:host {
|
|
1170
|
+
position: relative;
|
|
1171
|
+
display: inline-block;
|
|
1172
|
+
}
|
|
1173
|
+
|
|
1174
|
+
.ftds-popover {
|
|
1175
|
+
position: relative;
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
.ftds-popover--container {
|
|
1179
|
+
position: absolute;
|
|
1180
|
+
z-index: 2;
|
|
1181
|
+
display: block;
|
|
1182
|
+
margin: auto;
|
|
1183
|
+
}
|
|
1184
|
+
|
|
1185
|
+
.ftds-popover--closing-button {
|
|
1186
|
+
position: absolute;
|
|
1187
|
+
top: 8px;
|
|
1188
|
+
right: 8px;
|
|
1189
|
+
}
|
|
1190
|
+
|
|
1191
|
+
.ftds-popover--overlay {
|
|
1192
|
+
position: fixed;
|
|
1193
|
+
top: 0;
|
|
1194
|
+
right: 0;
|
|
1195
|
+
bottom: 0;
|
|
1196
|
+
left: 0;
|
|
1197
|
+
height: 100%;
|
|
1198
|
+
width: 100%;
|
|
1199
|
+
opacity: 0;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
.ftds-popover--wrapper {
|
|
1203
|
+
visibility: hidden;
|
|
1204
|
+
position: fixed;
|
|
1205
|
+
display: flex;
|
|
1206
|
+
flex-direction: column;
|
|
1207
|
+
|
|
1208
|
+
max-width: ${xt.maxWidth};
|
|
1209
|
+
width: max-content;
|
|
1210
|
+
|
|
1211
|
+
padding-left: ${xt.horizontalPadding};
|
|
1212
|
+
padding-right: ${xt.horizontalPadding};
|
|
1213
|
+
padding-top: ${xt.verticalPadding};
|
|
1214
|
+
padding-bottom: ${xt.verticalPadding};
|
|
1215
|
+
gap: ${xt.gap};
|
|
1216
|
+
|
|
1217
|
+
background-color: ${xt.backgroundColor};
|
|
1218
|
+
border-radius: ${xt.borderRadius};
|
|
1219
|
+
box-shadow: ${xt.shadow};
|
|
1220
|
+
}
|
|
1221
|
+
|
|
1222
|
+
.ftds-popover--heading {
|
|
1223
|
+
flex-shrink: 0;
|
|
1224
|
+
|
|
1225
|
+
display: flex;
|
|
1226
|
+
align-items: center;
|
|
1227
|
+
gap: ${xt.gap};
|
|
1228
|
+
|
|
1229
|
+
color: ${xt.titleColor};
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
.ftds-popover--heading ft-typography {
|
|
1233
|
+
flex-grow: 1;
|
|
1234
|
+
flex-shrink: 1;
|
|
1235
|
+
text-overflow: ellipsis;
|
|
1236
|
+
overflow: hidden;
|
|
1237
|
+
white-space: nowrap;
|
|
1238
|
+
}
|
|
1239
|
+
|
|
1240
|
+
.ftds-popover--content {
|
|
1241
|
+
color: ${xt.bodyColor};
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1244
|
+
.ftds-popover--wrapper-positioned {
|
|
1245
|
+
visibility: visible;
|
|
1246
|
+
}
|
|
1247
|
+
`;var ac=g(ae());var Ct=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Z=class extends Xe.FtLitElement{constructor(){super(...arguments),this.heading="",this.closeButtonLabel="close info",this.openButtonLabel="more info",this.openButtonTooltipPosition="bottom",this.opened=!1,this.hidden=!1,this.openButtonSize=j.medium,this.openButtonFamily=Bt.info,this.watchFocusIn=e=>{e.composedPath().includes(this.popoverWrapper)||this.close()},this.watchEscapeKey=e=>{e.key==="Escape"&&this.closeAndFocusOpeningButton()},this.closeAndFocusOpeningButton=()=>{this.close(),this.openingButton.focus()}}render(){let e={"ftds-popover":!0,"ftds-popover--opened":this.opened};return this.hidden?Qt.nothing:Qt.html`
|
|
1248
|
+
<div part="container" class="${(0,ac.classMap)(e)}">
|
|
1249
|
+
<ftds-button @focusin="${this.close}"
|
|
1250
|
+
part="opening-button"
|
|
1251
|
+
size="${this.openButtonSize}" family="${this.openButtonFamily}" label="${this.openButtonLabel}"
|
|
1252
|
+
tooltipposition="${this.openButtonTooltipPosition}" icon="${Jt.CIRCLE_QUESTION}"
|
|
1253
|
+
aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="ftds-popover-dialog"
|
|
1254
|
+
@click=${this.open}>
|
|
1255
|
+
</ftds-button>
|
|
1256
|
+
${this.renderPopover()}
|
|
1257
|
+
</div>
|
|
1258
|
+
`}renderPopover(){return this.opened?Qt.html`
|
|
1259
|
+
<div class="ftds-popover--container">
|
|
1260
|
+
<div class="ftds-popover--overlay" part="overlay" @click="${this.close}"></div>
|
|
1261
|
+
<div class="ftds-popover--wrapper" part="wrapper" role="dialog" id="ftds-popover-dialog"
|
|
1262
|
+
aria-labelledby="ftds-popover-heading" aria-describedby="ftds-popover-content">
|
|
1263
|
+
${this.renderClosingButton()}
|
|
1264
|
+
<slot name="heading">
|
|
1265
|
+
${this.renderHeading()}
|
|
1266
|
+
</slot>
|
|
1267
|
+
<div class="ftds-popover--content" part="content" id="ftds-popover-content">
|
|
1268
|
+
<ft-typography variant="body-2-medium">
|
|
1269
|
+
<slot></slot>
|
|
1270
|
+
</ft-typography>
|
|
1271
|
+
</div>
|
|
1272
|
+
<ft-typography variant="body-2-medium" part="popover-link-typography">
|
|
1273
|
+
<slot name="link"
|
|
1274
|
+
part="popover-link"
|
|
1275
|
+
class="ftds-popover--link"
|
|
1276
|
+
@slotchange=${this.requestUpdate}
|
|
1277
|
+
></slot>
|
|
1278
|
+
</ft-typography>
|
|
1279
|
+
</div>
|
|
1280
|
+
</div>
|
|
1281
|
+
`:Qt.nothing}renderClosingButton(){return Qt.html`
|
|
1282
|
+
<div class="ftds-popover--closing-button">
|
|
1283
|
+
<ftds-button icon="${Jt.CLOSE}" size="${j.small}" family="${Bt.neutral}"
|
|
1284
|
+
part="closing-button" label="${this.closeButtonLabel}" @click=${this.closeAndFocusOpeningButton}></ftds-button>
|
|
1285
|
+
</div>
|
|
1286
|
+
`}renderHeading(){return this.heading?Qt.html`
|
|
1287
|
+
<div class="ftds-popover--heading" part="heading" id="ftds-popover-heading">
|
|
1288
|
+
<ft-typography element="span" variant="body-2-semibold">${this.heading}</ft-typography>
|
|
1289
|
+
</div>
|
|
1290
|
+
`:Qt.nothing}updated(e){super.updated(e),e.has("opened")&&(this.opened?setTimeout(()=>{this.positionWrapper(),document.addEventListener("keydown",this.watchEscapeKey),document.addEventListener("focusin",this.watchFocusIn)},0):(document.removeEventListener("keydown",this.watchEscapeKey),document.removeEventListener("focusin",this.watchFocusIn)))}close(){this.opened=!1,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!1}}))}open(){this.opened=!0,this.dispatchEvent(new CustomEvent("opened-changed",{detail:{opened:!0}}))}hasTextLinkContent(){return(0,Xe.unslotText)(this.slottedLinkContent).trim().length>0}async positionWrapper(){this.popoverWrapper.classList.remove("ftds-popover--wrapper-positioned"),this.popoverWrapper.style.left="",this.popoverWrapper.style.top="";let e=this.openingButton,r=["right-start","bottom-end","right-end","left-start","left-end","top-start","top-end"],{x:n,y:a}=await(0,Xe.computeFlipOffsetPosition)(e,this.popoverWrapper,"bottom-start",r,"fixed");this.popoverWrapper.style.left=`${n}px`,this.popoverWrapper.style.top=`${a}px`,this.popoverWrapper.classList.add("ftds-popover--wrapper-positioned"),this.popoverLinkTypography.hidden=!this.hasTextLinkContent(),this.closingButton.focus()}};Z.elementDefinitions={"ft-typography":V,"ftds-button":St};Z.styles=nc;Ct([(0,ct.property)({type:String})],Z.prototype,"heading",void 0);Ct([(0,ct.property)({type:String})],Z.prototype,"closeButtonLabel",void 0);Ct([(0,ct.property)({type:String})],Z.prototype,"openButtonLabel",void 0);Ct([(0,ct.property)({type:String})],Z.prototype,"openButtonTooltipPosition",void 0);Ct([(0,ct.property)({type:Boolean})],Z.prototype,"opened",void 0);Ct([(0,ct.property)({type:Boolean})],Z.prototype,"hidden",void 0);Ct([(0,ct.property)({type:j})],Z.prototype,"openButtonSize",void 0);Ct([(0,ct.property)({type:Bt})],Z.prototype,"openButtonFamily",void 0);Ct([(0,ct.query)("[part=opening-button]")],Z.prototype,"openingButton",void 0);Ct([(0,ct.query)("[part=closing-button]")],Z.prototype,"closingButton",void 0);Ct([(0,ct.query)("[part=wrapper]")],Z.prototype,"popoverWrapper",void 0);Ct([(0,ct.query)("[part=popover-link]")],Z.prototype,"slottedLinkContent",void 0);Ct([(0,ct.query)("[part=popover-link-typography]")],Z.prototype,"popoverLinkTypography",void 0);(0,ic.customElement)("ftds-popover")(Z);var en=g(L());var qo=g(_()),lt=g(Y()),pc=g(ae()),Je=g(L());var Zo=g(_()),k=g(L());var cc=k.FtCssVariableFactory.extend("--ft-chip-color","",k.designSystemVariables.colorOnSurface),Pt={backgroundColor:k.FtCssVariableFactory.extend("--ft-chip-background-color","",k.designSystemVariables.colorSurface),color:cc,fontSize:k.FtCssVariableFactory.extend("--ft-chip-font-size","",Mt.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","",cc),horizontalPadding:k.FtCssVariableFactory.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:k.FtCssVariableFactory.create("--ft-chip-vertical-padding","","SIZE","6px"),borderColor:k.FtCssVariableFactory.extend("--ft-chip-border-color","",k.designSystemVariables.colorOutline),opacityDisabled:k.FtCssVariableFactory.external(k.designSystemVariables.colorOpacityDisabled,"Design system")},lc=k.FtCssVariableFactory.extend("--ft-chip-highlighted-color","",k.FtCssVariableFactory.extend("--ft-chip-color","",k.designSystemVariables.colorOnPrimary)),Jr={backgroundColor:k.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color","",k.FtCssVariableFactory.extend("--ft-chip-background-color","",k.designSystemVariables.colorPrimary)),color:lc,rippleColor:k.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color","",lc)},sc={horizontalPadding:k.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),verticalPadding:k.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","","SIZE","4px")},dc=[k.noTextSelect,Zo.css`
|
|
1291
|
+
:host {
|
|
1292
|
+
display: inline-block;
|
|
1293
|
+
max-width: 100%;
|
|
1294
|
+
pointer-events: none;
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1297
|
+
.ft-chip {
|
|
1298
|
+
position: relative;
|
|
1299
|
+
display: flex;
|
|
1300
|
+
justify-content: center;
|
|
1301
|
+
align-items: center;
|
|
1302
|
+
width: 100%;
|
|
1303
|
+
box-sizing: border-box;
|
|
1304
|
+
pointer-events: auto;
|
|
1305
|
+
|
|
1306
|
+
--ft-chip-internal-font-size: ${Pt.fontSize};
|
|
1307
|
+
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1308
|
+
${(0,k.setVariable)(z.size,Pt.iconSize)};
|
|
1309
|
+
--ft-chip-internal-vertical-padding: ${Pt.verticalPadding};
|
|
1310
|
+
--ft-chip-internal-horizontal-padding: ${Pt.horizontalPadding};
|
|
1311
|
+
--ft-chip-internal-icon-padding: 3px;
|
|
1312
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Pt.iconSize});
|
|
1313
|
+
|
|
1314
|
+
border: 1px solid ${Pt.borderColor};
|
|
1315
|
+
color: ${Pt.color};
|
|
1316
|
+
${(0,k.setVariable)(C.color,Pt.rippleColor)};
|
|
1317
|
+
border-radius: var(${(0,Zo.unsafeCSS)(Pt.borderRadius.name)}, calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding)));
|
|
1318
|
+
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1319
|
+
background-color: ${Pt.backgroundColor};
|
|
1320
|
+
line-height: var(--ft-chip-internal-content-height);
|
|
1321
|
+
}
|
|
1322
|
+
|
|
1323
|
+
.ft-chip > *:not(ft-ripple) {
|
|
1324
|
+
position: relative;
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1327
|
+
.ft-chip--dense {
|
|
1328
|
+
--ft-chip-internal-icon-padding: 3px;
|
|
1329
|
+
--ft-chip-internal-vertical-padding: ${sc.verticalPadding};
|
|
1330
|
+
--ft-chip-internal-horizontal-padding: ${sc.horizontalPadding};
|
|
1331
|
+
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1332
|
+
}
|
|
1333
|
+
|
|
1334
|
+
.ft-chip--no-content {
|
|
1335
|
+
--ft-chip-internal-horizontal-padding: var(--ft-chip-horizontal-padding, var(--ft-chip-internal-vertical-padding));
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
.ft-chip--disabled {
|
|
1339
|
+
cursor: default;
|
|
1340
|
+
pointer-events: none;
|
|
1341
|
+
filter: grayscale(1);
|
|
1342
|
+
opacity: ${Pt.opacityDisabled};
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1345
|
+
.ft-chip--highlighted {
|
|
1346
|
+
border: none;
|
|
1347
|
+
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1348
|
+
background-color: ${Jr.backgroundColor};
|
|
1349
|
+
${(0,k.setVariable)(C.color,Jr.rippleColor)};
|
|
1350
|
+
color: ${Jr.color};
|
|
1351
|
+
}
|
|
1352
|
+
|
|
1353
|
+
.ft-chip--clickable {
|
|
1354
|
+
cursor: pointer;
|
|
1355
|
+
overflow: hidden
|
|
1356
|
+
}
|
|
1357
|
+
|
|
1358
|
+
.ft-chip:focus {
|
|
1359
|
+
outline: 2px solid var(--ft-color-primary, #2196F3);
|
|
1360
|
+
outline-offset: 2px;
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
.ft-chip--icon-container {
|
|
1364
|
+
display: inline-flex;
|
|
1365
|
+
position: relative;
|
|
1366
|
+
overflow: hidden;
|
|
1367
|
+
border-radius: 100%;
|
|
1368
|
+
justify-content: center;
|
|
1369
|
+
align-items: center;
|
|
1370
|
+
flex-shrink: 0;
|
|
1371
|
+
|
|
1372
|
+
padding: var(--ft-chip-internal-icon-padding);
|
|
1373
|
+
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.ft-chip--icon-container > *:not(ft-ripple) {
|
|
1377
|
+
position: relative;
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
.ft-chip--icon-button {
|
|
1381
|
+
${(0,k.setVariable)(F.iconSize,Pt.iconSize)};
|
|
1382
|
+
${(0,k.setVariable)(F.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1383
|
+
${(0,k.setVariable)(F.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1384
|
+
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
.ft-chip--label {
|
|
1388
|
+
vertical-align: bottom;
|
|
1389
|
+
display: block;
|
|
1390
|
+
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1391
|
+
${(0,k.setVariable)(Mt.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1392
|
+
${(0,k.setVariable)(Mt.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1395
|
+
.ft-chip--safari-fix .ft-chip--label {
|
|
1396
|
+
margin-right: 0;
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
.ft-chip:not(.ft-chip--multi-line) .ft-chip--label {
|
|
1400
|
+
overflow: hidden;
|
|
1401
|
+
white-space: nowrap;
|
|
1402
|
+
text-overflow: ellipsis;
|
|
1403
|
+
}
|
|
1404
|
+
|
|
1405
|
+
.ft-chip--safari-fix:not(.ft-chip--multi-line) .ft-chip--label:after {
|
|
1406
|
+
content: "\\0000a0";
|
|
1407
|
+
display: inline-block;
|
|
1408
|
+
width: 0;
|
|
1409
|
+
}
|
|
1410
|
+
|
|
1411
|
+
.ft-chip--no-content .ft-chip--label {
|
|
1412
|
+
display: none;
|
|
1413
|
+
}
|
|
1414
|
+
|
|
1415
|
+
.ft-chip--no-content .ft-chip--label + .ft-chip--icon-container {
|
|
1416
|
+
width: var(--ft-chip-internal-content-height);
|
|
1417
|
+
height: var(--ft-chip-internal-content-height);
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
.ft-chip--icon-container:focus {
|
|
1421
|
+
outline: none;
|
|
1422
|
+
}
|
|
1423
|
+
|
|
1424
|
+
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-container,
|
|
1425
|
+
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
1426
|
+
order: -1;
|
|
1427
|
+
}
|
|
1428
|
+
`];var Ot=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Yo=class extends CustomEvent{constructor(){super("icon-click")}},ot=class extends Je.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 e={"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":Je.isSafari};return qo.html`
|
|
1429
|
+
<div class="${(0,pc.classMap)(e)}"
|
|
1430
|
+
aria-label="${this.getLabel()}"
|
|
1431
|
+
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1432
|
+
@keyup=${this.onKeyUp}
|
|
1433
|
+
part="chip">
|
|
1434
|
+
<ft-ripple ?disabled=${!this.interactionsOnChip}></ft-ripple>
|
|
1435
|
+
<ft-typography variant="body2" element="span" class="ft-chip--label" part="label">
|
|
1436
|
+
<slot @slotchange=${this.onSlotchange}></slot>
|
|
1437
|
+
</ft-typography>
|
|
1438
|
+
${this.internalIcon?this.renderIcon():null}
|
|
1439
|
+
</div>
|
|
1440
|
+
`}get interactionsOnChip(){return this.clickable&&!this.disabled}get interactionsOnIcon(){return(this.iconClickable||this.removable)&&!this.disabled}renderIcon(){return this.interactionsOnIcon?qo.html`
|
|
1441
|
+
<ft-button round
|
|
1442
|
+
class="ft-chip--icon-button"
|
|
1443
|
+
@click=${this.onIconClick}
|
|
1444
|
+
.iconVariant=${this.iconVariant}
|
|
1445
|
+
icon="${this.internalIcon}"
|
|
1446
|
+
label="${this.iconLabel}"
|
|
1447
|
+
tooltipposition="top"
|
|
1448
|
+
part="icon-button"
|
|
1449
|
+
></ft-button>
|
|
1450
|
+
`:qo.html`
|
|
1451
|
+
<div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
|
|
1452
|
+
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
|
|
1453
|
+
</div>
|
|
1454
|
+
`}onKeyUp(e){this.interactionsOnChip&&["Enter"," "].includes(e.key)&&e.target.click()}onIconKeyUp(e){this.interactionsOnIcon&&["Enter"," "].includes(e.key)&&(e.stopPropagation(),this.dispatchEvent(new Yo))}onIconClick(e){this.interactionsOnIcon&&(e.stopPropagation(),this.dispatchEvent(new Yo))}getLabel(){return this.label||this.textContent}get textContent(){return(0,Je.unslotText)(this.slottedContent).trim()}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}};ot.elementDefinitions={"ft-ripple":M,"ft-typography":V,"ft-icon":rt,"ft-button":_t};ot.styles=dc;Ot([(0,lt.property)({type:Boolean})],ot.prototype,"highlighted",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"removable",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"disabled",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"clickable",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"iconClickable",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"dense",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"multiLine",void 0);Ot([(0,lt.property)()],ot.prototype,"label",void 0);Ot([(0,lt.property)()],ot.prototype,"iconLabel",void 0);Ot([(0,lt.property)()],ot.prototype,"icon",void 0);Ot([(0,lt.property)()],ot.prototype,"iconVariant",void 0);Ot([(0,lt.property)({type:Boolean})],ot.prototype,"trailingIcon",void 0);Ot([(0,lt.query)("ft-typography slot")],ot.prototype,"slottedContent",void 0);var Le=g(_()),Pe=g(Y()),hc=g(ae()),Xo=g(L());var fc=g(_());var Qr=g(L());var uc=[fc.css`
|
|
1455
|
+
:host {
|
|
1456
|
+
display: inline-block;
|
|
1457
|
+
max-width: 100%;
|
|
1458
|
+
pointer-events: none;
|
|
1459
|
+
}
|
|
1460
|
+
|
|
1461
|
+
.ftds-chip {
|
|
1462
|
+
display: flex;
|
|
1463
|
+
align-items: center;
|
|
1464
|
+
}
|
|
1465
|
+
|
|
1466
|
+
.ftds-chip ft-typography {
|
|
1467
|
+
display: flex; /* For typo alignment in the chip */
|
|
1468
|
+
}
|
|
1469
|
+
|
|
1470
|
+
/* MEDIUM VARIANT */
|
|
1471
|
+
.ftds--size-medium {
|
|
1472
|
+
min-height: ${B.mediumMinHeight};
|
|
1473
|
+
padding: 0 ${B.mediumHorizontalPadding};
|
|
1474
|
+
border-radius: ${B.mediumBorderRadius};
|
|
1475
|
+
border-width: ${B.mediumBorderWidth};
|
|
1476
|
+
border-style: solid;
|
|
1477
|
+
gap: ${B.mediumGap};
|
|
1478
|
+
${(0,Qr.setVariable)(z.size,B.mediumIconSize)}
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
.ftds--size-medium.ftds-chip--removable {
|
|
1482
|
+
padding-right: ${B.mediumButtonRightPadding};
|
|
1483
|
+
}
|
|
1484
|
+
|
|
1485
|
+
|
|
1486
|
+
/* LARGE VARIANT */
|
|
1487
|
+
.ftds--size-large {
|
|
1488
|
+
min-height: ${B.largeMinHeight};
|
|
1489
|
+
padding: 0 ${B.largeHorizontalPadding};
|
|
1490
|
+
border-radius: ${B.largeBorderRadius};
|
|
1491
|
+
border-width: ${B.largeBorderWidth};
|
|
1492
|
+
border-style: solid;
|
|
1493
|
+
gap: ${B.largeGap};
|
|
1494
|
+
${(0,Qr.setVariable)(z.size,B.largeIconSize)}
|
|
1495
|
+
}
|
|
1496
|
+
|
|
1497
|
+
.ftds--size-large.ftds-chip--removable {
|
|
1498
|
+
padding-right: ${B.largeButtonRightPadding};
|
|
1499
|
+
}
|
|
1500
|
+
|
|
1501
|
+
|
|
1502
|
+
/* NEUTRAL COLORS */
|
|
1503
|
+
.ftds--family-neutral {
|
|
1504
|
+
background-color: ${B.neutralBackgroundColor};
|
|
1505
|
+
border-color: ${B.neutralBorderColor};
|
|
1506
|
+
color: ${B.neutralColor};
|
|
1507
|
+
}
|
|
1508
|
+
|
|
1509
|
+
.ftds--family-neutral .ftds-chip--icon-container {
|
|
1510
|
+
color: ${B.neutralIconColor};
|
|
1511
|
+
}
|
|
1512
|
+
|
|
1513
|
+
|
|
1514
|
+
/* INFO COLORS */
|
|
1515
|
+
.ftds--family-info {
|
|
1516
|
+
background-color: ${B.infoBackgroundColor};
|
|
1517
|
+
border-color: ${B.infoBorderColor};
|
|
1518
|
+
color: ${B.infoColor};
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
.ftds--family-info .ftds-chip--icon-container {
|
|
1522
|
+
color: ${B.infoIconColor};
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
|
|
1526
|
+
/* SUCCESS COLORS */
|
|
1527
|
+
.ftds--family-success {
|
|
1528
|
+
background-color: ${B.successBackgroundColor};
|
|
1529
|
+
border-color: ${B.successBorderColor};
|
|
1530
|
+
color: ${B.successColor};
|
|
1531
|
+
}
|
|
1532
|
+
|
|
1533
|
+
.ftds--family-success .ftds-chip--icon-container {
|
|
1534
|
+
color: ${B.successIconColor};
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
|
|
1538
|
+
/* WARNING COLORS */
|
|
1539
|
+
.ftds--family-warning {
|
|
1540
|
+
background-color: ${B.warningBackgroundColor};
|
|
1541
|
+
border-color: ${B.warningBorderColor};
|
|
1542
|
+
color: ${B.warningColor};
|
|
1543
|
+
}
|
|
1544
|
+
|
|
1545
|
+
.ftds--family-warning .ftds-chip--icon-container {
|
|
1546
|
+
color: ${B.warningIconColor};
|
|
1547
|
+
}
|
|
1548
|
+
|
|
1549
|
+
|
|
1550
|
+
/* ERROR COLORS */
|
|
1551
|
+
.ftds--family-error {
|
|
1552
|
+
background-color: ${B.errorBackgroundColor};
|
|
1553
|
+
border-color: ${B.errorBorderColor};
|
|
1554
|
+
color: ${B.errorColor};
|
|
1555
|
+
}
|
|
1556
|
+
|
|
1557
|
+
.ftds--family-error .ftds-chip--icon-container {
|
|
1558
|
+
color: ${B.errorIconColor};
|
|
1559
|
+
}
|
|
1560
|
+
`];var wo=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},tn=class extends CustomEvent{constructor(){super("remove")}},wt=class extends Xo.FtdsBase{constructor(){super(...arguments),this.removable=!1,this.removeButtonLabel="Remove",this.label=""}render(){let e={"ftds-chip":!0,"ftds-chip--removable":this.removable,"ftds-chip--with-icon":!!this.icon,...this.getDesignSystemBaseClasses()};return Le.html`
|
|
1561
|
+
<div class="${(0,hc.classMap)(e)}"
|
|
1562
|
+
aria-label="${this.getLabel()}"
|
|
1563
|
+
part="chip">
|
|
1564
|
+
${this.renderIcon()}
|
|
1565
|
+
<ft-typography variant=${this.typographyVariant()} element="span" class="ftds-chip--label" part="label">
|
|
1566
|
+
<slot @slotchange=${this.onSlotchange}></slot>
|
|
1567
|
+
</ft-typography>
|
|
1568
|
+
${this.renderRemoveButton()}
|
|
1569
|
+
</div>
|
|
1570
|
+
`}renderIcon(){return this.icon?Le.html`
|
|
1571
|
+
<div class="ftds-chip--icon-container" part="icon-container">
|
|
1572
|
+
<ft-icon .variant=${yt.fluid_topics} .value="${this.icon}" part="icon"></ft-icon>
|
|
1573
|
+
</div>
|
|
1574
|
+
`:Le.nothing}renderRemoveButton(){return this.removable?Le.html`
|
|
1575
|
+
<ftds-button round
|
|
1576
|
+
class="ftds-chip--remove-button"
|
|
1577
|
+
@click=${this.dispatchRemoveEvent}
|
|
1578
|
+
icon=${Jt.X_MARK}
|
|
1579
|
+
label=${this.removeButtonLabel}
|
|
1580
|
+
family=${Xo.DesignSystemFamily.neutral}
|
|
1581
|
+
size=${this.resolveButtonSize()}
|
|
1582
|
+
part="icon-button"
|
|
1583
|
+
></ftds-button>
|
|
1584
|
+
`:Le.nothing}resolveButtonSize(){switch(this.size){case j.large:return j.medium;case j.medium:case j.small:return j.small}}getLabel(){return this.label||this.textContent}get textContent(){var e,r;return(r=(e=this.slottedContent)===null||e===void 0?void 0:e.assignedNodes().map(n=>n.textContent).join("").trim())!==null&&r!==void 0?r:""}onSlotchange(){this.requestUpdate()}dispatchRemoveEvent(){this.dispatchEvent(new tn)}typographyVariant(){switch(this.size){case j.large:return J.body2medium;case j.medium:return J.caption1medium;case j.small:return J.caption2medium}}};wt.elementDefinitions={"ft-typography":V,"ft-icon":rt,"ftds-button":St};wt.styles=uc;wo([(0,Pe.property)({type:Boolean})],wt.prototype,"removable",void 0);wo([(0,Pe.property)()],wt.prototype,"removeButtonLabel",void 0);wo([(0,Pe.property)()],wt.prototype,"label",void 0);wo([(0,Pe.property)()],wt.prototype,"icon",void 0);wo([(0,Pe.query)("ft-typography slot")],wt.prototype,"slottedContent",void 0);(0,en.customElement)("ft-chip")(ot);(0,en.customElement)("ftds-chip")(wt);var bc=g(L());var Jo=g(_()),to=g(Y()),gc=g(ae()),eo=g(L());var yc=g(_());var Qe=g(L()),mc=yc.css`
|
|
1585
|
+
|
|
1586
|
+
.ftds-link {
|
|
1587
|
+
display: inline-flex;
|
|
1588
|
+
align-items: baseline;
|
|
1589
|
+
text-decoration: none;
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
.ftds-link.ftds-link--underlined .ftds-link--label {
|
|
1593
|
+
text-decoration: underline;
|
|
1594
|
+
}
|
|
1595
|
+
|
|
1596
|
+
.ftds-link:focus-visible {
|
|
1597
|
+
outline: 2px solid;
|
|
1598
|
+
outline-offset: 2px;
|
|
1599
|
+
border-radius: ${Qe.designSystemVariables.borderRadiusS};
|
|
1600
|
+
}
|
|
1601
|
+
|
|
1602
|
+
.ftds-link--variant-caption-2-medium,
|
|
1603
|
+
.ftds-link--variant-caption-2-semibold,
|
|
1604
|
+
.ftds-link--variant-caption-2-bold
|
|
1605
|
+
{
|
|
1606
|
+
${(0,Qe.setVariable)(z.size,"14px")};
|
|
1607
|
+
}
|
|
1608
|
+
|
|
1609
|
+
.ftds-link--variant-caption-1-medium,
|
|
1610
|
+
.ftds-link--variant-caption-1-semibold,
|
|
1611
|
+
.ftds-link--variant-caption-1-bold
|
|
1612
|
+
{
|
|
1613
|
+
${(0,Qe.setVariable)(z.size,"16px")};
|
|
1614
|
+
}
|
|
1615
|
+
|
|
1616
|
+
.ftds-link--variant-body-2-medium,
|
|
1617
|
+
.ftds-link--variant-body-2-semibold,
|
|
1618
|
+
.ftds-link--variant-body-2-regular
|
|
1619
|
+
{
|
|
1620
|
+
${(0,Qe.setVariable)(z.size,"18px")};
|
|
1621
|
+
}
|
|
1622
|
+
|
|
1623
|
+
.ftds--family-neutral {
|
|
1624
|
+
color: ${tt.neutralDefaultColor};
|
|
1625
|
+
}
|
|
1626
|
+
|
|
1627
|
+
.ftds--family-neutral:hover {
|
|
1628
|
+
color: ${tt.neutralHoverColor};
|
|
1629
|
+
}
|
|
1630
|
+
|
|
1631
|
+
.ftds--family-neutral:focus-visible {
|
|
1632
|
+
color: ${tt.neutralFocusColor};
|
|
1633
|
+
outline-color: ${tt.neutralFocusFocusRingColor};
|
|
1634
|
+
}
|
|
1635
|
+
|
|
1636
|
+
.ftds--family-neutral:active {
|
|
1637
|
+
color: ${tt.neutralActiveColor};
|
|
1638
|
+
}
|
|
1639
|
+
|
|
1640
|
+
.ftds--family-info {
|
|
1641
|
+
color: ${tt.infoDefaultColor};
|
|
1642
|
+
}
|
|
1643
|
+
|
|
1644
|
+
.ftds--family-info:hover {
|
|
1645
|
+
color: ${tt.infoHoverColor};
|
|
1646
|
+
opacity: ${tt.infoHoverOpacity};
|
|
1647
|
+
}
|
|
1648
|
+
|
|
1649
|
+
.ftds--family-info:focus-visible {
|
|
1650
|
+
color: ${tt.infoFocusColor};
|
|
1651
|
+
outline-color: ${tt.infoFocusFocusRingColor};
|
|
1652
|
+
}
|
|
1653
|
+
|
|
1654
|
+
.ftds--family-info:active {
|
|
1655
|
+
color: ${tt.infoActiveColor};
|
|
1656
|
+
}
|
|
1657
|
+
|
|
1658
|
+
.ftds--family-brand {
|
|
1659
|
+
color: ${tt.brandDefaultColor};
|
|
1660
|
+
}
|
|
1661
|
+
|
|
1662
|
+
.ftds--family-brand:hover {
|
|
1663
|
+
color: ${tt.brandHoverColor};
|
|
1664
|
+
opacity: ${tt.brandHoverOpacity};
|
|
1665
|
+
}
|
|
1666
|
+
|
|
1667
|
+
.ftds--family-brand:focus-visible {
|
|
1668
|
+
color: ${tt.brandFocusColor};
|
|
1669
|
+
outline-color: ${tt.brandFocusFocusRingColor};
|
|
1670
|
+
}
|
|
1671
|
+
|
|
1672
|
+
.ftds--family-brand:active {
|
|
1673
|
+
color: ${tt.infoActiveColor};
|
|
1674
|
+
}
|
|
1675
|
+
`;var Eo=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Qo;(function(o){o.SELF="_self",o.BLANK="_blank"})(Qo||(Qo={}));var Et=class extends eo.FtdsBase{constructor(){super(...arguments),this.href="",this.variant=J.body2medium,this.underlined=!1,this.openInNewTabLabel="This link will be opened in a new tab",this.target=Qo.SELF,this.icon="extlink-light"}get linkClasses(){return{"ftds-link":!0,"ftds-link--underlined":this.underlined,...this.resolveVariantClasses,...this.getDesignSystemBaseClasses()}}render(){return Jo.html`
|
|
1676
|
+
<a part="link"
|
|
1677
|
+
target="${this.target}"
|
|
1678
|
+
href="${this.href}"
|
|
1679
|
+
class="${(0,gc.classMap)(this.linkClasses)}">
|
|
1680
|
+
<ft-typography part="label"
|
|
1681
|
+
variant=${this.variant}
|
|
1682
|
+
element="span"
|
|
1683
|
+
class="ftds-link--label ${eo.isSafari?"ft-safari-ellipsis-fix":""}">
|
|
1684
|
+
<span><slot @slotchange=${this.onSlotchange}></slot></span>
|
|
1685
|
+
</ft-typography>
|
|
1686
|
+
${this.resolveIcon()}
|
|
1687
|
+
</a>
|
|
1688
|
+
`}resolveIcon(){return this.target===Qo.BLANK?Jo.html`
|
|
1689
|
+
<ft-icon aria-label="${this.openInNewTabLabel}" part="icon" .variant="${yt.fluid_topics}" .value="${this.icon}">
|
|
1690
|
+
</ft-icon>
|
|
1691
|
+
`:Jo.html``}get resolveVariantClasses(){return{["ftds-link--variant-"+this.variant]:!0}}onSlotchange(){this.requestUpdate()}};Et.elementDefinitions={"ft-typography":V,"ft-icon":rt};Et.styles=[eo.safariEllipsisFix,mc];Eo([(0,to.property)()],Et.prototype,"href",void 0);Eo([(0,to.property)()],Et.prototype,"variant",void 0);Eo([(0,to.property)({type:Boolean})],Et.prototype,"underlined",void 0);Eo([(0,to.property)()],Et.prototype,"openInNewTabLabel",void 0);Eo([(0,to.property)()],Et.prototype,"target",void 0);(0,bc.customElement)("ftds-link")(Et);var xl=g(L());var Or=g(_()),wr=g(Y()),Er=g(L());var xc=g(_());var vc=xc.css`
|
|
1692
|
+
`;var Cr=g(L());var ml=g(L());var Ec=g(_()),It=g(Y()),Wt=g(L());var Sc=g(_());var Cc=Sc.css`
|
|
1693
|
+
`;var tr=g(L()),es="ft-app-info",on=class extends CustomEvent{constructor(e){super("authentication-change",{detail:e})}},os={session:(o,e)=>{(0,tr.deepEqual)(o.session,e.payload)||(o.session=e.payload,setTimeout(()=>$.eventBus.dispatchEvent(new on(e.payload)),0))}},$=tr.FtReduxStore.get({name:es,reducers:os,initialState:{baseUrl:void 0,apiIntegrationIdentifier:void 0,uiLocale:document.documentElement.lang||"en-US",availableUiLocales:[],metadataConfiguration:void 0,editorMode:!1,noCustom:!1,noCustomComponent:!1,session:void 0,openExternalDocumentInNewTab:!1,navigatorOnline:!0,forcedOffline:!1}});var fe=g(L());var rn=g(L());var Ie=class o{static get(e){let{baseUrl:r,apiIntegrationIdentifier:n}=$.getState(),a=e??n;if(r&&a&&window.fluidtopics)return new window.fluidtopics.FluidTopicsApi(r,a,!0)}static await(e){return new Promise(r=>{let n=o.get(e);if(n)r(n);else{let a=$.subscribe(()=>{n=o.get(e),n&&(a(),r(n))})}})}};var pe=class{constructor(e=!0,r){var n;this.overrideApi=r;let a=this.constructor;a.commonCache=(n=a.commonCache)!==null&&n!==void 0?n:new rn.CacheRegistry,this.cache=e?a.commonCache:new rn.CacheRegistry}get api(){var e;return(e=this.overrideApi)!==null&&e!==void 0?e:Ie.get()}get awaitApi(){return this.overrideApi?Promise.resolve(this.overrideApi):Ie.await()}clearCache(){this.cache.clearAll()}};var Oc,rs=Symbol("clearAfterUnitTest"),er=class extends pe{constructor(e){super(),this.messageContextProvider=e,this.defaultMessages={},this.listeners={},this.currentUiLocale="",this[Oc]=()=>{this.defaultMessages={},this.cache=new fe.CacheRegistry,this.listeners={}},this.currentUiLocale=$.getState().uiLocale,$.subscribe(()=>this.clearWhenUiLocaleChanges())}clearWhenUiLocaleChanges(){let{uiLocale:e}=$.getState();this.currentUiLocale!==e&&(this.currentUiLocale=e,this.cache.clearAll(),this.notifyAll())}addContext(e){let r=e.name.toLowerCase();this.cache.setFinal(r,e),this.notify(r)}getAllContexts(){return this.cache.resolvedValues()}async prepareContext(e,r){var n;if(e=e.toLowerCase(),Object.keys(r).length>0){let a={...(n=this.defaultMessages[e])!==null&&n!==void 0?n:{},...r};(0,fe.deepEqual)(this.defaultMessages[e],a)||(this.defaultMessages[e]=a,await this.notify(e))}await this.fetchContext(e)}resolveContext(e){var r,n;return this.fetchContext(e),(n=(r=this.cache.getNow(e))===null||r===void 0?void 0:r.messages)!==null&&n!==void 0?n:{}}resolveRawMessage(e,r){let n=e.toLowerCase();return this.resolveContext(n)[r]}resolveMessage(e,r,...n){var a;let i=e.toLowerCase(),l=this.resolveContext(i);return new fe.ParametrizedLabelResolver((a=this.defaultMessages[i])!==null&&a!==void 0?a:{},l).resolve(r,...n)}async fetchContext(e){if(!this.cache.has(e))try{await this.cache.get(e,()=>this.messageContextProvider(this.currentUiLocale,e)),await this.notify(e)}catch(r){console.error(r)}}subscribe(e,r){var n;return e=e.toLowerCase(),this.listeners[e]=(n=this.listeners[e])!==null&&n!==void 0?n:new Set,this.listeners[e].add(r),()=>{var a;return(a=this.listeners[e])===null||a===void 0?void 0:a.delete(r)}}async notifyAll(){await Promise.all(Object.keys(this.listeners).map(e=>this.notify(e)))}async notify(e){this.listeners[e]!=null&&await Promise.all([...this.listeners[e].values()].map(r=>(0,fe.delay)(0).then(()=>r()).catch(()=>null)))}};Oc=rs;window.FluidTopicsI18nService==null&&(window.FluidTopicsI18nService=new class extends er{constructor(){super(async(o,e)=>(await this.awaitApi).getFluidTopicsMessageContext(o,e))}});window.FluidTopicsCustomI18nService==null&&(window.FluidTopicsCustomI18nService=new class extends er{constructor(){super(async(o,e)=>(await this.awaitApi).getCustomMessageContext(o,e))}});var $e=window.FluidTopicsI18nService,wc=window.FluidTopicsCustomI18nService;var st=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},q=class extends Wt.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=()=>Ie.get(),this.messageContexts=[],this.cache=new Wt.CacheRegistry,this.cleanSessionDebouncer=new Wt.Debouncer}render(){return Ec.html`
|
|
1694
|
+
<slot></slot>
|
|
1695
|
+
`}update(e){super.update(e),e.has("baseUrl")&&($.actions.baseUrl(this.baseUrl),window.fluidTopicsBaseUrl=this.baseUrl),e.has("apiIntegrationIdentifier")&&$.actions.apiIntegrationIdentifier(this.apiIntegrationIdentifier),e.has("uiLocale")&&$.actions.uiLocale(this.uiLocale),e.has("metadataConfiguration")&&$.actions.metadataConfiguration(this.metadataConfiguration),e.has("noCustom")&&$.actions.noCustom(this.noCustom),e.has("editorMode")&&$.actions.editorMode(this.editorMode),e.has("noCustomComponent")&&$.actions.noCustomComponent(this.noCustomComponent),e.has("session")&&$.actions.session(this.session),e.has("availableUiLocales")&&$.actions.availableUiLocales(Array.isArray(this.availableUiLocales)?this.availableUiLocales:[]),e.has("messageContexts")&&this.messageContexts!=null&&this.messageContexts.forEach(r=>$e.addContext(r)),e.has("openExternalDocumentInNewTab")&&$.actions.openExternalDocumentInNewTab(this.openExternalDocumentInNewTab),e.has("navigatorOnline")&&$.actions.navigatorOnline(this.navigatorOnline),e.has("forcedOffline")&&$.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 e=await this.apiProvider().getCurrentSession();return e.idleTimeoutInMillis>0&&this.cleanSessionDebouncer.run(()=>{this.cache.clear("session"),this.session=void 0},e.idleTimeoutInMillis),e})}async updateUiLocales(){this.availableUiLocales=await this.cache.get("availableUiLocales",()=>this.apiProvider().getAvailableUiLocales())}async updateMetadataConfiguration(){this.metadataConfiguration=await this.cache.get("metadataConfiguration",()=>this.apiProvider().getMetadataConfiguration())}};q.elementDefinitions={};q.styles=Cc;st([(0,It.property)()],q.prototype,"baseUrl",void 0);st([(0,It.property)()],q.prototype,"apiIntegrationIdentifier",void 0);st([(0,It.property)()],q.prototype,"uiLocale",void 0);st([(0,Wt.jsonProperty)(null)],q.prototype,"availableUiLocales",void 0);st([(0,Wt.jsonProperty)(null)],q.prototype,"metadataConfiguration",void 0);st([(0,It.property)({type:Boolean})],q.prototype,"editorMode",void 0);st([(0,It.property)({type:Boolean})],q.prototype,"noCustom",void 0);st([(0,It.property)({type:Boolean})],q.prototype,"openExternalDocumentInNewTab",void 0);st([(0,It.property)({converter:{fromAttribute(o){return o==="false"?!1:o==="true"||(o??!1)}}})],q.prototype,"noCustomComponent",void 0);st([(0,It.property)({type:Boolean})],q.prototype,"withManualResources",void 0);st([(0,It.property)({type:Boolean})],q.prototype,"navigatorOnline",void 0);st([(0,It.property)({type:Boolean})],q.prototype,"forcedOffline",void 0);st([(0,It.property)({type:Object})],q.prototype,"apiProvider",void 0);st([(0,Wt.jsonProperty)([])],q.prototype,"messageContexts",void 0);st([(0,Wt.jsonProperty)(void 0)],q.prototype,"session",void 0);var Fs=g(Y());function ns(o,e){if(o===e)return!0;if(o&&e&&typeof o=="object"&&typeof e=="object"){if(o.constructor!==e.constructor)return!1;var r,n,a;if(Array.isArray(o)){if(r=o.length,r!=e.length)return!1;for(n=r;n--!==0;)if(!or(o[n],e[n]))return!1;return!0}if(o instanceof Map&&e instanceof Map){if(o.size!==e.size)return!1;for(n of o.entries())if(!e.has(n[0]))return!1;for(n of o.entries())if(!or(n[1],e.get(n[0])))return!1;return!0}if(o instanceof Set&&e instanceof Set){if(o.size!==e.size)return!1;for(n of o.entries())if(!e.has(n[0]))return!1;return!0}if(o.constructor===RegExp)return o.source===e.source&&o.flags===e.flags;if(o.valueOf!==Object.prototype.valueOf)return o.valueOf()===e.valueOf();if(a=Object.keys(o),r=a.length,r!==Object.keys(e).length)return!1;for(n=r;n--!==0;)if(!Object.prototype.hasOwnProperty.call(e,a[n]))return!1;for(n=r;n--!==0;){var i=a[n];if(!or(o[i],e[i]))return!1}return!0}return o!==o&&e!==e}function or(o,e){try{return ns(o,e)}catch{return!1}}function nn(o,e){return!or(o,e)}var as=g(Y(),1);var rr=class{constructor(){this.queue=[]}add(e,r=!1){r&&(this.queue=this.queue.filter(n=>n.type!==e.type)),this.queue.push(e)}consume(e){let r=this.queue.find(n=>n.type===e);return r&&(this.queue=this.queue.filter(n=>n!==r)),r}};var No=g(Y(),1);var Nc=g(Y(),1);function Ac(o,e){let r=()=>JSON.parse(JSON.stringify(o));return(0,Nc.property)({type:Object,converter:{fromAttribute:n=>{if(n==null)return r();try{return JSON.parse(n)}catch{return r()}},toAttribute:n=>JSON.stringify(n)},hasChanged:nn,...e??{}})}var nr=class{constructor(e=0){this.timeout=e,this.callbacks=[]}run(e,r){return this.callbacks=[e],this.debounce(r)}queue(e,r){return this.callbacks.push(e),this.debounce(r)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(e){return this.promise==null&&(this.promise=new Promise((r,n)=>{this.resolvePromise=r,this.rejectPromise=n})),this.clearTimeout(),this._debounce=window.setTimeout(()=>this.runCallbacks(),e??this.timeout),this.promise}async runCallbacks(){var e,r;let n=[...this.callbacks];this.callbacks=[];let a=(e=this.rejectPromise)!==null&&e!==void 0?e:()=>null,i=(r=this.resolvePromise)!==null&&r!==void 0?r:()=>null;this.clearPromise();for(let l of n)try{await l()}catch(s){a(s);return}i(!0)}clearTimeout(){this._debounce!=null&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}};var Lc=g(_(),1);var ar=window,is=ar.ShadowRoot&&(ar.ShadyCSS===void 0||ar.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Lg=Symbol();var Rc=(o,e)=>{is?o.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{let n=document.createElement("style"),a=ar.litNonce;a!==void 0&&n.setAttribute("nonce",a),n.textContent=r.cssText,o.appendChild(n)})};var ir=class extends Lc.LitElement{createRenderRoot(){let e=this.constructor;e.elementDefinitions&&!e.registry&&(e.registry=new CustomElementRegistry,Object.entries(e.elementDefinitions).forEach(([a,i])=>e.registry.define(a,i)));let r={...e.shadowRootOptions,customElements:e.registry},n=this.renderOptions.creationScope=this.attachShadow(r);return Rc(n,e.elementStyles),n}};var cr=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},kc,Pc=Symbol("constructorPrototype"),Ic=Symbol("constructorName"),Bc=Symbol("exportpartsDebouncer"),$c=Symbol("dynamicDependenciesLoaded"),ue=class extends ir{constructor(){super(),this.useAdoptedStyleSheets=!0,this.adoptedCustomStyleSheet=new CSSStyleSheet,this[kc]=new nr(5),this[Ic]=this.constructor.name,this[Pc]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Ic]&&Object.setPrototypeOf(this,this[Pc])}connectedCallback(){super.connectedCallback();try{this.shadowRoot&&!this.shadowRoot.adoptedStyleSheets.includes(this.adoptedCustomStyleSheet)&&(this.shadowRoot.adoptedStyleSheets=[...this.shadowRoot.adoptedStyleSheets,this.adoptedCustomStyleSheet]),this.useAdoptedStyleSheets=!0}catch(r){this.useAdoptedStyleSheets=!1,console.error("Cannot use adopted stylesheets",r)}let e=this.constructor;e[$c]||(e[$c]=!0,this.importDynamicDependencies())}importDynamicDependencies(){}updated(e){super.updated(e),this.updateComplete.then(()=>{this.contentAvailableCallback(e),this.applyCustomStylesheet(e),this.scheduleExportpartsUpdate()})}contentAvailableCallback(e){}applyCustomStylesheet(e){var r,n,a;if(((n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll(".ft-lit-element--custom-stylesheet"))!==null&&n!==void 0?n:[]).forEach(i=>i.remove()),this.useAdoptedStyleSheets){if(e.has("customStylesheet"))try{this.adoptedCustomStyleSheet.replaceSync((a=this.customStylesheet)!==null&&a!==void 0?a:"")}catch(i){console.error(i,this.customStylesheet),this.useAdoptedStyleSheets=!1}}else if(this.customStylesheet){let i=document.createElement("style");i.classList.add("ft-lit-element--custom-stylesheet"),i.innerHTML=this.customStylesheet,this.shadowRoot.append(i)}}scheduleExportpartsUpdate(){var e,r,n;(!((e=this.exportpartsPrefix)===null||e===void 0)&&e.trim()||(n=(r=this.exportpartsPrefixes)===null||r===void 0?void 0:r.length)!==null&&n!==void 0&&n)&&this[Bc].run(()=>{var a,i;!((a=this.exportpartsPrefix)===null||a===void 0)&&a.trim()?this.setExportpartsAttribute([this.exportpartsPrefix]):this.exportpartsPrefixes!=null&&((i=this.exportpartsPrefixes)===null||i===void 0?void 0:i.length)>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)})}setExportpartsAttribute(e){var r,n,a,i,l,s;let f=m=>m!=null&&m.trim().length>0,p=e.filter(f).map(m=>m.trim());if(p.length===0){this.removeAttribute("exportparts");return}let h=new Set;for(let m of(n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll("[part],[exportparts]"))!==null&&n!==void 0?n:[]){let x=(i=(a=m.getAttribute("part"))===null||a===void 0?void 0:a.split(" "))!==null&&i!==void 0?i:[],b=(s=(l=m.getAttribute("exportparts"))===null||l===void 0?void 0:l.split(",").map(S=>S.split(":")[1]))!==null&&s!==void 0?s:[];new Array(...x,...b).filter(f).map(S=>S.trim()).forEach(S=>h.add(S))}if(h.size===0){this.removeAttribute("exportparts");return}let y=[...h.values()].flatMap(m=>p.map(x=>`${m}:${x}--${m}`));this.setAttribute("exportparts",[...this.part,...y].join(", "))}};kc=Bc;cr([(0,No.property)()],ue.prototype,"exportpartsPrefix",void 0);cr([Ac([])],ue.prototype,"exportpartsPrefixes",void 0);cr([(0,No.property)()],ue.prototype,"customStylesheet",void 0);cr([(0,No.state)()],ue.prototype,"useAdoptedStyleSheets",void 0);function Ao(o){var e;return(e=o?.isFtReduxStore)!==null&&e!==void 0?e:!1}var Tc,_c,Wc,lr=Symbol("internalReduxEventsUnsubscribers"),he=Symbol("internalStoresUnsubscribers"),ke=Symbol("internalStores"),Ro=class extends ue{constructor(){super(...arguments),this[Tc]=new Map,this[_c]=new Map,this[Wc]=[]}get reduxConstructor(){return this.constructor}update(e){super.update(e),[...this.reduxConstructor.reduxReactiveProperties].some(r=>e.has(r))&&this.updateFromStores()}getUnnamedStore(){if(this[ke].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[ke].values()][0]}getStore(e){return e==null?this.getUnnamedStore():this[ke].get(e)}addStore(e,r){var n;r=(n=r??(Ao(e)?e.name:void 0))!==null&&n!==void 0?n:"default-store",this.unsubscribeFromStore(r),this.setupStore(r,e)}removeStore(e){let r=typeof e=="string"?e:e.name;this.unsubscribeFromStore(r),this[ke].delete(r)}setupStore(e,r){this[ke].set(e,r),this.subscribeToStore(e,r),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[ke].forEach((e,r)=>this.subscribeToStore(r,e)),this.updateFromStores()}updateFromStores(){this.reduxConstructor.reduxProperties.forEach((e,r)=>{let n=this.constructor.getPropertyOptions(r);if(!n?.attribute||!this.hasAttribute(typeof n?.attribute=="string"?n.attribute:r)){let a=this.getStore(e.store);a&&(e.store?this[he].has(e.store):this[he].size>0)&&(this[r]=e.selector(a.getState(),this))}})}subscribeToStore(e,r){var n;this[he].set(e,r.subscribe(()=>this.updateFromStores())),Ao(r)&&r.eventBus&&((n=this.reduxConstructor.reduxEventListeners)===null||n===void 0||n.forEach((a,i)=>{if(typeof this[i]=="function"&&(!a.store||r.name===a.store)){let l=s=>this[i](s);r.eventBus.addEventListener(a.eventName,l),this[lr].push(()=>r.eventBus.removeEventListener(a.eventName,l))}})),this.onStoreAvailable(e)}unsubscribeFromStores(){this[he].forEach((e,r)=>this.unsubscribeFromStore(r)),this[lr].forEach(e=>e()),this[lr]=[]}unsubscribeFromStore(e){this[he].has(e)&&this[he].get(e)(),this[he].delete(e)}onStoreAvailable(e){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeFromStores()}};Tc=he,_c=ke,Wc=lr;Ro.reduxProperties=new Map;Ro.reduxReactiveProperties=new Set;Ro.reduxEventListeners=new Map;function $t(o){for(var e=arguments.length,r=Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];if(0)var a,i;throw Error("[Immer] minified error nr: "+o+(r.length?" "+r.map(function(l){return"'"+l+"'"}).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function te(o){return!!o&&!!o[H]}function Dt(o){var e;return!!o&&(function(r){if(!r||typeof r!="object")return!1;var n=Object.getPrototypeOf(r);if(n===null)return!0;var a=Object.hasOwnProperty.call(n,"constructor")&&n.constructor;return a===Object||typeof a=="function"&&Function.toString.call(a)===hs}(o)||Array.isArray(o)||!!o[Gc]||!!(!((e=o.constructor)===null||e===void 0)&&e[Gc])||hn(o)||yn(o))}function Be(o,e,r){r===void 0&&(r=!1),no(o)===0?(r?Object.keys:ro)(o).forEach(function(n){r&&typeof n=="symbol"||e(n,o[n],o)}):o.forEach(function(n,a){return e(a,n,o)})}function no(o){var e=o[H];return e?e.i>3?e.i-4:e.i:Array.isArray(o)?1:hn(o)?2:yn(o)?3:0}function oo(o,e){return no(o)===2?o.has(e):Object.prototype.hasOwnProperty.call(o,e)}function cs(o,e){return no(o)===2?o.get(e):o[e]}function jc(o,e,r){var n=no(o);n===2?o.set(e,r):n===3?o.add(r):o[e]=r}function Vc(o,e){return o===e?o!==0||1/o==1/e:o!=o&&e!=e}function hn(o){return fs&&o instanceof Map}function yn(o){return us&&o instanceof Set}function ye(o){return o.o||o.t}function mn(o){if(Array.isArray(o))return Array.prototype.slice.call(o);var e=qc(o);delete e[H];for(var r=ro(e),n=0;n<r.length;n++){var a=r[n],i=e[a];i.writable===!1&&(i.writable=!0,i.configurable=!0),(i.get||i.set)&&(e[a]={configurable:!0,writable:!0,enumerable:i.enumerable,value:o[a]})}return Object.create(Object.getPrototypeOf(o),e)}function gn(o,e){return e===void 0&&(e=!1),bn(o)||te(o)||!Dt(o)||(no(o)>1&&(o.set=o.add=o.clear=o.delete=ls),Object.freeze(o),e&&Be(o,function(r,n){return gn(n,!0)},!0)),o}function ls(){$t(2)}function bn(o){return o==null||typeof o!="object"||Object.isFrozen(o)}function Gt(o){var e=un[o];return e||$t(18,o),e}function ss(o,e){un[o]||(un[o]=e)}function dn(){return Po}function an(o,e){e&&(Gt("Patches"),o.u=[],o.s=[],o.v=e)}function sr(o){pn(o),o.p.forEach(ds),o.p=null}function pn(o){o===Po&&(Po=o.l)}function Dc(o){return Po={p:[],l:Po,h:o,m:!0,_:0}}function ds(o){var e=o[H];e.i===0||e.i===1?e.j():e.g=!0}function cn(o,e){e._=e.p.length;var r=e.p[0],n=o!==void 0&&o!==r;return e.h.O||Gt("ES5").S(e,o,n),n?(r[H].P&&(sr(e),$t(4)),Dt(o)&&(o=dr(e,o),e.l||pr(e,o)),e.u&&Gt("Patches").M(r[H].t,o,e.u,e.s)):o=dr(e,r,[]),sr(e),e.u&&e.v(e.u,e.s),o!==Zc?o:void 0}function dr(o,e,r){if(bn(e))return e;var n=e[H];if(!n)return Be(e,function(s,f){return zc(o,n,e,s,f,r)},!0),e;if(n.A!==o)return e;if(!n.P)return pr(o,n.t,!0),n.t;if(!n.I){n.I=!0,n.A._--;var a=n.i===4||n.i===5?n.o=mn(n.k):n.o,i=a,l=!1;n.i===3&&(i=new Set(a),a.clear(),l=!0),Be(i,function(s,f){return zc(o,n,a,s,f,r,l)}),pr(o,a,!1),r&&o.u&&Gt("Patches").N(n,r,o.u,o.s)}return n.o}function zc(o,e,r,n,a,i,l){if(te(a)){var s=dr(o,a,i&&e&&e.i!==3&&!oo(e.R,n)?i.concat(n):void 0);if(jc(r,n,s),!te(s))return;o.m=!1}else l&&r.add(a);if(Dt(a)&&!bn(a)){if(!o.h.D&&o._<1)return;dr(o,a),e&&e.A.l||pr(o,a)}}function pr(o,e,r){r===void 0&&(r=!1),!o.l&&o.h.D&&o.m&&gn(e,r)}function ln(o,e){var r=o[H];return(r?ye(r):o)[e]}function Mc(o,e){if(e in o)for(var r=Object.getPrototypeOf(o);r;){var n=Object.getOwnPropertyDescriptor(r,e);if(n)return n;r=Object.getPrototypeOf(r)}}function me(o){o.P||(o.P=!0,o.l&&me(o.l))}function sn(o){o.o||(o.o=mn(o.t))}function fn(o,e,r){var n=hn(e)?Gt("MapSet").F(e,r):yn(e)?Gt("MapSet").T(e,r):o.O?function(a,i){var l=Array.isArray(a),s={i:l?1:0,A:i?i.A:dn(),P:!1,I:!1,R:{},l:i,t:a,k:null,o:null,j:null,C:!1},f=s,p=Io;l&&(f=[s],p=Lo);var h=Proxy.revocable(f,p),y=h.revoke,m=h.proxy;return s.k=m,s.j=y,m}(e,r):Gt("ES5").J(e,r);return(r?r.A:dn()).p.push(n),n}function ps(o){return te(o)||$t(22,o),function e(r){if(!Dt(r))return r;var n,a=r[H],i=no(r);if(a){if(!a.P&&(a.i<4||!Gt("ES5").K(a)))return a.t;a.I=!0,n=Hc(r,i),a.I=!1}else n=Hc(r,i);return Be(n,function(l,s){a&&cs(a.t,l)===s||jc(n,l,e(s))}),i===3?new Set(n):n}(o)}function Hc(o,e){switch(e){case 2:return new Map(o);case 3:return Array.from(o)}return mn(o)}function Kc(){function o(l,s){var f=i[l];return f?f.enumerable=s:i[l]=f={configurable:!0,enumerable:s,get:function(){var p=this[H];return Io.get(p,l)},set:function(p){var h=this[H];Io.set(h,l,p)}},f}function e(l){for(var s=l.length-1;s>=0;s--){var f=l[s][H];if(!f.P)switch(f.i){case 5:n(f)&&me(f);break;case 4:r(f)&&me(f)}}}function r(l){for(var s=l.t,f=l.k,p=ro(f),h=p.length-1;h>=0;h--){var y=p[h];if(y!==H){var m=s[y];if(m===void 0&&!oo(s,y))return!0;var x=f[y],b=x&&x[H];if(b?b.t!==m:!Vc(x,m))return!0}}var S=!!s[H];return p.length!==ro(s).length+(S?0:1)}function n(l){var s=l.k;if(s.length!==l.t.length)return!0;var f=Object.getOwnPropertyDescriptor(s,s.length-1);if(f&&!f.get)return!0;for(var p=0;p<s.length;p++)if(!s.hasOwnProperty(p))return!0;return!1}function a(l){l.g&&$t(3,JSON.stringify(ye(l)))}var i={};ss("ES5",{J:function(l,s){var f=Array.isArray(l),p=function(y,m){if(y){for(var x=Array(m.length),b=0;b<m.length;b++)Object.defineProperty(x,""+b,o(b,!0));return x}var S=qc(m);delete S[H];for(var R=ro(S),E=0;E<R.length;E++){var N=R[E];S[N]=o(N,y||!!S[N].enumerable)}return Object.create(Object.getPrototypeOf(m),S)}(f,l),h={i:f?5:4,A:s?s.A:dn(),P:!1,I:!1,R:{},l:s,t:l,k:p,o:null,g:!1,C:!1};return Object.defineProperty(p,H,{value:h,writable:!0}),p},S:function(l,s,f){f?te(s)&&s[H].A===l&&e(l.p):(l.u&&function p(h){if(h&&typeof h=="object"){var y=h[H];if(y){var m=y.t,x=y.k,b=y.R,S=y.i;if(S===4)Be(x,function(T){T!==H&&(m[T]!==void 0||oo(m,T)?b[T]||p(x[T]):(b[T]=!0,me(y)))}),Be(m,function(T){x[T]!==void 0||oo(x,T)||(b[T]=!1,me(y))});else if(S===5){if(n(y)&&(me(y),b.length=!0),x.length<m.length)for(var R=x.length;R<m.length;R++)b[R]=!1;else for(var E=m.length;E<x.length;E++)b[E]=!0;for(var N=Math.min(x.length,m.length),P=0;P<N;P++)x.hasOwnProperty(P)||(b[P]=!0),b[P]===void 0&&p(x[P])}}}}(l.p[0]),e(l.p))},K:function(l){return l.i===4?r(l):n(l)}})}var Uc,Po,xn=typeof Symbol<"u"&&typeof Symbol("x")=="symbol",fs=typeof Map<"u",us=typeof Set<"u",Fc=typeof Proxy<"u"&&Proxy.revocable!==void 0&&typeof Reflect<"u",Zc=xn?Symbol.for("immer-nothing"):((Uc={})["immer-nothing"]=!0,Uc),Gc=xn?Symbol.for("immer-draftable"):"__$immer_draftable",H=xn?Symbol.for("immer-state"):"__$immer_state";var hs=""+Object.prototype.constructor,ro=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Object.getOwnPropertySymbols!==void 0?function(o){return Object.getOwnPropertyNames(o).concat(Object.getOwnPropertySymbols(o))}:Object.getOwnPropertyNames,qc=Object.getOwnPropertyDescriptors||function(o){var e={};return ro(o).forEach(function(r){e[r]=Object.getOwnPropertyDescriptor(o,r)}),e},un={},Io={get:function(o,e){if(e===H)return o;var r=ye(o);if(!oo(r,e))return function(a,i,l){var s,f=Mc(i,l);return f?"value"in f?f.value:(s=f.get)===null||s===void 0?void 0:s.call(a.k):void 0}(o,r,e);var n=r[e];return o.I||!Dt(n)?n:n===ln(o.t,e)?(sn(o),o.o[e]=fn(o.A.h,n,o)):n},has:function(o,e){return e in ye(o)},ownKeys:function(o){return Reflect.ownKeys(ye(o))},set:function(o,e,r){var n=Mc(ye(o),e);if(n?.set)return n.set.call(o.k,r),!0;if(!o.P){var a=ln(ye(o),e),i=a?.[H];if(i&&i.t===r)return o.o[e]=r,o.R[e]=!1,!0;if(Vc(r,a)&&(r!==void 0||oo(o.t,e)))return!0;sn(o),me(o)}return o.o[e]===r&&(r!==void 0||e in o.o)||Number.isNaN(r)&&Number.isNaN(o.o[e])||(o.o[e]=r,o.R[e]=!0),!0},deleteProperty:function(o,e){return ln(o.t,e)!==void 0||e in o.t?(o.R[e]=!1,sn(o),me(o)):delete o.R[e],o.o&&delete o.o[e],!0},getOwnPropertyDescriptor:function(o,e){var r=ye(o),n=Reflect.getOwnPropertyDescriptor(r,e);return n&&{writable:!0,configurable:o.i!==1||e!=="length",enumerable:n.enumerable,value:r[e]}},defineProperty:function(){$t(11)},getPrototypeOf:function(o){return Object.getPrototypeOf(o.t)},setPrototypeOf:function(){$t(12)}},Lo={};Be(Io,function(o,e){Lo[o]=function(){return arguments[0]=arguments[0][0],e.apply(this,arguments)}}),Lo.deleteProperty=function(o,e){return Lo.set.call(this,o,e,void 0)},Lo.set=function(o,e,r){return Io.set.call(this,o[0],e,r,o[0])};var ys=function(){function o(r){var n=this;this.O=Fc,this.D=!0,this.produce=function(a,i,l){if(typeof a=="function"&&typeof i!="function"){var s=i;i=a;var f=n;return function(S){var R=this;S===void 0&&(S=s);for(var E=arguments.length,N=Array(E>1?E-1:0),P=1;P<E;P++)N[P-1]=arguments[P];return f.produce(S,function(T){var W;return(W=i).call.apply(W,[R,T].concat(N))})}}var p;if(typeof i!="function"&&$t(6),l!==void 0&&typeof l!="function"&&$t(7),Dt(a)){var h=Dc(n),y=fn(n,a,void 0),m=!0;try{p=i(y),m=!1}finally{m?sr(h):pn(h)}return typeof Promise<"u"&&p instanceof Promise?p.then(function(S){return an(h,l),cn(S,h)},function(S){throw sr(h),S}):(an(h,l),cn(p,h))}if(!a||typeof a!="object"){if((p=i(a))===void 0&&(p=a),p===Zc&&(p=void 0),n.D&&gn(p,!0),l){var x=[],b=[];Gt("Patches").M(a,p,x,b),l(x,b)}return p}$t(21,a)},this.produceWithPatches=function(a,i){if(typeof a=="function")return function(p){for(var h=arguments.length,y=Array(h>1?h-1:0),m=1;m<h;m++)y[m-1]=arguments[m];return n.produceWithPatches(p,function(x){return a.apply(void 0,[x].concat(y))})};var l,s,f=n.produce(a,i,function(p,h){l=p,s=h});return typeof Promise<"u"&&f instanceof Promise?f.then(function(p){return[p,l,s]}):[f,l,s]},typeof r?.useProxies=="boolean"&&this.setUseProxies(r.useProxies),typeof r?.autoFreeze=="boolean"&&this.setAutoFreeze(r.autoFreeze)}var e=o.prototype;return e.createDraft=function(r){Dt(r)||$t(8),te(r)&&(r=ps(r));var n=Dc(this),a=fn(this,r,void 0);return a[H].C=!0,pn(n),a},e.finishDraft=function(r,n){var a=r&&r[H],i=a.A;return an(i,n),cn(void 0,i)},e.setAutoFreeze=function(r){this.D=r},e.setUseProxies=function(r){r&&!Fc&&$t(20),this.O=r},e.applyPatches=function(r,n){var a;for(a=n.length-1;a>=0;a--){var i=n[a];if(i.path.length===0&&i.op==="replace"){r=i.value;break}}a>-1&&(n=n.slice(a+1));var l=Gt("Patches").$;return te(r)?l(r,n):this.produce(r,function(s){return l(s,n)})},o}(),Nt=new ys,ms=Nt.produce,Hg=Nt.produceWithPatches.bind(Nt),Ug=Nt.setAutoFreeze.bind(Nt),Fg=Nt.setUseProxies.bind(Nt),Gg=Nt.applyPatches.bind(Nt),jg=Nt.createDraft.bind(Nt),Vg=Nt.finishDraft.bind(Nt),fr=ms;function ge(o){"@babel/helpers - typeof";return ge=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ge(o)}function vn(o,e){if(ge(o)!=="object"||o===null)return o;var r=o[Symbol.toPrimitive];if(r!==void 0){var n=r.call(o,e||"default");if(ge(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(o)}function Sn(o){var e=vn(o,"string");return ge(e)==="symbol"?e:String(e)}function Cn(o,e,r){return e=Sn(e),e in o?Object.defineProperty(o,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):o[e]=r,o}function Yc(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);e&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(o,a).enumerable})),r.push.apply(r,n)}return r}function ur(o){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Yc(Object(r),!0).forEach(function(n){Cn(o,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):Yc(Object(r)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(r,n))})}return o}function it(o){return"Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var Xc=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),On=function(){return Math.random().toString(36).substring(7).split("").join(".")},hr={INIT:"@@redux/INIT"+On(),REPLACE:"@@redux/REPLACE"+On(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+On()}};function gs(o){if(typeof o!="object"||o===null)return!1;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function wn(o,e,r){var n;if(typeof e=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(it(0));if(typeof e=="function"&&typeof r>"u"&&(r=e,e=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(it(1));return r(wn)(o,e)}if(typeof o!="function")throw new Error(it(2));var a=o,i=e,l=[],s=l,f=!1;function p(){s===l&&(s=l.slice())}function h(){if(f)throw new Error(it(3));return i}function y(S){if(typeof S!="function")throw new Error(it(4));if(f)throw new Error(it(5));var R=!0;return p(),s.push(S),function(){if(R){if(f)throw new Error(it(6));R=!1,p();var N=s.indexOf(S);s.splice(N,1),l=null}}}function m(S){if(!gs(S))throw new Error(it(7));if(typeof S.type>"u")throw new Error(it(8));if(f)throw new Error(it(9));try{f=!0,i=a(i,S)}finally{f=!1}for(var R=l=s,E=0;E<R.length;E++){var N=R[E];N()}return S}function x(S){if(typeof S!="function")throw new Error(it(10));a=S,m({type:hr.REPLACE})}function b(){var S,R=y;return S={subscribe:function(N){if(typeof N!="object"||N===null)throw new Error(it(11));function P(){N.next&&N.next(h())}P();var T=R(P);return{unsubscribe:T}}},S[Xc]=function(){return this},S}return m({type:hr.INIT}),n={dispatch:m,subscribe:y,getState:h,replaceReducer:x},n[Xc]=b,n}function bs(o){Object.keys(o).forEach(function(e){var r=o[e],n=r(void 0,{type:hr.INIT});if(typeof n>"u")throw new Error(it(12));if(typeof r(void 0,{type:hr.PROBE_UNKNOWN_ACTION()})>"u")throw new Error(it(13))})}function Jc(o){for(var e=Object.keys(o),r={},n=0;n<e.length;n++){var a=e[n];typeof o[a]=="function"&&(r[a]=o[a])}var i=Object.keys(r),l,s;try{bs(r)}catch(f){s=f}return function(p,h){if(p===void 0&&(p={}),s)throw s;if(0)var y;for(var m=!1,x={},b=0;b<i.length;b++){var S=i[b],R=r[S],E=p[S],N=R(E,h);if(typeof N>"u"){var P=h&&h.type;throw new Error(it(14))}x[S]=N,m=m||N!==E}return m=m||i.length!==Object.keys(p).length,m?x:p}}function ao(){for(var o=arguments.length,e=new Array(o),r=0;r<o;r++)e[r]=arguments[r];return e.length===0?function(n){return n}:e.length===1?e[0]:e.reduce(function(n,a){return function(){return n(a.apply(void 0,arguments))}})}function Qc(){for(var o=arguments.length,e=new Array(o),r=0;r<o;r++)e[r]=arguments[r];return function(n){return function(){var a=n.apply(void 0,arguments),i=function(){throw new Error(it(15))},l={getState:a.getState,dispatch:function(){return i.apply(void 0,arguments)}},s=e.map(function(f){return f(l)});return i=ao.apply(void 0,s)(a.dispatch),ur(ur({},a),{},{dispatch:i})}}}function tl(o){var e=function(n){var a=n.dispatch,i=n.getState;return function(l){return function(s){return typeof s=="function"?s(a,i,o):l(s)}}};return e}var el=tl();el.withExtraArgument=tl;var En=el;var il=function(){var o=function(e,r){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,a){n.__proto__=a}||function(n,a){for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(n[i]=a[i])},o(e,r)};return function(e,r){if(typeof r!="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");o(e,r);function n(){this.constructor=e}e.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}(),xs=function(o,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(p){return function(h){return f([p,h])}}function f(p){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,a&&(i=p[0]&2?a.return:p[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,p[1])).done)return i;switch(a=0,i&&(p=[p[0]&2,i.value]),p[0]){case 0:case 1:i=p;break;case 4:return r.label++,{value:p[1],done:!1};case 5:r.label++,a=p[1],p=[0];continue;case 7:p=r.ops.pop(),r.trys.pop();continue;default:if(i=r.trys,!(i=i.length>0&&i[i.length-1])&&(p[0]===6||p[0]===2)){r=0;continue}if(p[0]===3&&(!i||p[1]>i[0]&&p[1]<i[3])){r.label=p[1];break}if(p[0]===6&&r.label<i[1]){r.label=i[1],i=p;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(p);break}i[2]&&r.ops.pop(),r.trys.pop();continue}p=e.call(o,r)}catch(h){p=[6,h],a=0}finally{n=i=0}if(p[0]&5)throw p[1];return{value:p[0]?p[1]:void 0,done:!0}}},io=function(o,e){for(var r=0,n=e.length,a=o.length;r<n;r++,a++)o[a]=e[r];return o},vs=Object.defineProperty,Ss=Object.defineProperties,Cs=Object.getOwnPropertyDescriptors,ol=Object.getOwnPropertySymbols,Os=Object.prototype.hasOwnProperty,ws=Object.prototype.propertyIsEnumerable,rl=function(o,e,r){return e in o?vs(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r},be=function(o,e){for(var r in e||(e={}))Os.call(e,r)&&rl(o,r,e[r]);if(ol)for(var n=0,a=ol(e);n<a.length;n++){var r=a[n];ws.call(e,r)&&rl(o,r,e[r])}return o},Nn=function(o,e){return Ss(o,Cs(e))},Es=function(o,e,r){return new Promise(function(n,a){var i=function(f){try{s(r.next(f))}catch(p){a(p)}},l=function(f){try{s(r.throw(f))}catch(p){a(p)}},s=function(f){return f.done?n(f.value):Promise.resolve(f.value).then(i,l)};s((r=r.apply(o,e)).next())})};var Ns=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__:function(){if(arguments.length!==0)return typeof arguments[0]=="object"?ao:ao.apply(null,arguments)},db=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION__?window.__REDUX_DEVTOOLS_EXTENSION__:function(){return function(o){return o}};function As(o){if(typeof o!="object"||o===null)return!1;var e=Object.getPrototypeOf(o);if(e===null)return!0;for(var r=e;Object.getPrototypeOf(r)!==null;)r=Object.getPrototypeOf(r);return e===r}var Rs=function(o){il(e,o);function e(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var a=o.apply(this,r)||this;return Object.setPrototypeOf(a,e.prototype),a}return Object.defineProperty(e,Symbol.species,{get:function(){return e},enumerable:!1,configurable:!0}),e.prototype.concat=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return o.prototype.concat.apply(this,r)},e.prototype.prepend=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return r.length===1&&Array.isArray(r[0])?new(e.bind.apply(e,io([void 0],r[0].concat(this)))):new(e.bind.apply(e,io([void 0],r.concat(this))))},e}(Array),Ls=function(o){il(e,o);function e(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];var a=o.apply(this,r)||this;return Object.setPrototypeOf(a,e.prototype),a}return Object.defineProperty(e,Symbol.species,{get:function(){return e},enumerable:!1,configurable:!0}),e.prototype.concat=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return o.prototype.concat.apply(this,r)},e.prototype.prepend=function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];return r.length===1&&Array.isArray(r[0])?new(e.bind.apply(e,io([void 0],r[0].concat(this)))):new(e.bind.apply(e,io([void 0],r.concat(this))))},e}(Array);function Ln(o){return Dt(o)?fr(o,function(){}):o}function Ps(o){return typeof o=="boolean"}function Is(){return function(e){return $s(e)}}function $s(o){o===void 0&&(o={});var e=o.thunk,r=e===void 0?!0:e,n=o.immutableCheck,a=n===void 0?!0:n,i=o.serializableCheck,l=i===void 0?!0:i,s=new Rs;if(r&&(Ps(r)?s.push(En):s.push(En.withExtraArgument(r.extraArgument))),0){if(a)var f;if(l)var p}return s}var An=!0;function cl(o){var e=Is(),r=o||{},n=r.reducer,a=n===void 0?void 0:n,i=r.middleware,l=i===void 0?e():i,s=r.devTools,f=s===void 0?!0:s,p=r.preloadedState,h=p===void 0?void 0:p,y=r.enhancers,m=y===void 0?void 0:y,x;if(typeof a=="function")x=a;else if(As(a))x=Jc(a);else throw new Error('"reducer" is a required argument, and must be a function or an object of functions that can be passed to combineReducers');var b=l;if(typeof b=="function"&&(b=b(e),!An&&!Array.isArray(b)))throw new Error("when using a middleware builder function, an array of middleware must be returned");if(!An&&b.some(function(T){return typeof T!="function"}))throw new Error("each middleware provided to configureStore must be a function");var S=Qc.apply(void 0,b),R=ao;f&&(R=Ns(be({trace:!An},typeof f=="object"&&f)));var E=new Ls(S),N=E;Array.isArray(m)?N=io([S],m):typeof m=="function"&&(N=m(E));var P=R.apply(void 0,N);return wn(x,h,P)}function xe(o,e){function r(){for(var n=[],a=0;a<arguments.length;a++)n[a]=arguments[a];if(e){var i=e.apply(void 0,n);if(!i)throw new Error("prepareAction did not return an object");return be(be({type:o,payload:i.payload},"meta"in i&&{meta:i.meta}),"error"in i&&{error:i.error})}return{type:o,payload:n[0]}}return r.toString=function(){return""+o},r.type=o,r.match=function(n){return n.type===o},r}function ll(o){var e={},r=[],n,a={addCase:function(i,l){var s=typeof i=="string"?i:i.type;if(s in e)throw new Error("addCase cannot be called with two reducers for the same action type");return e[s]=l,a},addMatcher:function(i,l){return r.push({matcher:i,reducer:l}),a},addDefaultCase:function(i){return n=i,a}};return o(a),[e,r,n]}function ks(o){return typeof o=="function"}function Bs(o,e,r,n){r===void 0&&(r=[]);var a=typeof e=="function"?ll(e):[e,r,n],i=a[0],l=a[1],s=a[2],f;if(ks(o))f=function(){return Ln(o())};else{var p=Ln(o);f=function(){return p}}function h(y,m){y===void 0&&(y=f());var x=io([i[m.type]],l.filter(function(b){var S=b.matcher;return S(m)}).map(function(b){var S=b.reducer;return S}));return x.filter(function(b){return!!b}).length===0&&(x=[s]),x.reduce(function(b,S){if(S)if(te(b)){var R=b,E=S(R,m);return E===void 0?b:E}else{if(Dt(b))return fr(b,function(N){return S(N,m)});var E=S(b,m);if(E===void 0){if(b===null)return b;throw Error("A case reducer on a non-draftable value must not return undefined")}return E}return b},y)}return h.getInitialState=f,h}function Ts(o,e){return o+"/"+e}function sl(o){var e=o.name;if(!e)throw new Error("`name` is a required option for createSlice");typeof process<"u";var r=typeof o.initialState=="function"?o.initialState:Ln(o.initialState),n=o.reducers||{},a=Object.keys(n),i={},l={},s={};a.forEach(function(h){var y=n[h],m=Ts(e,h),x,b;"reducer"in y?(x=y.reducer,b=y.prepare):x=y,i[h]=x,l[m]=x,s[h]=b?xe(m,b):xe(m)});function f(){var h=typeof o.extraReducers=="function"?ll(o.extraReducers):[o.extraReducers],y=h[0],m=y===void 0?{}:y,x=h[1],b=x===void 0?[]:x,S=h[2],R=S===void 0?void 0:S,E=be(be({},m),l);return Bs(r,function(N){for(var P in E)N.addCase(P,E[P]);for(var T=0,W=b;T<W.length;T++){var At=W[T];N.addMatcher(At.matcher,At.reducer)}R&&N.addDefaultCase(R)})}var p;return{name:e,reducer:function(h,y){return p||(p=f()),p(h,y)},actions:s,caseReducers:i,getInitialState:function(){return p||(p=f()),p.getInitialState()}}}var _s="ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW",Ws=function(o){o===void 0&&(o=21);for(var e="",r=o;r--;)e+=_s[Math.random()*64|0];return e},Ds=["name","message","stack","code"],Rn=function(){function o(e,r){this.payload=e,this.meta=r}return o}(),nl=function(){function o(e,r){this.payload=e,this.meta=r}return o}(),zs=function(o){if(typeof o=="object"&&o!==null){for(var e={},r=0,n=Ds;r<n.length;r++){var a=n[r];typeof o[a]=="string"&&(e[a]=o[a])}return e}return{message:String(o)}},hb=function(){function o(e,r,n){var a=xe(e+"/fulfilled",function(h,y,m,x){return{payload:h,meta:Nn(be({},x||{}),{arg:m,requestId:y,requestStatus:"fulfilled"})}}),i=xe(e+"/pending",function(h,y,m){return{payload:void 0,meta:Nn(be({},m||{}),{arg:y,requestId:h,requestStatus:"pending"})}}),l=xe(e+"/rejected",function(h,y,m,x,b){return{payload:x,error:(n&&n.serializeError||zs)(h||"Rejected"),meta:Nn(be({},b||{}),{arg:m,requestId:y,rejectedWithValue:!!x,requestStatus:"rejected",aborted:h?.name==="AbortError",condition:h?.name==="ConditionError"})}}),s=!1,f=typeof AbortController<"u"?AbortController:function(){function h(){this.signal={aborted:!1,addEventListener:function(){},dispatchEvent:function(){return!1},onabort:function(){},removeEventListener:function(){},reason:void 0,throwIfAborted:function(){}}}return h.prototype.abort=function(){},h}();function p(h){return function(y,m,x){var b=n?.idGenerator?n.idGenerator(h):Ws(),S=new f,R,E=!1;function N(T){R=T,S.abort()}var P=function(){return Es(this,null,function(){var T,W,At,oe,Rr,re,gt;return xs(this,function(Rt){switch(Rt.label){case 0:return Rt.trys.push([0,4,,5]),oe=(T=n?.condition)==null?void 0:T.call(n,h,{getState:m,extra:x}),Hs(oe)?[4,oe]:[3,2];case 1:oe=Rt.sent(),Rt.label=2;case 2:if(oe===!1||S.signal.aborted)throw{name:"ConditionError",message:"Aborted due to condition callback returning false."};return E=!0,Rr=new Promise(function(bt,ve){return S.signal.addEventListener("abort",function(){return ve({name:"AbortError",message:R||"Aborted"})})}),y(i(b,h,(W=n?.getPendingMeta)==null?void 0:W.call(n,{requestId:b,arg:h},{getState:m,extra:x}))),[4,Promise.race([Rr,Promise.resolve(r(h,{dispatch:y,getState:m,extra:x,requestId:b,signal:S.signal,abort:N,rejectWithValue:function(bt,ve){return new Rn(bt,ve)},fulfillWithValue:function(bt,ve){return new nl(bt,ve)}})).then(function(bt){if(bt instanceof Rn)throw bt;return bt instanceof nl?a(bt.payload,b,h,bt.meta):a(bt,b,h)})])];case 3:return At=Rt.sent(),[3,5];case 4:return re=Rt.sent(),At=re instanceof Rn?l(null,b,h,re.payload,re.meta):l(re,b,h),[3,5];case 5:return gt=n&&!n.dispatchConditionRejection&&l.match(At)&&At.meta.condition,gt||y(At),[2,At]}})})}();return Object.assign(P,{abort:N,requestId:b,arg:h,unwrap:function(){return P.then(Ms)}})}}return Object.assign(p,{pending:i,rejected:l,fulfilled:a,typePrefix:e})}return o.withTypes=function(){return o},o}();function Ms(o){if(o.meta&&o.meta.rejectedWithValue)throw o.payload;if(o.error)throw o.error;return o.payload}function Hs(o){return o!==null&&typeof o=="object"&&typeof o.then=="function"}var dl="listener",pl="completed",fl="cancelled",yb="task-"+fl,mb="task-"+pl,gb=dl+"-"+fl,bb=dl+"-"+pl;var Pn="listenerMiddleware";var xb=xe(Pn+"/add"),vb=xe(Pn+"/removeAll"),Sb=xe(Pn+"/remove");var al,Cb=typeof queueMicrotask=="function"?queueMicrotask.bind(typeof window<"u"?window:typeof global<"u"?global:globalThis):function(o){return(al||(al=Promise.resolve())).then(o).catch(function(e){return setTimeout(function(){throw e},0)})},Us=function(o){return function(e){setTimeout(e,o)}},Ob=typeof window<"u"&&window.requestAnimationFrame?window.requestAnimationFrame:Us(10);Kc();window.ftReduxStores||(window.ftReduxStores={});var ul=class o{static get(e){var r;let n=typeof e=="string"?e:e.name,a=typeof e=="string"?void 0:e,i=window.ftReduxStores[n];if(Ao(i))return i;if(a==null)return;let l=sl({...a,reducers:(r=a.reducers)!==null&&r!==void 0?r:{}}),s=cl({reducer:(f,p)=>p.type==="CLEAR_FT_REDUX_STORE"?l.getInitialState():typeof p.type=="string"&&p.type.startsWith("DEFAULT_VALUE_SETTER__")?{...f,...p.overwrites}:l.reducer(f,p)});return window.ftReduxStores[a.name]=new o(l,s)}constructor(e,r){this.reduxSlice=e,this.reduxStore=r,this.isFtReduxStore=!0,this.eventBus=document.createElement("event-bus"),this.commands=new rr,this.actions=new Proxy(this.reduxSlice.actions,{get:(n,a,i)=>{let l=a,s=n[l];return s?(...f)=>{let p=s(...f);return this.reduxStore.dispatch(p),p}:f=>{this.setState({[l]:f})}}})}clear(){this.reduxStore.dispatch({type:"CLEAR_FT_REDUX_STORE"})}setState(e){this.reduxStore.dispatch({type:"DEFAULT_VALUE_SETTER__"+Object.keys(e).join("_"),overwrites:e})}get dispatch(){throw new Error("Don't use this method, actions are automatically dispatched when called.")}[Symbol.observable](){return this.reduxStore[Symbol.observable]()}getState(){return this.reduxStore.getState()}replaceReducer(e){throw new Error("Not implemented yet.")}subscribe(e){return this.reduxStore.subscribe(e)}get name(){return this.reduxSlice.name}get reducer(){return this.reduxSlice.reducer}get caseReducers(){return this.reduxSlice.caseReducers}getInitialState(){return this.reduxSlice.getInitialState()}};var br=g(L());var yr=class extends pe{async listMySearches(){let e=$.getState().session;return e?.sessionAuthenticated?this.cache.get("my-searches",async()=>(await this.awaitApi).listMySearches(e.profile.userId),5*60*1e3):[]}};var mr=class extends pe{async listMyBookmarks(){let e=$.getState().session;return e?.sessionAuthenticated?this.cache.get("my-bookmarks",async()=>(await this.awaitApi).listMyBookmarks(e.profile.userId),5*60*1e3):[]}};var Gs="ft-user-assets",gr=br.FtReduxStore.get({name:Gs,initialState:{savedSearches:void 0,bookmarks:void 0}}),In=class{constructor(){this.currentSession=$.getState().session,this.bookmarksAreUsed=!1,this.bookmarksService=new mr,this.savedSearchesService=new yr,$.subscribe(()=>this.reloadWhenUserSessionChanges())}reloadWhenUserSessionChanges(){var e;let{session:r}=$.getState();(0,br.deepEqual)((e=this.currentSession)===null||e===void 0?void 0:e.profile,r?.profile)||(this.currentSession=r,this.clearMySearches(),this.reloadBookmarks())}clear(){this.clearMySearches(),this.clearMyBookmarks()}clearMySearches(){this.savedSearchesService.clearCache(),gr.actions.savedSearches(void 0)}clearMyBookmarks(){this.bookmarksService.clearCache(),gr.actions.bookmarks(void 0)}async reloadMySearches(){this.savedSearchesService.clearCache();let e=await this.savedSearchesService.listMySearches();gr.actions.savedSearches(e)}async reloadBookmarks(){this.bookmarksService.clearCache(),await this.updateBookmarksIfUsed()}async registerBookmarkComponent(){this.bookmarksAreUsed=!0,await this.updateBookmarksIfUsed()}async updateBookmarksIfUsed(){var e;if(this.bookmarksAreUsed){let r=!((e=this.currentSession)===null||e===void 0)&&e.sessionAuthenticated?await this.bookmarksService.listMyBookmarks():void 0;gr.actions.bookmarks(r)}}},Jb=new In;var $n=class{addCommand(e,r=!1){$.commands.add(e,r)}consumeCommand(e){return $.commands.consume(e)}};window.FluidTopicsAppInfoStoreService=new $n;var hl=g(L()),kn=class{highlightHtml(e,r,n){(0,hl.highlightHtml)(e,r,n)}};window.FluidTopicsHighlightHtmlService=new kn;var yl=g(L());var Bn=class{isDate(e){var r,n,a,i;return(i=(a=((n=(r=$.getState().metadataConfiguration)===null||r===void 0?void 0:r.descriptors)!==null&&n!==void 0?n:[]).find(s=>s.key===e))===null||a===void 0?void 0:a.date)!==null&&i!==void 0?i:!1}format(e,r){var n,a,i;return yl.DateFormatter.format(e,(n=r?.locale)!==null&&n!==void 0?n:$.getState().uiLocale,(a=r?.longFormat)!==null&&a!==void 0?a:!1,(i=r?.withTime)!==null&&i!==void 0?i:!1)}};window.FluidTopicsDateService=new Bn;(0,ml.customElement)("ft-app-context")(q);var gl=g(Y()),js=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},Tn=Symbol("i18nAttributes"),_n=Symbol("i18nListAttributes"),xr=Symbol("i18nProperties"),$o=Symbol("i18nUnsubs");function bl(o){var e;class r extends o{constructor(){super(...arguments),this.useCustomMessageContexts=!1,this[e]=new Map}get i18nService(){return this.useCustomMessageContexts?wc:$e}i18n(a,i,...l){var s;if(typeof a=="string")return this.i18nService.resolveMessage(a,i,...l);let f=(s=a.args)!==null&&s!==void 0?s:a.argsProvider?a.argsProvider(this):[];return this.i18nService.resolveMessage(a.context,a.key,...f)}onI18nUpdate(a){var i,l,s;(i=this[Tn])===null||i===void 0||i.forEach((f,p)=>{let h=this.getI18nAttributeValue(p);h&&(this[p]=this.getI18nAttributeMessage(h,f,a))}),(l=this[_n])===null||l===void 0||l.forEach((f,p)=>{let h=this.getI18nListAttributeValues(p);this[p]=h?.map(y=>this.getI18nAttributeMessage(y,f,a))}),(s=this[xr])===null||s===void 0||s.forEach((f,p)=>{f.context.toLowerCase()===a.toLowerCase()&&(this[p]=this.i18n(f))}),setTimeout(()=>this.requestUpdate(),0)}buildI18nAttributeMessage(a,i){return{...a,message:this.i18n({context:a.context,key:a.key,...i})}}getI18nAttributeMessage(a,i,l){var s;let f=!l||((s=a.context)===null||s===void 0?void 0:s.toLowerCase())===l.toLowerCase();return a.context&&a.key&&f?this.buildI18nAttributeMessage(a,i):a}update(a){var i,l,s;super.update(a),(i=this[Tn])===null||i===void 0||i.forEach((f,p)=>{let h=this.getI18nAttributeValue(p);h?.context&&h.key&&(a.has(p)||f.argsProvider!=null)&&(this.addI18nContextIfNeeded(h,a,p),this[p]=this.getI18nAttributeMessage(h,f))}),(l=this[_n])===null||l===void 0||l.forEach((f,p)=>{let h=this.getI18nListAttributeValues(p);(a.has(p)||f.argsProvider!=null)&&(this[p]=h?.map(y=>(this.addI18nContextIfNeeded(y,a,p),this.getI18nAttributeMessage(y,f))))}),(s=this[xr])===null||s===void 0||s.forEach((f,p)=>{f.argsProvider!=null&&(this[p]=this.i18n(f))})}getI18nAttributeValue(a){return this[a]}getI18nListAttributeValues(a){return this[a]}addI18nContextIfNeeded(a,i,l){a.context&&a.key&&i.has(l)&&this.addI18nContext(a.context)}connectedCallback(){var a,i,l,s,f,p;super.connectedCallback(),new Set([...(i=(a=this[xr])===null||a===void 0?void 0:a.values())!==null&&i!==void 0?i:[],...[...(s=(l=this[Tn])===null||l===void 0?void 0:l.keys())!==null&&s!==void 0?s:[]].map(h=>this.getI18nAttributeValue(h)),...[...(p=(f=this[_n])===null||f===void 0?void 0:f.keys())!==null&&p!==void 0?p:[]].flatMap(h=>this.getI18nListAttributeValues(h))].map(h=>h?.context)).forEach(h=>h&&this.addI18nMessages(h))}addI18nMessages(a,i){a=a.toLowerCase(),this[$o].has(a)||this[$o].set(a,this.i18nService.subscribe(a,()=>this.onI18nUpdate(a))),this.i18nService.prepareContext(a,i??{}),this.onI18nUpdate(a)}addI18nContext(a,i){this.addI18nMessages(typeof a=="string"?a:a.name,i)}disconnectedCallback(){super.disconnectedCallback(),this[$o].forEach(a=>a()),this[$o].clear()}}return e=$o,js([(0,gl.property)({type:Boolean})],r.prototype,"useCustomMessageContexts",void 0),r}var vr=class extends bl(Cr.FtLitElement){},Sr=class extends bl(Cr.FtLitElementRedux){};var ko=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},zt=class extends Sr{constructor(){super(),this.editorMode=!1,this.addStore($)}render(){return!this.key||!this.context?this.editorMode?"Select a context and a label key.":Or.nothing:Or.html`
|
|
1696
|
+
<span class="ft-i18n">
|
|
1697
|
+
${this.i18n(this.context,this.key,...Array.isArray(this.args)?this.args:[])}
|
|
1698
|
+
</span>
|
|
1699
|
+
`}update(e){var r;super.update(e),["context","key","defaultMessage"].some(n=>e.has(n))&&this.context&&this.key&&this.addI18nMessages(this.context,{[this.key]:(r=this.defaultMessage)!==null&&r!==void 0?r:""})}};zt.elementDefinitions={};zt.styles=vc;ko([(0,Er.redux)()],zt.prototype,"editorMode",void 0);ko([(0,wr.property)()],zt.prototype,"context",void 0);ko([(0,wr.property)()],zt.prototype,"key",void 0);ko([(0,Er.jsonProperty)([])],zt.prototype,"args",void 0);ko([(0,wr.property)()],zt.prototype,"defaultMessage",void 0);var Nr=class o{static build(e){return new o(e)}static fromGwt(e){return new o(e)}constructor(e){this.name=e,this.properties=new Proxy({},{get:(r,n)=>{let a=n;return i=>({context:this.name,key:a,args:typeof i=="function"?void 0:i,argsProvider:typeof i=="function"?i:void 0})}}),this.messages=new Proxy({},{get:(r,n)=>(...a)=>$e.resolveMessage(this.name,n,...a)}),this.rawMessages=new Proxy({},{get:(r,n)=>$e.resolveRawMessage(this.name,n)})}};(0,xl.customElement)("ft-i18n")(zt);var Ar=Nr.build("pageLayoutComponent"),vl={breadcrumbTitle:"Breadcrumb title",popoverCloseButtonLabel:"Close information",popoverOpenButtonLabel:"More information"};var ee=function(o,e,r,n){var a=arguments.length,i=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(o,e,r,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i},pt=class extends vr{constructor(){super(),this.footerHasContent=!1,this.popoverHasContent=!1,this.addI18nContext(Ar,vl)}get pageHeaderClasses(){return{"ftds-page-layout--header":!0,"ftds-page-layout--child":this.breadcrumb!==void 0}}render(){return dt.html`
|
|
1700
|
+
${this.renderHeader()}
|
|
1701
|
+
<main>
|
|
1702
|
+
<slot></slot>
|
|
1703
|
+
</main>
|
|
1704
|
+
${this.renderFooter()}
|
|
1705
|
+
`}renderHeader(){return dt.html`
|
|
1706
|
+
<div class="${(0,Sl.classMap)(this.pageHeaderClasses)}">
|
|
1707
|
+
<div class="ftds-page-layout--left-slot">
|
|
1708
|
+
<div class="ftds-page-layout--title-container">
|
|
1709
|
+
${this.breadcrumb?this.renderBreadcrumb():dt.html`
|
|
1710
|
+
<ft-typography class="ftds-page-layout--title"
|
|
1711
|
+
variant="${J.title1}">
|
|
1712
|
+
${this.title}
|
|
1713
|
+
</ft-typography>`}
|
|
1714
|
+
${this.renderPopover()}
|
|
1715
|
+
${this.renderChip()}
|
|
1716
|
+
</div>
|
|
1717
|
+
${this.subTitle?dt.html`
|
|
1718
|
+
<ft-typography class="ftds-page-layout--sub-title"
|
|
1719
|
+
variant="${J.body2regular}">
|
|
1720
|
+
${this.subTitle}
|
|
1721
|
+
</ft-typography>`:dt.nothing}
|
|
1722
|
+
</div>
|
|
1723
|
+
<div class="ftds-page-layout--right-slot">
|
|
1724
|
+
<slot name="header-right"></slot>
|
|
1725
|
+
</div>
|
|
1726
|
+
</div>`}renderFooter(){return dt.html`
|
|
1727
|
+
<div ?hidden="${!this.footerHasContent}" class="ftds-page-layout--footer ftds-page-layout--child">
|
|
1728
|
+
<div class="ftds-page-layout--left-slot">
|
|
1729
|
+
<slot name="footer-left" @slotchange=${this.onSlotChange}></slot>
|
|
1730
|
+
</div>
|
|
1731
|
+
<div class="ftds-page-layout--right-slot">
|
|
1732
|
+
<slot name="footer-right" @slotchange=${this.onSlotChange}></slot>
|
|
1733
|
+
</div>
|
|
1734
|
+
</div>
|
|
1735
|
+
`}renderChip(){var e;return dt.html`
|
|
1736
|
+
<div class="ftds-page-layout--chips-container">
|
|
1737
|
+
${(0,Wn.repeat)((e=this.chipsContent)!==null&&e!==void 0?e:[],r=>dt.html`
|
|
1738
|
+
<ftds-chip family="${r.family}" icon="${r.icon}">
|
|
1739
|
+
${r.label}
|
|
1740
|
+
</ftds-chip>`)}
|
|
1741
|
+
</div>
|
|
1742
|
+
`}renderBreadcrumb(){return dt.html`
|
|
1743
|
+
<nav aria-label="Title breadcrumb" class="ftds-page-layout--breadcrumb">
|
|
1744
|
+
<ol>
|
|
1745
|
+
${(0,Wn.repeat)(this.breadcrumb,(e,r)=>dt.html`
|
|
1746
|
+
<li>
|
|
1747
|
+
${e.link?dt.html`
|
|
1748
|
+
<ftds-link href=${e.link} underlined target="_self" family=${Bt.brand} variant="${J.body2medium}">
|
|
1749
|
+
${e.label}
|
|
1750
|
+
</ftds-link>`:dt.html`
|
|
1751
|
+
<ft-typography variant="${J.body2medium}" class="ftds-page-layout--breadcrumb-item">
|
|
1752
|
+
${e.label}
|
|
1753
|
+
</ft-typography>`}
|
|
1754
|
+
</li>`)}
|
|
1755
|
+
<li>
|
|
1756
|
+
<ft-typography class="ftds-page-layout--title"
|
|
1757
|
+
aria-current="${na(this.breadcrumb?"page":void 0)}"
|
|
1758
|
+
variant="${J.body2semibold}">
|
|
1759
|
+
${this.title}
|
|
1760
|
+
</ft-typography>
|
|
1761
|
+
</li>
|
|
1762
|
+
</ol>
|
|
1763
|
+
</nav>
|
|
1764
|
+
`}renderPopover(){return dt.html`
|
|
1765
|
+
<ftds-popover ?hidden=${!this.popoverHasContent} closeButtonLabel=${Ar.messages.popoverCloseButtonLabel()}
|
|
1766
|
+
openButtonLabel=${Ar.messages.popoverOpenButtonLabel()} openButtonTooltipPosition="bottom"
|
|
1767
|
+
openButtonFamily=${Bt.info} openButtonSize=${j.medium}>
|
|
1768
|
+
<slot name="popover-content" @slotchange=${this.onSlotChange}></slot>
|
|
1769
|
+
</ftds-popover>`}onSlotChange(e){switch(e.target.getAttribute("name")){case"popover-content":this.popoverHasContent=this.popoverContent.length>0;break;case"footer-right":case"footer-left":this.footerHasContent=this.footerLeftContent.length>0||this.footerRightContent.length>0;break}e.stopPropagation()}};pt.elementDefinitions={"ft-typography":V,"ftds-popover":Z,"ftds-chip":wt,"ftds-link":Et};pt.styles=ka;ee([(0,kt.property)()],pt.prototype,"title",void 0);ee([(0,kt.property)()],pt.prototype,"breadcrumb",void 0);ee([(0,kt.property)()],pt.prototype,"subTitle",void 0);ee([(0,kt.property)()],pt.prototype,"chipsContent",void 0);ee([(0,kt.state)()],pt.prototype,"footerHasContent",void 0);ee([(0,kt.state)()],pt.prototype,"popoverHasContent",void 0);ee([(0,kt.queryAssignedNodes)({slot:"footer-left"})],pt.prototype,"footerLeftContent",void 0);ee([(0,kt.queryAssignedNodes)({slot:"footer-right"})],pt.prototype,"footerRightContent",void 0);ee([(0,kt.queryAssignedNodes)({slot:"popover-content"})],pt.prototype,"popoverContent",void 0);(0,Cl.customElement)("ftds-page-layout")(pt);})();
|
|
1770
|
+
/*! Bundled license information:
|
|
1771
|
+
|
|
1772
|
+
lit-html/lit-html.js:
|
|
1773
|
+
(**
|
|
1774
|
+
* @license
|
|
1775
|
+
* Copyright 2017 Google LLC
|
|
1776
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1777
|
+
*)
|
|
1778
|
+
|
|
1779
|
+
lit-html/directives/if-defined.js:
|
|
1780
|
+
(**
|
|
1781
|
+
* @license
|
|
1782
|
+
* Copyright 2018 Google LLC
|
|
1783
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1784
|
+
*)
|
|
1785
|
+
|
|
1786
|
+
lit-html/static.js:
|
|
1787
|
+
(**
|
|
1788
|
+
* @license
|
|
1789
|
+
* Copyright 2020 Google LLC
|
|
1790
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1791
|
+
*)
|
|
1792
|
+
|
|
1793
|
+
@lit/reactive-element/css-tag.js:
|
|
1794
|
+
(**
|
|
1795
|
+
* @license
|
|
1796
|
+
* Copyright 2019 Google LLC
|
|
1797
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1798
|
+
*)
|
|
1799
|
+
*/
|