@fluid-topics/ft-collapsible 1.1.101 → 1.1.103
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-collapsible.light.js +31 -31
- package/build/ft-collapsible.min.js +44 -44
- package/package.json +4 -4
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
class="${(0,go.classMap)(o)}"
|
|
28
28
|
@click=${this.onContentClick}
|
|
29
29
|
@transitionend=${()=>this.animationInProgress=!1}></slot>
|
|
30
|
-
`}toggleOpenAnimation(){this.animationInProgress=!0,setTimeout(()=>this.toggleOpen(),5),this.animationEndSafeguard.run(()=>this.animationInProgress=!1)}toggleOpen(){this.open=!this.open,this.dispatchEvent(new CustomEvent("change",{detail:{open:this.open}}))}onContentClick(o){(0,xt.eventPathContainsMatchingElement)(o,this.closeCollapsibleMatchers,this)&&this.toggleOpenAnimation()}};L([(0,A.property)({type:Boolean,reflect:!0})],w.prototype,"open",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"animated",void 0);L([(0,xt.jsonProperty)([])],w.prototype,"closeCollapsibleMatchers",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"primary",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"secondary",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"tertiary",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"neutral",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"dense",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"round",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"small",void 0);L([(0,A.property)()],w.prototype,"label",void 0);L([(0,A.property)()],w.prototype,"openLabel",void 0);L([(0,A.property)()],w.prototype,"closedLabel",void 0);L([(0,A.property)()],w.prototype,"text",void 0);L([(0,A.property)()],w.prototype,"openText",void 0);L([(0,A.property)()],w.prototype,"closedText",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"disabled",void 0);L([(0,A.property)()],w.prototype,"tooltipPosition",void 0);L([(0,A.property)()],w.prototype,"iconVariant",void 0);L([(0,A.property)()],w.prototype,"openIcon",void 0);L([(0,A.property)()],w.prototype,"closedIcon",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"trailingIcon",void 0);L([(0,A.state)()],w.prototype,"animationInProgress",void 0);var eo=h(R());var ge=h(pt()),On=h(R());var fr=h(D()),O=h(R());var xo=h(D()),
|
|
30
|
+
`}toggleOpenAnimation(){this.animationInProgress=!0,setTimeout(()=>this.toggleOpen(),5),this.animationEndSafeguard.run(()=>this.animationInProgress=!1)}toggleOpen(){this.open=!this.open,this.dispatchEvent(new CustomEvent("change",{detail:{open:this.open}}))}onContentClick(o){(0,xt.eventPathContainsMatchingElement)(o,this.closeCollapsibleMatchers,this)&&this.toggleOpenAnimation()}};L([(0,A.property)({type:Boolean,reflect:!0})],w.prototype,"open",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"animated",void 0);L([(0,xt.jsonProperty)([])],w.prototype,"closeCollapsibleMatchers",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"primary",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"secondary",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"tertiary",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"neutral",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"dense",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"round",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"small",void 0);L([(0,A.property)()],w.prototype,"label",void 0);L([(0,A.property)()],w.prototype,"openLabel",void 0);L([(0,A.property)()],w.prototype,"closedLabel",void 0);L([(0,A.property)()],w.prototype,"text",void 0);L([(0,A.property)()],w.prototype,"openText",void 0);L([(0,A.property)()],w.prototype,"closedText",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"disabled",void 0);L([(0,A.property)()],w.prototype,"tooltipPosition",void 0);L([(0,A.property)()],w.prototype,"iconVariant",void 0);L([(0,A.property)()],w.prototype,"openIcon",void 0);L([(0,A.property)()],w.prototype,"closedIcon",void 0);L([(0,A.property)({type:Boolean})],w.prototype,"trailingIcon",void 0);L([(0,A.state)()],w.prototype,"animationInProgress",void 0);var eo=h(R());var ge=h(pt()),On=h(R());var fr=h(D()),O=h(R());var xo=h(D()),T=h(R()),mo=T.FtCssVariableFactory.extend("--ft-ripple-color","",T.designSystemVariables.colorContent),N={color:mo,backgroundColor:T.FtCssVariableFactory.extend("--ft-ripple-background-color","",mo),opacityContentOnSurfacePressed:T.FtCssVariableFactory.external(T.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:T.FtCssVariableFactory.external(T.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:T.FtCssVariableFactory.external(T.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:T.FtCssVariableFactory.external(T.designSystemVariables.opacityContentOnSurfaceSelected,"Design system"),borderRadius:T.FtCssVariableFactory.create("--ft-ripple-border-radius","","SIZE","0px")},uo=T.FtCssVariableFactory.extend("--ft-ripple-color","",T.designSystemVariables.colorPrimary),yo={color:uo,backgroundColor:T.FtCssVariableFactory.extend("--ft-ripple-background-color","",uo)},ho=T.FtCssVariableFactory.extend("--ft-ripple-color","",T.designSystemVariables.colorSecondary),bo={color:ho,backgroundColor:T.FtCssVariableFactory.extend("--ft-ripple-background-color","",ho)},Oo=xo.css`
|
|
31
31
|
:host {
|
|
32
32
|
display: contents;
|
|
33
33
|
}
|
|
@@ -244,7 +244,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
244
244
|
.ft-typography {
|
|
245
245
|
vertical-align: inherit;
|
|
246
246
|
}
|
|
247
|
-
`,ar=[Object.keys(ye).map(e=>Fo(e))];var ir=h(D()),te=h(R()),
|
|
247
|
+
`,ar=[Object.keys(ye).map(e=>Fo(e))];var ir=h(D()),te=h(R()),F={color:te.FtCssVariableFactory.extend("--ft-loader-color","",te.designSystemVariables.colorPrimary),size:te.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},lr=ir.css`
|
|
248
248
|
:host {
|
|
249
249
|
line-height: 0;
|
|
250
250
|
}
|
|
@@ -253,8 +253,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
253
253
|
display: inline-block;
|
|
254
254
|
position: relative;
|
|
255
255
|
|
|
256
|
-
width: ${
|
|
257
|
-
height: ${
|
|
256
|
+
width: ${F.size};
|
|
257
|
+
height: ${F.size};
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
.ft-loader div {
|
|
@@ -263,7 +263,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
263
263
|
width: 25%;
|
|
264
264
|
height: 25%;
|
|
265
265
|
border-radius: 50%;
|
|
266
|
-
background: ${
|
|
266
|
+
background: ${F.color};
|
|
267
267
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
268
268
|
}
|
|
269
269
|
|
|
@@ -310,10 +310,10 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
310
310
|
transform: translate(0, 0);
|
|
311
311
|
}
|
|
312
312
|
100% {
|
|
313
|
-
transform: translate(calc(0.35 * ${
|
|
313
|
+
transform: translate(calc(0.35 * ${F.size}), 0);
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
|
-
`;var cr=h(D()),gt=h(R()),
|
|
316
|
+
`;var cr=h(D()),gt=h(R()),V={size:gt.FtCssVariableFactory.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:gt.FtCssVariableFactory.extend("--ft-icon-fluid-topics-font-family","",gt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:gt.FtCssVariableFactory.extend("--ft-icon-file-format-font-family","",gt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:gt.FtCssVariableFactory.extend("--ft-icon-material-font-family","",gt.FtCssVariableFactory.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:gt.FtCssVariableFactory.create("--ft-icon-vertical-align","","UNKNOWN","unset")},sr=cr.css`
|
|
317
317
|
:host, i.ft-icon {
|
|
318
318
|
display: inline-flex;
|
|
319
319
|
align-items: center;
|
|
@@ -322,14 +322,14 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
322
322
|
}
|
|
323
323
|
|
|
324
324
|
:host {
|
|
325
|
-
width: ${
|
|
326
|
-
height: ${
|
|
325
|
+
width: ${V.size};
|
|
326
|
+
height: ${V.size};
|
|
327
327
|
}
|
|
328
328
|
|
|
329
329
|
i.ft-icon {
|
|
330
330
|
width: 100%;
|
|
331
331
|
height: 100%;
|
|
332
|
-
font-size: ${
|
|
332
|
+
font-size: ${V.size};
|
|
333
333
|
line-height: 1;
|
|
334
334
|
font-weight: normal;
|
|
335
335
|
text-transform: none;
|
|
@@ -340,26 +340,26 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
340
340
|
text-rendering: auto;
|
|
341
341
|
-webkit-font-smoothing: antialiased;
|
|
342
342
|
-moz-osx-font-smoothing: grayscale;
|
|
343
|
-
vertical-align: ${
|
|
343
|
+
vertical-align: ${V.verticalAlign};
|
|
344
344
|
}
|
|
345
345
|
|
|
346
346
|
i.ft-icon.ft-icon--fluid-topics {
|
|
347
|
-
font-family: ${
|
|
347
|
+
font-family: ${V.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
348
348
|
|
|
349
349
|
/* Ugly fix because font is broken */
|
|
350
|
-
font-size: calc(0.75 * ${
|
|
351
|
-
line-height: ${
|
|
350
|
+
font-size: calc(0.75 * ${V.size});
|
|
351
|
+
line-height: ${V.size};
|
|
352
352
|
position: relative;
|
|
353
353
|
top: -4%;
|
|
354
354
|
justify-content: center;
|
|
355
355
|
}
|
|
356
356
|
|
|
357
357
|
.ft-icon--file-format {
|
|
358
|
-
font-family: ${
|
|
358
|
+
font-family: ${V.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
359
359
|
}
|
|
360
360
|
|
|
361
361
|
.ft-icon--material {
|
|
362
|
-
font-family: ${
|
|
362
|
+
font-family: ${V.materialFontFamily}, "Material Icons", sans-serif;
|
|
363
363
|
}
|
|
364
364
|
`;var pr=O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorPrimary),U={backgroundColor:O.FtCssVariableFactory.extend("--ft-button-background-color","",O.designSystemVariables.colorSurface),borderRadius:O.FtCssVariableFactory.extend("--ft-button-border-radius","",O.designSystemVariables.borderRadiusL),color:pr,fontSize:O.FtCssVariableFactory.extend("--ft-button-font-size","",it.fontSize),iconSize:O.FtCssVariableFactory.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:O.FtCssVariableFactory.extend("--ft-button-ripple-color","",pr),verticalPadding:O.FtCssVariableFactory.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:O.FtCssVariableFactory.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:O.FtCssVariableFactory.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:O.FtCssVariableFactory.external(O.designSystemVariables.colorOpacityDisabled,"Design system")},dr=O.FtCssVariableFactory.extend("--ft-button-primary-color","",O.FtCssVariableFactory.extend("--ft-button-color","",O.designSystemVariables.colorOnPrimary)),Be={backgroundColor:O.FtCssVariableFactory.extend("--ft-button-primary-background-color","",O.FtCssVariableFactory.extend("--ft-button-background-color","",O.designSystemVariables.colorPrimary)),color:dr,rippleColor:O.FtCssVariableFactory.extend("--ft-button-primary-ripple-color","",dr)},lt={borderRadius:O.FtCssVariableFactory.extend("--ft-button-dense-border-radius","",O.FtCssVariableFactory.extend("--ft-button-border-radius","",O.designSystemVariables.borderRadiusM)),verticalPadding:O.FtCssVariableFactory.create("--ft-button-dense-vertical-padding","","SIZE","2px"),horizontalPadding:O.FtCssVariableFactory.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),iconPadding:O.FtCssVariableFactory.create("--ft-button-dense-icon-padding","","SIZE","4px")},gr=[fr.css`
|
|
365
365
|
:host {
|
|
@@ -403,7 +403,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
403
403
|
|
|
404
404
|
--ft-button-internal-line-height: max(calc(${U.fontSize} + 2px), ${U.iconSize});
|
|
405
405
|
--ft-button-internal-color: ${U.color};
|
|
406
|
-
${(0,O.setVariable)(
|
|
406
|
+
${(0,O.setVariable)(V.size,U.iconSize)};
|
|
407
407
|
${(0,O.setVariable)(N.color,U.rippleColor)};
|
|
408
408
|
|
|
409
409
|
border-radius: ${U.borderRadius};
|
|
@@ -494,8 +494,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
494
494
|
}
|
|
495
495
|
|
|
496
496
|
ft-loader {
|
|
497
|
-
${(0,O.setVariable)(
|
|
498
|
-
${(0,O.setVariable)(
|
|
497
|
+
${(0,O.setVariable)(F.size,U.iconSize)};
|
|
498
|
+
${(0,O.setVariable)(F.color,"var(--ft-button-internal-color)")};
|
|
499
499
|
}
|
|
500
500
|
`,O.noTextSelect];var Yt=h(R());var yr=h(R());var mr=h(D()),G=h(pt()),ur=h(ue()),ee=h(R());var j=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},W=class extends ee.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 ee.Debouncer(1e3),this.onTransitionStart=o=>{o.propertyName==="transform"&&(this.rippling=this.pressed,this.debouncer.run(()=>this.rippling=!1))},this.onTransitionEnd=o=>{o.propertyName==="transform"&&(this.rippling=!1)},this.setupDebouncer=new ee.Debouncer(10),this.moveRipple=o=>{var n,a;let{x:i,y:s}=this.getCoordinates(o),c=(a=(n=this.ripple)===null||n===void 0?void 0:n.getBoundingClientRect())!==null&&a!==void 0?a:{x:0,y:0,width:0,height:0};this.originX=Math.round(i!=null?i-c.x:c.width/2),this.originY=Math.round(s!=null?s-c.y:c.height/2)},this.startPress=o=>{this.moveRipple(o),this.pressed=!this.isIgnored(o)},this.endPress=()=>{this.pressed=!1},this.startHover=o=>{this.hovered=!this.isIgnored(o)},this.endHover=()=>{this.hovered=!1},this.startFocus=o=>{this.focused=this.isFocusVisible(o?.target)&&!this.isIgnored(o)},this.endFocus=()=>{this.focused=!1}}render(){let o={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return mr.html`
|
|
501
501
|
<style>
|
|
@@ -547,7 +547,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
547
547
|
position: relative;
|
|
548
548
|
word-break: break-word;
|
|
549
549
|
}
|
|
550
|
-
`;var kr=["top","right","bottom","left"],Ur=["start","end"],Fe=kr.reduce((e,o)=>e.concat(o,o+"-"+Ur[0],o+"-"+Ur[1]),[]),ie=Math.min,vt=Math.max,le=Math.round;var ut=e=>({x:e,y:e}),Hn={left:"right",right:"left",bottom:"top",top:"bottom"},Un={start:"end",end:"start"};function Ve(e,o,n){return vt(e,ie(o,n))}function Ce(e,o){return typeof e=="function"?e(o):e}function Mt(e){return e.split("-")[0]}function Nt(e){return e.split("-")[1]}function je(e){return e==="x"?"y":"x"}function Ye(e){return e==="y"?"height":"width"}function ve(e){return["top","bottom"].includes(Mt(e))?"y":"x"}function Xe(e){return je(ve(e))}function Dr(e,o,n){n===void 0&&(n=!1);let a=Nt(e),i=Xe(e),s=Ye(i),c=i==="x"?a===(n?"end":"start")?"right":"left":a==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(c=Me(c)),[c,Me(c)]}function Gr(e){return e.replace(/start|end/g,o=>Un[o])}function Me(e){return e.replace(/left|right|bottom|top/g,o=>Hn[o])}function kn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Zr(e){return typeof e!="number"?kn(e):{top:e,right:e,bottom:e,left:e}}function At(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Kr(e,o,n){let{reference:a,floating:i}=e,s=ve(o),c=Xe(o),p=Ye(c),d=Mt(o),u=s==="y",x=a.x+a.width/2-i.width/2,y=a.y+a.height/2-i.height/2,v=a[p]/2-i[p]/2,S;switch(d){case"top":S={x,y:a.y-i.height};break;case"bottom":S={x,y:a.y+a.height};break;case"right":S={x:a.x+a.width,y};break;case"left":S={x:a.x-i.width,y};break;default:S={x:a.x,y:a.y}}switch(Nt(o)){case"start":S[c]-=v*(n&&u?-1:1);break;case"end":S[c]+=v*(n&&u?-1:1);break}return S}var Mr=async(e,o,n)=>{let{placement:a="bottom",strategy:i="absolute",middleware:s=[],platform:c}=n,p=s.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),u=await c.getElementRects({reference:e,floating:o,strategy:i}),{x,y}=Kr(u,a,d),v=a,S={},E=0;for(let I=0;I<p.length;I++){let{name:z,fn:P}=p[I],{x:_,y:K,data:bt,reset:Z}=await P({x,y,initialPlacement:a,placement:v,strategy:i,middlewareData:S,rects:u,platform:c,elements:{reference:e,floating:o}});if(x=_??x,y=K??y,S={...S,[z]:{...S[z],...bt}},Z&&E<=50){E++,typeof Z=="object"&&(Z.placement&&(v=Z.placement),Z.rects&&(u=Z.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:i}):Z.rects),{x,y}=Kr(u,v,d)),I=-1;continue}}return{x,y,placement:v,strategy:i,middlewareData:S}};async function qe(e,o){var n;o===void 0&&(o={});let{x:a,y:i,platform:s,rects:c,elements:p,strategy:d}=e,{boundary:u="clippingAncestors",rootBoundary:x="viewport",elementContext:y="floating",altBoundary:v=!1,padding:S=0}=Ce(o,e),E=Zr(S),z=p[v?y==="floating"?"reference":"floating":y],P=At(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(z)))==null||n?z:z.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(p.floating)),boundary:u,rootBoundary:x,strategy:d})),_=y==="floating"?{...c.floating,x:a,y:i}:c.reference,K=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p.floating)),bt=await(s.isElement==null?void 0:s.isElement(K))?await(s.getScale==null?void 0:s.getScale(K))||{x:1,y:1}:{x:1,y:1},Z=At(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:_,offsetParent:K,strategy:d}):_);return{top:(P.top-Z.top+E.top)/bt.y,bottom:(Z.bottom-P.bottom+E.bottom)/bt.y,left:(P.left-Z.left+E.left)/bt.x,right:(Z.right-P.right+E.right)/bt.x}}function Dn(e,o,n){return(e?[...n.filter(i=>Nt(i)===e),...n.filter(i=>Nt(i)!==e)]:n.filter(i=>Mt(i)===i)).filter(i=>e?Nt(i)===e||(o?Gr(i)!==i:!1):!0)}var Je=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,a,i;let{rects:s,middlewareData:c,placement:p,platform:d,elements:u}=o,{crossAxis:x=!1,alignment:y,allowedPlacements:v=Fe,autoAlignment:S=!0,...E}=Ce(e,o),I=y!==void 0||v===Fe?Dn(y||null,S,v):v,z=await qe(o,E),P=((n=c.autoPlacement)==null?void 0:n.index)||0,_=I[P];if(_==null)return{};let K=Dr(_,s,await(d.isRTL==null?void 0:d.isRTL(u.floating)));if(p!==_)return{reset:{placement:I[0]}};let bt=[z[Mt(_)],z[K[0]],z[K[1]]],Z=[...((a=c.autoPlacement)==null?void 0:a.overflows)||[],{placement:_,overflows:bt}],ro=I[P+1];if(ro)return{data:{index:P+1,overflows:Z},reset:{placement:ro}};let no=Z.map(at=>{let Jt=Nt(at.placement);return[at.placement,Jt&&x?at.overflows.slice(0,2).reduce((Nn,En)=>Nn+En,0):at.overflows[0],at.overflows]}).sort((at,Jt)=>at[1]-Jt[1]),ao=((i=no.filter(at=>at[2].slice(0,Nt(at[0])?2:3).every(Jt=>Jt<=0))[0])==null?void 0:i[0])||no[0][0];return ao!==p?{data:{index:P+1,overflows:Z},reset:{placement:ao}}:{}}}};var Qe=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:a,placement:i}=o,{mainAxis:s=!0,crossAxis:c=!1,limiter:p={fn:z=>{let{x:P,y:_}=z;return{x:P,y:_}}},...d}=Ce(e,o),u={x:n,y:a},x=await qe(o,d),y=ve(Mt(i)),v=je(y),S=u[v],E=u[y];if(s){let z=v==="y"?"top":"left",P=v==="y"?"bottom":"right",_=S+x[z],K=S-x[P];S=Ve(_,S,K)}if(c){let z=y==="y"?"top":"left",P=y==="y"?"bottom":"right",_=E+x[z],K=E-x[P];E=Ve(_,E,K)}let I=p.fn({...o,[v]:S,[y]:E});return{...I,data:{x:I.x-n,y:I.y-a}}}}};function yt(e){return Vr(e)?(e.nodeName||"").toLowerCase():"#document"}function Y(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function ht(e){var o;return(o=(Vr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Vr(e){return e instanceof Node||e instanceof Y(e).Node}function ct(e){return e instanceof Element||e instanceof Y(e).Element}function ot(e){return e instanceof HTMLElement||e instanceof Y(e).HTMLElement}function Fr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Y(e).ShadowRoot}function Ft(e){let{overflow:o,overflowX:n,overflowY:a,display:i}=q(e);return/auto|scroll|overlay|hidden|clip/.test(o+a+n)&&!["inline","contents"].includes(i)}function jr(e){return["table","td","th"].includes(yt(e))}function Ee(e){let o=we(),n=q(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(a=>(n.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(n.contain||"").includes(a))}function Yr(e){let o=Lt(e);for(;ot(o)&&!ce(o);){if(Ee(o))return o;o=Lt(o)}return null}function we(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ce(e){return["html","body","#document"].includes(yt(e))}function q(e){return Y(e).getComputedStyle(e)}function se(e){return ct(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Lt(e){if(yt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Fr(e)&&e.host||ht(e);return Fr(o)?o.host:o}function Xr(e){let o=Lt(e);return ce(o)?e.ownerDocument?e.ownerDocument.body:e.body:ot(o)&&Ft(o)?o:Xr(o)}function Ne(e,o,n){var a;o===void 0&&(o=[]),n===void 0&&(n=!0);let i=Xr(e),s=i===((a=e.ownerDocument)==null?void 0:a.body),c=Y(i);return s?o.concat(c,c.visualViewport||[],Ft(i)?i:[],c.frameElement&&n?Ne(c.frameElement):[]):o.concat(i,Ne(i,[],n))}function Qr(e){let o=q(e),n=parseFloat(o.width)||0,a=parseFloat(o.height)||0,i=ot(e),s=i?e.offsetWidth:n,c=i?e.offsetHeight:a,p=le(n)!==s||le(a)!==c;return p&&(n=s,a=c),{width:n,height:a,$:p}}function tn(e){return ct(e)?e:e.contextElement}function Vt(e){let o=tn(e);if(!ot(o))return ut(1);let n=o.getBoundingClientRect(),{width:a,height:i,$:s}=Qr(o),c=(s?le(n.width):n.width)/a,p=(s?le(n.height):n.height)/i;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var Gn=ut(0);function en(e){let o=Y(e);return!we()||!o.visualViewport?Gn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Zn(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==Y(e)?!1:o}function pe(e,o,n,a){o===void 0&&(o=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),s=tn(e),c=ut(1);o&&(a?ct(a)&&(c=Vt(a)):c=Vt(e));let p=Zn(s,n,a)?en(s):ut(0),d=(i.left+p.x)/c.x,u=(i.top+p.y)/c.y,x=i.width/c.x,y=i.height/c.y;if(s){let v=Y(s),S=a&&ct(a)?Y(a):a,E=v.frameElement;for(;E&&a&&S!==v;){let I=Vt(E),z=E.getBoundingClientRect(),P=q(E),_=z.left+(E.clientLeft+parseFloat(P.paddingLeft))*I.x,K=z.top+(E.clientTop+parseFloat(P.paddingTop))*I.y;d*=I.x,u*=I.y,x*=I.x,y*=I.y,d+=_,u+=K,E=Y(E).frameElement}}return At({width:x,height:y,x:d,y:u})}function Kn(e){let{rect:o,offsetParent:n,strategy:a}=e,i=ot(n),s=ht(n);if(n===s)return o;let c={scrollLeft:0,scrollTop:0},p=ut(1),d=ut(0);if((i||!i&&a!=="fixed")&&((yt(n)!=="body"||Ft(s))&&(c=se(n)),ot(n))){let u=pe(n);p=Vt(n),d.x=u.x+n.clientLeft,d.y=u.y+n.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Mn(e){return Array.from(e.getClientRects())}function on(e){return pe(ht(e)).left+se(e).scrollLeft}function Fn(e){let o=ht(e),n=se(e),a=e.ownerDocument.body,i=vt(o.scrollWidth,o.clientWidth,a.scrollWidth,a.clientWidth),s=vt(o.scrollHeight,o.clientHeight,a.scrollHeight,a.clientHeight),c=-n.scrollLeft+on(e),p=-n.scrollTop;return q(a).direction==="rtl"&&(c+=vt(o.clientWidth,a.clientWidth)-i),{width:i,height:s,x:c,y:p}}function Vn(e,o){let n=Y(e),a=ht(e),i=n.visualViewport,s=a.clientWidth,c=a.clientHeight,p=0,d=0;if(i){s=i.width,c=i.height;let u=we();(!u||u&&o==="fixed")&&(p=i.offsetLeft,d=i.offsetTop)}return{width:s,height:c,x:p,y:d}}function jn(e,o){let n=pe(e,!0,o==="fixed"),a=n.top+e.clientTop,i=n.left+e.clientLeft,s=ot(e)?Vt(e):ut(1),c=e.clientWidth*s.x,p=e.clientHeight*s.y,d=i*s.x,u=a*s.y;return{width:c,height:p,x:d,y:u}}function qr(e,o,n){let a;if(o==="viewport")a=Vn(e,n);else if(o==="document")a=Fn(ht(e));else if(ct(o))a=jn(o,n);else{let i=en(e);a={...o,x:o.x-i.x,y:o.y-i.y}}return At(a)}function rn(e,o){let n=Lt(e);return n===o||!ct(n)||ce(n)?!1:q(n).position==="fixed"||rn(n,o)}function Yn(e,o){let n=o.get(e);if(n)return n;let a=Ne(e,[],!1).filter(p=>ct(p)&&yt(p)!=="body"),i=null,s=q(e).position==="fixed",c=s?Lt(e):e;for(;ct(c)&&!ce(c);){let p=q(c),d=Ee(c);!d&&p.position==="fixed"&&(i=null),(s?!d&&!i:!d&&p.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Ft(c)&&!d&&rn(e,c))?a=a.filter(x=>x!==c):i=p,c=Lt(c)}return o.set(e,a),a}function Xn(e){let{element:o,boundary:n,rootBoundary:a,strategy:i}=e,c=[...n==="clippingAncestors"?Yn(o,this._c):[].concat(n),a],p=c[0],d=c.reduce((u,x)=>{let y=qr(o,x,i);return u.top=vt(y.top,u.top),u.right=ie(y.right,u.right),u.bottom=ie(y.bottom,u.bottom),u.left=vt(y.left,u.left),u},qr(o,p,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function qn(e){return Qr(e)}function Jn(e,o,n){let a=ot(o),i=ht(o),s=n==="fixed",c=pe(e,!0,s,o),p={scrollLeft:0,scrollTop:0},d=ut(0);if(a||!a&&!s)if((yt(o)!=="body"||Ft(i))&&(p=se(o)),a){let u=pe(o,!0,s,o);d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}else i&&(d.x=on(i));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function Jr(e,o){return!ot(e)||q(e).position==="fixed"?null:o?o(e):e.offsetParent}function nn(e,o){let n=Y(e);if(!ot(e))return n;let a=Jr(e,o);for(;a&&jr(a)&&q(a).position==="static";)a=Jr(a,o);return a&&(yt(a)==="html"||yt(a)==="body"&&q(a).position==="static"&&!Ee(a))?n:a||Yr(e)||n}var Qn=async function(e){let{reference:o,floating:n,strategy:a}=e,i=this.getOffsetParent||nn,s=this.getDimensions;return{reference:Jn(o,await i(n),a),floating:{x:0,y:0,...await s(n)}}};function ta(e){return q(e).direction==="rtl"}var Re={convertOffsetParentRelativeRectToViewportRelativeRect:Kn,getDocumentElement:ht,getClippingRect:Xn,getOffsetParent:nn,getElementRects:Qn,getClientRects:Mn,getDimensions:qn,getScale:Vt,isElement:ct,isRTL:ta};var an=(e,o,n)=>{let a=new Map,i={platform:Re,...n},s={...i.platform,_c:a};return Mr(e,o,{...i,platform:s})};function ln(e){return ea(e)}function to(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function ea(e){for(let o=e;o;o=to(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=to(e);o;o=to(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function cn(e,o,n){return an(e,o,{platform:{...Re,getOffsetParent:a=>Re.getOffsetParent(a,ln)},middleware:[Qe({crossAxis:!0}),Je({allowedPlacements:[n]})]})}var X=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},$=class extends de.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 de.Debouncer,this.revealDebouncer=new de.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return sn.html`
|
|
550
|
+
`;var kr=["top","right","bottom","left"],Ur=["start","end"],Fe=kr.reduce((e,o)=>e.concat(o,o+"-"+Ur[0],o+"-"+Ur[1]),[]),ie=Math.min,vt=Math.max,le=Math.round;var ut=e=>({x:e,y:e}),Hn={left:"right",right:"left",bottom:"top",top:"bottom"},Un={start:"end",end:"start"};function Ve(e,o,n){return vt(e,ie(o,n))}function Ce(e,o){return typeof e=="function"?e(o):e}function Mt(e){return e.split("-")[0]}function Nt(e){return e.split("-")[1]}function je(e){return e==="x"?"y":"x"}function Ye(e){return e==="y"?"height":"width"}function ve(e){return["top","bottom"].includes(Mt(e))?"y":"x"}function Xe(e){return je(ve(e))}function Dr(e,o,n){n===void 0&&(n=!1);let a=Nt(e),i=Xe(e),s=Ye(i),c=i==="x"?a===(n?"end":"start")?"right":"left":a==="start"?"bottom":"top";return o.reference[s]>o.floating[s]&&(c=Me(c)),[c,Me(c)]}function Gr(e){return e.replace(/start|end/g,o=>Un[o])}function Me(e){return e.replace(/left|right|bottom|top/g,o=>Hn[o])}function kn(e){return{top:0,right:0,bottom:0,left:0,...e}}function Zr(e){return typeof e!="number"?kn(e):{top:e,right:e,bottom:e,left:e}}function At(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function Kr(e,o,n){let{reference:a,floating:i}=e,s=ve(o),c=Xe(o),p=Ye(c),d=Mt(o),u=s==="y",x=a.x+a.width/2-i.width/2,y=a.y+a.height/2-i.height/2,v=a[p]/2-i[p]/2,S;switch(d){case"top":S={x,y:a.y-i.height};break;case"bottom":S={x,y:a.y+a.height};break;case"right":S={x:a.x+a.width,y};break;case"left":S={x:a.x-i.width,y};break;default:S={x:a.x,y:a.y}}switch(Nt(o)){case"start":S[c]-=v*(n&&u?-1:1);break;case"end":S[c]+=v*(n&&u?-1:1);break}return S}var Mr=async(e,o,n)=>{let{placement:a="bottom",strategy:i="absolute",middleware:s=[],platform:c}=n,p=s.filter(Boolean),d=await(c.isRTL==null?void 0:c.isRTL(o)),u=await c.getElementRects({reference:e,floating:o,strategy:i}),{x,y}=Kr(u,a,d),v=a,S={},E=0;for(let P=0;P<p.length;P++){let{name:z,fn:B}=p[P],{x:_,y:M,data:bt,reset:Z}=await B({x,y,initialPlacement:a,placement:v,strategy:i,middlewareData:S,rects:u,platform:c,elements:{reference:e,floating:o}});if(x=_??x,y=M??y,S={...S,[z]:{...S[z],...bt}},Z&&E<=50){E++,typeof Z=="object"&&(Z.placement&&(v=Z.placement),Z.rects&&(u=Z.rects===!0?await c.getElementRects({reference:e,floating:o,strategy:i}):Z.rects),{x,y}=Kr(u,v,d)),P=-1;continue}}return{x,y,placement:v,strategy:i,middlewareData:S}};async function qe(e,o){var n;o===void 0&&(o={});let{x:a,y:i,platform:s,rects:c,elements:p,strategy:d}=e,{boundary:u="clippingAncestors",rootBoundary:x="viewport",elementContext:y="floating",altBoundary:v=!1,padding:S=0}=Ce(o,e),E=Zr(S),z=p[v?y==="floating"?"reference":"floating":y],B=At(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(z)))==null||n?z:z.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(p.floating)),boundary:u,rootBoundary:x,strategy:d})),_=y==="floating"?{...c.floating,x:a,y:i}:c.reference,M=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p.floating)),bt=await(s.isElement==null?void 0:s.isElement(M))?await(s.getScale==null?void 0:s.getScale(M))||{x:1,y:1}:{x:1,y:1},Z=At(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:_,offsetParent:M,strategy:d}):_);return{top:(B.top-Z.top+E.top)/bt.y,bottom:(Z.bottom-B.bottom+E.bottom)/bt.y,left:(B.left-Z.left+E.left)/bt.x,right:(Z.right-B.right+E.right)/bt.x}}function Dn(e,o,n){return(e?[...n.filter(i=>Nt(i)===e),...n.filter(i=>Nt(i)!==e)]:n.filter(i=>Mt(i)===i)).filter(i=>e?Nt(i)===e||(o?Gr(i)!==i:!1):!0)}var Je=function(e){return e===void 0&&(e={}),{name:"autoPlacement",options:e,async fn(o){var n,a,i;let{rects:s,middlewareData:c,placement:p,platform:d,elements:u}=o,{crossAxis:x=!1,alignment:y,allowedPlacements:v=Fe,autoAlignment:S=!0,...E}=Ce(e,o),P=y!==void 0||v===Fe?Dn(y||null,S,v):v,z=await qe(o,E),B=((n=c.autoPlacement)==null?void 0:n.index)||0,_=P[B];if(_==null)return{};let M=Dr(_,s,await(d.isRTL==null?void 0:d.isRTL(u.floating)));if(p!==_)return{reset:{placement:P[0]}};let bt=[z[Mt(_)],z[M[0]],z[M[1]]],Z=[...((a=c.autoPlacement)==null?void 0:a.overflows)||[],{placement:_,overflows:bt}],ro=P[B+1];if(ro)return{data:{index:B+1,overflows:Z},reset:{placement:ro}};let no=Z.map(at=>{let Jt=Nt(at.placement);return[at.placement,Jt&&x?at.overflows.slice(0,2).reduce((Nn,En)=>Nn+En,0):at.overflows[0],at.overflows]}).sort((at,Jt)=>at[1]-Jt[1]),ao=((i=no.filter(at=>at[2].slice(0,Nt(at[0])?2:3).every(Jt=>Jt<=0))[0])==null?void 0:i[0])||no[0][0];return ao!==p?{data:{index:B+1,overflows:Z},reset:{placement:ao}}:{}}}};var Qe=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(o){let{x:n,y:a,placement:i}=o,{mainAxis:s=!0,crossAxis:c=!1,limiter:p={fn:z=>{let{x:B,y:_}=z;return{x:B,y:_}}},...d}=Ce(e,o),u={x:n,y:a},x=await qe(o,d),y=ve(Mt(i)),v=je(y),S=u[v],E=u[y];if(s){let z=v==="y"?"top":"left",B=v==="y"?"bottom":"right",_=S+x[z],M=S-x[B];S=Ve(_,S,M)}if(c){let z=y==="y"?"top":"left",B=y==="y"?"bottom":"right",_=E+x[z],M=E-x[B];E=Ve(_,E,M)}let P=p.fn({...o,[v]:S,[y]:E});return{...P,data:{x:P.x-n,y:P.y-a}}}}};function yt(e){return Vr(e)?(e.nodeName||"").toLowerCase():"#document"}function Y(e){var o;return(e==null||(o=e.ownerDocument)==null?void 0:o.defaultView)||window}function ht(e){var o;return(o=(Vr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:o.documentElement}function Vr(e){return e instanceof Node||e instanceof Y(e).Node}function ct(e){return e instanceof Element||e instanceof Y(e).Element}function ot(e){return e instanceof HTMLElement||e instanceof Y(e).HTMLElement}function Fr(e){return typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof Y(e).ShadowRoot}function Ft(e){let{overflow:o,overflowX:n,overflowY:a,display:i}=J(e);return/auto|scroll|overlay|hidden|clip/.test(o+a+n)&&!["inline","contents"].includes(i)}function jr(e){return["table","td","th"].includes(yt(e))}function Ee(e){let o=we(),n=J(e);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!o&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!o&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(a=>(n.willChange||"").includes(a))||["paint","layout","strict","content"].some(a=>(n.contain||"").includes(a))}function Yr(e){let o=Lt(e);for(;ot(o)&&!ce(o);){if(Ee(o))return o;o=Lt(o)}return null}function we(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ce(e){return["html","body","#document"].includes(yt(e))}function J(e){return Y(e).getComputedStyle(e)}function se(e){return ct(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Lt(e){if(yt(e)==="html")return e;let o=e.assignedSlot||e.parentNode||Fr(e)&&e.host||ht(e);return Fr(o)?o.host:o}function Xr(e){let o=Lt(e);return ce(o)?e.ownerDocument?e.ownerDocument.body:e.body:ot(o)&&Ft(o)?o:Xr(o)}function Ne(e,o,n){var a;o===void 0&&(o=[]),n===void 0&&(n=!0);let i=Xr(e),s=i===((a=e.ownerDocument)==null?void 0:a.body),c=Y(i);return s?o.concat(c,c.visualViewport||[],Ft(i)?i:[],c.frameElement&&n?Ne(c.frameElement):[]):o.concat(i,Ne(i,[],n))}function Qr(e){let o=J(e),n=parseFloat(o.width)||0,a=parseFloat(o.height)||0,i=ot(e),s=i?e.offsetWidth:n,c=i?e.offsetHeight:a,p=le(n)!==s||le(a)!==c;return p&&(n=s,a=c),{width:n,height:a,$:p}}function tn(e){return ct(e)?e:e.contextElement}function Vt(e){let o=tn(e);if(!ot(o))return ut(1);let n=o.getBoundingClientRect(),{width:a,height:i,$:s}=Qr(o),c=(s?le(n.width):n.width)/a,p=(s?le(n.height):n.height)/i;return(!c||!Number.isFinite(c))&&(c=1),(!p||!Number.isFinite(p))&&(p=1),{x:c,y:p}}var Gn=ut(0);function en(e){let o=Y(e);return!we()||!o.visualViewport?Gn:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function Zn(e,o,n){return o===void 0&&(o=!1),!n||o&&n!==Y(e)?!1:o}function pe(e,o,n,a){o===void 0&&(o=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),s=tn(e),c=ut(1);o&&(a?ct(a)&&(c=Vt(a)):c=Vt(e));let p=Zn(s,n,a)?en(s):ut(0),d=(i.left+p.x)/c.x,u=(i.top+p.y)/c.y,x=i.width/c.x,y=i.height/c.y;if(s){let v=Y(s),S=a&&ct(a)?Y(a):a,E=v.frameElement;for(;E&&a&&S!==v;){let P=Vt(E),z=E.getBoundingClientRect(),B=J(E),_=z.left+(E.clientLeft+parseFloat(B.paddingLeft))*P.x,M=z.top+(E.clientTop+parseFloat(B.paddingTop))*P.y;d*=P.x,u*=P.y,x*=P.x,y*=P.y,d+=_,u+=M,E=Y(E).frameElement}}return At({width:x,height:y,x:d,y:u})}function Kn(e){let{rect:o,offsetParent:n,strategy:a}=e,i=ot(n),s=ht(n);if(n===s)return o;let c={scrollLeft:0,scrollTop:0},p=ut(1),d=ut(0);if((i||!i&&a!=="fixed")&&((yt(n)!=="body"||Ft(s))&&(c=se(n)),ot(n))){let u=pe(n);p=Vt(n),d.x=u.x+n.clientLeft,d.y=u.y+n.clientTop}return{width:o.width*p.x,height:o.height*p.y,x:o.x*p.x-c.scrollLeft*p.x+d.x,y:o.y*p.y-c.scrollTop*p.y+d.y}}function Mn(e){return Array.from(e.getClientRects())}function on(e){return pe(ht(e)).left+se(e).scrollLeft}function Fn(e){let o=ht(e),n=se(e),a=e.ownerDocument.body,i=vt(o.scrollWidth,o.clientWidth,a.scrollWidth,a.clientWidth),s=vt(o.scrollHeight,o.clientHeight,a.scrollHeight,a.clientHeight),c=-n.scrollLeft+on(e),p=-n.scrollTop;return J(a).direction==="rtl"&&(c+=vt(o.clientWidth,a.clientWidth)-i),{width:i,height:s,x:c,y:p}}function Vn(e,o){let n=Y(e),a=ht(e),i=n.visualViewport,s=a.clientWidth,c=a.clientHeight,p=0,d=0;if(i){s=i.width,c=i.height;let u=we();(!u||u&&o==="fixed")&&(p=i.offsetLeft,d=i.offsetTop)}return{width:s,height:c,x:p,y:d}}function jn(e,o){let n=pe(e,!0,o==="fixed"),a=n.top+e.clientTop,i=n.left+e.clientLeft,s=ot(e)?Vt(e):ut(1),c=e.clientWidth*s.x,p=e.clientHeight*s.y,d=i*s.x,u=a*s.y;return{width:c,height:p,x:d,y:u}}function qr(e,o,n){let a;if(o==="viewport")a=Vn(e,n);else if(o==="document")a=Fn(ht(e));else if(ct(o))a=jn(o,n);else{let i=en(e);a={...o,x:o.x-i.x,y:o.y-i.y}}return At(a)}function rn(e,o){let n=Lt(e);return n===o||!ct(n)||ce(n)?!1:J(n).position==="fixed"||rn(n,o)}function Yn(e,o){let n=o.get(e);if(n)return n;let a=Ne(e,[],!1).filter(p=>ct(p)&&yt(p)!=="body"),i=null,s=J(e).position==="fixed",c=s?Lt(e):e;for(;ct(c)&&!ce(c);){let p=J(c),d=Ee(c);!d&&p.position==="fixed"&&(i=null),(s?!d&&!i:!d&&p.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||Ft(c)&&!d&&rn(e,c))?a=a.filter(x=>x!==c):i=p,c=Lt(c)}return o.set(e,a),a}function Xn(e){let{element:o,boundary:n,rootBoundary:a,strategy:i}=e,c=[...n==="clippingAncestors"?Yn(o,this._c):[].concat(n),a],p=c[0],d=c.reduce((u,x)=>{let y=qr(o,x,i);return u.top=vt(y.top,u.top),u.right=ie(y.right,u.right),u.bottom=ie(y.bottom,u.bottom),u.left=vt(y.left,u.left),u},qr(o,p,i));return{width:d.right-d.left,height:d.bottom-d.top,x:d.left,y:d.top}}function qn(e){return Qr(e)}function Jn(e,o,n){let a=ot(o),i=ht(o),s=n==="fixed",c=pe(e,!0,s,o),p={scrollLeft:0,scrollTop:0},d=ut(0);if(a||!a&&!s)if((yt(o)!=="body"||Ft(i))&&(p=se(o)),a){let u=pe(o,!0,s,o);d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}else i&&(d.x=on(i));return{x:c.left+p.scrollLeft-d.x,y:c.top+p.scrollTop-d.y,width:c.width,height:c.height}}function Jr(e,o){return!ot(e)||J(e).position==="fixed"?null:o?o(e):e.offsetParent}function nn(e,o){let n=Y(e);if(!ot(e))return n;let a=Jr(e,o);for(;a&&jr(a)&&J(a).position==="static";)a=Jr(a,o);return a&&(yt(a)==="html"||yt(a)==="body"&&J(a).position==="static"&&!Ee(a))?n:a||Yr(e)||n}var Qn=async function(e){let{reference:o,floating:n,strategy:a}=e,i=this.getOffsetParent||nn,s=this.getDimensions;return{reference:Jn(o,await i(n),a),floating:{x:0,y:0,...await s(n)}}};function ta(e){return J(e).direction==="rtl"}var Re={convertOffsetParentRelativeRectToViewportRelativeRect:Kn,getDocumentElement:ht,getClippingRect:Xn,getOffsetParent:nn,getElementRects:Qn,getClientRects:Mn,getDimensions:qn,getScale:Vt,isElement:ct,isRTL:ta};var an=(e,o,n)=>{let a=new Map,i={platform:Re,...n},s={...i.platform,_c:a};return Mr(e,o,{...i,platform:s})};function ln(e){return ea(e)}function to(e){return e.assignedSlot?e.assignedSlot:e.parentNode instanceof ShadowRoot?e.parentNode.host:e.parentNode}function ea(e){for(let o=e;o;o=to(o))if(o instanceof Element&&getComputedStyle(o).display==="none")return null;for(let o=to(e);o;o=to(o)){if(!(o instanceof Element))continue;let n=getComputedStyle(o);if(n.display!=="contents"&&(n.position!=="static"||n.filter!=="none"||o.tagName==="BODY"))return o}return null}async function cn(e,o,n){return an(e,o,{platform:{...Re,getOffsetParent:a=>Re.getOffsetParent(a,ln)},middleware:[Qe({crossAxis:!0}),Je({allowedPlacements:[n]})]})}var X=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},$=class extends de.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 de.Debouncer,this.revealDebouncer=new de.Debouncer}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return sn.html`
|
|
551
551
|
<div part="container"
|
|
552
552
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
553
553
|
@mouseenter=${this.onHover}
|
|
@@ -577,10 +577,10 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
577
577
|
<div></div>
|
|
578
578
|
<div></div>
|
|
579
579
|
</div>
|
|
580
|
-
`}};$t.styles=lr;(0,bn.customElement)("ft-loader")($t);var jt=h(D()),xn=h(ue()),
|
|
580
|
+
`}};$t.styles=lr;(0,bn.customElement)("ft-loader")($t);var jt=h(D()),xn=h(ue()),K=h(pt()),q=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},I=class extends(0,Yt.toFtFormComponent)(Yt.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",o=>{var n;this.isDisabled()?(o.preventDefault(),o.stopPropagation(),o.stopImmediatePropagation()):this.type=="submit"&&((n=this.form)===null||n===void 0||n.requestSubmit())})}render(){var o;return this.addTooltipIfNeeded(jt.html`
|
|
581
581
|
<button part="button"
|
|
582
582
|
class="${(0,xn.classMap)(this.buttonClasses)}"
|
|
583
|
-
aria-label="${this.getLabel()}"
|
|
583
|
+
aria-label="${(o=this.ariaLabel)!==null&&o!==void 0?o:this.getLabel()}"
|
|
584
584
|
?disabled=${this.isDisabled()}>
|
|
585
585
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
586
586
|
<ft-typography part="label"
|
|
@@ -603,7 +603,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
603
603
|
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
|
|
604
604
|
`:jt.html`
|
|
605
605
|
<slot part="icon" name="icon"></slot>
|
|
606
|
-
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};
|
|
606
|
+
`}focus(){var o;(o=this.button)===null||o===void 0||o.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(o){return o instanceof HTMLSlotElement?o.assignedNodes().map(n=>this.unslotText(n)).join(""):o?.textContent||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};I.elementDefinitions={"ft-ripple":W,"ft-tooltip":$,"ft-typography":et,"ft-icon":tt,"ft-loader":$t};q([(0,K.property)({type:String,reflect:!0})],I.prototype,"role",void 0);q([(0,K.property)()],I.prototype,"type",void 0);q([(0,K.property)({type:Boolean})],I.prototype,"disabled",void 0);q([(0,K.property)()],I.prototype,"label",void 0);q([(0,K.property)()],I.prototype,"icon",void 0);q([(0,K.property)()],I.prototype,"iconVariant",void 0);q([(0,K.property)({type:Boolean})],I.prototype,"trailingIcon",void 0);q([(0,K.property)({type:Boolean})],I.prototype,"loading",void 0);q([(0,K.property)({attribute:"aria-label"})],I.prototype,"ariaLabel",void 0);q([(0,K.property)()],I.prototype,"tooltipPosition",void 0);q([(0,K.property)({type:Boolean})],I.prototype,"hideTooltip",void 0);q([(0,K.property)({type:Boolean})],I.prototype,"forceTooltip",void 0);q([(0,K.query)(".ft-button")],I.prototype,"button",void 0);q([(0,K.query)(".ft-button--label slot")],I.prototype,"slottedContent",void 0);var We=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},rt=class extends I{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"}};rt.styles=[On.safariEllipsisFix,gr];We([(0,ge.property)({type:Boolean})],rt.prototype,"primary",void 0);We([(0,ge.property)({type:Boolean})],rt.prototype,"outlined",void 0);We([(0,ge.property)({type:Boolean})],rt.prototype,"dense",void 0);We([(0,ge.property)({type:Boolean})],rt.prototype,"round",void 0);var me=h(pt());var Ie=h(R());var Sn=h(D()),C=h(R());var Cn=[Sn.css`
|
|
607
607
|
:host {
|
|
608
608
|
display: inline-block;
|
|
609
609
|
max-width: 100%;
|
|
@@ -687,7 +687,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
687
687
|
/** Primary styles **/
|
|
688
688
|
|
|
689
689
|
.ft-button--primary {
|
|
690
|
-
${(0,C.setVariable)(
|
|
690
|
+
${(0,C.setVariable)(F.color,f.primaryIconColor)};
|
|
691
691
|
|
|
692
692
|
${(0,C.setVariable)(N.color,f.primaryStateLayerColor)};
|
|
693
693
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.primaryHoverStateLayerOpacity)};
|
|
@@ -711,7 +711,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
711
711
|
/** Secondary styles **/
|
|
712
712
|
|
|
713
713
|
.ft-button--secondary {
|
|
714
|
-
${(0,C.setVariable)(
|
|
714
|
+
${(0,C.setVariable)(F.color,f.secondaryIconColor)};
|
|
715
715
|
|
|
716
716
|
${(0,C.setVariable)(N.color,f.secondaryStateLayerColor)};
|
|
717
717
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.secondaryHoverStateLayerOpacity)};
|
|
@@ -736,7 +736,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
736
736
|
/** Tertiary styles **/
|
|
737
737
|
|
|
738
738
|
.ft-button--tertiary {
|
|
739
|
-
${(0,C.setVariable)(
|
|
739
|
+
${(0,C.setVariable)(F.color,f.tertiaryIconColor)};
|
|
740
740
|
|
|
741
741
|
${(0,C.setVariable)(N.color,f.tertiaryStateLayerColor)};
|
|
742
742
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.tertiaryHoverStateLayerOpacity)};
|
|
@@ -760,7 +760,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
760
760
|
/** Neutral styles **/
|
|
761
761
|
|
|
762
762
|
.ftds--family-neutral {
|
|
763
|
-
${(0,C.setVariable)(
|
|
763
|
+
${(0,C.setVariable)(F.color,f.neutralIconColor)};
|
|
764
764
|
|
|
765
765
|
${(0,C.setVariable)(N.backgroundColor,f.neutralStateLayerColor)};
|
|
766
766
|
${(0,C.setVariable)(N.opacityContentOnSurfaceHover,f.neutralHoverStateLayerOpacity)};
|
|
@@ -784,8 +784,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
784
784
|
/** Large styles **/
|
|
785
785
|
|
|
786
786
|
.ftds--size-large {
|
|
787
|
+
${(0,C.setVariable)(V.size,f.largeIconSize)};
|
|
787
788
|
${(0,C.setVariable)(F.size,f.largeIconSize)};
|
|
788
|
-
${(0,C.setVariable)(M.size,f.largeIconSize)};
|
|
789
789
|
|
|
790
790
|
height: ${f.largeHeight};
|
|
791
791
|
padding: 0 ${f.largeHorizontalPadding};
|
|
@@ -806,8 +806,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
806
806
|
/** Small styles **/
|
|
807
807
|
|
|
808
808
|
.ftds--size-medium {
|
|
809
|
+
${(0,C.setVariable)(V.size,f.mediumIconSize)};
|
|
809
810
|
${(0,C.setVariable)(F.size,f.mediumIconSize)};
|
|
810
|
-
${(0,C.setVariable)(M.size,f.mediumIconSize)};
|
|
811
811
|
|
|
812
812
|
height: ${f.mediumHeight};
|
|
813
813
|
padding: 0 ${f.mediumHorizontalPadding};
|
|
@@ -829,8 +829,8 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
829
829
|
/** Small styles **/
|
|
830
830
|
|
|
831
831
|
.ftds--size-small {
|
|
832
|
+
${(0,C.setVariable)(V.size,f.smallIconSize)};
|
|
832
833
|
${(0,C.setVariable)(F.size,f.smallIconSize)};
|
|
833
|
-
${(0,C.setVariable)(M.size,f.smallIconSize)};
|
|
834
834
|
|
|
835
835
|
height: ${f.smallHeight};
|
|
836
836
|
padding: 0 ${f.smallHorizontalPadding};
|
|
@@ -847,7 +847,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
847
847
|
.ftds--size-small.ft-button--icon-only {
|
|
848
848
|
width: ${f.smallIconOnlyWidth};
|
|
849
849
|
}
|
|
850
|
-
`,C.noTextSelect];var $e=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},nt=class extends(0,Ie.toFtdsBase)(
|
|
850
|
+
`,C.noTextSelect];var $e=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},nt=class extends(0,Ie.toFtdsBase)(I){constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.round=!1,this.family=he.brand,this.iconVariant=st.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 It.large:return Ct.body2medium;case It.medium:return Ct.caption1medium;case It.small:return Ct.caption2medium}}};nt.styles=[Ie.safariEllipsisFix,Cn];$e([(0,me.property)({type:Boolean})],nt.prototype,"primary",void 0);$e([(0,me.property)({type:Boolean})],nt.prototype,"secondary",void 0);$e([(0,me.property)({type:Boolean})],nt.prototype,"tertiary",void 0);$e([(0,me.property)({type:Boolean})],nt.prototype,"round",void 0);(0,eo.customElement)("ft-button")(rt);(0,eo.customElement)("ftds-button")(nt);var vn=h(D()),Pe=vn.css`
|
|
851
851
|
:host {
|
|
852
852
|
display: contents;
|
|
853
853
|
}
|