@momentum-design/components 0.120.1 → 0.120.3

package/dist/browser/index.js

@@ -2279,23 +2279,24 @@
       border-radius: 0.125rem;
     }
 
-    .icon {
+    :host::part(checkbox-icon) {
       --mdc-icon-fill-color: var(--mdc-staticcheckbox-icon-color);
     }
 
-    :host([disabled]) .icon {
+    :host([disabled])::part(checkbox-icon) {
       --mdc-icon-fill-color: var(--mdc-staticcheckbox-disabled-icon-color);
     }
 
     /* High Contrast Mode */
     @media (forced-colors: active) {
-      :host([checked])::part(icon-container) :host([indeterminate])::part(icon-container) {
+      :host([checked])::part(icon-container),
+      :host([indeterminate])::part(icon-container) {
         border: 0.0625rem solid var(--mdc-staticcheckbox-border-color);
       }
     }
   `],zu=xE;var Vu=V.constructTagName("checkbox"),Cl={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var Bu=V.constructTagName("staticcheckbox");var ps=class extends zt(K){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1}render(){let t=this.checked||this.indeterminate?_`
             <mdc-icon
-              class="icon"
+              part="checkbox-icon"
               name="${this.indeterminate?Cl.INDETERMINATE:Cl.CHECKED}"
               size="1"
               length-unit="rem"
@@ -2386,30 +2387,30 @@
       --mdc-staticradio-control-active-disabled-background: var(--mds-color-theme-control-active-disabled);
     }
 
-    .icon:after {
+    .radio-icon:after {
       content: '';
       position: absolute;
       display: none;
     }
 
-    :host([disabled]) .icon,
-    :host([disabled][readonly]) .icon {
+    :host([disabled])::part(radio-icon),
+    :host([disabled][readonly])::part(radio-icon) {
       border-color: var(--mdc-staticradio-disabled-border-color);
       background: var(--mdc-staticradio-control-inactive-disabled-background);
     }
 
-    :host([disabled][checked]) .icon,
-    :host([disabled][readonly][checked]) .icon {
+    :host([disabled][checked])::part(radio-icon),
+    :host([disabled][readonly][checked])::part(radio-icon) {
       border: var(--mdc-staticradio-control-active-disabled-background);
       background: var(--mdc-staticradio-control-active-disabled-background);
     }
 
-    :host([disabled][checked]) .icon:after,
-    :host([disabled][readonly][checked]) .icon:after {
+    :host([disabled][checked]) .radio-icon:after,
+    :host([disabled][readonly][checked]) .radio-icon:after {
       background: var(--mdc-staticradio-inner-circle-disabled-background);
     }
 
-    .icon {
+    :host::part(radio-icon) {
       position: absolute;
       top: 0;
       left: 0;
@@ -2420,12 +2421,12 @@
       border-radius: 50%;
     }
 
-    :host([checked]) .icon {
+    :host([checked])::part(radio-icon) {
       border-color: var(--mdc-staticradio-control-active-color);
       background-color: var(--mdc-staticradio-control-active-color);
     }
 
-    :host([checked]) .icon:after {
+    :host([checked]) .radio-icon:after {
       display: block;
       top: 50%;
       left: 50%;
@@ -2436,20 +2437,20 @@
       background: var(--mdc-staticradio-inner-circle-normal-background);
     }
 
-    :host([readonly]) .icon {
+    :host([readonly])::part(radio-icon) {
       border-color: var(--mdc-staticradio-normal-border-color);
       background-color: var(--mdc-staticradio-control-inactive-color);
     }
 
-    :host([readonly][checked]) .icon {
+    :host([readonly][checked])::part(radio-icon) {
       border-color: var(--mdc-staticradio-normal-border-color);
     }
 
-    :host([readonly][checked]) .icon:after {
+    :host([readonly][checked]) .radio-icon:after {
       background-color: var(--mdc-staticradio-text-disabled-color);
     }
   `],Hu=IE;var us=class extends zt(K){constructor(){super(...arguments);this.checked=!1;this.readonly=!1}render(){return _` <slot></slot>
-      <span part="radio-icon" class="icon"></span>`}};us.styles=[...K.styles,...Hu],p([u({type:Boolean,reflect:!0})],us.prototype,"checked",2),p([u({type:Boolean,reflect:!0})],us.prototype,"readonly",2);var kc=us;var Gu=V.constructTagName("staticradio");kc.register(Gu);var CE=kc;Cc.register(kl);var kE=Cc;var Fr=Math.min,_e=Math.max,Ma=Math.round,Ra=Math.floor,Tr=n=>({x:n,y:n}),wE={left:"right",right:"left",bottom:"top",top:"bottom"},NE={start:"end",end:"start"};function Nl(n,o,t){return _e(n,Fr(o,t))}function uo(n,o){return typeof n=="function"?n(o):n}function ni(n){return n.split("-")[0]}function fo(n){return n.split("-")[1]}function wc(n){return n==="x"?"y":"x"}function Ll(n){return n==="y"?"height":"width"}var LE=new Set(["top","bottom"]);function zr(n){return LE.has(ni(n))?"y":"x"}function Ml(n){return wc(zr(n))}function ju(n,o,t){t===void 0&&(t=!1);let i=fo(n),a=Ml(n),d=Ll(a),m=a==="x"?i===(t?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[d]>o.floating[d]&&(m=La(m)),[m,La(m)]}function Ku(n){let o=La(n);return[wl(n),o,wl(o)]}function wl(n){return n.replace(/start|end/g,o=>NE[o])}var Yu=["left","right"],Wu=["right","left"],ME=["top","bottom"],RE=["bottom","top"];function OE(n,o,t){switch(n){case"top":case"bottom":return t?o?Wu:Yu:o?Yu:Wu;case"left":case"right":return o?ME:RE;default:return[]}}function qu(n,o,t,i){let a=fo(n),d=OE(ni(n),t==="start",i);return a&&(d=d.map(m=>m+"-"+a),o&&(d=d.concat(d.map(wl)))),d}function La(n){return n.replace(/left|right|bottom|top/g,o=>wE[o])}function PE(n){return{top:0,right:0,bottom:0,left:0,...n}}function Nc(n){return typeof n!="number"?PE(n):{top:n,right:n,bottom:n,left:n}}function vo(n){let{x:o,y:t,width:i,height:a}=n;return{width:i,height:a,top:t,left:o,right:o+i,bottom:t+a,x:o,y:t}}function Xu(n,o,t){let{reference:i,floating:a}=n,d=zr(o),m=Ml(o),b=Ll(m),C=ni(o),L=d==="y",W=i.x+i.width/2-a.width/2,q=i.y+i.height/2-a.height/2,it=i[b]/2-a[b]/2,X;switch(C){case"top":X={x:W,y:i.y-a.height};break;case"bottom":X={x:W,y:i.y+i.height};break;case"right":X={x:i.x+i.width,y:q};break;case"left":X={x:i.x-a.width,y:q};break;default:X={x:i.x,y:i.y}}switch(fo(o)){case"start":X[m]-=it*(t&&L?-1:1);break;case"end":X[m]+=it*(t&&L?-1:1);break}return X}var Zu=async(n,o,t)=>{let{placement:i="bottom",strategy:a="absolute",middleware:d=[],platform:m}=t,b=d.filter(Boolean),C=await(m.isRTL==null?void 0:m.isRTL(o)),L=await m.getElementRects({reference:n,floating:o,strategy:a}),{x:W,y:q}=Xu(L,i,C),it=i,X={},tt=0;for(let lt=0;lt<b.length;lt++){let{name:dt,fn:vt}=b[lt],{x:At,y:wt,data:Wt,reset:$t}=await vt({x:W,y:q,initialPlacement:i,placement:it,strategy:a,middlewareData:X,rects:L,platform:m,elements:{reference:n,floating:o}});W=At!=null?At:W,q=wt!=null?wt:q,X={...X,[dt]:{...X[dt],...Wt}},$t&&tt<=50&&(tt++,typeof $t=="object"&&($t.placement&&(it=$t.placement),$t.rects&&(L=$t.rects===!0?await m.getElementRects({reference:n,floating:o,strategy:a}):$t.rects),{x:W,y:q}=Xu(L,it,C)),lt=-1)}return{x:W,y:q,placement:it,strategy:a,middlewareData:X}};async function Rl(n,o){var t;o===void 0&&(o={});let{x:i,y:a,platform:d,rects:m,elements:b,strategy:C}=n,{boundary:L="clippingAncestors",rootBoundary:W="viewport",elementContext:q="floating",altBoundary:it=!1,padding:X=0}=uo(o,n),tt=Nc(X),dt=b[it?q==="floating"?"reference":"floating":q],vt=vo(await d.getClippingRect({element:(t=await(d.isElement==null?void 0:d.isElement(dt)))==null||t?dt:dt.contextElement||await(d.getDocumentElement==null?void 0:d.getDocumentElement(b.floating)),boundary:L,rootBoundary:W,strategy:C})),At=q==="floating"?{x:i,y:a,width:m.floating.width,height:m.floating.height}:m.reference,wt=await(d.getOffsetParent==null?void 0:d.getOffsetParent(b.floating)),Wt=await(d.isElement==null?void 0:d.isElement(wt))?await(d.getScale==null?void 0:d.getScale(wt))||{x:1,y:1}:{x:1,y:1},$t=vo(d.convertOffsetParentRelativeRectToViewportRelativeRect?await d.convertOffsetParentRelativeRectToViewportRelativeRect({elements:b,rect:At,offsetParent:wt,strategy:C}):At);return{top:(vt.top-$t.top+tt.top)/Wt.y,bottom:($t.bottom-vt.bottom+tt.bottom)/Wt.y,left:(vt.left-$t.left+tt.left)/Wt.x,right:($t.right-vt.right+tt.right)/Wt.x}}var Qu=n=>({name:"arrow",options:n,async fn(o){let{x:t,y:i,placement:a,rects:d,platform:m,elements:b,middlewareData:C}=o,{element:L,padding:W=0}=uo(n,o)||{};if(L==null)return{};let q=Nc(W),it={x:t,y:i},X=Ml(a),tt=Ll(X),lt=await m.getDimensions(L),dt=X==="y",vt=dt?"top":"left",At=dt?"bottom":"right",wt=dt?"clientHeight":"clientWidth",Wt=d.reference[tt]+d.reference[X]-it[X]-d.floating[tt],$t=it[X]-d.reference[X],Bt=await(m.getOffsetParent==null?void 0:m.getOffsetParent(L)),Zt=Bt?Bt[wt]:0;(!Zt||!await(m.isElement==null?void 0:m.isElement(Bt)))&&(Zt=b.floating[wt]||d.floating[tt]);let le=Wt/2-$t/2,ur=Zt/2-lt[tt]/2-1,we=Fr(q[vt],ur),je=Fr(q[At],ur),fr=we,vr=Zt-lt[tt]-je,Ct=Zt/2-lt[tt]/2+le,pe=Nl(fr,Ct,vr),Ke=!C.arrow&&fo(a)!=null&&Ct!==pe&&d.reference[tt]/2-(Ct<fr?we:je)-lt[tt]/2<0,qe=Ke?Ct<fr?Ct-fr:Ct-vr:0;return{[X]:it[X]+qe,data:{[X]:pe,centerOffset:Ct-pe-qe,...Ke&&{alignmentOffset:qe}},reset:Ke}}});var Ju=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(o){var t,i;let{placement:a,middlewareData:d,rects:m,initialPlacement:b,platform:C,elements:L}=o,{mainAxis:W=!0,crossAxis:q=!0,fallbackPlacements:it,fallbackStrategy:X="bestFit",fallbackAxisSideDirection:tt="none",flipAlignment:lt=!0,...dt}=uo(n,o);if((t=d.arrow)!=null&&t.alignmentOffset)return{};let vt=ni(a),At=zr(b),wt=ni(b)===b,Wt=await(C.isRTL==null?void 0:C.isRTL(L.floating)),$t=it||(wt||!lt?[La(b)]:Ku(b)),Bt=tt!=="none";!it&&Bt&&$t.push(...qu(b,lt,tt,Wt));let Zt=[b,...$t],le=await Rl(o,dt),ur=[],we=((i=d.flip)==null?void 0:i.overflows)||[];if(W&&ur.push(le[vt]),q){let Ct=ju(a,m,Wt);ur.push(le[Ct[0]],le[Ct[1]])}if(we=[...we,{placement:a,overflows:ur}],!ur.every(Ct=>Ct<=0)){var je,fr;let Ct=(((je=d.flip)==null?void 0:je.index)||0)+1,pe=Zt[Ct];if(pe&&(!(q==="alignment"?At!==zr(pe):!1)||we.every(Xe=>Xe.overflows[0]>0&&zr(Xe.placement)===At)))return{data:{index:Ct,overflows:we},reset:{placement:pe}};let Ke=(fr=we.filter(qe=>qe.overflows[0]<=0).sort((qe,Xe)=>qe.overflows[1]-Xe.overflows[1])[0])==null?void 0:fr.placement;if(!Ke)switch(X){case"bestFit":{var vr;let qe=(vr=we.filter(Xe=>{if(Bt){let Ze=zr(Xe.placement);return Ze===At||Ze==="y"}return!0}).map(Xe=>[Xe.placement,Xe.overflows.filter(Ze=>Ze>0).reduce((Ze,mn)=>Ze+mn,0)]).sort((Xe,Ze)=>Xe[1]-Ze[1])[0])==null?void 0:vr[0];qe&&(Ke=qe);break}case"initialPlacement":Ke=b;break}if(a!==Ke)return{reset:{placement:Ke}}}return{}}}};var DE=new Set(["left","top"]);async function $E(n,o){let{placement:t,platform:i,elements:a}=n,d=await(i.isRTL==null?void 0:i.isRTL(a.floating)),m=ni(t),b=fo(t),C=zr(t)==="y",L=DE.has(m)?-1:1,W=d&&C?-1:1,q=uo(o,n),{mainAxis:it,crossAxis:X,alignmentAxis:tt}=typeof q=="number"?{mainAxis:q,crossAxis:0,alignmentAxis:null}:{mainAxis:q.mainAxis||0,crossAxis:q.crossAxis||0,alignmentAxis:q.alignmentAxis};return b&&typeof tt=="number"&&(X=b==="end"?tt*-1:tt),C?{x:X*W,y:it*L}:{x:it*L,y:X*W}}var tf=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(o){var t,i;let{x:a,y:d,placement:m,middlewareData:b}=o,C=await $E(o,n);return m===((t=b.offset)==null?void 0:t.placement)&&(i=b.arrow)!=null&&i.alignmentOffset?{}:{x:a+C.x,y:d+C.y,data:{...C,placement:m}}}}},ef=function(n){return n===void 0&&(n={}),{name:"shift",options:n,async fn(o){let{x:t,y:i,placement:a}=o,{mainAxis:d=!0,crossAxis:m=!1,limiter:b={fn:dt=>{let{x:vt,y:At}=dt;return{x:vt,y:At}}},...C}=uo(n,o),L={x:t,y:i},W=await Rl(o,C),q=zr(ni(a)),it=wc(q),X=L[it],tt=L[q];if(d){let dt=it==="y"?"top":"left",vt=it==="y"?"bottom":"right",At=X+W[dt],wt=X-W[vt];X=Nl(At,X,wt)}if(m){let dt=q==="y"?"top":"left",vt=q==="y"?"bottom":"right",At=tt+W[dt],wt=tt-W[vt];tt=Nl(At,tt,wt)}let lt=b.fn({...o,[it]:X,[q]:tt});return{...lt,data:{x:lt.x-t,y:lt.y-i,enabled:{[it]:d,[q]:m}}}}}};var rf=function(n){return n===void 0&&(n={}),{name:"size",options:n,async fn(o){var t,i;let{placement:a,rects:d,platform:m,elements:b}=o,{apply:C=()=>{},...L}=uo(n,o),W=await Rl(o,L),q=ni(a),it=fo(a),X=zr(a)==="y",{width:tt,height:lt}=d.floating,dt,vt;q==="top"||q==="bottom"?(dt=q,vt=it===(await(m.isRTL==null?void 0:m.isRTL(b.floating))?"start":"end")?"left":"right"):(vt=q,dt=it==="end"?"top":"bottom");let At=lt-W.top-W.bottom,wt=tt-W.left-W.right,Wt=Fr(lt-W[dt],At),$t=Fr(tt-W[vt],wt),Bt=!o.middlewareData.shift,Zt=Wt,le=$t;if((t=o.middlewareData.shift)!=null&&t.enabled.x&&(le=wt),(i=o.middlewareData.shift)!=null&&i.enabled.y&&(Zt=At),Bt&&!it){let we=_e(W.left,0),je=_e(W.right,0),fr=_e(W.top,0),vr=_e(W.bottom,0);X?le=tt-2*(we!==0||je!==0?we+je:_e(W.left,W.right)):Zt=lt-2*(fr!==0||vr!==0?fr+vr:_e(W.top,W.bottom))}await C({...o,availableWidth:le,availableHeight:Zt});let ur=await m.getDimensions(b.floating);return tt!==ur.width||lt!==ur.height?{reset:{rects:!0}}:{}}}};function Ol(){return typeof window<"u"}function go(n){return sf(n)?(n.nodeName||"").toLowerCase():"#document"}function $e(n){var o;return(n==null||(o=n.ownerDocument)==null?void 0:o.defaultView)||window}function xr(n){var o;return(o=(sf(n)?n.ownerDocument:n.document)||window.document)==null?void 0:o.documentElement}function sf(n){return Ol()?n instanceof Node||n instanceof $e(n).Node:!1}function ar(n){return Ol()?n instanceof Element||n instanceof $e(n).Element:!1}function Ar(n){return Ol()?n instanceof HTMLElement||n instanceof $e(n).HTMLElement:!1}function of(n){return!Ol()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof $e(n).ShadowRoot}var FE=new Set(["inline","contents"]);function vs(n){let{overflow:o,overflowX:t,overflowY:i,display:a}=nr(n);return/auto|scroll|overlay|hidden|clip/.test(o+i+t)&&!FE.has(a)}var zE=new Set(["table","td","th"]);function af(n){return zE.has(go(n))}var VE=[":popover-open",":modal"];function Oa(n){return VE.some(o=>{try{return n.matches(o)}catch{return!1}})}var BE=["transform","translate","scale","rotate","perspective"],UE=["transform","translate","scale","rotate","perspective","filter"],HE=["paint","layout","strict","content"];function Pl(n){let o=Dl(),t=ar(n)?nr(n):n;return BE.some(i=>t[i]?t[i]!=="none":!1)||(t.containerType?t.containerType!=="normal":!1)||!o&&(t.backdropFilter?t.backdropFilter!=="none":!1)||!o&&(t.filter?t.filter!=="none":!1)||UE.some(i=>(t.willChange||"").includes(i))||HE.some(i=>(t.contain||"").includes(i))}function nf(n){let o=li(n);for(;Ar(o)&&!bo(o);){if(Pl(o))return o;if(Oa(o))return null;o=li(o)}return null}function Dl(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var GE=new Set(["html","body","#document"]);function bo(n){return GE.has(go(n))}function nr(n){return $e(n).getComputedStyle(n)}function Pa(n){return ar(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function li(n){if(go(n)==="html")return n;let o=n.assignedSlot||n.parentNode||of(n)&&n.host||xr(n);return of(o)?o.host:o}function lf(n){let o=li(n);return bo(o)?n.ownerDocument?n.ownerDocument.body:n.body:Ar(o)&&vs(o)?o:lf(o)}function fs(n,o,t){var i;o===void 0&&(o=[]),t===void 0&&(t=!0);let a=lf(n),d=a===((i=n.ownerDocument)==null?void 0:i.body),m=$e(a);if(d){let b=$l(m);return o.concat(m,m.visualViewport||[],vs(a)?a:[],b&&t?fs(b):[])}return o.concat(a,fs(a,[],t))}function $l(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}function hf(n){let o=nr(n),t=parseFloat(o.width)||0,i=parseFloat(o.height)||0,a=Ar(n),d=a?n.offsetWidth:t,m=a?n.offsetHeight:i,b=Ma(t)!==d||Ma(i)!==m;return b&&(t=d,i=m),{width:t,height:i,$:b}}function Mc(n){return ar(n)?n:n.contextElement}function gs(n){let o=Mc(n);if(!Ar(o))return Tr(1);let t=o.getBoundingClientRect(),{width:i,height:a,$:d}=hf(o),m=(d?Ma(t.width):t.width)/i,b=(d?Ma(t.height):t.height)/a;return(!m||!Number.isFinite(m))&&(m=1),(!b||!Number.isFinite(b))&&(b=1),{x:m,y:b}}var YE=Tr(0);function pf(n){let o=$e(n);return!Dl()||!o.visualViewport?YE:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function WE(n,o,t){return o===void 0&&(o=!1),!t||o&&t!==$e(n)?!1:o}function yo(n,o,t,i){o===void 0&&(o=!1),t===void 0&&(t=!1);let a=n.getBoundingClientRect(),d=Mc(n),m=Tr(1);o&&(i?ar(i)&&(m=gs(i)):m=gs(n));let b=WE(d,t,i)?pf(d):Tr(0),C=(a.left+b.x)/m.x,L=(a.top+b.y)/m.y,W=a.width/m.x,q=a.height/m.y;if(d){let it=$e(d),X=i&&ar(i)?$e(i):i,tt=it,lt=$l(tt);for(;lt&&i&&X!==tt;){let dt=gs(lt),vt=lt.getBoundingClientRect(),At=nr(lt),wt=vt.left+(lt.clientLeft+parseFloat(At.paddingLeft))*dt.x,Wt=vt.top+(lt.clientTop+parseFloat(At.paddingTop))*dt.y;C*=dt.x,L*=dt.y,W*=dt.x,q*=dt.y,C+=wt,L+=Wt,tt=$e(lt),lt=$l(tt)}}return vo({width:W,height:q,x:C,y:L})}function Rc(n,o){let t=Pa(n).scrollLeft;return o?o.left+t:yo(xr(n)).left+t}function mf(n,o,t){t===void 0&&(t=!1);let i=n.getBoundingClientRect(),a=i.left+o.scrollLeft-(t?0:Rc(n,i)),d=i.top+o.scrollTop;return{x:a,y:d}}function jE(n){let{elements:o,rect:t,offsetParent:i,strategy:a}=n,d=a==="fixed",m=xr(i),b=o?Oa(o.floating):!1;if(i===m||b&&d)return t;let C={scrollLeft:0,scrollTop:0},L=Tr(1),W=Tr(0),q=Ar(i);if((q||!q&&!d)&&((go(i)!=="body"||vs(m))&&(C=Pa(i)),Ar(i))){let X=yo(i);L=gs(i),W.x=X.x+i.clientLeft,W.y=X.y+i.clientTop}let it=m&&!q&&!d?mf(m,C,!0):Tr(0);return{width:t.width*L.x,height:t.height*L.y,x:t.x*L.x-C.scrollLeft*L.x+W.x+it.x,y:t.y*L.y-C.scrollTop*L.y+W.y+it.y}}function KE(n){return Array.from(n.getClientRects())}function qE(n){let o=xr(n),t=Pa(n),i=n.ownerDocument.body,a=_e(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),d=_e(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),m=-t.scrollLeft+Rc(n),b=-t.scrollTop;return nr(i).direction==="rtl"&&(m+=_e(o.clientWidth,i.clientWidth)-a),{width:a,height:d,x:m,y:b}}function XE(n,o){let t=$e(n),i=xr(n),a=t.visualViewport,d=i.clientWidth,m=i.clientHeight,b=0,C=0;if(a){d=a.width,m=a.height;let L=Dl();(!L||L&&o==="fixed")&&(b=a.offsetLeft,C=a.offsetTop)}return{width:d,height:m,x:b,y:C}}var ZE=new Set(["absolute","fixed"]);function QE(n,o){let t=yo(n,!0,o==="fixed"),i=t.top+n.clientTop,a=t.left+n.clientLeft,d=Ar(n)?gs(n):Tr(1),m=n.clientWidth*d.x,b=n.clientHeight*d.y,C=a*d.x,L=i*d.y;return{width:m,height:b,x:C,y:L}}function df(n,o,t){let i;if(o==="viewport")i=XE(n,t);else if(o==="document")i=qE(xr(n));else if(ar(o))i=QE(o,t);else{let a=pf(n);i={x:o.x-a.x,y:o.y-a.y,width:o.width,height:o.height}}return vo(i)}function uf(n,o){let t=li(n);return t===o||!ar(t)||bo(t)?!1:nr(t).position==="fixed"||uf(t,o)}function JE(n,o){let t=o.get(n);if(t)return t;let i=fs(n,[],!1).filter(b=>ar(b)&&go(b)!=="body"),a=null,d=nr(n).position==="fixed",m=d?li(n):n;for(;ar(m)&&!bo(m);){let b=nr(m),C=Pl(m);!C&&b.position==="fixed"&&(a=null),(d?!C&&!a:!C&&b.position==="static"&&!!a&&ZE.has(a.position)||vs(m)&&!C&&uf(n,m))?i=i.filter(W=>W!==m):a=b,m=li(m)}return o.set(n,i),i}function tT(n){let{element:o,boundary:t,rootBoundary:i,strategy:a}=n,m=[...t==="clippingAncestors"?Oa(o)?[]:JE(o,this._c):[].concat(t),i],b=m[0],C=m.reduce((L,W)=>{let q=df(o,W,a);return L.top=_e(q.top,L.top),L.right=Fr(q.right,L.right),L.bottom=Fr(q.bottom,L.bottom),L.left=_e(q.left,L.left),L},df(o,b,a));return{width:C.right-C.left,height:C.bottom-C.top,x:C.left,y:C.top}}function eT(n){let{width:o,height:t}=hf(n);return{width:o,height:t}}function rT(n,o,t){let i=Ar(o),a=xr(o),d=t==="fixed",m=yo(n,!0,d,o),b={scrollLeft:0,scrollTop:0},C=Tr(0);function L(){C.x=Rc(a)}if(i||!i&&!d)if((go(o)!=="body"||vs(a))&&(b=Pa(o)),i){let X=yo(o,!0,d,o);C.x=X.x+o.clientLeft,C.y=X.y+o.clientTop}else a&&L();d&&!i&&a&&L();let W=a&&!i&&!d?mf(a,b):Tr(0),q=m.left+b.scrollLeft-C.x-W.x,it=m.top+b.scrollTop-C.y-W.y;return{x:q,y:it,width:m.width,height:m.height}}function Lc(n){return nr(n).position==="static"}function cf(n,o){if(!Ar(n)||nr(n).position==="fixed")return null;if(o)return o(n);let t=n.offsetParent;return xr(n)===t&&(t=t.ownerDocument.body),t}function ff(n,o){let t=$e(n);if(Oa(n))return t;if(!Ar(n)){let a=li(n);for(;a&&!bo(a);){if(ar(a)&&!Lc(a))return a;a=li(a)}return t}let i=cf(n,o);for(;i&&af(i)&&Lc(i);)i=cf(i,o);return i&&bo(i)&&Lc(i)&&!Pl(i)?t:i||nf(n)||t}var iT=async function(n){let o=this.getOffsetParent||ff,t=this.getDimensions,i=await t(n.floating);return{reference:rT(n.reference,await o(n.floating),n.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function oT(n){return nr(n).direction==="rtl"}var sT={convertOffsetParentRelativeRectToViewportRelativeRect:jE,getDocumentElement:xr,getClippingRect:tT,getOffsetParent:ff,getElementRects:iT,getClientRects:KE,getDimensions:eT,getScale:gs,isElement:ar,isRTL:oT};function vf(n,o){return n.x===o.x&&n.y===o.y&&n.width===o.width&&n.height===o.height}function aT(n,o){let t=null,i,a=xr(n);function d(){var b;clearTimeout(i),(b=t)==null||b.disconnect(),t=null}function m(b,C){b===void 0&&(b=!1),C===void 0&&(C=1),d();let L=n.getBoundingClientRect(),{left:W,top:q,width:it,height:X}=L;if(b||o(),!it||!X)return;let tt=Ra(q),lt=Ra(a.clientWidth-(W+it)),dt=Ra(a.clientHeight-(q+X)),vt=Ra(W),wt={rootMargin:-tt+"px "+-lt+"px "+-dt+"px "+-vt+"px",threshold:_e(0,Fr(1,C))||1},Wt=!0;function $t(Bt){let Zt=Bt[0].intersectionRatio;if(Zt!==C){if(!Wt)return m();Zt?m(!1,Zt):i=setTimeout(()=>{m(!1,1e-7)},1e3)}Zt===1&&!vf(L,n.getBoundingClientRect())&&m(),Wt=!1}try{t=new IntersectionObserver($t,{...wt,root:a.ownerDocument})}catch{t=new IntersectionObserver($t,wt)}t.observe(n)}return m(!0),d}function gf(n,o,t,i){i===void 0&&(i={});let{ancestorScroll:a=!0,ancestorResize:d=!0,elementResize:m=typeof ResizeObserver=="function",layoutShift:b=typeof IntersectionObserver=="function",animationFrame:C=!1}=i,L=Mc(n),W=a||d?[...L?fs(L):[],...fs(o)]:[];W.forEach(vt=>{a&&vt.addEventListener("scroll",t,{passive:!0}),d&&vt.addEventListener("resize",t)});let q=L&&b?aT(L,t):null,it=-1,X=null;m&&(X=new ResizeObserver(vt=>{let[At]=vt;At&&At.target===L&&X&&(X.unobserve(o),cancelAnimationFrame(it),it=requestAnimationFrame(()=>{var wt;(wt=X)==null||wt.observe(o)})),t()}),L&&!C&&X.observe(L),X.observe(o));let tt,lt=C?yo(n):null;C&&dt();function dt(){let vt=yo(n);lt&&!vf(lt,vt)&&t(),lt=vt,tt=requestAnimationFrame(dt)}return t(),()=>{var vt;W.forEach(At=>{a&&At.removeEventListener("scroll",t),d&&At.removeEventListener("resize",t)}),q==null||q(),(vt=X)==null||vt.disconnect(),X=null,C&&cancelAnimationFrame(tt)}}var bf=tf;var yf=ef,Ef=Ju,Tf=rf;var xf=Qu;var Af=(n,o,t)=>{let i=new Map,a={platform:sT,...t},d={...a.platform,_c:i};return Zu(n,o,{...a,platform:d})};var Sf=V.constructTagName("popover"),Yt={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},di={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Eo={TONAL:"tonal",CONTRAST:"contrast"},nT={ABSOLUTE:"absolute",FIXED:"fixed"},_t={PLACEMENT:Yt.BOTTOM,TRIGGER:di.CLICK,COLOR:Eo.TONAL,STRATEGY:nT.ABSOLUTE,OFFSET:4,BOUNDARY:"clippingAncestors",BOUNDARY_ROOT:"viewport",BOUNDARY_PADDING:0,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:et.DIALOG,Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,PROPAGATE_EVENT_ON_ESCAPE:!1,KEEP_CONNECTED_TOOLTIP_CLOSED:!0,IS_BACKDROP_INVISIBLE:!0};var ci=class{static dispatchPopoverEvent(o,t){t.dispatchEvent(new CustomEvent(o,{detail:{show:t.visible},composed:!0,bubbles:!0}))}static onShowPopover(o){this.dispatchPopoverEvent("shown",o)}static onHidePopover(o){this.dispatchPopoverEvent("hidden",o)}static onCreatedPopover(o){this.dispatchPopoverEvent("created",o)}static onDestroyedPopover(o){this.dispatchPopoverEvent("destroyed",o)}static onEscapeKeyPressed(o){this.dispatchPopoverEvent("closebyescape",o)}static onClickOutside(o){this.dispatchPopoverEvent("closebyoutsideclick",o)}};var Oc=class{constructor(){this.stack=[]}push(o){this.stack.push(o)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(o){this.stack=this.stack.filter(t=>t!==o)}has(o){return this.stack.includes(o)}clear(){this.stack=[]}},Ie=new Oc;var lT=B`
+      <span part="radio-icon" class="radio-icon"></span>`}};us.styles=[...K.styles,...Hu],p([u({type:Boolean,reflect:!0})],us.prototype,"checked",2),p([u({type:Boolean,reflect:!0})],us.prototype,"readonly",2);var kc=us;var Gu=V.constructTagName("staticradio");kc.register(Gu);var CE=kc;Cc.register(kl);var kE=Cc;var Fr=Math.min,_e=Math.max,Ma=Math.round,Ra=Math.floor,Tr=n=>({x:n,y:n}),wE={left:"right",right:"left",bottom:"top",top:"bottom"},NE={start:"end",end:"start"};function Nl(n,o,t){return _e(n,Fr(o,t))}function uo(n,o){return typeof n=="function"?n(o):n}function ni(n){return n.split("-")[0]}function fo(n){return n.split("-")[1]}function wc(n){return n==="x"?"y":"x"}function Ll(n){return n==="y"?"height":"width"}var LE=new Set(["top","bottom"]);function zr(n){return LE.has(ni(n))?"y":"x"}function Ml(n){return wc(zr(n))}function ju(n,o,t){t===void 0&&(t=!1);let i=fo(n),a=Ml(n),d=Ll(a),m=a==="x"?i===(t?"end":"start")?"right":"left":i==="start"?"bottom":"top";return o.reference[d]>o.floating[d]&&(m=La(m)),[m,La(m)]}function Ku(n){let o=La(n);return[wl(n),o,wl(o)]}function wl(n){return n.replace(/start|end/g,o=>NE[o])}var Yu=["left","right"],Wu=["right","left"],ME=["top","bottom"],RE=["bottom","top"];function OE(n,o,t){switch(n){case"top":case"bottom":return t?o?Wu:Yu:o?Yu:Wu;case"left":case"right":return o?ME:RE;default:return[]}}function qu(n,o,t,i){let a=fo(n),d=OE(ni(n),t==="start",i);return a&&(d=d.map(m=>m+"-"+a),o&&(d=d.concat(d.map(wl)))),d}function La(n){return n.replace(/left|right|bottom|top/g,o=>wE[o])}function PE(n){return{top:0,right:0,bottom:0,left:0,...n}}function Nc(n){return typeof n!="number"?PE(n):{top:n,right:n,bottom:n,left:n}}function vo(n){let{x:o,y:t,width:i,height:a}=n;return{width:i,height:a,top:t,left:o,right:o+i,bottom:t+a,x:o,y:t}}function Xu(n,o,t){let{reference:i,floating:a}=n,d=zr(o),m=Ml(o),b=Ll(m),C=ni(o),L=d==="y",W=i.x+i.width/2-a.width/2,q=i.y+i.height/2-a.height/2,it=i[b]/2-a[b]/2,X;switch(C){case"top":X={x:W,y:i.y-a.height};break;case"bottom":X={x:W,y:i.y+i.height};break;case"right":X={x:i.x+i.width,y:q};break;case"left":X={x:i.x-a.width,y:q};break;default:X={x:i.x,y:i.y}}switch(fo(o)){case"start":X[m]-=it*(t&&L?-1:1);break;case"end":X[m]+=it*(t&&L?-1:1);break}return X}var Zu=async(n,o,t)=>{let{placement:i="bottom",strategy:a="absolute",middleware:d=[],platform:m}=t,b=d.filter(Boolean),C=await(m.isRTL==null?void 0:m.isRTL(o)),L=await m.getElementRects({reference:n,floating:o,strategy:a}),{x:W,y:q}=Xu(L,i,C),it=i,X={},tt=0;for(let lt=0;lt<b.length;lt++){let{name:dt,fn:vt}=b[lt],{x:At,y:wt,data:Wt,reset:$t}=await vt({x:W,y:q,initialPlacement:i,placement:it,strategy:a,middlewareData:X,rects:L,platform:m,elements:{reference:n,floating:o}});W=At!=null?At:W,q=wt!=null?wt:q,X={...X,[dt]:{...X[dt],...Wt}},$t&&tt<=50&&(tt++,typeof $t=="object"&&($t.placement&&(it=$t.placement),$t.rects&&(L=$t.rects===!0?await m.getElementRects({reference:n,floating:o,strategy:a}):$t.rects),{x:W,y:q}=Xu(L,it,C)),lt=-1)}return{x:W,y:q,placement:it,strategy:a,middlewareData:X}};async function Rl(n,o){var t;o===void 0&&(o={});let{x:i,y:a,platform:d,rects:m,elements:b,strategy:C}=n,{boundary:L="clippingAncestors",rootBoundary:W="viewport",elementContext:q="floating",altBoundary:it=!1,padding:X=0}=uo(o,n),tt=Nc(X),dt=b[it?q==="floating"?"reference":"floating":q],vt=vo(await d.getClippingRect({element:(t=await(d.isElement==null?void 0:d.isElement(dt)))==null||t?dt:dt.contextElement||await(d.getDocumentElement==null?void 0:d.getDocumentElement(b.floating)),boundary:L,rootBoundary:W,strategy:C})),At=q==="floating"?{x:i,y:a,width:m.floating.width,height:m.floating.height}:m.reference,wt=await(d.getOffsetParent==null?void 0:d.getOffsetParent(b.floating)),Wt=await(d.isElement==null?void 0:d.isElement(wt))?await(d.getScale==null?void 0:d.getScale(wt))||{x:1,y:1}:{x:1,y:1},$t=vo(d.convertOffsetParentRelativeRectToViewportRelativeRect?await d.convertOffsetParentRelativeRectToViewportRelativeRect({elements:b,rect:At,offsetParent:wt,strategy:C}):At);return{top:(vt.top-$t.top+tt.top)/Wt.y,bottom:($t.bottom-vt.bottom+tt.bottom)/Wt.y,left:(vt.left-$t.left+tt.left)/Wt.x,right:($t.right-vt.right+tt.right)/Wt.x}}var Qu=n=>({name:"arrow",options:n,async fn(o){let{x:t,y:i,placement:a,rects:d,platform:m,elements:b,middlewareData:C}=o,{element:L,padding:W=0}=uo(n,o)||{};if(L==null)return{};let q=Nc(W),it={x:t,y:i},X=Ml(a),tt=Ll(X),lt=await m.getDimensions(L),dt=X==="y",vt=dt?"top":"left",At=dt?"bottom":"right",wt=dt?"clientHeight":"clientWidth",Wt=d.reference[tt]+d.reference[X]-it[X]-d.floating[tt],$t=it[X]-d.reference[X],Bt=await(m.getOffsetParent==null?void 0:m.getOffsetParent(L)),Zt=Bt?Bt[wt]:0;(!Zt||!await(m.isElement==null?void 0:m.isElement(Bt)))&&(Zt=b.floating[wt]||d.floating[tt]);let le=Wt/2-$t/2,ur=Zt/2-lt[tt]/2-1,we=Fr(q[vt],ur),je=Fr(q[At],ur),fr=we,vr=Zt-lt[tt]-je,Ct=Zt/2-lt[tt]/2+le,pe=Nl(fr,Ct,vr),Ke=!C.arrow&&fo(a)!=null&&Ct!==pe&&d.reference[tt]/2-(Ct<fr?we:je)-lt[tt]/2<0,qe=Ke?Ct<fr?Ct-fr:Ct-vr:0;return{[X]:it[X]+qe,data:{[X]:pe,centerOffset:Ct-pe-qe,...Ke&&{alignmentOffset:qe}},reset:Ke}}});var Ju=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(o){var t,i;let{placement:a,middlewareData:d,rects:m,initialPlacement:b,platform:C,elements:L}=o,{mainAxis:W=!0,crossAxis:q=!0,fallbackPlacements:it,fallbackStrategy:X="bestFit",fallbackAxisSideDirection:tt="none",flipAlignment:lt=!0,...dt}=uo(n,o);if((t=d.arrow)!=null&&t.alignmentOffset)return{};let vt=ni(a),At=zr(b),wt=ni(b)===b,Wt=await(C.isRTL==null?void 0:C.isRTL(L.floating)),$t=it||(wt||!lt?[La(b)]:Ku(b)),Bt=tt!=="none";!it&&Bt&&$t.push(...qu(b,lt,tt,Wt));let Zt=[b,...$t],le=await Rl(o,dt),ur=[],we=((i=d.flip)==null?void 0:i.overflows)||[];if(W&&ur.push(le[vt]),q){let Ct=ju(a,m,Wt);ur.push(le[Ct[0]],le[Ct[1]])}if(we=[...we,{placement:a,overflows:ur}],!ur.every(Ct=>Ct<=0)){var je,fr;let Ct=(((je=d.flip)==null?void 0:je.index)||0)+1,pe=Zt[Ct];if(pe&&(!(q==="alignment"?At!==zr(pe):!1)||we.every(Xe=>Xe.overflows[0]>0&&zr(Xe.placement)===At)))return{data:{index:Ct,overflows:we},reset:{placement:pe}};let Ke=(fr=we.filter(qe=>qe.overflows[0]<=0).sort((qe,Xe)=>qe.overflows[1]-Xe.overflows[1])[0])==null?void 0:fr.placement;if(!Ke)switch(X){case"bestFit":{var vr;let qe=(vr=we.filter(Xe=>{if(Bt){let Ze=zr(Xe.placement);return Ze===At||Ze==="y"}return!0}).map(Xe=>[Xe.placement,Xe.overflows.filter(Ze=>Ze>0).reduce((Ze,mn)=>Ze+mn,0)]).sort((Xe,Ze)=>Xe[1]-Ze[1])[0])==null?void 0:vr[0];qe&&(Ke=qe);break}case"initialPlacement":Ke=b;break}if(a!==Ke)return{reset:{placement:Ke}}}return{}}}};var DE=new Set(["left","top"]);async function $E(n,o){let{placement:t,platform:i,elements:a}=n,d=await(i.isRTL==null?void 0:i.isRTL(a.floating)),m=ni(t),b=fo(t),C=zr(t)==="y",L=DE.has(m)?-1:1,W=d&&C?-1:1,q=uo(o,n),{mainAxis:it,crossAxis:X,alignmentAxis:tt}=typeof q=="number"?{mainAxis:q,crossAxis:0,alignmentAxis:null}:{mainAxis:q.mainAxis||0,crossAxis:q.crossAxis||0,alignmentAxis:q.alignmentAxis};return b&&typeof tt=="number"&&(X=b==="end"?tt*-1:tt),C?{x:X*W,y:it*L}:{x:it*L,y:X*W}}var tf=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(o){var t,i;let{x:a,y:d,placement:m,middlewareData:b}=o,C=await $E(o,n);return m===((t=b.offset)==null?void 0:t.placement)&&(i=b.arrow)!=null&&i.alignmentOffset?{}:{x:a+C.x,y:d+C.y,data:{...C,placement:m}}}}},ef=function(n){return n===void 0&&(n={}),{name:"shift",options:n,async fn(o){let{x:t,y:i,placement:a}=o,{mainAxis:d=!0,crossAxis:m=!1,limiter:b={fn:dt=>{let{x:vt,y:At}=dt;return{x:vt,y:At}}},...C}=uo(n,o),L={x:t,y:i},W=await Rl(o,C),q=zr(ni(a)),it=wc(q),X=L[it],tt=L[q];if(d){let dt=it==="y"?"top":"left",vt=it==="y"?"bottom":"right",At=X+W[dt],wt=X-W[vt];X=Nl(At,X,wt)}if(m){let dt=q==="y"?"top":"left",vt=q==="y"?"bottom":"right",At=tt+W[dt],wt=tt-W[vt];tt=Nl(At,tt,wt)}let lt=b.fn({...o,[it]:X,[q]:tt});return{...lt,data:{x:lt.x-t,y:lt.y-i,enabled:{[it]:d,[q]:m}}}}}};var rf=function(n){return n===void 0&&(n={}),{name:"size",options:n,async fn(o){var t,i;let{placement:a,rects:d,platform:m,elements:b}=o,{apply:C=()=>{},...L}=uo(n,o),W=await Rl(o,L),q=ni(a),it=fo(a),X=zr(a)==="y",{width:tt,height:lt}=d.floating,dt,vt;q==="top"||q==="bottom"?(dt=q,vt=it===(await(m.isRTL==null?void 0:m.isRTL(b.floating))?"start":"end")?"left":"right"):(vt=q,dt=it==="end"?"top":"bottom");let At=lt-W.top-W.bottom,wt=tt-W.left-W.right,Wt=Fr(lt-W[dt],At),$t=Fr(tt-W[vt],wt),Bt=!o.middlewareData.shift,Zt=Wt,le=$t;if((t=o.middlewareData.shift)!=null&&t.enabled.x&&(le=wt),(i=o.middlewareData.shift)!=null&&i.enabled.y&&(Zt=At),Bt&&!it){let we=_e(W.left,0),je=_e(W.right,0),fr=_e(W.top,0),vr=_e(W.bottom,0);X?le=tt-2*(we!==0||je!==0?we+je:_e(W.left,W.right)):Zt=lt-2*(fr!==0||vr!==0?fr+vr:_e(W.top,W.bottom))}await C({...o,availableWidth:le,availableHeight:Zt});let ur=await m.getDimensions(b.floating);return tt!==ur.width||lt!==ur.height?{reset:{rects:!0}}:{}}}};function Ol(){return typeof window<"u"}function go(n){return sf(n)?(n.nodeName||"").toLowerCase():"#document"}function $e(n){var o;return(n==null||(o=n.ownerDocument)==null?void 0:o.defaultView)||window}function xr(n){var o;return(o=(sf(n)?n.ownerDocument:n.document)||window.document)==null?void 0:o.documentElement}function sf(n){return Ol()?n instanceof Node||n instanceof $e(n).Node:!1}function ar(n){return Ol()?n instanceof Element||n instanceof $e(n).Element:!1}function Ar(n){return Ol()?n instanceof HTMLElement||n instanceof $e(n).HTMLElement:!1}function of(n){return!Ol()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof $e(n).ShadowRoot}var FE=new Set(["inline","contents"]);function vs(n){let{overflow:o,overflowX:t,overflowY:i,display:a}=nr(n);return/auto|scroll|overlay|hidden|clip/.test(o+i+t)&&!FE.has(a)}var zE=new Set(["table","td","th"]);function af(n){return zE.has(go(n))}var VE=[":popover-open",":modal"];function Oa(n){return VE.some(o=>{try{return n.matches(o)}catch{return!1}})}var BE=["transform","translate","scale","rotate","perspective"],UE=["transform","translate","scale","rotate","perspective","filter"],HE=["paint","layout","strict","content"];function Pl(n){let o=Dl(),t=ar(n)?nr(n):n;return BE.some(i=>t[i]?t[i]!=="none":!1)||(t.containerType?t.containerType!=="normal":!1)||!o&&(t.backdropFilter?t.backdropFilter!=="none":!1)||!o&&(t.filter?t.filter!=="none":!1)||UE.some(i=>(t.willChange||"").includes(i))||HE.some(i=>(t.contain||"").includes(i))}function nf(n){let o=li(n);for(;Ar(o)&&!bo(o);){if(Pl(o))return o;if(Oa(o))return null;o=li(o)}return null}function Dl(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var GE=new Set(["html","body","#document"]);function bo(n){return GE.has(go(n))}function nr(n){return $e(n).getComputedStyle(n)}function Pa(n){return ar(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function li(n){if(go(n)==="html")return n;let o=n.assignedSlot||n.parentNode||of(n)&&n.host||xr(n);return of(o)?o.host:o}function lf(n){let o=li(n);return bo(o)?n.ownerDocument?n.ownerDocument.body:n.body:Ar(o)&&vs(o)?o:lf(o)}function fs(n,o,t){var i;o===void 0&&(o=[]),t===void 0&&(t=!0);let a=lf(n),d=a===((i=n.ownerDocument)==null?void 0:i.body),m=$e(a);if(d){let b=$l(m);return o.concat(m,m.visualViewport||[],vs(a)?a:[],b&&t?fs(b):[])}return o.concat(a,fs(a,[],t))}function $l(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}function hf(n){let o=nr(n),t=parseFloat(o.width)||0,i=parseFloat(o.height)||0,a=Ar(n),d=a?n.offsetWidth:t,m=a?n.offsetHeight:i,b=Ma(t)!==d||Ma(i)!==m;return b&&(t=d,i=m),{width:t,height:i,$:b}}function Mc(n){return ar(n)?n:n.contextElement}function gs(n){let o=Mc(n);if(!Ar(o))return Tr(1);let t=o.getBoundingClientRect(),{width:i,height:a,$:d}=hf(o),m=(d?Ma(t.width):t.width)/i,b=(d?Ma(t.height):t.height)/a;return(!m||!Number.isFinite(m))&&(m=1),(!b||!Number.isFinite(b))&&(b=1),{x:m,y:b}}var YE=Tr(0);function pf(n){let o=$e(n);return!Dl()||!o.visualViewport?YE:{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}}function WE(n,o,t){return o===void 0&&(o=!1),!t||o&&t!==$e(n)?!1:o}function yo(n,o,t,i){o===void 0&&(o=!1),t===void 0&&(t=!1);let a=n.getBoundingClientRect(),d=Mc(n),m=Tr(1);o&&(i?ar(i)&&(m=gs(i)):m=gs(n));let b=WE(d,t,i)?pf(d):Tr(0),C=(a.left+b.x)/m.x,L=(a.top+b.y)/m.y,W=a.width/m.x,q=a.height/m.y;if(d){let it=$e(d),X=i&&ar(i)?$e(i):i,tt=it,lt=$l(tt);for(;lt&&i&&X!==tt;){let dt=gs(lt),vt=lt.getBoundingClientRect(),At=nr(lt),wt=vt.left+(lt.clientLeft+parseFloat(At.paddingLeft))*dt.x,Wt=vt.top+(lt.clientTop+parseFloat(At.paddingTop))*dt.y;C*=dt.x,L*=dt.y,W*=dt.x,q*=dt.y,C+=wt,L+=Wt,tt=$e(lt),lt=$l(tt)}}return vo({width:W,height:q,x:C,y:L})}function Rc(n,o){let t=Pa(n).scrollLeft;return o?o.left+t:yo(xr(n)).left+t}function mf(n,o,t){t===void 0&&(t=!1);let i=n.getBoundingClientRect(),a=i.left+o.scrollLeft-(t?0:Rc(n,i)),d=i.top+o.scrollTop;return{x:a,y:d}}function jE(n){let{elements:o,rect:t,offsetParent:i,strategy:a}=n,d=a==="fixed",m=xr(i),b=o?Oa(o.floating):!1;if(i===m||b&&d)return t;let C={scrollLeft:0,scrollTop:0},L=Tr(1),W=Tr(0),q=Ar(i);if((q||!q&&!d)&&((go(i)!=="body"||vs(m))&&(C=Pa(i)),Ar(i))){let X=yo(i);L=gs(i),W.x=X.x+i.clientLeft,W.y=X.y+i.clientTop}let it=m&&!q&&!d?mf(m,C,!0):Tr(0);return{width:t.width*L.x,height:t.height*L.y,x:t.x*L.x-C.scrollLeft*L.x+W.x+it.x,y:t.y*L.y-C.scrollTop*L.y+W.y+it.y}}function KE(n){return Array.from(n.getClientRects())}function qE(n){let o=xr(n),t=Pa(n),i=n.ownerDocument.body,a=_e(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),d=_e(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight),m=-t.scrollLeft+Rc(n),b=-t.scrollTop;return nr(i).direction==="rtl"&&(m+=_e(o.clientWidth,i.clientWidth)-a),{width:a,height:d,x:m,y:b}}function XE(n,o){let t=$e(n),i=xr(n),a=t.visualViewport,d=i.clientWidth,m=i.clientHeight,b=0,C=0;if(a){d=a.width,m=a.height;let L=Dl();(!L||L&&o==="fixed")&&(b=a.offsetLeft,C=a.offsetTop)}return{width:d,height:m,x:b,y:C}}var ZE=new Set(["absolute","fixed"]);function QE(n,o){let t=yo(n,!0,o==="fixed"),i=t.top+n.clientTop,a=t.left+n.clientLeft,d=Ar(n)?gs(n):Tr(1),m=n.clientWidth*d.x,b=n.clientHeight*d.y,C=a*d.x,L=i*d.y;return{width:m,height:b,x:C,y:L}}function df(n,o,t){let i;if(o==="viewport")i=XE(n,t);else if(o==="document")i=qE(xr(n));else if(ar(o))i=QE(o,t);else{let a=pf(n);i={x:o.x-a.x,y:o.y-a.y,width:o.width,height:o.height}}return vo(i)}function uf(n,o){let t=li(n);return t===o||!ar(t)||bo(t)?!1:nr(t).position==="fixed"||uf(t,o)}function JE(n,o){let t=o.get(n);if(t)return t;let i=fs(n,[],!1).filter(b=>ar(b)&&go(b)!=="body"),a=null,d=nr(n).position==="fixed",m=d?li(n):n;for(;ar(m)&&!bo(m);){let b=nr(m),C=Pl(m);!C&&b.position==="fixed"&&(a=null),(d?!C&&!a:!C&&b.position==="static"&&!!a&&ZE.has(a.position)||vs(m)&&!C&&uf(n,m))?i=i.filter(W=>W!==m):a=b,m=li(m)}return o.set(n,i),i}function tT(n){let{element:o,boundary:t,rootBoundary:i,strategy:a}=n,m=[...t==="clippingAncestors"?Oa(o)?[]:JE(o,this._c):[].concat(t),i],b=m[0],C=m.reduce((L,W)=>{let q=df(o,W,a);return L.top=_e(q.top,L.top),L.right=Fr(q.right,L.right),L.bottom=Fr(q.bottom,L.bottom),L.left=_e(q.left,L.left),L},df(o,b,a));return{width:C.right-C.left,height:C.bottom-C.top,x:C.left,y:C.top}}function eT(n){let{width:o,height:t}=hf(n);return{width:o,height:t}}function rT(n,o,t){let i=Ar(o),a=xr(o),d=t==="fixed",m=yo(n,!0,d,o),b={scrollLeft:0,scrollTop:0},C=Tr(0);function L(){C.x=Rc(a)}if(i||!i&&!d)if((go(o)!=="body"||vs(a))&&(b=Pa(o)),i){let X=yo(o,!0,d,o);C.x=X.x+o.clientLeft,C.y=X.y+o.clientTop}else a&&L();d&&!i&&a&&L();let W=a&&!i&&!d?mf(a,b):Tr(0),q=m.left+b.scrollLeft-C.x-W.x,it=m.top+b.scrollTop-C.y-W.y;return{x:q,y:it,width:m.width,height:m.height}}function Lc(n){return nr(n).position==="static"}function cf(n,o){if(!Ar(n)||nr(n).position==="fixed")return null;if(o)return o(n);let t=n.offsetParent;return xr(n)===t&&(t=t.ownerDocument.body),t}function ff(n,o){let t=$e(n);if(Oa(n))return t;if(!Ar(n)){let a=li(n);for(;a&&!bo(a);){if(ar(a)&&!Lc(a))return a;a=li(a)}return t}let i=cf(n,o);for(;i&&af(i)&&Lc(i);)i=cf(i,o);return i&&bo(i)&&Lc(i)&&!Pl(i)?t:i||nf(n)||t}var iT=async function(n){let o=this.getOffsetParent||ff,t=this.getDimensions,i=await t(n.floating);return{reference:rT(n.reference,await o(n.floating),n.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function oT(n){return nr(n).direction==="rtl"}var sT={convertOffsetParentRelativeRectToViewportRelativeRect:jE,getDocumentElement:xr,getClippingRect:tT,getOffsetParent:ff,getElementRects:iT,getClientRects:KE,getDimensions:eT,getScale:gs,isElement:ar,isRTL:oT};function vf(n,o){return n.x===o.x&&n.y===o.y&&n.width===o.width&&n.height===o.height}function aT(n,o){let t=null,i,a=xr(n);function d(){var b;clearTimeout(i),(b=t)==null||b.disconnect(),t=null}function m(b,C){b===void 0&&(b=!1),C===void 0&&(C=1),d();let L=n.getBoundingClientRect(),{left:W,top:q,width:it,height:X}=L;if(b||o(),!it||!X)return;let tt=Ra(q),lt=Ra(a.clientWidth-(W+it)),dt=Ra(a.clientHeight-(q+X)),vt=Ra(W),wt={rootMargin:-tt+"px "+-lt+"px "+-dt+"px "+-vt+"px",threshold:_e(0,Fr(1,C))||1},Wt=!0;function $t(Bt){let Zt=Bt[0].intersectionRatio;if(Zt!==C){if(!Wt)return m();Zt?m(!1,Zt):i=setTimeout(()=>{m(!1,1e-7)},1e3)}Zt===1&&!vf(L,n.getBoundingClientRect())&&m(),Wt=!1}try{t=new IntersectionObserver($t,{...wt,root:a.ownerDocument})}catch{t=new IntersectionObserver($t,wt)}t.observe(n)}return m(!0),d}function gf(n,o,t,i){i===void 0&&(i={});let{ancestorScroll:a=!0,ancestorResize:d=!0,elementResize:m=typeof ResizeObserver=="function",layoutShift:b=typeof IntersectionObserver=="function",animationFrame:C=!1}=i,L=Mc(n),W=a||d?[...L?fs(L):[],...fs(o)]:[];W.forEach(vt=>{a&&vt.addEventListener("scroll",t,{passive:!0}),d&&vt.addEventListener("resize",t)});let q=L&&b?aT(L,t):null,it=-1,X=null;m&&(X=new ResizeObserver(vt=>{let[At]=vt;At&&At.target===L&&X&&(X.unobserve(o),cancelAnimationFrame(it),it=requestAnimationFrame(()=>{var wt;(wt=X)==null||wt.observe(o)})),t()}),L&&!C&&X.observe(L),X.observe(o));let tt,lt=C?yo(n):null;C&&dt();function dt(){let vt=yo(n);lt&&!vf(lt,vt)&&t(),lt=vt,tt=requestAnimationFrame(dt)}return t(),()=>{var vt;W.forEach(At=>{a&&At.removeEventListener("scroll",t),d&&At.removeEventListener("resize",t)}),q==null||q(),(vt=X)==null||vt.disconnect(),X=null,C&&cancelAnimationFrame(tt)}}var bf=tf;var yf=ef,Ef=Ju,Tf=rf;var xf=Qu;var Af=(n,o,t)=>{let i=new Map,a={platform:sT,...t},d={...a.platform,_c:i};return Zu(n,o,{...a,platform:d})};var Sf=V.constructTagName("popover"),Yt={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},di={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Eo={TONAL:"tonal",CONTRAST:"contrast"},nT={ABSOLUTE:"absolute",FIXED:"fixed"},_t={PLACEMENT:Yt.BOTTOM,TRIGGER:di.CLICK,COLOR:Eo.TONAL,STRATEGY:nT.ABSOLUTE,OFFSET:4,BOUNDARY:"clippingAncestors",BOUNDARY_ROOT:"viewport",BOUNDARY_PADDING:0,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:et.DIALOG,Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,PROPAGATE_EVENT_ON_ESCAPE:!1,KEEP_CONNECTED_TOOLTIP_CLOSED:!0,IS_BACKDROP_INVISIBLE:!0};var ci=class{static dispatchPopoverEvent(o,t){t.dispatchEvent(new CustomEvent(o,{detail:{show:t.visible},composed:!0,bubbles:!0}))}static onShowPopover(o){this.dispatchPopoverEvent("shown",o)}static onHidePopover(o){this.dispatchPopoverEvent("hidden",o)}static onCreatedPopover(o){this.dispatchPopoverEvent("created",o)}static onDestroyedPopover(o){this.dispatchPopoverEvent("destroyed",o)}static onEscapeKeyPressed(o){this.dispatchPopoverEvent("closebyescape",o)}static onClickOutside(o){this.dispatchPopoverEvent("closebyoutsideclick",o)}};var Oc=class{constructor(){this.stack=[]}push(o){this.stack.push(o)}pop(){return this.stack.pop()}peek(){return this.stack[this.stack.length-1]}remove(o){this.stack=this.stack.filter(t=>t!==o)}has(o){return this.stack.includes(o)}clear(){this.stack=[]}},Ie=new Oc;var lT=B`
   :host {
     --mdc-popover-arrow-border-radius: 0.1875rem;
     --mdc-popover-arrow-border: 0.0625rem solid var(--mds-color-theme-outline-secondary-normal);
@@ -2520,7 +2521,7 @@
     pointer-events: auto;
   }
 
-  .popover-arrow {
+  :host::part(popover-arrow) {
     position: absolute;
     width: 1rem;
     height: 1rem;
@@ -2571,7 +2572,7 @@
     border-top-right-radius: var(--mdc-popover-arrow-border-radius);
     border-bottom-left-radius: 100%;
   }
-`,_f=[lT];var zl=V.constructTagName("popoverportal"),Fl=class extends K{connectedCallback(){super.connectedCallback(),this.ariaHidden="true"}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.onDisconnect)==null||o.call(this)}};var Vl=class{constructor(o){this.portalElement=null;this.disconnectAfterAppendTo=!1;this.arrowPixelChange=!1;this.popover=o}setupDelay(){try{let[o,t]=this.popover.delay.split(",").map(i=>{let a=parseInt(i,10);if(Number.isNaN(a)||a<0)throw new Error(`Invalid delay value: ${i}`);return a});return[o,t]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(o){let t=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(t.style,{top:"",left:"",right:"",bottom:""});let i=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,a=this.popover.offsetHeight||0,d=this.popover.offsetWidth||0;if(t)switch(o.split("-")[0]){case"top":t.style.height=i,t.style.bottom=`calc(-1 * (${i}))`,t.style.left="50%",t.style.width=`${d}px`;break;case"left":t.style.height=`${a}px`,t.style.width=i,t.style.right=`calc(-1.5 * (${i}))`;break;case"right":t.style.height=`${a}px`,t.style.width=i,t.style.left=`calc(-0.5 * (${i}))`;break;case"bottom":default:t.style.height=i,t.style.top=`calc(-1 * (${i}))`,t.style.left="50%",t.style.width=`${d}px`;break}}setupAppendTo(){var o,t;if(this.popover.appendTo){let i=document.getElementById(this.popover.appendTo);i&&!Array.from(i.children).includes(this.popover)&&(this.disconnectAfterAppendTo=!0,this.portalElement=document.createElement(zl),this.portalElement.onDisconnect=()=>{this.popover.remove(),this.portalElement=null},(t=(o=this.popover.parentElement)==null?void 0:o.appendChild)==null||t.call(o,this.portalElement),i.appendChild(this.popover))}}cleanupAppendTo(){!this.disconnectAfterAppendTo&&this.portalElement&&this.portalElement.remove(),this.disconnectAfterAppendTo=!1}updateAriaLabels(){var o,t,i;this.popover.interactive&&this.popover.role&&(this.popover.ariaLabel||(this.popover.ariaLabel=((o=this.popover.triggerElement)==null?void 0:o.ariaLabel)||((t=this.popover.triggerElement)==null?void 0:t.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=((i=this.popover.triggerElement)==null?void 0:i.id)||""))}updateAriaModal(){this.popover.role===et.DIALOG||this.popover.role===et.ALERTDIALOG?this.popover.setAttribute("aria-modal","true"):this.popover.removeAttribute("aria-modal")}updateAriaExpandedAttribute(){var o,t,i;this.popover.disableAriaExpanded||((o=this.popover.triggerElement)==null||o.setAttribute("aria-expanded",`${this.popover.visible}`),(i=this.popover.triggerElement)==null||i.setAttribute("aria-haspopup",((t=this.popover.triggerElement)==null?void 0:t.getAttribute("aria-haspopup"))||this.popover.role||"dialog"))}updateArrowStyle(o,t){var W;if(!this.popover.arrowElement)return;let i=t.split("-")[0],a={top:"bottom",right:"left",bottom:"top",left:"right"}[i],{x:d,y:m}=o,b=this.popover.arrowElement.getBoundingClientRect(),C=(W=this.popover.arrowElement.offsetParent)==null?void 0:W.getBoundingClientRect();if(!this.arrowPixelChange){let q=C!=null&&C[a]?12-Math.abs(b[a]-C[a]):0;Math.round(q)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let L=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",i),Object.assign(this.popover.arrowElement.style,{left:d!=null?`${d}px`:"",top:m!=null?`${m}px`:"",[a]:`${-this.popover.arrowElement.offsetHeight/2-L}px`})}updatePopoverStyle(o,t){Object.assign(this.popover.style,{left:`${o}px`,top:`${t}px`})}};var It=class extends ul(cl(dl(K))){constructor(){super();this.id="";this.triggerID="";this.trigger=_t.TRIGGER;this.placement=_t.PLACEMENT;this.color=_t.COLOR;this.visible=_t.VISIBLE;this.offset=_t.OFFSET;this.boundary=_t.BOUNDARY;this.boundaryRoot=_t.BOUNDARY_ROOT;this.focusTrap=_t.FOCUS_TRAP;this.preventScroll=_t.PREVENT_SCROLL;this.showArrow=_t.ARROW;this.closeButton=_t.CLOSE_BUTTON;this.interactive=_t.INTERACTIVE;this.delay=_t.DELAY;this.hideOnEscape=_t.HIDE_ON_ESCAPE;this.propagateEventOnEscape=_t.PROPAGATE_EVENT_ON_ESCAPE;this.hideOnBlur=_t.HIDE_ON_BLUR;this.hideOnOutsideClick=_t.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=_t.FOCUS_BACK;this.backdrop=_t.BACKDROP;this.isBackdropInvisible=_t.IS_BACKDROP_INVISIBLE;this.flip=_t.FLIP;this.size=_t.SIZE;this.zIndex=_t.Z_INDEX;this.closeButtonAriaLabel=null;this.strategy=_t.STRATEGY;this.role=_t.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=_t.DISABLE_ARIA_EXPANDED;this.keepConnectedTooltipClosed=_t.KEEP_CONNECTED_TOOLTIP_CLOSED;this.arrowElement=null;this.hoverTimer=null;this.isHovered=!1;this.openDelay=0;this.closeDelay=0;this.floatingUICleanupFunction=null;this.shouldSuppressOpening=!1;this.parseTrigger=()=>{var d;let a=(((d=this.trigger)==null?void 0:d.split(" "))||[]).filter(m=>Object.values(di).includes(m)).length>0?this.trigger:_t.TRIGGER;a==="mouseenter"&&(this.interactive?a="mouseenter click":a="mouseenter focusin"),this.trigger=a};this.setupTriggerListeners=()=>{if(this.trigger.includes("click")&&document.addEventListener("click",this.togglePopoverVisible,{capture:!0}),this.trigger.includes("mouseenter")){let t=this.renderRoot.querySelector(".popover-hover-bridge");t==null||t.addEventListener("mouseenter",this.show),document.addEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.addEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay)}this.trigger.includes("focusin")&&(document.addEventListener("focusin",this.handleFocusIn,{capture:!0}),this.interactive||document.addEventListener("focusout",this.handleFocusOut,{capture:!0}))};this.removeTriggerListeners=()=>{document.removeEventListener("click",this.togglePopoverVisible,{capture:!0});let t=this.renderRoot.querySelector(".popover-hover-bridge");t==null||t.removeEventListener("mouseenter",this.show),document.removeEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.removeEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),document.removeEventListener("focusin",this.handleFocusIn,{capture:!0}),document.removeEventListener("focusout",this.handleFocusOut,{capture:!0})};this.removeAllListeners=()=>{this.removeTriggerListeners(),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown,{capture:!0})),this.hideOnBlur&&this.removeEventListener("focusout",this.onPopoverFocusOut)};this.onOutsidePopoverClick=t=>{if(Ie.peek()!==this)return;let i=t.composedPath(),a=this.contains(t.target)||i.includes(this.triggerElement)||i.includes(this),d=this.backdropElement?i.includes(this.backdropElement):!1;(!a||d)&&(this.hide(),ci.onClickOutside(this))};this.onEscapeKeydown=t=>{!this.visible||t.code!=="Escape"||(this.propagateEventOnEscape||t.stopPropagation(),t.preventDefault(),this.hide(),ci.onEscapeKeyPressed(this))};this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hide()};this.handleMouseEnter=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!0,this.show())};this.handleMouseLeave=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!1,this.startCloseDelay())};this.handleFocusOut=t=>{this.isEventFromTrigger(t)&&(this.isHovered||this.hide())};this.handleFocusIn=t=>{var i;this.isEventFromTrigger(t)&&((i=this.triggerElement)!=null&&i.matches(":focus-visible")||this.isHovered)&&this.show()};this.startCloseDelay=()=>{this.interactive?this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay):this.hide()};this.cancelCloseDelay=()=>{this.hoverTimer&&(window.clearTimeout(this.hoverTimer),this.hoverTimer=null)};this.show=()=>{this.visible||this.shouldSuppressOpening||(this.cancelCloseDelay(),this.openDelay>0?setTimeout(()=>{this.visible=!0},this.openDelay):this.visible=!0)};this.hide=()=>{this.closeDelay?setTimeout(()=>{this.visible=!1},this.closeDelay):this.visible=!1};this.togglePopoverVisible=t=>{this.isEventFromTrigger(t)&&(this.visible?this.hide():this.show())};this.positionPopover=()=>{let{triggerElement:t}=this;if(!t)return;let i=!this.boundary||this.boundary==="clippingAncestors"?"clippingAncestors":Array.from(document.querySelectorAll(this.boundary)),a=this.boundaryRoot,d=[yf({boundary:i,rootBoundary:a,padding:this.boundaryPadding})],m=this.offset;if(this.flip&&d.push(Ef({boundary:i,rootBoundary:a})),this.size){let b=L=>{this.style.setProperty("--mdc-popover-internal-available-height",`${L}px`)},C=this.renderRoot.querySelector('[part="popover-content"]');d.push(Tf({boundary:i,rootBoundary:a,apply({availableHeight:L}){C&&(Object.assign(C.style,{maxHeight:`${L}px`,overflowY:"auto"}),b(L))},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){let b=this.arrowElement.offsetHeight,C=Math.sqrt(2*b**2)/2;m+=C,d.push(xf({element:this.arrowElement,padding:12}))}d.push(bf(m)),this.floatingUICleanupFunction=gf(t,this,async()=>{let{triggerElement:b}=this;if(!b)return;let{x:C,y:L,middlewareData:W,placement:q}=await Af(b,this,{placement:this.placement,middleware:d,strategy:this.strategy});this.utils.updatePopoverStyle(C,L),W.arrow&&this.arrowElement&&this.utils.updateArrowStyle(W.arrow,q),this.trigger.includes("mouseenter")&&this.interactive&&this.utils.setupHoverBridge(q)})};this.utils=new Vl(this),this.parseTrigger(),[this.openDelay,this.closeDelay]=this.utils.setupDelay()}get connectedTooltip(){let t=this.getRootNode().querySelectorAll(`mdc-tooltip[triggerID="${this.triggerID}"]`);return Array.from(t).find(i=>i!==this)}get triggerElement(){return this.getRootNode().querySelector(`[id="${this.triggerID}"]`)}async firstUpdated(t){super.firstUpdated(t),ci.onCreatedPopover(this)}connectedCallback(){super.connectedCallback(),this.style.zIndex=`${this.zIndex}`,this.utils.setupAppendTo(),this.setupTriggerListeners()}async disconnectedCallback(){var t,i;super.disconnectedCallback(),this.removeAllListeners(),(t=this.deactivateFocusTrap)==null||t.call(this),this.deactivatePreventScroll(),this.moveElementBackAfterBackdropRemoval(this.triggerElement),this.removeBackdrop(),(i=this.floatingUICleanupFunction)==null||i.call(this),this.cancelCloseDelay(),this.keepConnectedTooltipClosed&&this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),this.utils.cleanupAppendTo(),ci.onDestroyedPopover(this),Ie.remove(this)}async updated(t){if(super.updated(t),t.has("visible")){let i=t.get("visible")||!1;await this.isOpenUpdated(i,this.visible),this.utils.updateAriaExpandedAttribute()}t.has("trigger")&&(this.parseTrigger(),this.removeTriggerListeners(),this.setupTriggerListeners()),t.has("placement")&&this.setAttribute("placement",Object.values(Yt).includes(this.placement)?this.placement:_t.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("color")&&this.setAttribute("color",Object.values(Eo).includes(this.color)?this.color:_t.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),t.has("appendTo")&&(this.appendTo?this.utils.setupAppendTo():this.utils.cleanupAppendTo()),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.updateAriaLabels(),t.has("role")&&(this.role===""&&(this.role=null),this.utils.updateAriaModal()),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("focusTrap")&&!this.focusTrap&&this.visible&&this.deactivateFocusTrap(),t.has("preventScroll")&&(!this.preventScroll&&this.visible?this.deactivatePreventScroll():this.preventScroll&&this.visible&&this.activatePreventScroll())}async isOpenUpdated(t,i){var d,m;let{triggerElement:a}=this;t===i||!a||(i&&!this.shouldSuppressOpening?(Ie.peek()!==this&&Ie.push(this),this.keepConnectedTooltipClosed&&this.connectedTooltip&&(this.connectedTooltip.visible=!1,this.connectedTooltip.shouldSuppressOpening=!0),this.backdrop&&!this.backdropElement&&(this.createBackdrop("popover"),this.keepElementAboveBackdrop(a)),this.positionPopover(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(a.style.pointerEvents="none")),this.hideOnEscape&&(this.addEventListener("keydown",this.onEscapeKeydown),document.addEventListener("keydown",this.onEscapeKeydown)),this.activatePreventScroll(),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick,{capture:!0}),setTimeout(()=>{var b,C;this.interactive&&this.focusTrap&&((b=this.activateFocusTrap)==null||b.call(this),(C=this.setInitialFocus)==null||C.call(this))},0),ci.onShowPopover(this)):(Ie.peek()===this&&Ie.pop(),(d=this.floatingUICleanupFunction)==null||d.call(this),this.backdrop&&(this.moveElementBackAfterBackdropRemoval(a),this.removeBackdrop()),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(a.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.deactivatePreventScroll(),(m=this.deactivateFocusTrap)==null||m.call(this),this.focusBackToTrigger&&(a==null||a.focus()),this.keepConnectedTooltipClosed&&this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),ci.onHidePopover(this)))}isEventFromTrigger(t){var i;return this.triggerID?t.composed?t.composedPath().some(a=>(a==null?void 0:a.id)===this.triggerID):((i=t.target)==null?void 0:i.id)===this.triggerID:!1}render(){return _`
+`,_f=[lT];var zl=V.constructTagName("popoverportal"),Fl=class extends K{connectedCallback(){super.connectedCallback(),this.ariaHidden="true",this.style.display="none"}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.onDisconnect)==null||o.call(this)}};var Vl=class{constructor(o){this.portalElement=null;this.disconnectAfterAppendTo=!1;this.arrowPixelChange=!1;this.popover=o}setupDelay(){try{let[o,t]=this.popover.delay.split(",").map(i=>{let a=parseInt(i,10);if(Number.isNaN(a)||a<0)throw new Error(`Invalid delay value: ${i}`);return a});return[o,t]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(o){let t=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(t.style,{top:"",left:"",right:"",bottom:""});let i=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,a=this.popover.offsetHeight||0,d=this.popover.offsetWidth||0;if(t)switch(o.split("-")[0]){case"top":t.style.height=i,t.style.bottom=`calc(-1 * (${i}))`,t.style.left="50%",t.style.width=`${d}px`;break;case"left":t.style.height=`${a}px`,t.style.width=i,t.style.right=`calc(-1.5 * (${i}))`;break;case"right":t.style.height=`${a}px`,t.style.width=i,t.style.left=`calc(-0.5 * (${i}))`;break;case"bottom":default:t.style.height=i,t.style.top=`calc(-1 * (${i}))`,t.style.left="50%",t.style.width=`${d}px`;break}}setupAppendTo(){var o,t;if(this.popover.appendTo){let i=document.getElementById(this.popover.appendTo);i&&!Array.from(i.children).includes(this.popover)&&(this.disconnectAfterAppendTo=!0,this.portalElement=document.createElement(zl),this.portalElement.onDisconnect=()=>{this.popover.remove(),this.portalElement=null},(t=(o=this.popover.parentElement)==null?void 0:o.appendChild)==null||t.call(o,this.portalElement),i.appendChild(this.popover))}}cleanupAppendTo(){!this.disconnectAfterAppendTo&&this.portalElement&&this.portalElement.remove(),this.disconnectAfterAppendTo=!1}updateAriaLabels(){var o,t,i;this.popover.interactive&&this.popover.role&&(this.popover.ariaLabel||(this.popover.ariaLabel=((o=this.popover.triggerElement)==null?void 0:o.ariaLabel)||((t=this.popover.triggerElement)==null?void 0:t.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=((i=this.popover.triggerElement)==null?void 0:i.id)||""))}updateAriaModal(){this.popover.role===et.DIALOG||this.popover.role===et.ALERTDIALOG?this.popover.setAttribute("aria-modal","true"):this.popover.removeAttribute("aria-modal")}updateAriaExpandedAttribute(){var o,t,i;this.popover.disableAriaExpanded||((o=this.popover.triggerElement)==null||o.setAttribute("aria-expanded",`${this.popover.visible}`),(i=this.popover.triggerElement)==null||i.setAttribute("aria-haspopup",((t=this.popover.triggerElement)==null?void 0:t.getAttribute("aria-haspopup"))||this.popover.role||"dialog"))}updateArrowStyle(o,t){var W;if(!this.popover.arrowElement)return;let i=t.split("-")[0],a={top:"bottom",right:"left",bottom:"top",left:"right"}[i],{x:d,y:m}=o,b=this.popover.arrowElement.getBoundingClientRect(),C=(W=this.popover.arrowElement.offsetParent)==null?void 0:W.getBoundingClientRect();if(!this.arrowPixelChange){let q=C!=null&&C[a]?12-Math.abs(b[a]-C[a]):0;Math.round(q)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let L=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",i),Object.assign(this.popover.arrowElement.style,{left:d!=null?`${d}px`:"",top:m!=null?`${m}px`:"",[a]:`${-this.popover.arrowElement.offsetHeight/2-L}px`})}updatePopoverStyle(o,t){Object.assign(this.popover.style,{left:`${o}px`,top:`${t}px`})}};var It=class extends ul(cl(dl(K))){constructor(){super();this.id="";this.triggerID="";this.trigger=_t.TRIGGER;this.placement=_t.PLACEMENT;this.color=_t.COLOR;this.visible=_t.VISIBLE;this.offset=_t.OFFSET;this.boundary=_t.BOUNDARY;this.boundaryRoot=_t.BOUNDARY_ROOT;this.focusTrap=_t.FOCUS_TRAP;this.preventScroll=_t.PREVENT_SCROLL;this.showArrow=_t.ARROW;this.closeButton=_t.CLOSE_BUTTON;this.interactive=_t.INTERACTIVE;this.delay=_t.DELAY;this.hideOnEscape=_t.HIDE_ON_ESCAPE;this.propagateEventOnEscape=_t.PROPAGATE_EVENT_ON_ESCAPE;this.hideOnBlur=_t.HIDE_ON_BLUR;this.hideOnOutsideClick=_t.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=_t.FOCUS_BACK;this.backdrop=_t.BACKDROP;this.isBackdropInvisible=_t.IS_BACKDROP_INVISIBLE;this.flip=_t.FLIP;this.size=_t.SIZE;this.zIndex=_t.Z_INDEX;this.closeButtonAriaLabel=null;this.strategy=_t.STRATEGY;this.role=_t.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=_t.DISABLE_ARIA_EXPANDED;this.keepConnectedTooltipClosed=_t.KEEP_CONNECTED_TOOLTIP_CLOSED;this.arrowElement=null;this.hoverTimer=null;this.isHovered=!1;this.openDelay=0;this.closeDelay=0;this.floatingUICleanupFunction=null;this.shouldSuppressOpening=!1;this.parseTrigger=()=>{var d;let a=(((d=this.trigger)==null?void 0:d.split(" "))||[]).filter(m=>Object.values(di).includes(m)).length>0?this.trigger:_t.TRIGGER;a==="mouseenter"&&(this.interactive?a="mouseenter click":a="mouseenter focusin"),this.trigger=a};this.setupTriggerListeners=()=>{if(this.trigger.includes("click")&&document.addEventListener("click",this.togglePopoverVisible,{capture:!0}),this.trigger.includes("mouseenter")){let t=this.renderRoot.querySelector(".popover-hover-bridge");t==null||t.addEventListener("mouseenter",this.show),document.addEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.addEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay)}this.trigger.includes("focusin")&&(document.addEventListener("focusin",this.handleFocusIn,{capture:!0}),this.interactive||document.addEventListener("focusout",this.handleFocusOut,{capture:!0}))};this.removeTriggerListeners=()=>{document.removeEventListener("click",this.togglePopoverVisible,{capture:!0});let t=this.renderRoot.querySelector(".popover-hover-bridge");t==null||t.removeEventListener("mouseenter",this.show),document.removeEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.removeEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),document.removeEventListener("focusin",this.handleFocusIn,{capture:!0}),document.removeEventListener("focusout",this.handleFocusOut,{capture:!0})};this.removeAllListeners=()=>{this.removeTriggerListeners(),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown,{capture:!0})),this.hideOnBlur&&this.removeEventListener("focusout",this.onPopoverFocusOut)};this.onOutsidePopoverClick=t=>{if(Ie.peek()!==this)return;let i=t.composedPath(),a=this.contains(t.target)||i.includes(this.triggerElement)||i.includes(this),d=this.backdropElement?i.includes(this.backdropElement):!1;(!a||d)&&(this.hide(),ci.onClickOutside(this))};this.onEscapeKeydown=t=>{!this.visible||t.code!=="Escape"||(this.propagateEventOnEscape||t.stopPropagation(),t.preventDefault(),this.hide(),ci.onEscapeKeyPressed(this))};this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hide()};this.handleMouseEnter=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!0,this.show())};this.handleMouseLeave=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!1,this.startCloseDelay())};this.handleFocusOut=t=>{this.isEventFromTrigger(t)&&(this.isHovered||this.hide())};this.handleFocusIn=t=>{var i;this.isEventFromTrigger(t)&&((i=this.triggerElement)!=null&&i.matches(":focus-visible")||this.isHovered)&&this.show()};this.startCloseDelay=()=>{this.interactive?this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay):this.hide()};this.cancelCloseDelay=()=>{this.hoverTimer&&(window.clearTimeout(this.hoverTimer),this.hoverTimer=null)};this.show=()=>{this.visible||this.shouldSuppressOpening||(this.cancelCloseDelay(),this.openDelay>0?setTimeout(()=>{this.visible=!0},this.openDelay):this.visible=!0)};this.hide=()=>{this.closeDelay?setTimeout(()=>{this.visible=!1},this.closeDelay):this.visible=!1};this.togglePopoverVisible=t=>{this.isEventFromTrigger(t)&&(this.visible?this.hide():this.show())};this.positionPopover=()=>{let{triggerElement:t}=this;if(!t)return;let i=!this.boundary||this.boundary==="clippingAncestors"?"clippingAncestors":Array.from(document.querySelectorAll(this.boundary)),a=this.boundaryRoot,d=[yf({boundary:i,rootBoundary:a,padding:this.boundaryPadding})],m=this.offset;if(this.flip&&d.push(Ef({boundary:i,rootBoundary:a})),this.size){let b=L=>{this.style.setProperty("--mdc-popover-internal-available-height",`${L}px`)},C=this.renderRoot.querySelector('[part="popover-content"]');d.push(Tf({boundary:i,rootBoundary:a,apply({availableHeight:L}){C&&(Object.assign(C.style,{maxHeight:`${L}px`,overflowY:"auto"}),b(L))},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector('div[part="popover-arrow"]'),this.arrowElement)){let b=this.arrowElement.offsetHeight,C=Math.sqrt(2*b**2)/2;m+=C,d.push(xf({element:this.arrowElement,padding:12}))}d.push(bf(m)),this.floatingUICleanupFunction=gf(t,this,async()=>{let{triggerElement:b}=this;if(!b)return;let{x:C,y:L,middlewareData:W,placement:q}=await Af(b,this,{placement:this.placement,middleware:d,strategy:this.strategy});this.utils.updatePopoverStyle(C,L),W.arrow&&this.arrowElement&&this.utils.updateArrowStyle(W.arrow,q),this.trigger.includes("mouseenter")&&this.interactive&&this.utils.setupHoverBridge(q)})};this.utils=new Vl(this),this.parseTrigger(),[this.openDelay,this.closeDelay]=this.utils.setupDelay()}get connectedTooltip(){let t=this.getRootNode().querySelectorAll(`mdc-tooltip[triggerID="${this.triggerID}"]`);return Array.from(t).find(i=>i!==this)}get triggerElement(){return this.getRootNode().querySelector(`[id="${this.triggerID}"]`)}async firstUpdated(t){super.firstUpdated(t),ci.onCreatedPopover(this)}connectedCallback(){super.connectedCallback(),this.style.zIndex=`${this.zIndex}`,this.utils.setupAppendTo(),this.setupTriggerListeners()}async disconnectedCallback(){var t,i;super.disconnectedCallback(),this.removeAllListeners(),(t=this.deactivateFocusTrap)==null||t.call(this),this.deactivatePreventScroll(),this.moveElementBackAfterBackdropRemoval(this.triggerElement),this.removeBackdrop(),(i=this.floatingUICleanupFunction)==null||i.call(this),this.cancelCloseDelay(),this.keepConnectedTooltipClosed&&this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),this.utils.cleanupAppendTo(),ci.onDestroyedPopover(this),Ie.remove(this)}async updated(t){if(super.updated(t),t.has("visible")){let i=t.get("visible")||!1;await this.isOpenUpdated(i,this.visible),this.utils.updateAriaExpandedAttribute()}t.has("trigger")&&(this.parseTrigger(),this.removeTriggerListeners(),this.setupTriggerListeners()),t.has("placement")&&this.setAttribute("placement",Object.values(Yt).includes(this.placement)?this.placement:_t.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("color")&&this.setAttribute("color",Object.values(Eo).includes(this.color)?this.color:_t.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),t.has("appendTo")&&(this.appendTo?this.utils.setupAppendTo():this.utils.cleanupAppendTo()),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.updateAriaLabels(),t.has("role")&&(this.role===""&&(this.role=null),this.utils.updateAriaModal()),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("focusTrap")&&!this.focusTrap&&this.visible&&this.deactivateFocusTrap(),t.has("preventScroll")&&(!this.preventScroll&&this.visible?this.deactivatePreventScroll():this.preventScroll&&this.visible&&this.activatePreventScroll())}async isOpenUpdated(t,i){var d,m;let{triggerElement:a}=this;t===i||!a||(i&&!this.shouldSuppressOpening?(Ie.peek()!==this&&Ie.push(this),this.keepConnectedTooltipClosed&&this.connectedTooltip&&(this.connectedTooltip.visible=!1,this.connectedTooltip.shouldSuppressOpening=!0),this.backdrop&&!this.backdropElement&&(this.createBackdrop("popover"),this.keepElementAboveBackdrop(a)),this.positionPopover(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(a.style.pointerEvents="none")),this.hideOnEscape&&(this.addEventListener("keydown",this.onEscapeKeydown),document.addEventListener("keydown",this.onEscapeKeydown)),this.activatePreventScroll(),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick,{capture:!0}),setTimeout(()=>{var b,C;this.interactive&&this.focusTrap&&((b=this.activateFocusTrap)==null||b.call(this),(C=this.setInitialFocus)==null||C.call(this))},0),ci.onShowPopover(this)):(Ie.peek()===this&&Ie.pop(),(d=this.floatingUICleanupFunction)==null||d.call(this),this.backdrop&&(this.moveElementBackAfterBackdropRemoval(a),this.removeBackdrop()),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(a.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.deactivatePreventScroll(),(m=this.deactivateFocusTrap)==null||m.call(this),this.focusBackToTrigger&&(a==null||a.focus()),this.keepConnectedTooltipClosed&&this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),ci.onHidePopover(this)))}isEventFromTrigger(t){var i;return this.triggerID?t.composed?t.composedPath().some(a=>(a==null?void 0:a.id)===this.triggerID):((i=t.target)==null?void 0:i.id)===this.triggerID:!1}render(){return _`
       <div part="popover-hover-bridge"></div>
       ${this.closeButton?_` <mdc-button
             part="popover-close"
@@ -2581,7 +2582,7 @@
             aria-label=${rt(this.closeButtonAriaLabel)||""}
             @click="${this.hide}"
           ></mdc-button>`:j}
-      ${this.showArrow?_`<div class="popover-arrow"></div>`:j}
+      ${this.showArrow?_`<div class="popover-arrow" part="popover-arrow"></div>`:j}
       <div part="popover-content">
         <slot></slot>
       </div>
@@ -3292,9 +3293,9 @@
       --mdc-input-primary-border-color: var(--mds-color-theme-text-accent-normal);
     }
     :host,
-    .input-container,
-    .input-section,
-    .input {
+    :host::part(input-container),
+    :host::part(input-section),
+    :host::part(input-text) {
       width: 100%;
     }
 
@@ -3302,42 +3303,42 @@
       font-family: inherit;
     }
 
-    :host .input-container:hover {
+    :host::part(input-container):hover {
       background-color: var(--mdc-input-hover-background-color);
     }
 
-    :host .input-container:active,
-    :host .input-container:focus-within {
+    :host::part(input-container):active,
+    :host::part(input-container):focus-within {
       background-color: var(--mdc-input-focused-background-color);
       border-color: var(--mdc-input-focused-border-color);
     }
 
-    :host([readonly]) .leading-icon {
+    :host([readonly])::part(leading-icon) {
       color: var(--mdc-input-support-text-color);
     }
 
-    :host([disabled]) .input,
-    :host([disabled]) .input::placeholder,
-    :host([disabled]) .prefix-text {
+    :host([disabled])::part(input-text),
+    :host([disabled]) input::placeholder,
+    :host([disabled])::part(prefix-text) {
       color: var(--mdc-input-disabled-text-color);
     }
 
-    :host([disabled]) .input-container,
-    :host([readonly]) .input-container,
-    :host([disabled][help-text-type='default']) .input-container,
-    :host([disabled][help-text-type='success']) .input-container,
-    :host([disabled][help-text-type='warning']) .input-container,
-    :host([disabled][help-text-type='error']) .input-container,
-    :host([disabled][help-text-type='priority']) .input-container {
+    :host([disabled])::part(input-container),
+    :host([readonly])::part(input-container),
+    :host([disabled][help-text-type='default'])::part(input-container),
+    :host([disabled][help-text-type='success'])::part(input-container),
+    :host([disabled][help-text-type='warning'])::part(input-container),
+    :host([disabled][help-text-type='error'])::part(input-container),
+    :host([disabled][help-text-type='priority'])::part(input-container) {
       border-color: var(--mdc-input-disabled-border-color);
       background: var(--mdc-input-disabled-background-color);
     }
 
-    .leading-icon {
+    :host::part(leading-icon) {
       aspect-ratio: 1;
     }
 
-    .input-container {
+    :host::part(input-container) {
       height: 2rem;
       border-radius: 0.5rem;
       border: 0.0625rem solid var(--mdc-input-border-color);
@@ -3348,46 +3349,46 @@
       min-width: 3.25rem;
     }
 
-    .input-section {
+    :host::part(input-section) {
       display: flex;
       gap: 0.25rem;
     }
 
-    .input {
+    :host::part(input-text) {
       border: none;
       color: var(--mdc-input-text-color);
       background-color: var(--mdc-input-background-color);
       outline: none;
     }
 
-    .input::selection {
+    input::selection {
       background-color: var(--mdc-input-selection-background-color);
       color: var(--mdc-input-selection-text-color);
     }
 
-    .prefix-text {
+    :host::part(prefix-text) {
       color: var(--mdc-input-support-text-color);
       white-space: nowrap; /* restrict prefix text to be in one line */
     }
 
-    .input::placeholder {
+    input::placeholder {
       color: var(--mdc-input-support-text-color);
     }
 
-    :host([help-text-type='error']) .input-container,
-    :host([help-text-type='error']) .input-container:focus-within {
+    :host([help-text-type='error'])::part(input-container),
+    :host([help-text-type='error'])::part(input-container):focus-within {
       border-color: var(--mdc-input-error-border-color);
     }
-    :host([help-text-type='warning']) .input-container,
-    :host([help-text-type='warning']) .input-container:focus-within {
+    :host([help-text-type='warning'])::part(input-container),
+    :host([help-text-type='warning'])::part(input-container):focus-within {
       border-color: var(--mdc-input-warning-border-color);
     }
-    :host([help-text-type='success']) .input-container,
-    :host([help-text-type='success']) .input-container:focus-within {
+    :host([help-text-type='success'])::part(input-container),
+    :host([help-text-type='success'])::part(input-container):focus-within {
       border-color: var(--mdc-input-success-border-color);
     }
-    :host([help-text-type='priority']) .input-container,
-    :host([help-text-type='priority']) input-container:focus-within {
+    :host([help-text-type='priority'])::part(input-container),
+    :host([help-text-type='priority'])::part(input-container):focus-within {
       border-color: var(--mdc-input-primary-border-color);
     }
 
@@ -3397,7 +3398,6 @@
     }
   `,...St(!0)],Wf=wT;var ae=class extends ge(Te(Ht(cr))){constructor(){super(...arguments);this.placeholder="";this.readonly=!1;this.trailingButton=!1;this.autocapitalize=Gl.OFF;this.autocomplete=As.OFF;this.clearAriaLabel=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.setInputValidity(),this.internals.setFormValue(this.inputElement.value))}).catch(t=>{this.onerror&&this.onerror(t)})}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}formResetCallback(){this.value="",this.inputElement.value="",this.setInputValidity(),this.requestUpdate()}formStateRestoreCallback(t){this.value=t}attributeChangedCallback(t,i,a){super.attributeChangedCallback(t,i,a),t==="validation-message"&&this.updateComplete.then(()=>{this.setInputValidity()}).catch(d=>{this.onerror&&this.onerror(d)})}setInputValidity(){this.inputElement.setCustomValidity(""),!this.inputElement.validity.valid&&this.validationMessage&&this.inputElement.setCustomValidity(this.validationMessage),this.setValidity()}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setInputValidity(),this.checkValidity()}onChange(t){this.updateValue(),this.setInputValidity();let i=t.constructor;this.dispatchEvent(new i(t.type,t))}handleKeyDown(t){var i;t.key===Q.ENTER&&((i=this.form)==null||i.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?_`
       <mdc-icon
-        class="leading-icon"
         part="leading-icon"
         name=${this.leadingIcon}
         size="${pi.ICON_SIZE_VALUE}"
@@ -3406,7 +3406,7 @@
       </mdc-icon>
     `:j}renderPrefixText(){return this.prefixText?_`
       <mdc-text
-        class="prefix-text"
+        part="prefix-text"
         tagname="${pi.PREFIX_TEXT_TAG}"
         type="${pi.PREFIX_TEXT_TYPE}"
         aria-hidden="true"
@@ -3426,8 +3426,7 @@
       ></mdc-button>
     `:j}renderInputElement(t,i=!1){var d;let a=i?"":this.placeholder;return _`<input
       aria-label="${(d=this.dataAriaLabel)!=null?d:""}"
-      class="input"
-      part="mdc-input"
+      part="input-text"
       id="${this.inputId}"
       name="${this.name}"
       .value="${Ua(this.value)}"
@@ -3451,9 +3450,9 @@
       @keydown=${this.handleKeyDown}
     />`}render(){return _`
       ${this.renderLabel()}
-      <div class="input-container mdc-focus-ring" part="input-container">
+      <div class="mdc-focus-ring" part="input-container">
         <slot name="input-leading-icon">${this.renderLeadingIcon()}</slot>
-        <div class="input-section" part="input-section">
+        <div part="input-section">
           <slot name="input-prefix-text">${this.renderPrefixText()}</slot>
           <slot name="input">${this.renderInputElement(pi.INPUT_TYPE)}</slot>
         </div>
@@ -3985,19 +3984,19 @@
       border-radius: var(--mdc-statictoggle-border-radius-compact);
     }
 
-    .icon {
+    :host::part(toggle-icon) {
       padding: 0.25rem;
       --mdc-icon-fill-color: var(--mdc-statictoggle-icon-color-normal);
       background-color: var(--mdc-statictoggle-icon-background-color-normal);
       border-radius: 50%;
     }
 
-    :host([disabled]) .icon {
+    :host([disabled])::part(toggle-icon) {
       --mdc-icon-fill-color: var(--mdc-statictoggle-icon-color-disabled);
       background-color: var(--mdc-statictoggle-icon-background-color-disabled);
     }
 
-    :host([size='compact']) .icon {
+    :host([size='compact'])::part(toggle-icon) {
       padding: 0.125rem;
     }
 
@@ -4012,16 +4011,19 @@
     /* High Contrast Mode */
     @media (forced-colors: active) {
       :host([checked])::part(slider),
-      .icon {
+      :host::part(toggle-icon) {
         border: var(--mdc-statictoggle-border);
       }
+      :host::part(toggle-icon) {
+        --mdc-icon-fill-color: CanvasText;
+      }
     }
   `],vv=ZT;var ws=class extends zt(K){constructor(){super(...arguments);this.checked=!1;this.size=fv.SIZE}render(){return _`
       <slot></slot>
       <div part="slider">
         <mdc-icon
           name="${this.checked?rh.CHECKED:rh.UNCHECKED}"
-          class="icon"
+          part="toggle-icon"
           length-unit="rem"
           size="${uv[this.size]}"
         ></mdc-icon>
@@ -4880,7 +4882,7 @@
 `,Gv=[_x];var Yv=V.constructTagName("searchfield"),an={TYPE:Ss.SEARCH,ICON:"search-bold",CLOSE_BTN:!0,INPUT_CHIP_TAG:Yl};var Ro=class extends Sr{constructor(){super(...arguments);this.isInputFocused=!1;this.hasInputChips=!1}handleKeyDown(t){super.handleKeyDown(t),t.key===Q.ESCAPE&&this.clearInputText()}connectedCallback(){super.connectedCallback(),this.leadingIcon=an.ICON,this.trailingButton=an.CLOSE_BTN,this.helpText=void 0,this.helpTextType=void 0,this.required=void 0,this.validationMessage=void 0,this.prefixText=void 0}renderInputChips(){var t;this.hasInputChips=!!((t=this.inputChips)!=null&&t.length),this.inputChips&&this.inputChips.forEach(i=>{i.matches(an.INPUT_CHIP_TAG)||i.remove()})}firstUpdated(t){this.inputElement.onfocus=()=>{this.isInputFocused=!0},this.inputElement.onblur=()=>{this.isInputFocused=!1},super.firstUpdated(t)}clearInputText(){var t;super.clearInputText(),(t=this.inputChips)==null||t.forEach(i=>{i.dispatchEvent(new CustomEvent("remove",{bubbles:!0,composed:!0}))})}render(){return _`
       ${this.renderLabelElement()}
       <div
-        class="${Ls({"input-container":!0,"mdc-focus-ring":this.isInputFocused})}"
+        class="${Ls({"mdc-focus-ring":this.isInputFocused})}"
         part="input-container"
       >
         ${this.renderLeadingIcon()}
@@ -6022,7 +6024,7 @@
     align-self: stretch;
   }
 
-  .has-footer-buttons {
+  :host::part(has-footer-buttons) {
     margin-top: 1rem;
   }
 
@@ -6049,7 +6051,7 @@
             ${this.headerText}
           </mdc-text>
         `:j}handleFooterSlot(t,i){super.handleFooterSlot(t,i),this.updateFooterButtonsPresence()}renderFooter(){return this.updateFooterButtonsPresence(),_` <slot name="footer">
-      <div part="footer" class="${this.hasFooterButtons}">
+      <div part="footer ${this.hasFooterButtons}">
         ${this.renderToggleDetailButton()}
         <slot
           name="footer-button-secondary"
@@ -6287,7 +6289,7 @@
   :host([disabled])::part(combobox__button) {
     border-left: 1px solid var(--mdc-combobox-text-color-disabled);
   }
-  :host::part(mdc-input) {
+  :host::part(input-text) {
     width: calc(100% - 1.5rem);
   }
   :host::part(combobox__button-icon) {
@@ -6360,8 +6362,7 @@
         ?disabled="${this.disabled}"
         .value="${Ua(this.filteredValue)}"
         autocomplete="${As.OFF}"
-        class="input"
-        part="mdc-input"
+        part="input-text"
         placeholder="${rt(this.placeholder)}"
         role="${et.COMBOBOX}"
         ?readonly="${this.readonly}"