@fluentui/web-components 2.5.6 → 2.5.7

package/dist/web-components.min.js

@@ -98,187 +98,157 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function od(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r}class sd{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t);e&&Jn.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new nd(this.ltr,this.rtl,t),i=Jn.getValueFor(t);Jn.subscribe(e),e.attach(i),this.cache.set(t,e)}}class nd{constructor(t,e,i){this.ltr=t,this.rtl=e,this.source=i,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(this.source))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const rd="0 0 2px rgba(0, 0, 0, 0.14)",ad="0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)",ld=`box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), ${ad};`,cd=po.create({name:"elevation-shadow",cssCustomPropertyName:null}).withDefault({evaluate:(t,e,i)=>{let o=.12,s=.14;e>16&&(o=.2,s=.24);return`${`0 0 2px rgba(0, 0, 0, ${o})`}, ${`0 calc(${e} * 0.5px) calc((${e} * 1px)) rgba(0, 0, 0, ${s})`}`}}),hd=po.create("elevation-shadow-card-rest-size").withDefault(4),dd=po.create("elevation-shadow-card-hover-size").withDefault(8),ud=po.create("elevation-shadow-card-active-size").withDefault(0),pd=po.create("elevation-shadow-card-focus-size").withDefault(8),gd=po.create("elevation-shadow-card-rest").withDefault(t=>cd.getValueFor(t).evaluate(t,hd.getValueFor(t))),fd=po.create("elevation-shadow-card-hover").withDefault(t=>cd.getValueFor(t).evaluate(t,dd.getValueFor(t))),md=po.create("elevation-shadow-card-active").withDefault(t=>cd.getValueFor(t).evaluate(t,ud.getValueFor(t))),vd=po.create("elevation-shadow-card-focus").withDefault(t=>cd.getValueFor(t).evaluate(t,pd.getValueFor(t))),bd=po.create("elevation-shadow-tooltip-size").withDefault(16),yd=po.create("elevation-shadow-tooltip").withDefault(t=>cd.getValueFor(t).evaluate(t,bd.getValueFor(t))),xd=po.create("elevation-shadow-flyout-size").withDefault(32),$d=po.create("elevation-shadow-flyout").withDefault(t=>cd.getValueFor(t).evaluate(t,xd.getValueFor(t))),wd=po.create("elevation-shadow-dialog-size").withDefault(128),kd=po.create("elevation-shadow-dialog").withDefault(t=>cd.getValueFor(t).evaluate(t,wd.getValueFor(t))),Cd=(t,e,i="",o="")=>pt`
-    ${sn("inline-flex")} :host{position:relative;box-sizing:border-box;${Ph}
-      height:calc(${Kh} * 1px);min-width:calc(${Kh} * 1px);color:${sc};border-radius:calc(${nr} * 1px);fill:currentcolor;cursor:pointer}:host .control{background:padding-box linear-gradient(${wl},${wl}),border-box ${mc};border:calc(${ar} * 1px) solid transparent;flex-grow:1;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;padding:0 calc((10 + (${sr} * 2 * ${or})) * 1px);white-space:nowrap;outline:none;text-decoration:none;color:inherit;border-radius:inherit;fill:inherit;cursor:inherit;font-family:inherit}.control,.end,.start{font:inherit}.control.icon-only{padding:0;line-height:0}:host .control${i}:hover{background:padding-box linear-gradient(${kl},${kl}),border-box ${vc}}:host .control${i}:active{background:padding-box linear-gradient(${Cl},${Cl}),border-box ${bc}}:host .control:${nn}{${Gh}}:host .control${o}{background:padding-box linear-gradient(${wl},${wl}),border-box ${dc}}.control::-moz-focus-inner{border:0}.content{pointer-events:none}.start,.end{display:flex;pointer-events:none}.start{margin-inline-end:11px}.end{margin-inline-start:11px}`.withBehaviors(en(pt`
-        :host .control{background:${qe.ButtonFace};border-color:${qe.ButtonText};color:${qe.ButtonText};fill:currentcolor}:host(:not([disabled])) .control:hover,:host .control${i}:hover,.control${i}:hover{forced-color-adjust:none;background:${qe.Highlight};color:${qe.HighlightText}}.control:${nn},:host .control:${nn},:host(:${nn}) .control{forced-color-adjust:none;background:${qe.ButtonFace};outline-color:${qe.Highlight}}:host([href]) .control{background:${qe.ButtonFace};border-color:${qe.LinkText};color:${qe.LinkText};fill:currentcolor}:host([href]) .control:hover,:host(.neutral[href]) .control:hover{background:${qe.LinkText};border-color:${qe.LinkText} !important;color:${qe.HighlightText};fill:currentcolor}:host([href]) .control:${nn}{forced-color-adjust:none;outline-color:${qe.LinkText}}`)),Id=(t,e,i="",o="")=>pt`
-    :host .control{background:padding-box linear-gradient(${il},${il}),border-box ${vl};color:${al}}:host .control${i}:hover{background:padding-box linear-gradient(${ol},${ol}),border-box ${bl};color:${ll}}:host .control${i}:active{background:padding-box linear-gradient(${sl},${sl}),border-box ${yl};color:${cl}}:host .control:${nn}{${Gh}
-      box-shadow:0 0 0 calc(((${lr} + ${ar}) - ${ar}) * 1px) ${Mc} inset !important}:host .control${o}{background:${il}}`.withBehaviors(en(pt`
-        :host .control{forced-color-adjust:none;background:${qe.Highlight};color:${qe.HighlightText}}:host .control${i}:hover,:host .control${i}:active{background:${qe.HighlightText};border-color:${qe.Highlight};color:${qe.Highlight}}:host .control:${nn}{background:${qe.Highlight};outline-color:${qe.Highlight};box-shadow:0 0 0 calc(((${lr} + ${ar}) - ${ar}) * 1px) ${qe.HighlightText} inset !important}:host([href]) .control{background:${qe.LinkText};color:${qe.HighlightText}}:host([href]) .control:hover{background:${qe.ButtonFace};border-color:${qe.LinkText};color:${qe.LinkText};fill:currentcolor}:host([href]) .control:${nn}{background:${qe.LinkText};outline-color:${qe.LinkText};box-shadow:0 0 0 calc(((${lr} + ${ar}) - ${ar}) * 1px) ${qe.HighlightText} inset !important;color:${qe.HighlightText};fill:currentcolor}`)),Fd=(t,e,i="",o="")=>pt`
-    :host{height:auto;font-family:inherit;font-size:inherit;line-height:inherit;min-width:0}:host .control{display:inline;padding:0;background:transparent;border:none;box-shadow:none;line-height:1;text-decoration:underline 1px}:host .control:not([href]){background:transparent}:host .control${i}{background:transparent;color:${ul}}:host .control${i}:hover{background:transparent;color:${pl};text-decoration:none}:host .control${i}:active{background:transparent;color:${gl};text-decoration:none}:host .control:${nn}{${Wh}}:host .control${o}{background:transparent}`.withBehaviors(en(pt`
-      :host .control${i}:hover{color:${qe.Highlight};fill:currentcolor}:host .control:${nn}{color:${qe.LinkText}}`)),Dd=(t,e,i="",o="")=>pt`
-    :host{color:${ul}}:host .control{background:${Kl}}:host .control${i}:hover{background:${Xl};color:${pl}}:host .control${i}:active{background:${Yl};color:${gl}}:host .control${o}{background:${Kl}}`.withBehaviors(en(pt`
-        :host .control{border-color:${qe.ButtonFace};color:${qe.ButtonText}}:host .control${i}:hover,:host .control${i}:active,:host .control:${nn}{border-color:${qe.Highlight};background:${qe.Highlight};color:${qe.HighlightText}}:host([href]) .control{border-color:${qe.ButtonFace};color:${qe.LinkText}}:host([href]) .control:hover,:host([href]) .control:${nn}{background:${qe.ButtonFace};color:${qe.LinkText}}`)),Td=(t,e,i="",o="")=>pt`
-    :host .control{background:transparent !important;border-color:${dc}}:host .control${i}:hover{border-color:${uc}}:host .control${i}:active{border-color:${pc}}:host .control${o}{background:transparent !important;border-color:${dc}}`.withBehaviors(en(pt`
-        :host .control${o}{border-color:${qe.ButtonText}}:host .control${i}:hover{border-color:${qe.Highlight};color:${qe.ButtonText}}:host([href]){border-color:${qe.LinkText}}:host([href]) .control:hover{outline-color:${qe.LinkText};color:${qe.LinkText}}`)),Sd=(t,e,i="",o="")=>pt`
-    :host .control{background:${Kl}}:host .control${i}:hover{background:${Xl}}:host .control${i}:active{background:${Yl}}:host .control${o}{background:${Kl}}`.withBehaviors(en(pt`
-        :host .control{background:${qe.ButtonFace};border-color:${qe.ButtonFace};color:${qe.ButtonText};fill:currentcolor}:host .control${i}:hover,:host .control${i}:active,:host .control:${nn}{background:${qe.Highlight};border-color:${qe.Highlight};color:${qe.HighlightText};fill:currentcolor}:host([href]) .control{border-color:${qe.ButtonFace};color:${qe.LinkText}}:host([href]) .control:hover,:host([href]) .control:${nn}{background:${qe.LinkText};border-color:${qe.LinkText};color:${qe.HighlightText};fill:currentcolor}`)),Od=po.create("input-placeholder-rest").withDefault(t=>{const e=Fl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).rest)}),Ed=po.create("input-placeholder-hover").withDefault(t=>{const e=Fl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).hover)}),Vd=po.create("input-filled-placeholder-rest").withDefault(t=>{const e=jl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).rest)}),Rd=po.create("input-filled-placeholder-hover").withDefault(t=>{const e=jl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).hover)}),Ad=(t,e,i)=>pt`
+function od(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r}class sd{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t);e&&Jn.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new nd(this.ltr,this.rtl,t),i=Jn.getValueFor(t);Jn.subscribe(e),e.attach(i),this.cache.set(t,e)}}class nd{constructor(t,e,i){this.ltr=t,this.rtl=e,this.source=i,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(this.source))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const rd="0 0 2px rgba(0, 0, 0, 0.14)",ad="0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)",ld=`box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), ${ad};`,cd=po.create({name:"elevation-shadow",cssCustomPropertyName:null}).withDefault({evaluate:(t,e,i)=>{let o=.12,s=.14;e>16&&(o=.2,s=.24);return`${`0 0 2px rgba(0, 0, 0, ${o})`}, ${`0 calc(${e} * 0.5px) calc((${e} * 1px)) rgba(0, 0, 0, ${s})`}`}}),hd=po.create("elevation-shadow-card-rest-size").withDefault(4),dd=po.create("elevation-shadow-card-hover-size").withDefault(8),ud=po.create("elevation-shadow-card-active-size").withDefault(0),pd=po.create("elevation-shadow-card-focus-size").withDefault(8),gd=po.create("elevation-shadow-card-rest").withDefault(t=>cd.getValueFor(t).evaluate(t,hd.getValueFor(t))),fd=po.create("elevation-shadow-card-hover").withDefault(t=>cd.getValueFor(t).evaluate(t,dd.getValueFor(t))),md=po.create("elevation-shadow-card-active").withDefault(t=>cd.getValueFor(t).evaluate(t,ud.getValueFor(t))),vd=po.create("elevation-shadow-card-focus").withDefault(t=>cd.getValueFor(t).evaluate(t,pd.getValueFor(t))),bd=po.create("elevation-shadow-tooltip-size").withDefault(16),yd=po.create("elevation-shadow-tooltip").withDefault(t=>cd.getValueFor(t).evaluate(t,bd.getValueFor(t))),xd=po.create("elevation-shadow-flyout-size").withDefault(32),$d=po.create("elevation-shadow-flyout").withDefault(t=>cd.getValueFor(t).evaluate(t,xd.getValueFor(t))),wd=po.create("elevation-shadow-dialog-size").withDefault(128),kd=po.create("elevation-shadow-dialog").withDefault(t=>cd.getValueFor(t).evaluate(t,wd.getValueFor(t))),Cd=(t,e,i,o="[disabled]")=>pt`
+    ${sn("inline-flex")}
+    
+    :host{position:relative;box-sizing:border-box;${Ph}
+      height:calc(${Kh} * 1px);min-width:calc(${Kh} * 1px);color:${sc};border-radius:calc(${nr} * 1px);fill:currentcolor}.control{border:calc(${ar} * 1px) solid transparent;flex-grow:1;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;padding:0 calc((10 + (${sr} * 2 * ${or})) * 1px);white-space:nowrap;outline:none;text-decoration:none;color:inherit;border-radius:inherit;fill:inherit;font-family:inherit}.control,.end,.start{font:inherit}.control.icon-only{padding:0;line-height:0}.control:${nn}{${Gh}}.control::-moz-focus-inner{border:0}.content{pointer-events:none}.start,.end{display:flex;pointer-events:none}.start{margin-inline-end:11px}.end{margin-inline-start:11px}`,Id=(t,e,i,o="[disabled]")=>pt`
+    .control{background:padding-box linear-gradient(${wl},${wl}),border-box ${mc}}:host(${i}:hover) .control{background:padding-box linear-gradient(${kl},${kl}),border-box ${vc}}:host(${i}:active) .control{background:padding-box linear-gradient(${Cl},${Cl}),border-box ${bc}}:host(${o}) .control{background:padding-box linear-gradient(${wl},${wl}),border-box ${dc}}`.withBehaviors(en(pt`
+        .control{background:${qe.ButtonFace};border-color:${qe.ButtonText};color:${qe.ButtonText}}:host(${i}:hover) .control,:host(${i}:active) .control{forced-color-adjust:none;background:${qe.HighlightText};border-color:${qe.Highlight};color:${qe.Highlight}}:host(${o}) .control{background:transparent;border-color:${qe.GrayText};color:${qe.GrayText}}.control:${nn}{outline-color:${qe.CanvasText}}:host([href]) .control{background:transparent;border-color:${qe.LinkText};color:${qe.LinkText}}:host([href]:hover) .control,:host([href]:active) .control{background:transparent;border-color:${qe.CanvasText};color:${qe.CanvasText}}`)),Fd=(t,e,i,o="[disabled]")=>pt`
+    .control{background:padding-box linear-gradient(${il},${il}),border-box ${vl};color:${al}}:host(${i}:hover) .control{background:padding-box linear-gradient(${ol},${ol}),border-box ${bl};color:${ll}}:host(${i}:active) .control{background:padding-box linear-gradient(${sl},${sl}),border-box ${yl};color:${cl}}:host(${o}) .control{background:${il}}.control:${nn}{box-shadow:0 0 0 calc(${lr} * 1px) ${Mc} inset !important}`.withBehaviors(en(pt`
+        .control{forced-color-adjust:none;background:${qe.Highlight};color:${qe.HighlightText}}:host(${i}:hover) .control,:host(${i}:active) .control{background:${qe.HighlightText};border-color:${qe.Highlight};color:${qe.Highlight}}:host(${o}) .control{background:transparent;border-color:${qe.GrayText};color:${qe.GrayText}}.control:${nn}{outline-color:${qe.CanvasText};box-shadow:0 0 0 calc(${lr} * 1px) ${qe.HighlightText} inset !important}:host([href]) .control{background:${qe.LinkText};color:${qe.HighlightText}}:host([href]:hover) .control,:host([href]:active) .control{background:${qe.ButtonFace};border-color:${qe.LinkText};color:${qe.LinkText}}`)),Dd=(t,e,i,o="[disabled]")=>pt`
+    :host{height:auto;font-family:inherit;font-size:inherit;line-height:inherit;min-width:0}.control{display:inline;padding:0;border:none;box-shadow:none;line-height:1}:host(${i}) .control{color:${ul};text-decoration:underline 1px}:host(${i}:hover) .control{color:${pl};text-decoration:none}:host(${i}:active) .control{color:${gl};text-decoration:none}.control:${nn}{${Wh}}`.withBehaviors(en(pt`
+        :host(${i}) .control{color:${qe.LinkText}}:host(${i}:hover) .control,:host(${i}:active) .control{color:${qe.CanvasText}}.control:${nn}{outline-color:${qe.CanvasText}}`)),Td=(t,e,i,o="[disabled]")=>pt`
+    :host{color:${ul}}.control{background:${Kl}}:host(${i}:hover) .control{background:${Xl};color:${pl}}:host(${i}:active) .control{background:${Yl};color:${gl}}:host(${o}) .control{background:${Kl}}`.withBehaviors(en(pt`
+        :host{color:${qe.ButtonText}}.control{forced-color-adjust:none;background:transparent}:host(${i}:hover) .control,:host(${i}:active) .control{background:transparent;border-color:${qe.ButtonText};color:${qe.ButtonText}}:host(${o}) .control{background:transparent;color:${qe.GrayText}}.control:${nn}{outline-color:${qe.CanvasText}}:host([href]) .control{color:${qe.LinkText}}:host([href]:hover) .control,:host([href]:active) .control{border-color:${qe.LinkText};color:${qe.LinkText}}`)),Sd=(t,e,i,o="[disabled]")=>pt`
+    .control{background:transparent !important;border-color:${dc}}:host(${i}:hover) .control{border-color:${uc}}:host(${i}:active) .control{border-color:${pc}}:host(${o}) .control{background:transparent !important;border-color:${dc}}`.withBehaviors(en(pt`
+        .control{border-color:${qe.ButtonText};color:${qe.ButtonText}}:host(${i}:hover) .control,:host(${i}:active) .control{background:${qe.HighlightText};border-color:${qe.Highlight};color:${qe.Highlight}}:host(${o}) .control{border-color:${qe.GrayText};color:${qe.GrayText}}.control:${nn}{outline-color:${qe.CanvasText}}:host([href]) .control{border-color:${qe.LinkText};color:${qe.LinkText}}:host([href]:hover) .control,:host([href]:active) .control{border-color:${qe.CanvasText};color:${qe.CanvasText}}`)),Od=(t,e,i,o="[disabled]")=>pt`
+    .control{background:${Kl}}:host(${i}:hover) .control{background:${Xl}}:host(${i}:active) .control{background:${Yl}}:host(${o}) .control{background:${Kl}}`.withBehaviors(en(pt`
+        .control{forced-color-adjust:none;background:transparent;color:${qe.ButtonText}}:host(${i}:hover) .control,:host(${i}:active) .control{background:transparent;border-color:${qe.ButtonText};color:${qe.ButtonText}}:host(${o}) .control{background:transparent;color:${qe.GrayText}}.control:${nn}{outline-color:${qe.CanvasText}}:host([href]) .control{color:${qe.LinkText}}:host([href]:hover) .control,:host([href]:active) .control{background:transparent;border-color:${qe.LinkText};color:${qe.LinkText}}`)),Ed=po.create("input-placeholder-rest").withDefault(t=>{const e=Fl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).rest)}),Vd=po.create("input-placeholder-hover").withDefault(t=>{const e=Fl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).hover)}),Rd=po.create("input-filled-placeholder-rest").withDefault(t=>{const e=jl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).rest)}),Ad=po.create("input-filled-placeholder-hover").withDefault(t=>{const e=jl.getValueFor(t);return lc.getValueFor(t).evaluate(t,e.evaluate(t).hover)}),Ld=(t,e,i)=>pt`
   :host{${Ph}
-    color:${sc};fill:currentcolor;user-select:none;position:relative}${i}{box-sizing:border-box;position:relative;color:inherit;background:padding-box linear-gradient(${Dl},${Dl}),border-box ${kc};border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);height:calc(${Kh} * 1px);font-family:inherit;font-size:inherit;line-height:inherit}.control{width:100%;outline:none}.label{display:block;color:${sc};cursor:pointer;${Ph}
-    margin-bottom:4px}.label__hidden{display:none;visibility:hidden}:host(:hover:not([disabled]):not(:focus-within)) ${i}{background:padding-box linear-gradient(${Tl},${Tl}),border-box ${Cc}}:host(:not([disabled]):focus-within) ${i}{background:padding-box linear-gradient(${Ol},${Ol}),border-box ${kc}}.control::placeholder{color:${Od}}:host(:hover:not([disabled]):not(:focus-within)) .control::placeholder{color:${Ed}}:host([disabled]) ${i},:host([readonly]) ${i},:host([disabled]) .label,:host([readonly]) .label,:host([disabled]) .control,:host([readonly]) .control{cursor:${"not-allowed"}}:host([disabled]){opacity:${tr}}:host([disabled]) ${i}{background:padding-box linear-gradient(${Dl},${Dl}),border-box ${dc}}`,Ld=(t,e,i)=>pt`
-  :host(:not([disabled]):active)::after{left:50%;width:40%;transform:translateX(-50%);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(:not([disabled]):focus-within)::after{left:0;width:100%;transform:none}:host(:not([disabled]):active)::after,:host(:not([disabled]):focus-within:not(:active))::after{content:'';position:absolute;height:calc(${lr} * 1px);bottom:0;border-bottom:calc(${lr} * 1px) solid ${il};border-bottom-left-radius:calc(${nr} * 1px);border-bottom-right-radius:calc(${nr} * 1px);z-index:2;transition:all 300ms cubic-bezier(0.1,0.9,0.2,1)}`,Pd=(t,e,i)=>pt`
-  :host ${i}{background:${Ul};border-color:transparent}:host(:hover:not([disabled]):not(:focus-within)) ${i}{background:${ql};border-color:transparent}.control::placeholder{color:${Vd}}:host(:hover:not([disabled]):not(:focus-within)) .control::placeholder{color:${Rd}}:host(:focus-within:not([disabled])) ${i}{border-color:transparent}`,zd=(t,e,i)=>pt`
-  :host ${i}{background:${qe.Field};border-color:${qe.FieldText}}:host(:hover:not([disabled]):not(:focus-within)) ${i}{border-color:${qe.Highlight}}:host(:not([disabled]):active)::after,:host(:not([disabled]):focus-within:not(:active))::after{border-bottom-color:${qe.Highlight}}:host([disabled]){opacity:1}:host([disabled]) ${i}{border-color:${qe.GrayText}}:host([disabled]) ::placeholder,:host([disabled]) ::-webkit-input-placeholder,:host([disabled]) .label{color:${qe.GrayText};fill:currentcolor}`,Hd=(t,e,i)=>pt`
-  :host ${i},:host(:hover:not([disabled])) ${i},:host(:active:not([disabled])) ${i},:host(:focus-within:not([disabled])) ${i}{background:${qe.Field};border-color:${qe.FieldText}}:host(:not([disabled]):active)::after,:host(:not([disabled]):focus-within:not(:active))::after{border-bottom-color:${qe.Highlight}}:host([disabled]) ${i}{border-color:${qe.GrayText}}`;function Md(t,e){return new on("appearance",t,e)}const Bd=(t,e)=>pt`
-    :host .control:not([href]){cursor:default}${Cd(0,0,"[href]",":not([href])")}
-  `.withBehaviors(Md("accent",Id(0,0,"[href]",":not([href])")),Md("hypertext",Fd(0,0,"[href]",":not([href])")),Md("lightweight",Dd(0,0,"[href]",":not([href])")),Md("outline",Td(0,0,"[href]",":not([href])")),Md("stealth",Sd(0,0,"[href]",":not([href])")));class Nd extends Ye{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(){const t=this.defaultSlottedContent.filter(t=>t.nodeType===Node.ELEMENT_NODE);1===t.length&&t[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}od([tt],Nd.prototype,"appearance",void 0);const jd=Bd,Ud=Nd.compose({baseName:"anchor",baseClass:Ye,template:Ke,styles:Bd,shadowOptions:{delegatesFocus:!0}}),qd=(t,e)=>pt`
-  :host{contain:layout;display:block}`,_d=Je.compose({baseName:"anchored-region",template:(t,e)=>q`<template class="${t=>t.initialLayoutComplete?"loaded":""}">${Ft(t=>t.initialLayoutComplete,q`<slot></slot>`)}</template>`,styles:qd}),Gd=qd,Wd=(t,e)=>pt`
-    ${sn("inline-block")} :host{box-sizing:border-box;${zh}}.control{border-radius:calc(${nr} * 1px);padding:calc(((${sr} * 0.5) - ${ar}) * 1px) calc((${sr} - ${ar}) * 1px);border:calc(${ar} * 1px) solid transparent}:host(.lightweight) .control{background:transparent;color:${sc};font-weight:600}:host(.accent) .control{background:${il};color:${al}}:host(.neutral) .control{background:${Ul};color:${sc}}:host([circular]) .control{border-radius:100px;min-width:calc(${mr} - calc(${sr} * 1px));display:flex;align-items:center;justify-content:center}`;class Kd extends ti{constructor(){super(...arguments),this.appearance="lightweight"}appearanceChanged(t,e){t!==e&&h.queueUpdate(()=>{this.classList.add(e),this.classList.remove(t)})}}od([tt({mode:"fromView"})],Kd.prototype,"appearance",void 0);const Xd=Kd.compose({baseName:"badge",baseClass:ti,template:(t,e)=>q`<template class="${t=>t.circular?"circular":""}"><div class="control" part="control" style="${t=>t.generateBadgeStyle()}"><slot></slot></div></template>`,styles:Wd}),Yd=Wd,Qd=(t,e)=>pt`
-  ${sn("inline-block")} :host{box-sizing:border-box;${Ph}}.list{display:flex}`,Zd=ii.compose({baseName:"breadcrumb",template:(t,e)=>q`<template role="navigation"><div role="list" class="list" part="list"><slot ${Pt({property:"slottedBreadcrumbItems",filter:Rt()})}></slot></div></template>`,styles:Qd}),Jd=Qd,tu=(t,e)=>pt`
+    color:${sc};fill:currentcolor;user-select:none;position:relative}${i}{box-sizing:border-box;position:relative;color:inherit;border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);height:calc(${Kh} * 1px);font-family:inherit;font-size:inherit;line-height:inherit}.control{width:100%;outline:none}.label{display:block;color:${sc};cursor:pointer;${Ph}
+    margin-bottom:4px}.label__hidden{display:none;visibility:hidden}:host([disabled]) ${i},:host([readonly]) ${i},:host([disabled]) .label,:host([readonly]) .label,:host([disabled]) .control,:host([readonly]) .control{cursor:${"not-allowed"}}:host([disabled]){opacity:${tr}}`,Pd=(t,e,i)=>pt`
+  @media (forced-colors:none){:host(:not([disabled]):active)::after{left:50%;width:40%;transform:translateX(-50%);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(:not([disabled]):focus-within)::after{left:0;width:100%;transform:none}:host(:not([disabled]):active)::after,:host(:not([disabled]):focus-within:not(:active))::after{content:'';position:absolute;height:calc(${lr} * 1px);bottom:0;border-bottom:calc(${lr} * 1px) solid ${il};border-bottom-left-radius:calc(${nr} * 1px);border-bottom-right-radius:calc(${nr} * 1px);z-index:2;transition:all 300ms cubic-bezier(0.1,0.9,0.2,1)}}`,zd=(t,e,i,o=":not([disabled]):not(:focus-within)")=>pt`
+  ${i}{background:padding-box linear-gradient(${Dl},${Dl}),border-box ${kc}}:host(${o}:hover) ${i}{background:padding-box linear-gradient(${Tl},${Tl}),border-box ${Cc}}:host(:not([disabled]):focus-within) ${i}{background:padding-box linear-gradient(${Ol},${Ol}),border-box ${kc}}:host([disabled]) ${i}{background:padding-box linear-gradient(${Dl},${Dl}),border-box ${dc}}.control::placeholder{color:${Ed}}:host(${o}:hover) .control::placeholder{color:${Vd}}`,Hd=(t,e,i,o=":not([disabled]):not(:focus-within)")=>pt`
+  ${i}{background:${Ul}}:host(${o}:hover) ${i}{background:${ql}}:host(:not([disabled]):focus-within) ${i}{background:${Gl}}:host([disabled]) ${i}{background:${Ul}}.control::placeholder{color:${Rd}}:host(${o}:hover) .control::placeholder{color:${Ad}}`,Md=(t,e,i,o=":not([disabled]):not(:focus-within)")=>pt`
+  :host{color:${qe.ButtonText}}${i}{background:${qe.ButtonFace};border-color:${qe.ButtonText}}:host(${o}:hover) ${i},:host(:not([disabled]):focus-within) ${i}{border-color:${qe.Highlight}}:host([disabled]) ${i}{opacity:1;background:${qe.ButtonFace};border-color:${qe.GrayText}}.control::placeholder,:host(${o}:hover) .control::placeholder{color:${qe.CanvasText}}:host(:not([disabled]):focus) ${i}{${Gh}
+    outline-color:${qe.Highlight}}:host([disabled]){opacity:1;color:${qe.GrayText}}:host([disabled]) ::placeholder,:host([disabled]) ::-webkit-input-placeholder{color:${qe.GrayText}}`;function Bd(t,e){return new on("appearance",t,e)}const Nd=(t,e)=>Cd().withBehaviors(Bd("neutral",Id(0,0,"[href]")),Bd("accent",Fd(0,0,"[href]")),Bd("hypertext",Dd(0,0,"[href]")),Bd("lightweight",Td(0,0,"[href]")),Bd("outline",Sd(0,0,"[href]")),Bd("stealth",Od(0,0,"[href]")));class jd extends Ye{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(){const t=this.defaultSlottedContent.filter(t=>t.nodeType===Node.ELEMENT_NODE);1===t.length&&t[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}od([tt],jd.prototype,"appearance",void 0);const Ud=Nd,qd=jd.compose({baseName:"anchor",baseClass:Ye,template:Ke,styles:Nd,shadowOptions:{delegatesFocus:!0}}),_d=(t,e)=>pt`
+  :host{contain:layout;display:block}`,Gd=Je.compose({baseName:"anchored-region",template:(t,e)=>q`<template class="${t=>t.initialLayoutComplete?"loaded":""}">${Ft(t=>t.initialLayoutComplete,q`<slot></slot>`)}</template>`,styles:_d}),Wd=_d,Kd=(t,e)=>pt`
+    ${sn("inline-block")} :host{box-sizing:border-box;${zh}}.control{border-radius:calc(${nr} * 1px);padding:calc(((${sr} * 0.5) - ${ar}) * 1px) calc((${sr} - ${ar}) * 1px);border:calc(${ar} * 1px) solid transparent}:host(.lightweight) .control{background:transparent;color:${sc};font-weight:600}:host(.accent) .control{background:${il};color:${al}}:host(.neutral) .control{background:${Ul};color:${sc}}:host([circular]) .control{border-radius:100px;min-width:calc(${mr} - calc(${sr} * 1px));display:flex;align-items:center;justify-content:center}`;class Xd extends ti{constructor(){super(...arguments),this.appearance="lightweight"}appearanceChanged(t,e){t!==e&&h.queueUpdate(()=>{this.classList.add(e),this.classList.remove(t)})}}od([tt({mode:"fromView"})],Xd.prototype,"appearance",void 0);const Yd=Xd.compose({baseName:"badge",baseClass:ti,template:(t,e)=>q`<template class="${t=>t.circular?"circular":""}"><div class="control" part="control" style="${t=>t.generateBadgeStyle()}"><slot></slot></div></template>`,styles:Kd}),Qd=Kd,Zd=(t,e)=>pt`
+  ${sn("inline-block")} :host{box-sizing:border-box;${Ph}}.list{display:flex}`,Jd=ii.compose({baseName:"breadcrumb",template:(t,e)=>q`<template role="navigation"><div role="list" class="list" part="list"><slot ${Pt({property:"slottedBreadcrumbItems",filter:Rt()})}></slot></div></template>`,styles:Zd}),tu=Zd,eu=(t,e)=>pt`
     ${sn("inline-flex")} :host{background:transparent;color:${sc};fill:currentcolor;box-sizing:border-box;${Ph};min-width:calc(${Kh} * 1px);border-radius:calc(${nr} * 1px)}.listitem{display:flex;align-items:center;border-radius:inherit}.control{position:relative;align-items:center;box-sizing:border-box;color:inherit;fill:inherit;cursor:pointer;display:flex;outline:none;text-decoration:none;white-space:nowrap;border-radius:inherit}.control:hover{color:${nc}}.control:active{color:${rc}}.control:${nn}{${Wh}}:host(:not([href])),:host([aria-current]) .control{color:${sc};fill:currentcolor;cursor:default}.start{display:flex;margin-inline-end:6px}.end{display:flex;margin-inline-start:6px}.separator{display:flex}`.withBehaviors(en(pt`
-        :host(:not([href])),.start,.end,.separator{background:${qe.ButtonFace};color:${qe.ButtonText};fill:currentcolor}.separator{fill:${qe.ButtonText}}:host([href]){forced-color-adjust:none;background:${qe.ButtonFace};color:${qe.LinkText}}:host([href]) .control:hover{background:${qe.LinkText};color:${qe.HighlightText};fill:currentcolor}.control:${nn}{outline-color:${qe.LinkText}}`)),eu=ei.compose({baseName:"breadcrumb-item",template:(t,e)=>q`<div role="listitem" class="listitem" part="listitem">${Ft(t=>t.href&&t.href.length>0,q` ${Ke(0,e)} `)} ${Ft(t=>!t.href,q` ${Nt(0,e)}<slot></slot>${Bt(0,e)} `)} ${Ft(t=>t.separator,q`<span class="separator" part="separator" aria-hidden="true"><slot name="separator">${e.separator||""}</slot></span>`)}</div>`,styles:tu,shadowOptions:{delegatesFocus:!0},separator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  '}),iu=tu,ou=(t,e)=>pt`
-    :host([disabled]){opacity:${tr};cursor:${"not-allowed"}}${Cd(0,0,":not([disabled])","[disabled]")}
-  `.withBehaviors(en(pt`
-        :host([disabled]){opacity:1}:host([disabled]) .control{border-color:${qe.GrayText};color:${qe.GrayText};fill:currentcolor}`),Md("accent",pt`
-      ${Id(0,0,":not([disabled])","[disabled]")},`.withBehaviors(en(pt`
-            :host([disabled]) .control{background:${qe.ButtonFace}}`))),Md("lightweight",pt`
-      ${Dd(0,0,":not([disabled])","[disabled]")},`.withBehaviors(en(pt`
-            :host([disabled]) .control{border-color:${qe.ButtonFace}}`))),Md("outline",pt`
-      ${Td(0,0,":not([disabled])","[disabled]")}
-      `.withBehaviors(en(pt`
-            :host([disabled]) .control{border-color:${qe.GrayText}}`))),Md("stealth",pt`
-      ${Sd(0,0,":not([disabled])","[disabled]")}
-      `.withBehaviors(en(pt`
-            :host([disabled]) .control{border-color:${qe.ButtonFace}}`))));class su extends ci{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(){const t=this.defaultSlottedContent.filter(t=>t.nodeType===Node.ELEMENT_NODE);1===t.length&&t[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}od([tt],su.prototype,"appearance",void 0);const nu=su.compose({baseName:"button",baseClass:ci,template:(t,e)=>q`<button class="control" part="control" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" form="${t=>t.formId}" formaction="${t=>t.formaction}" formenctype="${t=>t.formenctype}" formmethod="${t=>t.formmethod}" formnovalidate="${t=>t.formnovalidate}" formtarget="${t=>t.formtarget}" name="${t=>t.name}" type="${t=>t.type}" value="${t=>t.value}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-expanded="${t=>t.ariaExpanded}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-pressed="${t=>t.ariaPressed}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")}>${Nt(0,e)}<span class="content" part="content"><slot ${Pt("defaultSlottedContent")}></slot></span>${Bt(0,e)}</button>`,styles:ou,shadowOptions:{delegatesFocus:!0}}),ru=ou,au=pt`
-.day.disabled::before{transform:translate(-50%,0) rotate(45deg)}`,lu=pt`
-.day.disabled::before{transform:translate(50%,0) rotate(-45deg)}`;class cu extends ui{constructor(){super(...arguments),this.readonly=!0}}od([tt({converter:Q})],cu.prototype,"readonly",void 0);const hu=cu.compose({baseName:"calendar",template:(t,e)=>{var i;const o=new Date,s=`${o.getMonth()+1}-${o.getDate()}-${o.getFullYear()}`;return q`<template>${Ut} ${e.title instanceof Function?e.title(t,e):null!==(i=e.title)&&void 0!==i?i:""}<slot></slot>${Ft(t=>!1===t.readonly,Si(t,s))} ${Ft(t=>!0===t.readonly,(t=>q`<div class="days" part="days"><div class="week-days" part="week-days">${Vt(t=>t.getWeekdayText(),q`<div class="week-day" part="week-day" abbr="${t=>t.abbr}">${t=>t.text}</div>`)}</div>${Vt(t=>t.getDays(),q`<div class="week">${Vt(t=>t,q`<div class="${(e,i)=>i.parentContext.parent.getDayClassNames(e,t)}" part="day" aria-label="${(t,e)=>e.parentContext.parent.dateFormatter.getDate(`${t.month}-${t.day}-${t.year}`,{month:"long",day:"numeric"})}"><div class="date" part="${e=>t===`${e.month}-${e.day}-${e.year}`?"today":"date"}">${(t,e)=>e.parentContext.parent.dateFormatter.getDay(t.day)}</div><slot name="${t=>t.month}-${t=>t.day}-${t=>t.year}"></slot></div>`)}</div>`)}</div>`)(s))} ${jt}</template>`},styles:(t,e)=>pt`
+        :host(:not([href])),.start,.end,.separator{background:${qe.ButtonFace};color:${qe.ButtonText};fill:currentcolor}.separator{fill:${qe.ButtonText}}:host([href]){forced-color-adjust:none;background:${qe.ButtonFace};color:${qe.LinkText}}:host([href]) .control:hover{background:${qe.LinkText};color:${qe.HighlightText};fill:currentcolor}.control:${nn}{outline-color:${qe.LinkText}}`)),iu=ei.compose({baseName:"breadcrumb-item",template:(t,e)=>q`<div role="listitem" class="listitem" part="listitem">${Ft(t=>t.href&&t.href.length>0,q` ${Ke(0,e)} `)} ${Ft(t=>!t.href,q` ${Nt(0,e)}<slot></slot>${Bt(0,e)} `)} ${Ft(t=>t.separator,q`<span class="separator" part="separator" aria-hidden="true"><slot name="separator">${e.separator||""}</slot></span>`)}</div>`,styles:eu,shadowOptions:{delegatesFocus:!0},separator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  '}),ou=eu,su=(t,e)=>pt`
+    :host(${":not([disabled])"}) .control{cursor:pointer}:host(${"[disabled]"}) .control{cursor:${"not-allowed"}}@media (forced-colors:none){:host(${"[disabled]"}) .control{opacity:${tr}}}${Cd(0,0,0,"[disabled]")}
+  `.withBehaviors(Bd("neutral",Id(0,0,":not([disabled])","[disabled]")),Bd("accent",Fd(0,0,":not([disabled])","[disabled]")),Bd("lightweight",Td(0,0,":not([disabled])","[disabled]")),Bd("outline",Sd(0,0,":not([disabled])","[disabled]")),Bd("stealth",Od(0,0,":not([disabled])","[disabled]")));class nu extends ci{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="neutral")}defaultSlottedContentChanged(){const t=this.defaultSlottedContent.filter(t=>t.nodeType===Node.ELEMENT_NODE);1===t.length&&t[0]instanceof SVGElement?this.control.classList.add("icon-only"):this.control.classList.remove("icon-only")}}od([tt],nu.prototype,"appearance",void 0);const ru=nu.compose({baseName:"button",baseClass:ci,template:(t,e)=>q`<button class="control" part="control" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" form="${t=>t.formId}" formaction="${t=>t.formaction}" formenctype="${t=>t.formenctype}" formmethod="${t=>t.formmethod}" formnovalidate="${t=>t.formnovalidate}" formtarget="${t=>t.formtarget}" name="${t=>t.name}" type="${t=>t.type}" value="${t=>t.value}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-expanded="${t=>t.ariaExpanded}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-pressed="${t=>t.ariaPressed}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")}>${Nt(0,e)}<span class="content" part="content"><slot ${Pt("defaultSlottedContent")}></slot></span>${Bt(0,e)}</button>`,styles:su,shadowOptions:{delegatesFocus:!0}}),au=su,lu=pt`
+.day.disabled::before{transform:translate(-50%,0) rotate(45deg)}`,cu=pt`
+.day.disabled::before{transform:translate(50%,0) rotate(-45deg)}`;class hu extends ui{constructor(){super(...arguments),this.readonly=!0}}od([tt({converter:Q})],hu.prototype,"readonly",void 0);const du=hu.compose({baseName:"calendar",template:(t,e)=>{var i;const o=new Date,s=`${o.getMonth()+1}-${o.getDate()}-${o.getFullYear()}`;return q`<template>${Ut} ${e.title instanceof Function?e.title(t,e):null!==(i=e.title)&&void 0!==i?i:""}<slot></slot>${Ft(t=>!1===t.readonly,Si(t,s))} ${Ft(t=>!0===t.readonly,(t=>q`<div class="days" part="days"><div class="week-days" part="week-days">${Vt(t=>t.getWeekdayText(),q`<div class="week-day" part="week-day" abbr="${t=>t.abbr}">${t=>t.text}</div>`)}</div>${Vt(t=>t.getDays(),q`<div class="week">${Vt(t=>t,q`<div class="${(e,i)=>i.parentContext.parent.getDayClassNames(e,t)}" part="day" aria-label="${(t,e)=>e.parentContext.parent.dateFormatter.getDate(`${t.month}-${t.day}-${t.year}`,{month:"long",day:"numeric"})}"><div class="date" part="${e=>t===`${e.month}-${e.day}-${e.year}`?"today":"date"}">${(t,e)=>e.parentContext.parent.dateFormatter.getDay(t.day)}</div><slot name="${t=>t.month}-${t=>t.day}-${t=>t.year}"></slot></div>`)}</div>`)}</div>`)(s))} ${jt}</template>`},styles:(t,e)=>pt`
 ${sn("inline-block")} :host{--calendar-cell-size:calc((${er} + 2 + ${or}) * ${sr} * 1px);--calendar-gap:2px;${Ph}
   color:${sc}}.title{padding:calc(${sr} * 2px);font-weight:600}.days{text-align:center}.week-days,.week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:var(--calendar-gap);border:0;padding:0}.day,.week-day{border:0;width:var(--calendar-cell-size);height:var(--calendar-cell-size);line-height:var(--calendar-cell-size);padding:0;box-sizing:initial}.week-day{font-weight:600}.day{border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px)}.interact .day{cursor:pointer}.date{height:100%}.inactive .date,.inactive.disabled::before{color:${cc}}.disabled::before{content:'';display:inline-block;width:calc(var(--calendar-cell-size) * .8);height:calc(${ar} * 1px);background:currentColor;position:absolute;margin-top:calc(var(--calendar-cell-size) / 2);transform-origin:center;z-index:1}.selected{color:${il};border:1px solid ${il};background:${Ja}}.selected + .selected{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0;padding-inline-start:calc(var(--calendar-gap) + (${ar} + ${nr}) * 1px);margin-inline-start:calc((${nr} * -1px) - var(--calendar-gap))}.today.disabled::before{color:${al}}.today .date{color:${al};background:${il};border-radius:50%;position:relative}`.withBehaviors(en(pt`
-          .day.selected{color:${qe.Highlight}}.today .date{background:${qe.Highlight};color:${qe.HighlightText}}`),new sd(au,lu)),title:Di}),du=(t,e)=>pt`
+          .day.selected{color:${qe.Highlight}}.today .date{background:${qe.Highlight};color:${qe.HighlightText}}`),new sd(lu,cu)),title:Di}),uu=(t,e)=>pt`
     ${sn("block")} :host{display:block;contain:content;height:var(--card-height,100%);width:var(--card-width,100%);box-sizing:border-box;background:${Ja};color:${sc};border:calc(${ar} * 1px) solid ${Tc};border-radius:calc(${rr} * 1px);box-shadow:${gd}}:host{content-visibility:auto}`.withBehaviors(en(pt`
-        :host{background:${qe.Canvas};color:${qe.CanvasText}}`));class uu extends Oi{cardFillColorChanged(t,e){if(e){const t=In(e);null!==t&&(this.neutralPaletteSource=e,Ja.setValueFor(this,Dn.create(t.r,t.g,t.b)))}}neutralPaletteSourceChanged(t,e){if(e){const t=In(e),i=Dn.create(t.r,t.g,t.b);Ha.setValueFor(this,Rn.create(i))}}handleChange(t,e){this.cardFillColor||Ja.setValueFor(this,e=>Pl.getValueFor(e).evaluate(e,Ja.getValueFor(t)).rest)}connectedCallback(){super.connectedCallback();const t=Xi(this);if(t){const e=p.getNotifier(t);e.subscribe(this,"fillColor"),e.subscribe(this,"neutralPalette"),this.handleChange(t,"fillColor")}}}od([tt({attribute:"card-fill-color",mode:"fromView"})],uu.prototype,"cardFillColor",void 0),od([tt({attribute:"neutral-palette-source",mode:"fromView"})],uu.prototype,"neutralPaletteSource",void 0);const pu=uu.compose({baseName:"card",baseClass:Oi,template:(t,e)=>q`<slot></slot>`,styles:du}),gu=du,fu=(t,e)=>pt`
+        :host{background:${qe.Canvas};color:${qe.CanvasText}}`));class pu extends Oi{cardFillColorChanged(t,e){if(e){const t=In(e);null!==t&&(this.neutralPaletteSource=e,Ja.setValueFor(this,Dn.create(t.r,t.g,t.b)))}}neutralPaletteSourceChanged(t,e){if(e){const t=In(e),i=Dn.create(t.r,t.g,t.b);Ha.setValueFor(this,Rn.create(i))}}handleChange(t,e){this.cardFillColor||Ja.setValueFor(this,e=>Pl.getValueFor(e).evaluate(e,Ja.getValueFor(t)).rest)}connectedCallback(){super.connectedCallback();const t=Xi(this);if(t){const e=p.getNotifier(t);e.subscribe(this,"fillColor"),e.subscribe(this,"neutralPalette"),this.handleChange(t,"fillColor")}}}od([tt({attribute:"card-fill-color",mode:"fromView"})],pu.prototype,"cardFillColor",void 0),od([tt({attribute:"neutral-palette-source",mode:"fromView"})],pu.prototype,"neutralPaletteSource",void 0);const gu=pu.compose({baseName:"card",baseClass:Oi,template:(t,e)=>q`<slot></slot>`,styles:uu}),fu=uu,mu=(t,e)=>pt`
     ${sn("inline-flex")} :host{align-items:center;outline:none;${""} user-select:none}.control{position:relative;width:calc((${Kh} / 2 + ${sr}) * 1px);height:calc((${Kh} / 2 + ${sr}) * 1px);box-sizing:border-box;border-radius:calc(${nr} * 1px);border:calc(${ar} * 1px) solid ${Vc};background:${Vl};cursor:pointer}.label__hidden{display:none;visibility:hidden}.label{${Ph}
       color:${sc};${""} padding-inline-start:calc(${sr} * 2px + 2px);margin-inline-end:calc(${sr} * 2px + 2px);cursor:pointer}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;fill:${sc};opacity:0;pointer-events:none}slot[name='indeterminate-indicator']{position:absolute;top:0}:host(.checked) slot[name='checked-indicator'],:host(.checked) slot[name='indeterminate-indicator']{fill:${al}}:host(:not(.disabled):hover) .control{background:${Rl};border-color:${Rc}}:host(:not(.disabled):active) .control{background:${Al};border-color:${Ac}}:host(:${nn}) .control{background:${Ll};${Wh}}:host(.checked) .control{background:${il};border-color:transparent}:host(.checked:not(.disabled):hover) .control{background:${ol};border-color:transparent}:host(.checked:not(.disabled):active) .control{background:${sl};border-color:transparent}:host(.disabled) .label,:host(.readonly) .label,:host(.readonly) .control,:host(.disabled) .control{cursor:${"not-allowed"}}:host(.checked:not(.indeterminate)) slot[name='checked-indicator'],:host(.indeterminate) slot[name='indeterminate-indicator']{opacity:1}:host(.disabled){opacity:${tr}}`.withBehaviors(en(pt`
-        .control{border-color:${qe.FieldText};background:${qe.Field}}:host(:not(.disabled):hover) .control,:host(:not(.disabled):active) .control{border-color:${qe.Highlight};background:${qe.Field}}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{fill:${qe.FieldText}}:host(:${nn}) .control{forced-color-adjust:none;outline-color:${qe.FieldText};background:${qe.Field};border-color:${qe.Highlight}}:host(.checked) .control{background:${qe.Highlight};border-color:${qe.Highlight}}:host(.checked:not(.disabled):hover) .control,:host(.checked:not(.disabled):active) .control{background:${qe.HighlightText};border-color:${qe.Highlight}}:host(.checked) slot[name='checked-indicator'],:host(.checked) slot[name='indeterminate-indicator']{fill:${qe.HighlightText}}:host(.checked:hover ) .control slot[name='checked-indicator'],:host(.checked:hover ) .control slot[name='indeterminate-indicator']{fill:${qe.Highlight}}:host(.disabled){opacity:1}:host(.disabled) .control{border-color:${qe.GrayText};background:${qe.Field}}:host(.disabled) slot[name='checked-indicator'],:host(.checked.disabled:hover) .control slot[name='checked-indicator'],:host(.disabled) slot[name='indeterminate-indicator'],:host(.checked.disabled:hover) .control slot[name='indeterminate-indicator']{fill:${qe.GrayText}}`)),mu=Ri.compose({baseName:"checkbox",template:(t,e)=>q`<template role="checkbox" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.readOnly?"readonly":""} ${t=>t.checked?"checked":""} ${t=>t.indeterminate?"indeterminate":""}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot><slot name="indeterminate-indicator">${e.indeterminateIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label></template>`,styles:fu,checkedIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M13.86 3.66a.5.5 0 01-.02.7l-7.93 7.48a.6.6 0 01-.84-.02L2.4 9.1a.5.5 0 01.72-.7l2.4 2.44 7.65-7.2a.5.5 0 01.7.02z"/>\n    </svg>\n  ',indeterminateIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M3 8c0-.28.22-.5.5-.5h9a.5.5 0 010 1h-9A.5.5 0 013 8z"/>\n    </svg>\n  '}),vu=fu,bu=(t,e)=>pt`
-  :host{background:${Ul};border-color:transparent}:host(:not([disabled]):not([open]):hover){background:${ql};border-color:transparent}:host(:not([disabled]):not([open]):active){background:${_l};border-color:transparent}`.withBehaviors(en(pt`
-      :host(:not([disabled]):not([open]):hover){background:transparent}:host(:not([disabled]):not([open]):hover),:host(:not([disabled]):not([open]):active){border-color:${qe.Highlight}}`)),yu=(t,e)=>pt`
-    ${sn("inline-flex")} :host{background:padding-box linear-gradient(${wl},${wl}),border-box ${mc};border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);box-sizing:border-box;color:${sc};fill:currentcolor;font-family:${cr};height:calc(${Kh} * 1px);position:relative;user-select:none;min-width:250px;vertical-align:top}:host .listbox{box-shadow:${$d};background:${Ja};border-radius:calc(${rr} * 1px);box-sizing:border-box;display:inline-flex;flex-direction:column;left:0;max-height:calc(var(--max-height) - (${Kh} * 1px));padding:calc((${sr} - ${ar} ) * 1px) 0;overflow-y:auto;position:absolute;width:100%;z-index:1;margin:1px 0;border:calc(${ar} * 1px) solid transparent}:host .listbox[hidden]{display:none}:host .control{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;${Ph}
-      min-height:100%;padding:0 calc(${sr} * 2.25px);width:100%}:host(:not([disabled]):not([open]):hover){background:padding-box linear-gradient(${kl},${kl}),border-box ${vc}}:host(:not([disabled]):not([open]):active){background:padding-box linear-gradient(${Cl},${Cl}),border-box ${bc}}:host(:${nn}){${Gh}}:host([disabled]){cursor:${"not-allowed"};opacity:${tr}}:host([disabled]) .control{cursor:${"not-allowed"};user-select:none}:host([open][position='above']) .listbox{bottom:calc((${Kh} + ${sr} * 2) * 1px)}:host([open][position='below']) .listbox{top:calc((${Kh} + ${sr} * 2) * 1px)}.selected-value{font-family:inherit;flex:1 1 auto;text-align:start}.indicator{flex:0 0 auto;margin-inline-start:1em}slot[name='listbox']{display:none;width:100%}:host([open]) slot[name='listbox']{display:flex;position:absolute}.start{margin-inline-end:11px}.end{margin-inline-start:11px}.start,.end,.indicator,::slotted(svg){display:flex}::slotted([role='option']){flex:0 0 auto}`.withBehaviors(Md("filled",bu()),Md("stealth",pt`
-  :host{background:${Kl};border-color:transparent}:host(:not([disabled]):not([open]):hover){background:${Xl};border-color:transparent}:host(:not([disabled]):not([open]):active){background:${Yl};border-color:transparent}`),en(pt`
-      :host{background:${qe.ButtonFace};color:${qe.ButtonText}}:host(:not([disabled]):not([open]):hover){background:transparent}:host(:not([disabled]):hover){border-color:${qe.Highlight}}:host(:${nn}){forced-color-adjust:none;outline-color:${qe.Highlight}}:host([open]) .listbox{background:${qe.ButtonFace};border-color:${qe.CanvasText}}.start,.end,.indicator,::slotted(svg){fill:${qe.FieldText}}:host([disabled]){border-color:${qe.GrayText};color:${qe.GrayText};opacity:1}:host([disabled]) .start,:host([disabled]) .end,:host([disabled]) .indicator,:host([disabled]) ::slotted(svg){fill:${qe.GrayText}}`)),xu=(t,e)=>pt`
+        .control{border-color:${qe.FieldText};background:${qe.Field}}:host(:not(.disabled):hover) .control,:host(:not(.disabled):active) .control{border-color:${qe.Highlight};background:${qe.Field}}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{fill:${qe.FieldText}}:host(:${nn}) .control{forced-color-adjust:none;outline-color:${qe.FieldText};background:${qe.Field};border-color:${qe.Highlight}}:host(.checked) .control{background:${qe.Highlight};border-color:${qe.Highlight}}:host(.checked:not(.disabled):hover) .control,:host(.checked:not(.disabled):active) .control{background:${qe.HighlightText};border-color:${qe.Highlight}}:host(.checked) slot[name='checked-indicator'],:host(.checked) slot[name='indeterminate-indicator']{fill:${qe.HighlightText}}:host(.checked:hover ) .control slot[name='checked-indicator'],:host(.checked:hover ) .control slot[name='indeterminate-indicator']{fill:${qe.Highlight}}:host(.disabled){opacity:1}:host(.disabled) .control{border-color:${qe.GrayText};background:${qe.Field}}:host(.disabled) slot[name='checked-indicator'],:host(.checked.disabled:hover) .control slot[name='checked-indicator'],:host(.disabled) slot[name='indeterminate-indicator'],:host(.checked.disabled:hover) .control slot[name='indeterminate-indicator']{fill:${qe.GrayText}}`)),vu=Ri.compose({baseName:"checkbox",template:(t,e)=>q`<template role="checkbox" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.readOnly?"readonly":""} ${t=>t.checked?"checked":""} ${t=>t.indeterminate?"indeterminate":""}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot><slot name="indeterminate-indicator">${e.indeterminateIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label></template>`,styles:mu,checkedIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M13.86 3.66a.5.5 0 01-.02.7l-7.93 7.48a.6.6 0 01-.84-.02L2.4 9.1a.5.5 0 01.72-.7l2.4 2.44 7.65-7.2a.5.5 0 01.7.02z"/>\n    </svg>\n  ',indeterminateIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M3 8c0-.28.22-.5.5-.5h9a.5.5 0 010 1h-9A.5.5 0 013 8z"/>\n    </svg>\n  '}),bu=mu,yu=(t,e)=>pt`
+    ${sn("inline-flex")}
+    
+    :host{border-radius:calc(${nr} * 1px);box-sizing:border-box;color:${sc};fill:currentcolor;font-family:${cr};position:relative;user-select:none;min-width:250px;vertical-align:top}.listbox{box-shadow:${$d};background:${Ja};border-radius:calc(${rr} * 1px);box-sizing:border-box;display:inline-flex;flex-direction:column;left:0;max-height:calc(var(--max-height) - (${Kh} * 1px));padding:calc((${sr} - ${ar} ) * 1px);overflow-y:auto;position:absolute;width:100%;z-index:1;margin:1px 0;border:calc(${ar} * 1px) solid transparent}.listbox[hidden]{display:none}.control{border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);height:calc(${Kh} * 1px);align-items:center;box-sizing:border-box;cursor:pointer;display:flex;${Ph}
+      min-height:100%;padding:0 calc(${sr} * 2.25px);width:100%}:host(:${nn}){${Gh}}:host([disabled]) .control{cursor:${"not-allowed"};opacity:${tr};user-select:none}:host([open][position='above']) .listbox{bottom:calc((${Kh} + ${sr} * 2) * 1px)}:host([open][position='below']) .listbox{top:calc((${Kh} + ${sr} * 2) * 1px)}.selected-value{font-family:inherit;flex:1 1 auto;text-align:start}.indicator{flex:0 0 auto;margin-inline-start:1em}slot[name='listbox']{display:none;width:100%}:host([open]) slot[name='listbox']{display:flex;position:absolute}.start{margin-inline-end:11px}.end{margin-inline-start:11px}.start,.end,.indicator,::slotted(svg){display:flex}::slotted([role='option']){flex:0 0 auto}`,xu=(t,e)=>yu().withBehaviors(Bd("outline",Id(0,0,":not([disabled]):not([open])","[disabled]")),Bd("filled",Hd(0,0,".control",":not([disabled]):not([open])").withBehaviors(en(Md(0,0,".control",":not([disabled]):not([open])")))),Bd("stealth",Od(0,0,":not([disabled]):not([open])","[disabled]")),en(pt`
+    :host([open]) .listbox{background:${qe.ButtonFace};border-color:${qe.CanvasText}}`)),$u=(t,e)=>pt`
     ${yu()}
 
-    :host{background:padding-box linear-gradient(${Dl},${Dl}),border-box ${kc}}:host(:not([disabled]):not([open]):hover){background:padding-box linear-gradient(${Tl},${Tl}),border-box ${Cc}}:host(:not([disabled]):not([open]):active){background:padding-box linear-gradient(${Sl},${Sl}),border-box ${Ic}}:host(:empty) .listbox{display:none}:host([disabled]) *,:host([disabled]){cursor:${"not-allowed"};user-select:none}:host(:active) .selected-value{user-select:none}.selected-value{-webkit-appearance:none;background:transparent;border:none;color:inherit;${Ph}
-        height:calc(100% - ${ar} * 1px));margin:auto 0;width:100%;outline:none}`.withBehaviors(Md("filled",bu()));class $u extends Wi{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline"),this.listbox&&Ja.setValueFor(this.listbox,qa)}}od([tt({mode:"fromView"})],$u.prototype,"appearance",void 0);const wu=$u.compose({baseName:"combobox",baseClass:Wi,shadowOptions:{delegatesFocus:!0},template:(t,e)=>q`<template aria-disabled="${t=>t.ariaDisabled}" autocomplete="${t=>t.autocomplete}" class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" ?open="${t=>t.open}" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div class="control" part="control">${Nt(0,e)}<slot name="control"><input aria-activedescendant="${t=>t.open?t.ariaActiveDescendant:null}" aria-autocomplete="${t=>t.ariaAutoComplete}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" class="selected-value" part="selected-value" placeholder="${t=>t.placeholder}" role="combobox" type="text" ?disabled="${t=>t.disabled}" :value="${t=>t.value}" @input="${(t,e)=>t.inputHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}" ${It("control")} /><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${e.indicator||""}</slot></div></slot>${Bt(0,e)}</div><div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${It("listbox")}><slot ${Pt({filter:zi.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:xu,indicator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  '}),ku=xu,Cu=(t,e)=>pt`
-  :host{display:flex;position:relative;flex-direction:column}`,Iu=(t,e)=>pt`
+    ${Pd()}
+
+    :host(:empty) .listbox{display:none}:host([disabled]) *,:host([disabled]){cursor:${"not-allowed"};user-select:none}:host(:active) .selected-value{user-select:none}.selected-value{-webkit-appearance:none;background:transparent;border:none;color:inherit;${Ph}
+      height:calc(100% - ${ar} * 1px));margin:auto 0;width:100%;outline:none}`.withBehaviors(Bd("outline",zd(0,0,".control",":not([disabled]):not([open])")),Bd("filled",Hd(0,0,".control",":not([disabled]):not([open])")),en(Md(0,0,".control",":not([disabled]):not([open])")));class wu extends Wi{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline"),this.listbox&&Ja.setValueFor(this.listbox,qa)}}od([tt({mode:"fromView"})],wu.prototype,"appearance",void 0);const ku=wu.compose({baseName:"combobox",baseClass:Wi,shadowOptions:{delegatesFocus:!0},template:(t,e)=>q`<template aria-disabled="${t=>t.ariaDisabled}" autocomplete="${t=>t.autocomplete}" class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" ?open="${t=>t.open}" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div class="control" part="control">${Nt(0,e)}<slot name="control"><input aria-activedescendant="${t=>t.open?t.ariaActiveDescendant:null}" aria-autocomplete="${t=>t.ariaAutoComplete}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" class="selected-value" part="selected-value" placeholder="${t=>t.placeholder}" role="combobox" type="text" ?disabled="${t=>t.disabled}" :value="${t=>t.value}" @input="${(t,e)=>t.inputHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}" ${It("control")} /><div class="indicator" part="indicator" aria-hidden="true"><slot name="indicator">${e.indicator||""}</slot></div></slot>${Bt(0,e)}</div><div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${It("listbox")}><slot ${Pt({filter:zi.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:$u,indicator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  '}),Cu=$u,Iu=(t,e)=>pt`
+  :host{display:flex;position:relative;flex-direction:column}`,Fu=(t,e)=>pt`
     :host{display:grid;padding:1px 0;box-sizing:border-box;width:100%;border-bottom:calc(${ar} * 1px) solid ${$c}}:host(.header){}:host(.sticky-header){background:${Ja};position:sticky;top:0}`.withBehaviors(en(pt`
-        :host{}`)),Fu=(t,e)=>pt`
+        :host{}`)),Du=(t,e)=>pt`
     :host{padding:calc((${sr} + ${lr} - ${ar}) * 1px) calc(((${sr} * 3) + ${lr} - ${ar}) * 1px);color:${sc};box-sizing:border-box;${Ph}
       border:transparent calc(${ar} * 1px) solid;overflow:hidden;white-space:nowrap;border-radius:calc(${nr} * 1px)}:host(.column-header){font-weight:600}:host(:${nn}){${Gh}}`.withBehaviors(en(pt`
-        :host{forced-color-adjust:none;background:${qe.Field};color:${qe.FieldText}}:host(:${nn}){outline-color:${qe.FieldText}}`)),Du=Fi.compose({baseName:"data-grid-cell",template:(t,e)=>q`<template tabindex="-1" role="${t=>t.cellType&&"default"!==t.cellType?t.cellType:"gridcell"}" class=" ${t=>"columnheader"===t.cellType?"column-header":"rowheader"===t.cellType?"row-header":""} "><slot></slot></template>`,styles:Fu}),Tu=Fu,Su=wi.compose({baseName:"data-grid-row",template:(t,e)=>q`<template role="row" class="${t=>"default"!==t.rowType?t.rowType:""}" :defaultCellItemTemplate="${function(t){const e=t.tagFor(Fi);return q`<${e} cell-type="${t=>t.isRowHeader?"rowheader":void 0}" grid-column="${(t,e)=>e.index+1}" :rowData="${(t,e)=>e.parent.rowData}" :columnDefinition="${t=>t}"></${e}>`}(t)}" :defaultHeaderCellItemTemplate="${function(t){const e=t.tagFor(Fi);return q`<${e} cell-type="columnheader" grid-column="${(t,e)=>e.index+1}" :columnDefinition="${t=>t}"></${e}>`}(t)}" ${Ht({property:"cellElements",filter:Rt('[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"]')})}><slot ${Pt("slottedCellElements")}></slot></template>`,styles:Iu}),Ou=Iu,Eu=ki.compose({baseName:"data-grid",template:(t,e)=>{const i=function(t){const e=t.tagFor(wi);return q`<${e} :rowData="${t=>t}" :cellItemTemplate="${(t,e)=>e.parent.cellItemTemplate}" :headerCellItemTemplate="${(t,e)=>e.parent.headerCellItemTemplate}"></${e}>`}(t),o=t.tagFor(wi);return q`<template role="grid" tabindex="0" :rowElementTag="${()=>o}" :defaultRowItemTemplate="${i}" ${Ht({property:"rowElements",filter:Rt("[role=row]")})}><slot></slot></template>`},styles:Cu}),Vu=Cu,Ru={toView(t){var e;return null==t?null:null===(e=t)||void 0===e?void 0:e.toColorString()},fromView(t){if(null==t)return null;const e=In(t);return e?Dn.create(e.r,e.g,e.b):null}},Au=pt`
+        :host{forced-color-adjust:none;background:${qe.Field};color:${qe.FieldText}}:host(:${nn}){outline-color:${qe.FieldText}}`)),Tu=Fi.compose({baseName:"data-grid-cell",template:(t,e)=>q`<template tabindex="-1" role="${t=>t.cellType&&"default"!==t.cellType?t.cellType:"gridcell"}" class=" ${t=>"columnheader"===t.cellType?"column-header":"rowheader"===t.cellType?"row-header":""} "><slot></slot></template>`,styles:Du}),Su=Du,Ou=wi.compose({baseName:"data-grid-row",template:(t,e)=>q`<template role="row" class="${t=>"default"!==t.rowType?t.rowType:""}" :defaultCellItemTemplate="${function(t){const e=t.tagFor(Fi);return q`<${e} cell-type="${t=>t.isRowHeader?"rowheader":void 0}" grid-column="${(t,e)=>e.index+1}" :rowData="${(t,e)=>e.parent.rowData}" :columnDefinition="${t=>t}"></${e}>`}(t)}" :defaultHeaderCellItemTemplate="${function(t){const e=t.tagFor(Fi);return q`<${e} cell-type="columnheader" grid-column="${(t,e)=>e.index+1}" :columnDefinition="${t=>t}"></${e}>`}(t)}" ${Ht({property:"cellElements",filter:Rt('[role="cell"],[role="gridcell"],[role="columnheader"],[role="rowheader"]')})}><slot ${Pt("slottedCellElements")}></slot></template>`,styles:Fu}),Eu=Fu,Vu=ki.compose({baseName:"data-grid",template:(t,e)=>{const i=function(t){const e=t.tagFor(wi);return q`<${e} :rowData="${t=>t}" :cellItemTemplate="${(t,e)=>e.parent.cellItemTemplate}" :headerCellItemTemplate="${(t,e)=>e.parent.headerCellItemTemplate}"></${e}>`}(t),o=t.tagFor(wi);return q`<template role="grid" tabindex="0" :rowElementTag="${()=>o}" :defaultRowItemTemplate="${i}" ${Ht({property:"rowElements",filter:Rt("[role=row]")})}><slot></slot></template>`},styles:Iu}),Ru=Iu,Au={toView(t){var e;return null==t?null:null===(e=t)||void 0===e?void 0:e.toColorString()},fromView(t){if(null==t)return null;const e=In(t);return e?Dn.create(e.r,e.g,e.b):null}},Lu=pt`
   :host{background-color:${Ja};color:${sc}}`.withBehaviors(en(pt`
-      :host{background-color:${qe.Canvas};box-shadow:0 0 0 1px ${qe.CanvasText};color:${qe.CanvasText}}`));function Lu(t){return(e,i)=>{e[i+"Changed"]=function(e,i){null!=i?t.setValueFor(this,i):t.deleteValueFor(this)}}}class Pu extends De{constructor(){super(),this.noPaint=!1;const t={handleChange:this.noPaintChanged.bind(this)};p.getNotifier(this).subscribe(t,"fillColor"),p.getNotifier(this).subscribe(t,"baseLayerLuminance")}connectedCallback(){super.connectedCallback(),this.noPaintChanged()}noPaintChanged(){this.noPaint||void 0===this.fillColor&&!this.baseLayerLuminance?this.$fastController.removeStyles(Au):this.$fastController.addStyles(Au)}}od([tt({attribute:"no-paint",mode:"boolean"})],Pu.prototype,"noPaint",void 0),od([tt({attribute:"fill-color",converter:Ru,mode:"fromView"}),Lu(Ja)],Pu.prototype,"fillColor",void 0),od([tt({attribute:"accent-base-color",converter:Ru,mode:"fromView"}),Lu(Ma)],Pu.prototype,"accentBaseColor",void 0),od([tt({attribute:"neutral-base-color",converter:Ru,mode:"fromView"}),Lu(za)],Pu.prototype,"neutralBaseColor",void 0),od([tt({converter:Z}),Lu(or)],Pu.prototype,"density",void 0),od([tt({attribute:"design-unit",converter:Z}),Lu(sr)],Pu.prototype,"designUnit",void 0),od([tt({attribute:"direction"}),Lu(Jn)],Pu.prototype,"direction",void 0),od([tt({attribute:"base-height-multiplier",converter:Z}),Lu(er)],Pu.prototype,"baseHeightMultiplier",void 0),od([tt({attribute:"base-horizontal-spacing-multiplier",converter:Z}),Lu(ir)],Pu.prototype,"baseHorizontalSpacingMultiplier",void 0),od([tt({attribute:"control-corner-radius",converter:Z}),Lu(nr)],Pu.prototype,"controlCornerRadius",void 0),od([tt({attribute:"layer-corner-radius",converter:Z}),Lu(rr)],Pu.prototype,"layerCornerRadius",void 0),od([tt({attribute:"stroke-width",converter:Z}),Lu(ar)],Pu.prototype,"strokeWidth",void 0),od([tt({attribute:"focus-stroke-width",converter:Z}),Lu(lr)],Pu.prototype,"focusStrokeWidth",void 0),od([tt({attribute:"disabled-opacity",converter:Z}),Lu(tr)],Pu.prototype,"disabledOpacity",void 0),od([tt({attribute:"type-ramp-minus-2-font-size"}),Lu(br)],Pu.prototype,"typeRampMinus2FontSize",void 0),od([tt({attribute:"type-ramp-minus-2-line-height"}),Lu(yr)],Pu.prototype,"typeRampMinus2LineHeight",void 0),od([tt({attribute:"type-ramp-minus-1-font-size"}),Lu(fr)],Pu.prototype,"typeRampMinus1FontSize",void 0),od([tt({attribute:"type-ramp-minus-1-line-height"}),Lu(mr)],Pu.prototype,"typeRampMinus1LineHeight",void 0),od([tt({attribute:"type-ramp-base-font-size"}),Lu(ur)],Pu.prototype,"typeRampBaseFontSize",void 0),od([tt({attribute:"type-ramp-base-line-height"}),Lu(pr)],Pu.prototype,"typeRampBaseLineHeight",void 0),od([tt({attribute:"type-ramp-plus-1-font-size"}),Lu($r)],Pu.prototype,"typeRampPlus1FontSize",void 0),od([tt({attribute:"type-ramp-plus-1-line-height"}),Lu(wr)],Pu.prototype,"typeRampPlus1LineHeight",void 0),od([tt({attribute:"type-ramp-plus-2-font-size"}),Lu(Cr)],Pu.prototype,"typeRampPlus2FontSize",void 0),od([tt({attribute:"type-ramp-plus-2-line-height"}),Lu(Ir)],Pu.prototype,"typeRampPlus2LineHeight",void 0),od([tt({attribute:"type-ramp-plus-3-font-size"}),Lu(Dr)],Pu.prototype,"typeRampPlus3FontSize",void 0),od([tt({attribute:"type-ramp-plus-3-line-height"}),Lu(Tr)],Pu.prototype,"typeRampPlus3LineHeight",void 0),od([tt({attribute:"type-ramp-plus-4-font-size"}),Lu(Or)],Pu.prototype,"typeRampPlus4FontSize",void 0),od([tt({attribute:"type-ramp-plus-4-line-height"}),Lu(Er)],Pu.prototype,"typeRampPlus4LineHeight",void 0),od([tt({attribute:"type-ramp-plus-5-font-size"}),Lu(Rr)],Pu.prototype,"typeRampPlus5FontSize",void 0),od([tt({attribute:"type-ramp-plus-5-line-height"}),Lu(Ar)],Pu.prototype,"typeRampPlus5LineHeight",void 0),od([tt({attribute:"type-ramp-plus-6-font-size"}),Lu(Pr)],Pu.prototype,"typeRampPlus6FontSize",void 0),od([tt({attribute:"type-ramp-plus-6-line-height"}),Lu(zr)],Pu.prototype,"typeRampPlus6LineHeight",void 0),od([tt({attribute:"accent-fill-rest-delta",converter:Z}),Lu(Br)],Pu.prototype,"accentFillRestDelta",void 0),od([tt({attribute:"accent-fill-hover-delta",converter:Z}),Lu(Nr)],Pu.prototype,"accentFillHoverDelta",void 0),od([tt({attribute:"accent-fill-active-delta",converter:Z}),Lu(jr)],Pu.prototype,"accentFillActiveDelta",void 0),od([tt({attribute:"accent-fill-focus-delta",converter:Z}),Lu(Ur)],Pu.prototype,"accentFillFocusDelta",void 0),od([tt({attribute:"accent-foreground-rest-delta",converter:Z}),Lu(qr)],Pu.prototype,"accentForegroundRestDelta",void 0),od([tt({attribute:"accent-foreground-hover-delta",converter:Z}),Lu(_r)],Pu.prototype,"accentForegroundHoverDelta",void 0),od([tt({attribute:"accent-foreground-active-delta",converter:Z}),Lu(Gr)],Pu.prototype,"accentForegroundActiveDelta",void 0),od([tt({attribute:"accent-foreground-focus-delta",converter:Z}),Lu(Wr)],Pu.prototype,"accentForegroundFocusDelta",void 0),od([tt({attribute:"neutral-fill-rest-delta",converter:Z}),Lu(Kr)],Pu.prototype,"neutralFillRestDelta",void 0),od([tt({attribute:"neutral-fill-hover-delta",converter:Z}),Lu(Xr)],Pu.prototype,"neutralFillHoverDelta",void 0),od([tt({attribute:"neutral-fill-active-delta",converter:Z}),Lu(Yr)],Pu.prototype,"neutralFillActiveDelta",void 0),od([tt({attribute:"neutral-fill-focus-delta",converter:Z}),Lu(Qr)],Pu.prototype,"neutralFillFocusDelta",void 0),od([tt({attribute:"neutral-fill-input-rest-delta",converter:Z}),Lu(Zr)],Pu.prototype,"neutralFillInputRestDelta",void 0),od([tt({attribute:"neutral-fill-input-hover-delta",converter:Z}),Lu(Jr)],Pu.prototype,"neutralFillInputHoverDelta",void 0),od([tt({attribute:"neutral-fill-input-active-delta",converter:Z}),Lu(ta)],Pu.prototype,"neutralFillInputActiveDelta",void 0),od([tt({attribute:"neutral-fill-input-focus-delta",converter:Z}),Lu(ea)],Pu.prototype,"neutralFillInputFocusDelta",void 0),od([tt({attribute:"neutral-fill-layer-rest-delta",converter:Z}),Lu(ra)],Pu.prototype,"neutralFillLayerRestDelta",void 0),od([tt({attribute:"neutral-fill-stealth-rest-delta",converter:Z}),Lu(ga)],Pu.prototype,"neutralFillStealthRestDelta",void 0),od([tt({attribute:"neutral-fill-stealth-hover-delta",converter:Z}),Lu(fa)],Pu.prototype,"neutralFillStealthHoverDelta",void 0),od([tt({attribute:"neutral-fill-stealth-active-delta",converter:Z}),Lu(ma)],Pu.prototype,"neutralFillStealthActiveDelta",void 0),od([tt({attribute:"neutral-fill-stealth-focus-delta",converter:Z}),Lu(va)],Pu.prototype,"neutralFillStealthFocusDelta",void 0),od([tt({attribute:"neutral-fill-strong-hover-delta",converter:Z}),Lu(ya)],Pu.prototype,"neutralFillStrongHoverDelta",void 0),od([tt({attribute:"neutral-fill-strong-active-delta",converter:Z}),Lu(xa)],Pu.prototype,"neutralFillStrongActiveDelta",void 0),od([tt({attribute:"neutral-fill-strong-focus-delta",converter:Z}),Lu($a)],Pu.prototype,"neutralFillStrongFocusDelta",void 0),od([tt({attribute:"base-layer-luminance",converter:Z}),Lu(Mr)],Pu.prototype,"baseLayerLuminance",void 0),od([tt({attribute:"neutral-stroke-divider-rest-delta",converter:Z}),Lu(Oa)],Pu.prototype,"neutralStrokeDividerRestDelta",void 0),od([tt({attribute:"neutral-stroke-rest-delta",converter:Z}),Lu(wa)],Pu.prototype,"neutralStrokeRestDelta",void 0),od([tt({attribute:"neutral-stroke-hover-delta",converter:Z}),Lu(ka)],Pu.prototype,"neutralStrokeHoverDelta",void 0),od([tt({attribute:"neutral-stroke-active-delta",converter:Z}),Lu(Ca)],Pu.prototype,"neutralStrokeActiveDelta",void 0),od([tt({attribute:"neutral-stroke-focus-delta",converter:Z}),Lu(Ia)],Pu.prototype,"neutralStrokeFocusDelta",void 0);const zu=Pu.compose({baseName:"design-system-provider",template:q`<slot></slot>`,styles:pt`
+      :host{background-color:${qe.Canvas};box-shadow:0 0 0 1px ${qe.CanvasText};color:${qe.CanvasText}}`));function Pu(t){return(e,i)=>{e[i+"Changed"]=function(e,i){null!=i?t.setValueFor(this,i):t.deleteValueFor(this)}}}class zu extends De{constructor(){super(),this.noPaint=!1;const t={handleChange:this.noPaintChanged.bind(this)};p.getNotifier(this).subscribe(t,"fillColor"),p.getNotifier(this).subscribe(t,"baseLayerLuminance")}connectedCallback(){super.connectedCallback(),this.noPaintChanged()}noPaintChanged(){this.noPaint||void 0===this.fillColor&&!this.baseLayerLuminance?this.$fastController.removeStyles(Lu):this.$fastController.addStyles(Lu)}}od([tt({attribute:"no-paint",mode:"boolean"})],zu.prototype,"noPaint",void 0),od([tt({attribute:"fill-color",converter:Au,mode:"fromView"}),Pu(Ja)],zu.prototype,"fillColor",void 0),od([tt({attribute:"accent-base-color",converter:Au,mode:"fromView"}),Pu(Ma)],zu.prototype,"accentBaseColor",void 0),od([tt({attribute:"neutral-base-color",converter:Au,mode:"fromView"}),Pu(za)],zu.prototype,"neutralBaseColor",void 0),od([tt({converter:Z}),Pu(or)],zu.prototype,"density",void 0),od([tt({attribute:"design-unit",converter:Z}),Pu(sr)],zu.prototype,"designUnit",void 0),od([tt({attribute:"direction"}),Pu(Jn)],zu.prototype,"direction",void 0),od([tt({attribute:"base-height-multiplier",converter:Z}),Pu(er)],zu.prototype,"baseHeightMultiplier",void 0),od([tt({attribute:"base-horizontal-spacing-multiplier",converter:Z}),Pu(ir)],zu.prototype,"baseHorizontalSpacingMultiplier",void 0),od([tt({attribute:"control-corner-radius",converter:Z}),Pu(nr)],zu.prototype,"controlCornerRadius",void 0),od([tt({attribute:"layer-corner-radius",converter:Z}),Pu(rr)],zu.prototype,"layerCornerRadius",void 0),od([tt({attribute:"stroke-width",converter:Z}),Pu(ar)],zu.prototype,"strokeWidth",void 0),od([tt({attribute:"focus-stroke-width",converter:Z}),Pu(lr)],zu.prototype,"focusStrokeWidth",void 0),od([tt({attribute:"disabled-opacity",converter:Z}),Pu(tr)],zu.prototype,"disabledOpacity",void 0),od([tt({attribute:"type-ramp-minus-2-font-size"}),Pu(br)],zu.prototype,"typeRampMinus2FontSize",void 0),od([tt({attribute:"type-ramp-minus-2-line-height"}),Pu(yr)],zu.prototype,"typeRampMinus2LineHeight",void 0),od([tt({attribute:"type-ramp-minus-1-font-size"}),Pu(fr)],zu.prototype,"typeRampMinus1FontSize",void 0),od([tt({attribute:"type-ramp-minus-1-line-height"}),Pu(mr)],zu.prototype,"typeRampMinus1LineHeight",void 0),od([tt({attribute:"type-ramp-base-font-size"}),Pu(ur)],zu.prototype,"typeRampBaseFontSize",void 0),od([tt({attribute:"type-ramp-base-line-height"}),Pu(pr)],zu.prototype,"typeRampBaseLineHeight",void 0),od([tt({attribute:"type-ramp-plus-1-font-size"}),Pu($r)],zu.prototype,"typeRampPlus1FontSize",void 0),od([tt({attribute:"type-ramp-plus-1-line-height"}),Pu(wr)],zu.prototype,"typeRampPlus1LineHeight",void 0),od([tt({attribute:"type-ramp-plus-2-font-size"}),Pu(Cr)],zu.prototype,"typeRampPlus2FontSize",void 0),od([tt({attribute:"type-ramp-plus-2-line-height"}),Pu(Ir)],zu.prototype,"typeRampPlus2LineHeight",void 0),od([tt({attribute:"type-ramp-plus-3-font-size"}),Pu(Dr)],zu.prototype,"typeRampPlus3FontSize",void 0),od([tt({attribute:"type-ramp-plus-3-line-height"}),Pu(Tr)],zu.prototype,"typeRampPlus3LineHeight",void 0),od([tt({attribute:"type-ramp-plus-4-font-size"}),Pu(Or)],zu.prototype,"typeRampPlus4FontSize",void 0),od([tt({attribute:"type-ramp-plus-4-line-height"}),Pu(Er)],zu.prototype,"typeRampPlus4LineHeight",void 0),od([tt({attribute:"type-ramp-plus-5-font-size"}),Pu(Rr)],zu.prototype,"typeRampPlus5FontSize",void 0),od([tt({attribute:"type-ramp-plus-5-line-height"}),Pu(Ar)],zu.prototype,"typeRampPlus5LineHeight",void 0),od([tt({attribute:"type-ramp-plus-6-font-size"}),Pu(Pr)],zu.prototype,"typeRampPlus6FontSize",void 0),od([tt({attribute:"type-ramp-plus-6-line-height"}),Pu(zr)],zu.prototype,"typeRampPlus6LineHeight",void 0),od([tt({attribute:"accent-fill-rest-delta",converter:Z}),Pu(Br)],zu.prototype,"accentFillRestDelta",void 0),od([tt({attribute:"accent-fill-hover-delta",converter:Z}),Pu(Nr)],zu.prototype,"accentFillHoverDelta",void 0),od([tt({attribute:"accent-fill-active-delta",converter:Z}),Pu(jr)],zu.prototype,"accentFillActiveDelta",void 0),od([tt({attribute:"accent-fill-focus-delta",converter:Z}),Pu(Ur)],zu.prototype,"accentFillFocusDelta",void 0),od([tt({attribute:"accent-foreground-rest-delta",converter:Z}),Pu(qr)],zu.prototype,"accentForegroundRestDelta",void 0),od([tt({attribute:"accent-foreground-hover-delta",converter:Z}),Pu(_r)],zu.prototype,"accentForegroundHoverDelta",void 0),od([tt({attribute:"accent-foreground-active-delta",converter:Z}),Pu(Gr)],zu.prototype,"accentForegroundActiveDelta",void 0),od([tt({attribute:"accent-foreground-focus-delta",converter:Z}),Pu(Wr)],zu.prototype,"accentForegroundFocusDelta",void 0),od([tt({attribute:"neutral-fill-rest-delta",converter:Z}),Pu(Kr)],zu.prototype,"neutralFillRestDelta",void 0),od([tt({attribute:"neutral-fill-hover-delta",converter:Z}),Pu(Xr)],zu.prototype,"neutralFillHoverDelta",void 0),od([tt({attribute:"neutral-fill-active-delta",converter:Z}),Pu(Yr)],zu.prototype,"neutralFillActiveDelta",void 0),od([tt({attribute:"neutral-fill-focus-delta",converter:Z}),Pu(Qr)],zu.prototype,"neutralFillFocusDelta",void 0),od([tt({attribute:"neutral-fill-input-rest-delta",converter:Z}),Pu(Zr)],zu.prototype,"neutralFillInputRestDelta",void 0),od([tt({attribute:"neutral-fill-input-hover-delta",converter:Z}),Pu(Jr)],zu.prototype,"neutralFillInputHoverDelta",void 0),od([tt({attribute:"neutral-fill-input-active-delta",converter:Z}),Pu(ta)],zu.prototype,"neutralFillInputActiveDelta",void 0),od([tt({attribute:"neutral-fill-input-focus-delta",converter:Z}),Pu(ea)],zu.prototype,"neutralFillInputFocusDelta",void 0),od([tt({attribute:"neutral-fill-layer-rest-delta",converter:Z}),Pu(ra)],zu.prototype,"neutralFillLayerRestDelta",void 0),od([tt({attribute:"neutral-fill-stealth-rest-delta",converter:Z}),Pu(ga)],zu.prototype,"neutralFillStealthRestDelta",void 0),od([tt({attribute:"neutral-fill-stealth-hover-delta",converter:Z}),Pu(fa)],zu.prototype,"neutralFillStealthHoverDelta",void 0),od([tt({attribute:"neutral-fill-stealth-active-delta",converter:Z}),Pu(ma)],zu.prototype,"neutralFillStealthActiveDelta",void 0),od([tt({attribute:"neutral-fill-stealth-focus-delta",converter:Z}),Pu(va)],zu.prototype,"neutralFillStealthFocusDelta",void 0),od([tt({attribute:"neutral-fill-strong-hover-delta",converter:Z}),Pu(ya)],zu.prototype,"neutralFillStrongHoverDelta",void 0),od([tt({attribute:"neutral-fill-strong-active-delta",converter:Z}),Pu(xa)],zu.prototype,"neutralFillStrongActiveDelta",void 0),od([tt({attribute:"neutral-fill-strong-focus-delta",converter:Z}),Pu($a)],zu.prototype,"neutralFillStrongFocusDelta",void 0),od([tt({attribute:"base-layer-luminance",converter:Z}),Pu(Mr)],zu.prototype,"baseLayerLuminance",void 0),od([tt({attribute:"neutral-stroke-divider-rest-delta",converter:Z}),Pu(Oa)],zu.prototype,"neutralStrokeDividerRestDelta",void 0),od([tt({attribute:"neutral-stroke-rest-delta",converter:Z}),Pu(wa)],zu.prototype,"neutralStrokeRestDelta",void 0),od([tt({attribute:"neutral-stroke-hover-delta",converter:Z}),Pu(ka)],zu.prototype,"neutralStrokeHoverDelta",void 0),od([tt({attribute:"neutral-stroke-active-delta",converter:Z}),Pu(Ca)],zu.prototype,"neutralStrokeActiveDelta",void 0),od([tt({attribute:"neutral-stroke-focus-delta",converter:Z}),Pu(Ia)],zu.prototype,"neutralStrokeFocusDelta",void 0);const Hu=zu.compose({baseName:"design-system-provider",template:q`<slot></slot>`,styles:pt`
     ${sn("block")}
-  `}),Hu=(t,e)=>pt`
-  :host([hidden]){display:none}:host{--dialog-height:480px;--dialog-width:640px;display:block}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);touch-action:none}.positioning-region{display:flex;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.control{box-shadow:${kd};margin-top:auto;margin-bottom:auto;border-radius:calc(${rr} * 1px);width:var(--dialog-width);height:var(--dialog-height);background:${Ja};z-index:1;border:calc(${ar} * 1px) solid transparent}`,Mu=Vo.compose({baseName:"dialog",template:(t,e)=>q`<div class="positioning-region" part="positioning-region">${Ft(t=>t.modal,q`<div class="overlay" part="overlay" role="presentation" @click="${t=>t.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${t=>t.modal}" aria-describedby="${t=>t.ariaDescribedby}" aria-labelledby="${t=>t.ariaLabelledby}" aria-label="${t=>t.ariaLabel}" ${It("dialog")}><slot></slot></div></div>`,styles:Hu}),Bu=Hu,Nu=(t,e)=>pt`
-    ${sn("block")} :host{box-sizing:content-box;height:0;border:none;border-top:calc(${ar} * 1px) solid ${$c}}`,ju=Ao.compose({baseName:"divider",template:(t,e)=>q`<template role="${t=>t.role}" aria-orientation="${t=>t.orientation}"></template>`,styles:Nu}),Uu=Nu,qu=(t,e)=>pt`
+  `}),Mu=(t,e)=>pt`
+  :host([hidden]){display:none}:host{--dialog-height:480px;--dialog-width:640px;display:block}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);touch-action:none}.positioning-region{display:flex;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.control{box-shadow:${kd};margin-top:auto;margin-bottom:auto;border-radius:calc(${rr} * 1px);width:var(--dialog-width);height:var(--dialog-height);background:${Ja};z-index:1;border:calc(${ar} * 1px) solid transparent}`,Bu=Vo.compose({baseName:"dialog",template:(t,e)=>q`<div class="positioning-region" part="positioning-region">${Ft(t=>t.modal,q`<div class="overlay" part="overlay" role="presentation" @click="${t=>t.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${t=>t.modal}" aria-describedby="${t=>t.ariaDescribedby}" aria-labelledby="${t=>t.ariaLabelledby}" aria-label="${t=>t.ariaLabel}" ${It("dialog")}><slot></slot></div></div>`,styles:Mu}),Nu=Mu,ju=(t,e)=>pt`
+    ${sn("block")} :host{box-sizing:content-box;height:0;border:none;border-top:calc(${ar} * 1px) solid ${$c}}`,Uu=Ao.compose({baseName:"divider",template:(t,e)=>q`<template role="${t=>t.role}" aria-orientation="${t=>t.orientation}"></template>`,styles:ju}),qu=ju,_u=(t,e)=>pt`
     ${sn("inline-flex")} :host{height:calc((${Kh} + ${sr}) * 1px);justify-content:center;align-items:center;fill:currentcolor;color:${Jl};background:padding-box linear-gradient(${wl},${wl}),border-box ${mc};box-sizing:border-box;border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);padding:0}:host(.disabled){opacity:${tr};cursor:${"not-allowed"};pointer-events:none}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${tc}}:host(:not(.disabled):active){color:${ec}}:host(:${nn}){${Gh}}:host::-moz-focus-inner{border:0}`.withBehaviors(en(pt`
-        :host{background:${qe.ButtonFace};border-color:${qe.ButtonText}}:host .next,:host .previous{color:${qe.ButtonText};fill:currentcolor}:host(:not(.disabled):hover){background:${qe.Highlight}}:host(:not(.disabled):hover) .next,:host(:not(.disabled):hover) .previous{color:${qe.HighlightText};fill:currentcolor}:host(.disabled){opacity:1}:host(.disabled),:host(.disabled) .next,:host(.disabled) .previous{border-color:${qe.GrayText};color:${qe.GrayText};fill:currentcolor}:host(:${nn}){forced-color-adjust:none;outline-color:${qe.Highlight}}`)),_u=zo.compose({baseName:"flipper",template:(t,e)=>q`<template role="button" aria-disabled="${t=>!!t.disabled||void 0}" tabindex="${t=>t.hiddenFromAT?-1:0}" class="${t=>t.direction} ${t=>t.disabled?"disabled":""}" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${Ft(t=>t.direction===Lo,q`<span part="next" class="next"><slot name="next">${e.next||""}</slot></span>`)} ${Ft(t=>t.direction===Po,q`<span part="previous" class="previous"><slot name="previous">${e.previous||""}</slot></span>`)}</template>`,styles:qu,next:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M7.57 11.84A1 1 0 016 11.02V4.98a1 1 0 011.57-.82l3.79 2.62c.85.59.85 1.85 0 2.44l-3.79 2.62z"/>\n    </svg>\n  ',previous:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M9.43 11.84a1 1 0 001.57-.82V4.98a1 1 0 00-1.57-.82L5.64 6.78c-.85.59-.85 1.85 0 2.44l3.79 2.62z"/>\n    </svg>\n  '}),Gu=qu,Wu=pt`
-  .scroll-prev{right:auto;left:0}.scroll.scroll-next::before,.scroll-next .scroll-action{left:auto;right:0}.scroll.scroll-next::before{background:linear-gradient(to right,transparent,var(--scroll-fade-next))}.scroll-next .scroll-action{transform:translate(50%,-50%)}`,Ku=pt`
-  .scroll.scroll-next{right:auto;left:0}.scroll.scroll-next::before{background:linear-gradient(to right,var(--scroll-fade-next),transparent);left:auto;right:0}.scroll.scroll-prev::before{background:linear-gradient(to right,transparent,var(--scroll-fade-previous))}.scroll-prev .scroll-action{left:auto;right:0;transform:translate(50%,-50%)}`,Xu=pt`
-  .scroll-area{position:relative}div.scroll-view{overflow-x:hidden}.scroll{bottom:0;pointer-events:none;position:absolute;right:0;top:0;user-select:none;width:100px}.scroll.disabled{display:none}.scroll::before,.scroll-action{left:0;position:absolute}.scroll::before{background:linear-gradient(to right,var(--scroll-fade-previous),transparent);content:'';display:block;height:100%;width:100%}.scroll-action{pointer-events:auto;right:auto;top:50%;transform:translate(-50%,-50%)}::slotted(fluent-flipper){opacity:0;transition:opacity 0.2s ease-in-out}.scroll-area:hover ::slotted(fluent-flipper){opacity:1}`.withBehaviors(new sd(Wu,Ku)),Yu=(t,e)=>pt`
-  ${sn("block")} :host{--scroll-align:center;--scroll-item-spacing:4px;contain:layout;position:relative}.scroll-view{overflow-x:auto;scrollbar-width:none}::-webkit-scrollbar{display:none}.content-container{align-items:var(--scroll-align);display:inline-flex;flex-wrap:nowrap;position:relative}.content-container ::slotted(*){margin-right:var(--scroll-item-spacing)}.content-container ::slotted(*:last-child){margin-right:0}`;class Qu extends ss{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(Xu)}}const Zu=Qu.compose({baseName:"horizontal-scroll",baseClass:ss,template:(t,e)=>{var i,o;return q`<template class="horizontal-scroll" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${Nt(0,e)}<div class="scroll-area" part="scroll-area"><div class="scroll-view" part="scroll-view" @scroll="${t=>t.scrolled()}" ${It("scrollContainer")}><div class="content-container" part="content-container" ${It("content")}><slot ${Pt({property:"scrollItems",filter:Rt()})}></slot></div></div>${Ft(t=>"mobile"!==t.view,q`<div class="scroll scroll-prev" part="scroll-prev" ${It("previousFlipperContainer")}><div class="scroll-action" part="scroll-action-previous"><slot name="previous-flipper">${e.previousFlipper instanceof Function?e.previousFlipper(t,e):null!==(i=e.previousFlipper)&&void 0!==i?i:""}</slot></div></div><div class="scroll scroll-next" part="scroll-next" ${It("nextFlipperContainer")}><div class="scroll-action" part="scroll-action-next"><slot name="next-flipper">${e.nextFlipper instanceof Function?e.nextFlipper(t,e):null!==(o=e.nextFlipper)&&void 0!==o?o:""}</slot></div></div>`)}</div>${Bt(0,e)}</template>`},styles:Yu,nextFlipper:q`<fluent-flipper @click="${t=>t.scrollToNext()}" aria-hidden="${t=>t.flippersHiddenFromAT}"></fluent-flipper>`,previousFlipper:q`<fluent-flipper @click="${t=>t.scrollToPrevious()}" direction="previous" aria-hidden="${t=>t.flippersHiddenFromAT}"></fluent-flipper>`}),Ju=Yu,tp=(t,e)=>pt`
-    ${sn("inline-flex")} :host{border:calc(${ar} * 1px) solid ${dc};border-radius:calc(${nr} * 1px);box-sizing:border-box;flex-direction:column;padding:calc(${sr} * 1px) 0}::slotted(${t.tagFor(Li)}){margin:0 calc(${sr} * 1px)}:host(:focus-within:not([disabled])){${Gh}}`;class ep extends zi{}const ip=ep.compose({baseName:"listbox",template:(t,e)=>q`<template aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-multiselectable="${t=>t.ariaMultiSelectable}" class="listbox" role="listbox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}"><slot ${Pt({filter:Ho.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></template>`,styles:tp}),op=tp,sp=(t,e)=>pt`
+        :host{background:${qe.ButtonFace};border-color:${qe.ButtonText}}:host .next,:host .previous{color:${qe.ButtonText};fill:currentcolor}:host(:not(.disabled):hover){background:${qe.Highlight}}:host(:not(.disabled):hover) .next,:host(:not(.disabled):hover) .previous{color:${qe.HighlightText};fill:currentcolor}:host(.disabled){opacity:1}:host(.disabled),:host(.disabled) .next,:host(.disabled) .previous{border-color:${qe.GrayText};color:${qe.GrayText};fill:currentcolor}:host(:${nn}){forced-color-adjust:none;outline-color:${qe.Highlight}}`)),Gu=zo.compose({baseName:"flipper",template:(t,e)=>q`<template role="button" aria-disabled="${t=>!!t.disabled||void 0}" tabindex="${t=>t.hiddenFromAT?-1:0}" class="${t=>t.direction} ${t=>t.disabled?"disabled":""}" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${Ft(t=>t.direction===Lo,q`<span part="next" class="next"><slot name="next">${e.next||""}</slot></span>`)} ${Ft(t=>t.direction===Po,q`<span part="previous" class="previous"><slot name="previous">${e.previous||""}</slot></span>`)}</template>`,styles:_u,next:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M7.57 11.84A1 1 0 016 11.02V4.98a1 1 0 011.57-.82l3.79 2.62c.85.59.85 1.85 0 2.44l-3.79 2.62z"/>\n    </svg>\n  ',previous:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M9.43 11.84a1 1 0 001.57-.82V4.98a1 1 0 00-1.57-.82L5.64 6.78c-.85.59-.85 1.85 0 2.44l3.79 2.62z"/>\n    </svg>\n  '}),Wu=_u,Ku=pt`
+  .scroll-prev{right:auto;left:0}.scroll.scroll-next::before,.scroll-next .scroll-action{left:auto;right:0}.scroll.scroll-next::before{background:linear-gradient(to right,transparent,var(--scroll-fade-next))}.scroll-next .scroll-action{transform:translate(50%,-50%)}`,Xu=pt`
+  .scroll.scroll-next{right:auto;left:0}.scroll.scroll-next::before{background:linear-gradient(to right,var(--scroll-fade-next),transparent);left:auto;right:0}.scroll.scroll-prev::before{background:linear-gradient(to right,transparent,var(--scroll-fade-previous))}.scroll-prev .scroll-action{left:auto;right:0;transform:translate(50%,-50%)}`,Yu=pt`
+  .scroll-area{position:relative}div.scroll-view{overflow-x:hidden}.scroll{bottom:0;pointer-events:none;position:absolute;right:0;top:0;user-select:none;width:100px}.scroll.disabled{display:none}.scroll::before,.scroll-action{left:0;position:absolute}.scroll::before{background:linear-gradient(to right,var(--scroll-fade-previous),transparent);content:'';display:block;height:100%;width:100%}.scroll-action{pointer-events:auto;right:auto;top:50%;transform:translate(-50%,-50%)}::slotted(fluent-flipper){opacity:0;transition:opacity 0.2s ease-in-out}.scroll-area:hover ::slotted(fluent-flipper){opacity:1}`.withBehaviors(new sd(Ku,Xu)),Qu=(t,e)=>pt`
+  ${sn("block")} :host{--scroll-align:center;--scroll-item-spacing:4px;contain:layout;position:relative}.scroll-view{overflow-x:auto;scrollbar-width:none}::-webkit-scrollbar{display:none}.content-container{align-items:var(--scroll-align);display:inline-flex;flex-wrap:nowrap;position:relative}.content-container ::slotted(*){margin-right:var(--scroll-item-spacing)}.content-container ::slotted(*:last-child){margin-right:0}`;class Zu extends ss{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(Yu)}}const Ju=Zu.compose({baseName:"horizontal-scroll",baseClass:ss,template:(t,e)=>{var i,o;return q`<template class="horizontal-scroll" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${Nt(0,e)}<div class="scroll-area" part="scroll-area"><div class="scroll-view" part="scroll-view" @scroll="${t=>t.scrolled()}" ${It("scrollContainer")}><div class="content-container" part="content-container" ${It("content")}><slot ${Pt({property:"scrollItems",filter:Rt()})}></slot></div></div>${Ft(t=>"mobile"!==t.view,q`<div class="scroll scroll-prev" part="scroll-prev" ${It("previousFlipperContainer")}><div class="scroll-action" part="scroll-action-previous"><slot name="previous-flipper">${e.previousFlipper instanceof Function?e.previousFlipper(t,e):null!==(i=e.previousFlipper)&&void 0!==i?i:""}</slot></div></div><div class="scroll scroll-next" part="scroll-next" ${It("nextFlipperContainer")}><div class="scroll-action" part="scroll-action-next"><slot name="next-flipper">${e.nextFlipper instanceof Function?e.nextFlipper(t,e):null!==(o=e.nextFlipper)&&void 0!==o?o:""}</slot></div></div>`)}</div>${Bt(0,e)}</template>`},styles:Qu,nextFlipper:q`<fluent-flipper @click="${t=>t.scrollToNext()}" aria-hidden="${t=>t.flippersHiddenFromAT}"></fluent-flipper>`,previousFlipper:q`<fluent-flipper @click="${t=>t.scrollToPrevious()}" direction="previous" aria-hidden="${t=>t.flippersHiddenFromAT}"></fluent-flipper>`}),tp=Qu,ep=(t,e)=>pt`
+    ${sn("inline-flex")} :host{border:calc(${ar} * 1px) solid ${dc};border-radius:calc(${nr} * 1px);box-sizing:border-box;flex-direction:column;padding:calc(${sr} * 1px) 0}::slotted(${t.tagFor(Li)}){margin:0 calc(${sr} * 1px)}:host(:focus-within:not([disabled])){${Gh}}`;class ip extends zi{}const op=ip.compose({baseName:"listbox",template:(t,e)=>q`<template aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-multiselectable="${t=>t.ariaMultiSelectable}" class="listbox" role="listbox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}"><slot ${Pt({filter:Ho.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></template>`,styles:ep}),sp=ep,np=(t,e)=>pt`
     ${sn("inline-flex")} :host{position:relative;${Ph}
       background:${Kl};border-radius:calc(${nr} * 1px);border:calc(${ar} * 1px) solid transparent;box-sizing:border-box;color:${sc};cursor:pointer;fill:currentcolor;height:calc(${Kh} * 1px);overflow:hidden;align-items:center;padding:0 calc(((${sr} * 3) - ${ar} - 1) * 1px);user-select:none;white-space:nowrap}:host::before{content:'';display:block;position:absolute;left:calc((${lr} - ${ar}) * 1px);top:calc((${Kh} / 4) - ${lr} * 1px);width:3px;height:calc((${Kh} / 2) * 1px);background:transparent;border-radius:calc(${nr} * 1px)}:host(:not([disabled]):hover){background:${Xl}}:host(:not([disabled]):active){background:${Yl}}:host(:not([disabled]):active)::before{background:${il};height:calc(((${Kh} / 2) - 6) * 1px)}:host([aria-selected='true'])::before{background:${il}}:host(:${nn}){${Gh}
       background:${Ql}}:host([aria-selected='true']){background:${Ul}}:host(:not([disabled])[aria-selected='true']:hover){background:${ql}}:host(:not([disabled])[aria-selected='true']:active){background:${_l}}:host(:not([disabled]):not([aria-selected='true']):hover){background:${Xl}}:host(:not([disabled]):not([aria-selected='true']):active){background:${Yl}}:host([disabled]){cursor:${"not-allowed"};opacity:${tr}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end,::slotted(svg){display:flex}::slotted([slot='end']){margin-inline-start:1ch}::slotted([slot='start']){margin-inline-end:1ch}`.withBehaviors(en(pt`
-        :host{background:${qe.ButtonFace};border-color:${qe.ButtonFace};color:${qe.ButtonText}}:host(:not([disabled]):not([aria-selected="true"]):hover),:host(:not([disabled])[aria-selected="true"]:hover),:host([aria-selected="true"]){forced-color-adjust:none;background:${qe.Highlight};color:${qe.HighlightText}}:host(:not([disabled]):active)::before,:host([aria-selected='true'])::before{background:${qe.HighlightText}}:host([disabled]),:host([disabled]:not([aria-selected='true']):hover){background:${qe.Canvas};color:${qe.GrayText};fill:currentcolor;opacity:1}:host(:${nn}){outline-color:${qe.CanvasText}}`)),np=Li.compose({baseName:"option",template:(t,e)=>q`<template aria-checked="${t=>t.ariaChecked}" aria-disabled="${t=>t.ariaDisabled}" aria-posinset="${t=>t.ariaPosInSet}" aria-selected="${t=>t.ariaSelected}" aria-setsize="${t=>t.ariaSetSize}" class="${t=>[t.checked&&"checked",t.selected&&"selected",t.disabled&&"disabled"].filter(Boolean).join(" ")}" role="option">${Nt(0,e)}<span class="content" part="content"><slot ${Pt("content")}></slot></span>${Bt(0,e)}</template>`,styles:sp}),rp=sp,ap=(t,e)=>pt`
+        :host{background:${qe.ButtonFace};border-color:${qe.ButtonFace};color:${qe.ButtonText}}:host(:not([disabled]):not([aria-selected="true"]):hover),:host(:not([disabled])[aria-selected="true"]:hover),:host([aria-selected="true"]){forced-color-adjust:none;background:${qe.Highlight};color:${qe.HighlightText}}:host(:not([disabled]):active)::before,:host([aria-selected='true'])::before{background:${qe.HighlightText}}:host([disabled]),:host([disabled]:not([aria-selected='true']):hover){background:${qe.Canvas};color:${qe.GrayText};fill:currentcolor;opacity:1}:host(:${nn}){outline-color:${qe.CanvasText}}`)),rp=Li.compose({baseName:"option",template:(t,e)=>q`<template aria-checked="${t=>t.ariaChecked}" aria-disabled="${t=>t.ariaDisabled}" aria-posinset="${t=>t.ariaPosInSet}" aria-selected="${t=>t.ariaSelected}" aria-setsize="${t=>t.ariaSetSize}" class="${t=>[t.checked&&"checked",t.selected&&"selected",t.disabled&&"disabled"].filter(Boolean).join(" ")}" role="option">${Nt(0,e)}<span class="content" part="content"><slot ${Pt("content")}></slot></span>${Bt(0,e)}</template>`,styles:np}),ap=np,lp=(t,e)=>pt`
     ${sn("block")} :host{background:${qa};border:calc(${ar} * 1px) solid transparent;border-radius:calc(${rr} * 1px);box-shadow:${$d};padding:calc((${sr} - ${ar}) * 1px) 0;max-width:368px;min-width:64px}:host([slot='submenu']){width:max-content;margin:0 calc(${sr} * 2px)}::slotted(${t.tagFor(Uo)}){margin:0 calc(${sr} * 1px)}::slotted(${t.tagFor(Ao)}){margin:calc(${sr} * 1px) 0}::slotted(hr){box-sizing:content-box;height:0;margin:calc(${sr} * 1px) 0;border:none;border-top:calc(${ar} * 1px) solid ${$c}}`.withBehaviors(en(pt`
-        :host([slot='submenu']){background:${qe.Canvas};border-color:${qe.CanvasText}}`));class lp extends qo{connectedCallback(){super.connectedCallback(),Ja.setValueFor(this,qa)}}const cp=lp.compose({baseName:"menu",baseClass:qo,template:(t,e)=>q`<template slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(t,e)=>t.handleMenuKeyDown(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}"><slot ${Pt("items")}></slot></template>`,styles:ap}),hp=ap,dp=(t,e)=>pt`
+        :host([slot='submenu']){background:${qe.Canvas};border-color:${qe.CanvasText}}`));class cp extends qo{connectedCallback(){super.connectedCallback(),Ja.setValueFor(this,qa)}}const hp=cp.compose({baseName:"menu",baseClass:qo,template:(t,e)=>q`<template slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(t,e)=>t.handleMenuKeyDown(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}"><slot ${Pt("items")}></slot></template>`,styles:lp}),dp=lp,up=(t,e)=>pt`
     ${sn("grid")} :host{contain:layout;overflow:visible;${Ph}
       box-sizing:border-box;height:calc(${Kh} * 1px);grid-template-columns:minmax(32px,auto) 1fr minmax(32px,auto);grid-template-rows:auto;justify-items:center;align-items:center;padding:0;white-space:nowrap;color:${sc};fill:currentcolor;cursor:pointer;border-radius:calc(${nr} * 1px);border:calc(${ar} * 1px) solid transparent}:host(.indent-0){grid-template-columns:auto 1fr minmax(32px,auto)}:host(.indent-0) .content{grid-column:1;grid-row:1;margin-inline-start:10px}:host(.indent-0) .expand-collapse-glyph-container{grid-column:5;grid-row:1}:host(.indent-2){grid-template-columns:minmax(32px,auto) minmax(32px,auto) 1fr minmax(32px,auto) minmax(32px,auto)}:host(.indent-2) .content{grid-column:3;grid-row:1;margin-inline-start:10px}:host(.indent-2) .expand-collapse-glyph-container{grid-column:5;grid-row:1}:host(.indent-2) .start{grid-column:2}:host(.indent-2) .end{grid-column:4}:host(:${nn}){${Gh}}:host(:not([disabled]):hover){background:${Xl}}:host(:not([disabled]):active),:host(.expanded){background:${Yl};color:${sc}}:host([disabled]){cursor:${"not-allowed"};opacity:${tr}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end{display:flex;justify-content:center}:host(.indent-0[aria-haspopup='menu']){display:grid;grid-template-columns:minmax(32px,auto) auto 1fr minmax(32px,auto) minmax(32px,auto);align-items:center;min-height:32px}:host(.indent-1[aria-haspopup='menu']),:host(.indent-1[role='menuitemcheckbox']),:host(.indent-1[role='menuitemradio']){display:grid;grid-template-columns:minmax(32px,auto) auto 1fr minmax(32px,auto) minmax(32px,auto);align-items:center;min-height:32px}:host(.indent-2:not([aria-haspopup='menu'])) .end{grid-column:5}:host .input-container,:host .expand-collapse-glyph-container{display:none}:host([aria-haspopup='menu']) .expand-collapse-glyph-container,:host([role='menuitemcheckbox']) .input-container,:host([role='menuitemradio']) .input-container{display:grid}:host([aria-haspopup='menu']) .content,:host([role='menuitemcheckbox']) .content,:host([role='menuitemradio']) .content{grid-column-start:3}:host([aria-haspopup='menu'].indent-0) .content{grid-column-start:1}:host([aria-haspopup='menu']) .end,:host([role='menuitemcheckbox']) .end,:host([role='menuitemradio']) .end{grid-column-start:4}:host .expand-collapse,:host .checkbox,:host .radio{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}:host .checkbox-indicator,:host .radio-indicator,slot[name='checkbox-indicator'],slot[name='radio-indicator']{display:none}::slotted([slot='end']:not(svg)){margin-inline-end:10px;color:${cc}}:host([aria-checked='true']) .checkbox-indicator,:host([aria-checked='true']) slot[name='checkbox-indicator'],:host([aria-checked='true']) .radio-indicator,:host([aria-checked='true']) slot[name='radio-indicator']{display:flex}`.withBehaviors(en(pt`
         :host,::slotted([slot='end']:not(svg)){forced-color-adjust:none;color:${qe.ButtonText};fill:currentcolor}:host(:not([disabled]):hover){background:${qe.Highlight};color:${qe.HighlightText};fill:currentcolor}:host(:hover) .start,:host(:hover) .end,:host(:hover)::slotted(svg),:host(:active) .start,:host(:active) .end,:host(:active)::slotted(svg),:host(:hover) ::slotted([slot='end']:not(svg)),:host(:${nn}) ::slotted([slot='end']:not(svg)){color:${qe.HighlightText};fill:currentcolor}:host(.expanded){background:${qe.Highlight};color:${qe.HighlightText}}:host(:${nn}){background:${qe.Highlight};outline-color:${qe.ButtonText};color:${qe.HighlightText};fill:currentcolor}:host([disabled]),:host([disabled]:hover),:host([disabled]:hover) .start,:host([disabled]:hover) .end,:host([disabled]:hover)::slotted(svg),:host([disabled]:${nn}){background:${qe.ButtonFace};color:${qe.GrayText};fill:currentcolor;opacity:1}:host([disabled]:${nn}){outline-color:${qe.GrayText}}:host .expanded-toggle,:host .checkbox,:host .radio{border-color:${qe.ButtonText};background:${qe.HighlightText}}:host([checked]) .checkbox,:host([checked]) .radio{background:${qe.HighlightText};border-color:${qe.HighlightText}}:host(:hover) .expanded-toggle,:host(:hover) .checkbox,:host(:hover) .radio,:host(:${nn}) .expanded-toggle,:host(:${nn}) .checkbox,:host(:${nn}) .radio,:host([checked]:hover) .checkbox,:host([checked]:hover) .radio,:host([checked]:${nn}) .checkbox,:host([checked]:${nn}) .radio{border-color:${qe.HighlightText}}:host([aria-checked='true']){background:${qe.Highlight};color:${qe.HighlightText}}:host([aria-checked='true']) .checkbox-indicator,:host([aria-checked='true']) ::slotted([slot='checkbox-indicator']),:host([aria-checked='true']) ::slotted([slot='radio-indicator']){fill:${qe.Highlight}}:host([aria-checked='true']) .radio-indicator{background:${qe.Highlight}}`),new sd(pt`
         .expand-collapse-glyph-container{transform:rotate(0deg)}`,pt`
-        .expand-collapse-glyph-container{transform:rotate(180deg)}`)),up=Uo.compose({baseName:"menu-item",template:(t,e)=>q`<template role="${t=>t.role}" aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}" aria-checked="${t=>t.role!==Mo?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.expanded}" @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}" class="${t=>t.disabled?"disabled":""} ${t=>t.expanded?"expanded":""} ${t=>"indent-"+t.startColumnCount}">${Ft(t=>t.role===Bo,q`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${e.checkboxIndicator||""}</slot></span></div>`)} ${Ft(t=>t.role===No,q`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${e.radioIndicator||""}</slot></span></div>`)}</div>${Nt(0,e)}<span class="content" part="content"><slot></slot></span>${Bt(0,e)} ${Ft(t=>t.hasSubmenu,q`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${e.expandCollapseGlyph||""}</slot></span></div>`)} ${Ft(t=>t.expanded,q`<${t.tagFor(Je)} :anchorElement="${t=>t}" vertical-positioning-mode="dynamic" vertical-default-position="bottom" vertical-inset="true" horizontal-positioning-mode="dynamic" horizontal-default-position="end" class="submenu-region" dir="${t=>t.currentDirection}" @loaded="${t=>t.submenuLoaded()}" ${It("submenuRegion")} part="submenu-region"><slot name="submenu"></slot></${t.tagFor(Je)}>`)}</template>`,styles:dp,checkboxIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M13.86 3.66a.5.5 0 01-.02.7l-7.93 7.48a.6.6 0 01-.84-.02L2.4 9.1a.5.5 0 01.72-.7l2.4 2.44 7.65-7.2a.5.5 0 01.7.02z"/>\n    </svg>\n  ',expandCollapseGlyph:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M5.65 3.15a.5.5 0 000 .7L9.79 8l-4.14 4.15a.5.5 0 00.7.7l4.5-4.5a.5.5 0 000-.7l-4.5-4.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  ',radioIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="8" cy="8" r="2"/>\n    </svg>\n  '}),pp=dp,gp=(t,e)=>pt`
+        .expand-collapse-glyph-container{transform:rotate(180deg)}`)),pp=Uo.compose({baseName:"menu-item",template:(t,e)=>q`<template role="${t=>t.role}" aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}" aria-checked="${t=>t.role!==Mo?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.expanded}" @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}" class="${t=>t.disabled?"disabled":""} ${t=>t.expanded?"expanded":""} ${t=>"indent-"+t.startColumnCount}">${Ft(t=>t.role===Bo,q`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${e.checkboxIndicator||""}</slot></span></div>`)} ${Ft(t=>t.role===No,q`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${e.radioIndicator||""}</slot></span></div>`)}</div>${Nt(0,e)}<span class="content" part="content"><slot></slot></span>${Bt(0,e)} ${Ft(t=>t.hasSubmenu,q`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${e.expandCollapseGlyph||""}</slot></span></div>`)} ${Ft(t=>t.expanded,q`<${t.tagFor(Je)} :anchorElement="${t=>t}" vertical-positioning-mode="dynamic" vertical-default-position="bottom" vertical-inset="true" horizontal-positioning-mode="dynamic" horizontal-default-position="end" class="submenu-region" dir="${t=>t.currentDirection}" @loaded="${t=>t.submenuLoaded()}" ${It("submenuRegion")} part="submenu-region"><slot name="submenu"></slot></${t.tagFor(Je)}>`)}</template>`,styles:up,checkboxIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M13.86 3.66a.5.5 0 01-.02.7l-7.93 7.48a.6.6 0 01-.84-.02L2.4 9.1a.5.5 0 01.72-.7l2.4 2.44 7.65-7.2a.5.5 0 01.7.02z"/>\n    </svg>\n  ',expandCollapseGlyph:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M5.65 3.15a.5.5 0 000 .7L9.79 8l-4.14 4.15a.5.5 0 00.7.7l4.5-4.5a.5.5 0 000-.7l-4.5-4.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  ',radioIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="8" cy="8" r="2"/>\n    </svg>\n  '}),gp=up,fp=(t,e)=>pt`
     ${sn("inline-block")}
 
-    ${Ad(0,0,".root")}
+    ${Ld(0,0,".root")}
 
-    ${Ld()}
+    ${Pd()}
 
-    .root{display:flex;flex-direction:row}.control{-webkit-appearance:none;color:inherit;background:transparent;border:0;height:calc(100% - 4px);margin-top:auto;margin-bottom:auto;padding:0 calc(${sr} * 2px + 1px);font-family:inherit;font-size:inherit;line-height:inherit}.start,.end{margin:auto;fill:currentcolor}.start{display:flex;margin-inline-start:11px}.end{display:flex;margin-inline-end:11px}.controls{opacity:0;position:relative;top:-1px;z-index:3}:host(:hover:not([disabled])) .controls,:host(:focus-within:not([disabled])) .controls{opacity:1}.step-up,.step-down{display:flex;padding:0 8px;cursor:pointer}.step-up{padding-top:3px}`.withBehaviors(Md("filled",pt`
-    ${Pd(0,0,".root")}
-  `.withBehaviors(en(pt`
-        ${Hd(0,0,".root")}
-      `))),en(pt`
-        ${zd(0,0,".root")}
-        .step-up,.step-down{fill:${qe.FieldText}}`));class fp extends Zo{connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}od([tt],fp.prototype,"appearance",void 0);const mp=gp,vp=fp.compose({baseName:"number-field",baseClass:Zo,styles:gp,template:(t,e)=>q`<template class="${t=>t.readOnly?"readonly":""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label><div class="root" part="root">${Nt(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @blur="${(t,e)=>t.handleBlur()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" type="text" inputmode="numeric" min="${t=>t.min}" max="${t=>t.max}" step="${t=>t.step}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")} />${Ft(t=>!t.hideStep&&!t.readOnly&&!t.disabled,q`<div class="controls" part="controls"><div class="step-up" part="step-up" @click="${t=>t.stepUp()}"><slot name="step-up-glyph">${e.stepUpGlyph||""}</slot></div><div class="step-down" part="step-down" @click="${t=>t.stepDown()}"><slot name="step-down-glyph">${e.stepDownGlyph||""}</slot></div></div>`)} ${Bt(0,e)}</div></template>`,shadowOptions:{delegatesFocus:!0},stepDownGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',stepUpGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n'}),bp=(t,e)=>pt`
+    .root{display:flex;flex-direction:row}.control{-webkit-appearance:none;color:inherit;background:transparent;border:0;height:calc(100% - 4px);margin-top:auto;margin-bottom:auto;padding:0 calc(${sr} * 2px + 1px);font-family:inherit;font-size:inherit;line-height:inherit}.start,.end{margin:auto;fill:currentcolor}.start{display:flex;margin-inline-start:11px}.end{display:flex;margin-inline-end:11px}.controls{opacity:0;position:relative;top:-1px;z-index:3}:host(:hover:not([disabled])) .controls,:host(:focus-within:not([disabled])) .controls{opacity:1}.step-up,.step-down{display:flex;padding:0 8px;cursor:pointer}.step-up{padding-top:3px}`.withBehaviors(Bd("outline",zd(0,0,".root")),Bd("filled",Hd(0,0,".root")),en(Md(0,0,".root")));class mp extends Zo{connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}od([tt],mp.prototype,"appearance",void 0);const vp=fp,bp=mp.compose({baseName:"number-field",baseClass:Zo,styles:fp,template:(t,e)=>q`<template class="${t=>t.readOnly?"readonly":""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label><div class="root" part="root">${Nt(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @blur="${(t,e)=>t.handleBlur()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" type="text" inputmode="numeric" min="${t=>t.min}" max="${t=>t.max}" step="${t=>t.step}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")} />${Ft(t=>!t.hideStep&&!t.readOnly&&!t.disabled,q`<div class="controls" part="controls"><div class="step-up" part="step-up" @click="${t=>t.stepUp()}"><slot name="step-up-glyph">${e.stepUpGlyph||""}</slot></div><div class="step-down" part="step-down" @click="${t=>t.stepDown()}"><slot name="step-down-glyph">${e.stepDownGlyph||""}</slot></div></div>`)} ${Bt(0,e)}</div></template>`,shadowOptions:{delegatesFocus:!0},stepDownGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',stepUpGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n'}),yp=(t,e)=>pt`
     ${sn("flex")} :host{align-items:center;height:calc((${ar} * 3) * 1px)}.progress{background-color:${Vc};border-radius:calc(${sr} * 1px);width:100%;height:calc(${ar} * 1px);display:flex;align-items:center;position:relative}.determinate{background-color:${il};border-radius:calc(${sr} * 1px);height:calc((${ar} * 3) * 1px);transition:all 0.2s ease-in-out;display:flex}.indeterminate{height:calc((${ar} * 3) * 1px);border-radius:calc(${sr} * 1px);display:flex;width:100%;position:relative;overflow:hidden}.indeterminate-indicator-1{position:absolute;opacity:0;height:100%;background-color:${il};border-radius:calc(${sr} * 1px);animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:40%;animation:indeterminate-1 2s infinite}.indeterminate-indicator-2{position:absolute;opacity:0;height:100%;background-color:${il};border-radius:calc(${sr} * 1px);animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:60%;animation:indeterminate-2 2s infinite}:host(.paused) .indeterminate-indicator-1,:host(.paused) .indeterminate-indicator-2{animation:none;background-color:${cc};width:100%;opacity:1}:host(.paused) .determinate{background-color:${cc}}@keyframes indeterminate-1{0%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(300%)}70.01%{opacity:0}100%{opacity:0;transform:translateX(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translateX(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translateX(-150%)}100%{transform:translateX(166.66%);opacity:1}}`.withBehaviors(en(pt`
-        .indeterminate-indicator-1,.indeterminate-indicator-2,.determinate,.progress{background-color:${qe.ButtonText}}:host(.paused) .indeterminate-indicator-1,:host(.paused) .indeterminate-indicator-2,:host(.paused) .determinate{background-color:${qe.GrayText}}`));class yp extends Jo{}const xp=yp.compose({baseName:"progress",template:(t,e)=>q`<template role="progressbar" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" class="${t=>t.paused?"paused":""}">${Ft(t=>"number"==typeof t.value,q`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${t=>t.percentComplete}%"></div></div>`)} ${Ft(t=>"number"!=typeof t.value,q`<div class="progress" part="progress" slot="indeterminate"><slot class="indeterminate" name="indeterminate">${e.indeterminateIndicator1||""} ${e.indeterminateIndicator2||""}</slot></div>`)}</template>`,styles:bp,indeterminateIndicator1:'\n    <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n  ',indeterminateIndicator2:'\n    <span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>\n  '}),$p=bp,wp=(t,e)=>pt`
+        .indeterminate-indicator-1,.indeterminate-indicator-2,.determinate,.progress{background-color:${qe.ButtonText}}:host(.paused) .indeterminate-indicator-1,:host(.paused) .indeterminate-indicator-2,:host(.paused) .determinate{background-color:${qe.GrayText}}`));class xp extends Jo{}const $p=xp.compose({baseName:"progress",template:(t,e)=>q`<template role="progressbar" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" class="${t=>t.paused?"paused":""}">${Ft(t=>"number"==typeof t.value,q`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${t=>t.percentComplete}%"></div></div>`)} ${Ft(t=>"number"!=typeof t.value,q`<div class="progress" part="progress" slot="indeterminate"><slot class="indeterminate" name="indeterminate">${e.indeterminateIndicator1||""} ${e.indeterminateIndicator2||""}</slot></div>`)}</template>`,styles:yp,indeterminateIndicator1:'\n    <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n  ',indeterminateIndicator2:'\n    <span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>\n  '}),wp=yp,kp=(t,e)=>pt`
     ${sn("flex")} :host{align-items:center;height:calc(${Kh} * 1px);width:calc(${Kh} * 1px)}.progress{height:100%;width:100%}.background{fill:none;stroke-width:2px}.determinate{stroke:${il};fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}.indeterminate-indicator-1{stroke:${il};fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 2s linear infinite}:host(.paused) .indeterminate-indicator-1{animation:none;stroke:${cc}}:host(.paused) .determinate{stroke:${cc}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`.withBehaviors(en(pt`
-        .background{stroke:${qe.Field}}.determinate,.indeterminate-indicator-1{stroke:${qe.ButtonText}}:host(.paused) .determinate,:host(.paused) .indeterminate-indicator-1{stroke:${qe.GrayText}}`));class kp extends Jo{}const Cp=kp.compose({baseName:"progress-ring",template:(t,e)=>q`<template role="progressbar" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" class="${t=>t.paused?"paused":""}">${Ft(t=>"number"==typeof t.value,q`<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="determinate" part="determinate" style="stroke-dasharray: ${t=>44*t.percentComplete/100}px ${44}px" cx="8px" cy="8px" r="7px"></circle></svg>`)} ${Ft(t=>"number"!=typeof t.value,q`<slot name="indeterminate" slot="indeterminate">${e.indeterminateIndicator||""}</slot>`)}</template>`,styles:wp,indeterminateIndicator:'\n    <svg class="progress" part="progress" viewBox="0 0 16 16">\n        <circle\n            class="background"\n            part="background"\n            cx="8px"\n            cy="8px"\n            r="7px"\n        ></circle>\n        <circle\n            class="indeterminate-indicator-1"\n            part="indeterminate-indicator-1"\n            cx="8px"\n            cy="8px"\n            r="7px"\n        ></circle>\n    </svg>\n  '}),Ip=wp,Fp=(t,e)=>pt`
+        .background{stroke:${qe.Field}}.determinate,.indeterminate-indicator-1{stroke:${qe.ButtonText}}:host(.paused) .determinate,:host(.paused) .indeterminate-indicator-1{stroke:${qe.GrayText}}`));class Cp extends Jo{}const Ip=Cp.compose({baseName:"progress-ring",template:(t,e)=>q`<template role="progressbar" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" class="${t=>t.paused?"paused":""}">${Ft(t=>"number"==typeof t.value,q`<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="determinate" part="determinate" style="stroke-dasharray: ${t=>44*t.percentComplete/100}px ${44}px" cx="8px" cy="8px" r="7px"></circle></svg>`)} ${Ft(t=>"number"!=typeof t.value,q`<slot name="indeterminate" slot="indeterminate">${e.indeterminateIndicator||""}</slot>`)}</template>`,styles:kp,indeterminateIndicator:'\n    <svg class="progress" part="progress" viewBox="0 0 16 16">\n        <circle\n            class="background"\n            part="background"\n            cx="8px"\n            cy="8px"\n            r="7px"\n        ></circle>\n        <circle\n            class="indeterminate-indicator-1"\n            part="indeterminate-indicator-1"\n            cx="8px"\n            cy="8px"\n            r="7px"\n        ></circle>\n    </svg>\n  '}),Fp=kp,Dp=(t,e)=>pt`
     ${sn("inline-flex")} :host{--input-size:calc((${Kh} / 2) + ${sr});align-items:center;outline:none;${""} user-select:none;position:relative;flex-direction:row;transition:all 0.2s ease-in-out}.control{position:relative;width:calc(var(--input-size) * 1px);height:calc(var(--input-size) * 1px);box-sizing:border-box;border-radius:50%;border:calc(${ar} * 1px) solid ${Vc};background:${Vl};cursor:pointer}.label__hidden{display:none;visibility:hidden}.label{${Ph}
       color:${sc};${""} padding-inline-start:calc(${sr} * 2px + 2px);margin-inline-end:calc(${sr} * 2px + 2px);cursor:pointer}.control,slot[name='checked-indicator']{flex-shrink:0}slot[name='checked-indicator']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;fill:${al};opacity:0;pointer-events:none}:host(:not(.disabled):hover) .control{background:${Rl};border-color:${Rc}}:host(:not(.disabled):active) .control{background:${Al};border-color:${Ac}}:host(:not(.disabled):active) slot[name='checked-indicator']{opacity:1}:host(:${nn}) .control{${Wh}
       background:${Ll}}:host(.checked) .control{background:${il};border-color:transparent}:host(.checked:not(.disabled):hover) .control{background:${ol};border-color:transparent}:host(.checked:not(.disabled):active) .control{background:${sl};border-color:transparent}:host(.disabled) .label,:host(.readonly) .label,:host(.readonly) .control,:host(.disabled) .control{cursor:${"not-allowed"}}:host(.checked) slot[name='checked-indicator']{opacity:1}:host(.disabled){opacity:${tr}}`.withBehaviors(en(pt`
-        .control{background:${qe.Field};border-color:${qe.FieldText}}:host(:not(.disabled):hover) .control,:host(:not(.disabled):active) .control{border-color:${qe.Highlight}}:host(:${nn}) .control{forced-color-adjust:none;background:${qe.Field};outline-color:${qe.FieldText}}:host(.checked:not(.disabled):hover) .control,:host(.checked:not(.disabled):active) .control{border-color:${qe.Highlight};background:${qe.Highlight}}:host(.checked) slot[name='checked-indicator']{fill:${qe.Highlight}}:host(.checked:hover) .control slot[name='checked-indicator']{fill:${qe.HighlightText}}:host(.disabled){opacity:1}:host(.disabled) .label{color:${qe.GrayText}}:host(.disabled) .control,:host(.checked.disabled) .control{background:${qe.Field};border-color:${qe.GrayText}}:host(.disabled) slot[name='checked-indicator'],:host(.checked.disabled) slot[name='checked-indicator']{fill:${qe.GrayText}}`)),Dp=os.compose({baseName:"radio",template:(t,e)=>q`<template role="radio" class="${t=>t.checked?"checked":""} ${t=>t.readOnly?"readonly":""}" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label></template>`,styles:Fp,checkedIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="8" cy="8" r="4"/>\n    </svg>\n  '}),Tp=Fp,Sp=(t,e)=>pt`
-  ${sn("flex")} :host{align-items:flex-start;flex-direction:column}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column}:host([orientation='horizontal']) .positioning-region{flex-direction:row}`,Op=ts.compose({baseName:"radio-group",template:(t,e)=>q`<template role="radiogroup" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @focusout="${(t,e)=>t.focusOutHandler(e.event)}"><slot name="label"></slot><div class="positioning-region ${t=>t.orientation===Ve?"horizontal":"vertical"}" part="positioning-region"><slot ${Pt({property:"slottedRadioButtons",filter:Rt("[role=radio]")})}></slot></div></template>`,styles:Sp}),Ep=Sp,Vp=(t,e)=>q`<template class=" ${t=>t.readOnly?"readonly":""} "><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt({property:"defaultSlottedNodes",filter:ns})}></slot></label><div class="root" part="root" ${It("root")}>${Nt(0,e)}<div class="input-wrapper" part="input-wrapper"><input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" type="search" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")} /><slot name="clear-button"><button class="clear-button ${t=>t.value?"":"clear-button__hidden"}" part="clear-button" tabindex="-1" @click=${t=>t.handleClearInput()}><slot name="clear-glyph"><svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="m2.09 2.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L6 5.29l3.15-3.14a.5.5 0 1 1 .7.7L6.71 6l3.14 3.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L6 6.71 2.85 9.85a.5.5 0 0 1-.7-.7L5.29 6 2.15 2.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z" /></svg></slot></button></slot></div>${Bt(0,e)}</div></template>`,Rp=po.create("clear-button-hover").withDefault(t=>{const e=Wl.getValueFor(t),i=Fl.getValueFor(t);return e.evaluate(t,i.evaluate(t).focus).hover}),Ap=po.create("clear-button-active").withDefault(t=>{const e=Wl.getValueFor(t),i=Fl.getValueFor(t);return e.evaluate(t,i.evaluate(t).focus).active}),Lp=(t,e)=>pt`
+        .control{background:${qe.Field};border-color:${qe.FieldText}}:host(:not(.disabled):hover) .control,:host(:not(.disabled):active) .control{border-color:${qe.Highlight}}:host(:${nn}) .control{forced-color-adjust:none;background:${qe.Field};outline-color:${qe.FieldText}}:host(.checked:not(.disabled):hover) .control,:host(.checked:not(.disabled):active) .control{border-color:${qe.Highlight};background:${qe.Highlight}}:host(.checked) slot[name='checked-indicator']{fill:${qe.Highlight}}:host(.checked:hover) .control slot[name='checked-indicator']{fill:${qe.HighlightText}}:host(.disabled){opacity:1}:host(.disabled) .label{color:${qe.GrayText}}:host(.disabled) .control,:host(.checked.disabled) .control{background:${qe.Field};border-color:${qe.GrayText}}:host(.disabled) slot[name='checked-indicator'],:host(.checked.disabled) slot[name='checked-indicator']{fill:${qe.GrayText}}`)),Tp=os.compose({baseName:"radio",template:(t,e)=>q`<template role="radio" class="${t=>t.checked?"checked":""} ${t=>t.readOnly?"readonly":""}" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label></template>`,styles:Dp,checkedIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="8" cy="8" r="4"/>\n    </svg>\n  '}),Sp=Dp,Op=(t,e)=>pt`
+  ${sn("flex")} :host{align-items:flex-start;flex-direction:column}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column}:host([orientation='horizontal']) .positioning-region{flex-direction:row}`,Ep=ts.compose({baseName:"radio-group",template:(t,e)=>q`<template role="radiogroup" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @focusout="${(t,e)=>t.focusOutHandler(e.event)}"><slot name="label"></slot><div class="positioning-region ${t=>t.orientation===Ve?"horizontal":"vertical"}" part="positioning-region"><slot ${Pt({property:"slottedRadioButtons",filter:Rt("[role=radio]")})}></slot></div></template>`,styles:Op}),Vp=Op,Rp=(t,e)=>q`<template class=" ${t=>t.readOnly?"readonly":""} "><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt({property:"defaultSlottedNodes",filter:ns})}></slot></label><div class="root" part="root" ${It("root")}>${Nt(0,e)}<div class="input-wrapper" part="input-wrapper"><input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" type="search" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")} /><slot name="clear-button"><button class="clear-button ${t=>t.value?"":"clear-button__hidden"}" part="clear-button" tabindex="-1" @click=${t=>t.handleClearInput()}><slot name="clear-glyph"><svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="m2.09 2.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L6 5.29l3.15-3.14a.5.5 0 1 1 .7.7L6.71 6l3.14 3.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L6 6.71 2.85 9.85a.5.5 0 0 1-.7-.7L5.29 6 2.15 2.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z" /></svg></slot></button></slot></div>${Bt(0,e)}</div></template>`,Ap=po.create("clear-button-hover").withDefault(t=>{const e=Wl.getValueFor(t),i=Fl.getValueFor(t);return e.evaluate(t,i.evaluate(t).focus).hover}),Lp=po.create("clear-button-active").withDefault(t=>{const e=Wl.getValueFor(t),i=Fl.getValueFor(t);return e.evaluate(t,i.evaluate(t).focus).active}),Pp=(t,e)=>pt`
     ${sn("inline-block")}
-    ${Ad(0,0,".root")}
-    ${Ld()}
+
+    ${Ld(0,0,".root")}
+
+    ${Pd()}
+
     .root{display:flex;flex-direction:row}.control{-webkit-appearance:none;color:inherit;background:transparent;border:0;height:calc(100% - 4px);margin-top:auto;margin-bottom:auto;padding:0 calc(${sr} * 2px + 1px);font-family:inherit;font-size:inherit;line-height:inherit}.clear-button{display:inline-flex;align-items:center;margin:1px;height:calc(100% - 2px);opacity:0;background:transparent;color:${sc};fill:currentcolor;border:none;border-radius:calc(${nr} * 1px);min-width:calc(${Kh} * 1px);${Ph}
-      outline:none;padding:0 calc((10 + (${sr} * 2 * ${or})) * 1px)}.clear-button:hover{background:${Rp}}.clear-button:active{background:${Ap}}:host(:hover:not([disabled],[readOnly])) .clear-button,:host(:active:not([disabled],[readOnly])) .clear-button,:host(:focus-within:not([disabled],[readOnly])) .clear-button{opacity:1}:host(:hover:not([disabled],[readOnly])) .clear-button__hidden,:host(:active:not([disabled],[readOnly])) .clear-button__hidden,:host(:focus-within:not([disabled],[readOnly])) .clear-button__hidden{opacity:0}.control::-webkit-search-cancel-button{-webkit-appearance:none}.input-wrapper{display:flex;position:relative;width:100%}.start,.end{display:flex;margin:1px;align-items:center}.start{display:flex;margin-inline-start:11px}::slotted([slot="end"]){height:100%}.clear-button__hidden{opacity:0}.end{margin-inline-end:11px}::slotted(${t.tagFor(ci)}){margin-inline-end:1px}`.withBehaviors(Md("filled",pt`
-    ${Pd(0,0,".root")}
-  `.withBehaviors(en(pt`
-        ${Hd(0,0,".root")}
-      `))),en(pt`
-        ${zd(0,0,".root")}
-      `));class Pp extends ls{constructor(){super(...arguments),this.appearance="outline"}}od([tt],Pp.prototype,"appearance",void 0);const zp=Pp.compose({baseName:"search",baseClass:ls,template:Vp,styles:Lp,start:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg%22%3E"><path d="M8.5 3a5.5 5.5 0 0 1 4.23 9.02l4.12 4.13a.5.5 0 0 1-.63.76l-.07-.06-4.13-4.12A5.5 5.5 0 1 1 8.5 3Zm0 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z"/></svg>',shadowOptions:{delegatesFocus:!0}}),Hp=Lp;class Mp extends us{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline"),this.listbox&&Ja.setValueFor(this.listbox,qa)}}od([tt({mode:"fromView"})],Mp.prototype,"appearance",void 0);const Bp=Mp.compose({baseName:"select",baseClass:us,template:(t,e)=>q`<template class="${t=>[t.collapsible&&"collapsible",t.collapsible&&t.open&&"open",t.disabled&&"disabled",t.collapsible&&t.position].filter(Boolean).join(" ")}" aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="${t=>t.collapsible?"listbox":null}" aria-multiselectable="${t=>t.ariaMultiSelectable}" ?open="${t=>t.open}" role="combobox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}">${Ft(t=>t.collapsible,q`<div class="control" part="control" ?disabled="${t=>t.disabled}" ${It("control")}>${Nt(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div aria-hidden="true" class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${Bt(0,e)}</div>`)}<div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!!t.collapsible&&!t.open}" ${It("listbox")}><slot ${Pt({filter:zi.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:yu,indicator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  '}),Np=yu,jp=(t,e)=>pt`
+      outline:none;padding:0 calc((10 + (${sr} * 2 * ${or})) * 1px)}.clear-button:hover{background:${Ap}}.clear-button:active{background:${Lp}}:host(:hover:not([disabled],[readOnly])) .clear-button,:host(:active:not([disabled],[readOnly])) .clear-button,:host(:focus-within:not([disabled],[readOnly])) .clear-button{opacity:1}:host(:hover:not([disabled],[readOnly])) .clear-button__hidden,:host(:active:not([disabled],[readOnly])) .clear-button__hidden,:host(:focus-within:not([disabled],[readOnly])) .clear-button__hidden{opacity:0}.control::-webkit-search-cancel-button{-webkit-appearance:none}.input-wrapper{display:flex;position:relative;width:100%}.start,.end{display:flex;margin:1px;align-items:center}.start{display:flex;margin-inline-start:11px}::slotted([slot="end"]){height:100%}.clear-button__hidden{opacity:0}.end{margin-inline-end:11px}::slotted(${t.tagFor(ci)}){margin-inline-end:1px}`.withBehaviors(Bd("outline",zd(0,0,".root")),Bd("filled",Hd(0,0,".root")),en(Md(0,0,".root")));class zp extends ls{constructor(){super(...arguments),this.appearance="outline"}}od([tt],zp.prototype,"appearance",void 0);const Hp=zp.compose({baseName:"search",baseClass:ls,template:Rp,styles:Pp,start:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg%22%3E"><path d="M8.5 3a5.5 5.5 0 0 1 4.23 9.02l4.12 4.13a.5.5 0 0 1-.63.76l-.07-.06-4.13-4.12A5.5 5.5 0 1 1 8.5 3Zm0 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Z"/></svg>',shadowOptions:{delegatesFocus:!0}}),Mp=Pp;class Bp extends us{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline"),this.listbox&&Ja.setValueFor(this.listbox,qa)}}od([tt({mode:"fromView"})],Bp.prototype,"appearance",void 0);const Np=Bp.compose({baseName:"select",baseClass:us,template:(t,e)=>q`<template class="${t=>[t.collapsible&&"collapsible",t.collapsible&&t.open&&"open",t.disabled&&"disabled",t.collapsible&&t.position].filter(Boolean).join(" ")}" aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="${t=>t.collapsible?"listbox":null}" aria-multiselectable="${t=>t.ariaMultiSelectable}" ?open="${t=>t.open}" role="combobox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}">${Ft(t=>t.collapsible,q`<div class="control" part="control" ?disabled="${t=>t.disabled}" ${It("control")}>${Nt(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div aria-hidden="true" class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${Bt(0,e)}</div>`)}<div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!!t.collapsible&&!t.open}" ${It("listbox")}><slot ${Pt({filter:zi.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:xu,indicator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  '}),jp=xu,Up=(t,e)=>pt`
     ${sn("block")} :host{--skeleton-fill-default:${Ul};overflow:hidden;width:100%;position:relative;background-color:var(--skeleton-fill,var(--skeleton-fill-default));--skeleton-animation-gradient-default:linear-gradient(
         270deg,var(--skeleton-fill,var(--skeleton-fill-default)) 0%,${ql} 51%,var(--skeleton-fill,var(--skeleton-fill-default)) 100%
       );--skeleton-animation-timing-default:ease-in-out}:host(.rect){border-radius:calc(${nr} * 1px)}:host(.circle){border-radius:100%;overflow:hidden}object{position:absolute;width:100%;height:auto;z-index:2}object img{width:100%;height:auto}${sn("block")} span.shimmer{position:absolute;width:100%;height:100%;background-image:var(--skeleton-animation-gradient,var(--skeleton-animation-gradient-default));background-size:0px 0px / 90% 100%;background-repeat:no-repeat;background-color:var(--skeleton-animation-fill,${Ul});animation:shimmer 2s infinite;animation-timing-function:var(--skeleton-animation-timing,var(--skeleton-timing-default));animation-direction:normal;z-index:1}::slotted(svg){z-index:2}::slotted(.pattern){width:100%;height:100%}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`.withBehaviors(en(pt`
-        :host{background-color:${qe.CanvasText}}`)),Up=gs.compose({baseName:"skeleton",template:(t,e)=>q`<template class="${t=>"circle"===t.shape?"circle":"rect"}" pattern="${t=>t.pattern}" ?shimmer="${t=>t.shimmer}">${Ft(t=>!0===t.shimmer,q`<span class="shimmer"></span>`)}<object type="image/svg+xml" data="${t=>t.pattern}" role="presentation"><img class="pattern" src="${t=>t.pattern}" /></object><slot></slot></template>`,styles:jp}),qp=jp,_p=(t,e)=>pt`
+        :host{background-color:${qe.CanvasText}}`)),qp=gs.compose({baseName:"skeleton",template:(t,e)=>q`<template class="${t=>"circle"===t.shape?"circle":"rect"}" pattern="${t=>t.pattern}" ?shimmer="${t=>t.shimmer}">${Ft(t=>!0===t.shimmer,q`<span class="shimmer"></span>`)}<object type="image/svg+xml" data="${t=>t.pattern}" role="presentation"><img class="pattern" src="${t=>t.pattern}" /></object><slot></slot></template>`,styles:Up}),_p=Up,Gp=(t,e)=>pt`
     ${sn("inline-grid")} :host{--thumb-size:calc((${Kh} / 2) + ${sr} + (${ar} * 2));--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:calc((${sr} / 2) * -1);--track-width:${sr};align-items:center;width:100%;user-select:none;box-sizing:border-box;border-radius:calc(${nr} * 1px);outline:none;cursor:pointer}:host(.horizontal) .positioning-region{position:relative;margin:0 8px;display:grid;grid-template-rows:calc(var(--thumb-size) * 1px) 1fr}:host(.vertical) .positioning-region{position:relative;margin:0 8px;display:grid;height:100%;grid-template-columns:calc(var(--thumb-size) * 1px) 1fr}:host(:${nn}) .thumb-cursor{box-shadow:0 0 0 2px ${Ja},0 0 0 4px ${zc}}.thumb-container{position:absolute;height:calc(var(--thumb-size) * 1px);width:calc(var(--thumb-size) * 1px);transition:all 0.2s ease}.thumb-cursor{display:flex;position:relative;border:none;width:calc(var(--thumb-size) * 1px);height:calc(var(--thumb-size) * 1px);background:padding-box linear-gradient(${wl},${wl}),border-box ${mc};border:calc(${ar} * 1px) solid transparent;border-radius:50%;box-sizing:border-box}.thumb-cursor::after{content:'';display:block;border-radius:50%;width:100%;margin:4px;background:${il}}:host(:not(.disabled)) .thumb-cursor:hover::after{background:${ol};margin:3px}:host(:not(.disabled)) .thumb-cursor:active::after{background:${sl};margin:5px}:host(:not(.disabled)) .thumb-cursor:hover{background:padding-box linear-gradient(${wl},${wl}),border-box ${vc}}:host(:not(.disabled)) .thumb-cursor:active{background:padding-box linear-gradient(${wl},${wl}),border-box ${bc}}.track-start{background:${il};position:absolute;height:100%;left:0;border-radius:calc(${nr} * 1px)}:host(.horizontal) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5px)) translateY(calc(var(--thumb-translate) * 1px))}:host(.vertical) .thumb-container{transform:translateX(calc(var(--thumb-translate) * 1px)) translateY(calc(var(--thumb-size) * 0.5px))}:host(.horizontal){min-width:calc(var(--thumb-size) * 1px)}:host(.horizontal) .track{right:calc(var(--track-overhang) * 1px);left:calc(var(--track-overhang) * 1px);align-self:start;height:calc(var(--track-width) * 1px)}:host(.vertical) .track{top:calc(var(--track-overhang) * 1px);bottom:calc(var(--track-overhang) * 1px);width:calc(var(--track-width) * 1px);height:100%}.track{background:${Jl};border:1px solid ${Vc};border-radius:2px;box-sizing:border-box;position:absolute}:host(.vertical){height:100%;min-height:calc(${sr} * 60px);min-width:calc(${sr} * 20px)}:host(.vertical) .track-start{height:auto;width:100%;top:0}:host(.disabled),:host(.readonly){cursor:${"not-allowed"}}:host(.disabled){opacity:${tr}}`.withBehaviors(en(pt`
-        .thumb-cursor{forced-color-adjust:none;border-color:${qe.FieldText};background:${qe.FieldText}}:host(:not(.disabled)) .thumb-cursor:hover,:host(:not(.disabled)) .thumb-cursor:active{background:${qe.Highlight}}.track{forced-color-adjust:none;background:${qe.FieldText}}.thumb-cursor::after,:host(:not(.disabled)) .thumb-cursor:hover::after,:host(:not(.disabled)) .thumb-cursor:active::after{background:${qe.Field}}:host(:${nn}) .thumb-cursor{background:${qe.Highlight};border-color:${qe.Highlight};box-shadow:0 0 0 1px ${qe.Field},0 0 0 3px ${qe.FieldText}}:host(.disabled){opacity:1}:host(.disabled) .track,:host(.disabled) .thumb-cursor{forced-color-adjust:none;background:${qe.GrayText}}`)),Gp=$s.compose({baseName:"slider",template:(t,e)=>q`<template role="slider" class="${t=>t.readOnly?"readonly":""} ${t=>t.orientation||Ve}" tabindex="${t=>t.disabled?null:0}" aria-valuetext="${t=>t.valueTextFormatter(t.value)}" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" aria-disabled="${t=>!!t.disabled||void 0}" aria-readonly="${t=>!!t.readOnly||void 0}" aria-orientation="${t=>t.orientation}" class="${t=>t.orientation}"><div part="positioning-region" class="positioning-region"><div ${It("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${t=>t.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${It("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}"><slot name="thumb">${e.thumb||""}</slot></div></div></template>`,styles:_p,thumb:'\n    <div class="thumb-cursor"></div>\n  '}),Wp=_p,Kp=(t,e)=>pt`
+        .thumb-cursor{forced-color-adjust:none;border-color:${qe.FieldText};background:${qe.FieldText}}:host(:not(.disabled)) .thumb-cursor:hover,:host(:not(.disabled)) .thumb-cursor:active{background:${qe.Highlight}}.track{forced-color-adjust:none;background:${qe.FieldText}}.thumb-cursor::after,:host(:not(.disabled)) .thumb-cursor:hover::after,:host(:not(.disabled)) .thumb-cursor:active::after{background:${qe.Field}}:host(:${nn}) .thumb-cursor{background:${qe.Highlight};border-color:${qe.Highlight};box-shadow:0 0 0 1px ${qe.Field},0 0 0 3px ${qe.FieldText}}:host(.disabled){opacity:1}:host(.disabled) .track,:host(.disabled) .thumb-cursor{forced-color-adjust:none;background:${qe.GrayText}}`)),Wp=$s.compose({baseName:"slider",template:(t,e)=>q`<template role="slider" class="${t=>t.readOnly?"readonly":""} ${t=>t.orientation||Ve}" tabindex="${t=>t.disabled?null:0}" aria-valuetext="${t=>t.valueTextFormatter(t.value)}" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" aria-disabled="${t=>!!t.disabled||void 0}" aria-readonly="${t=>!!t.readOnly||void 0}" aria-orientation="${t=>t.orientation}" class="${t=>t.orientation}"><div part="positioning-region" class="positioning-region"><div ${It("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${t=>t.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${It("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}"><slot name="thumb">${e.thumb||""}</slot></div></div></template>`,styles:Gp,thumb:'\n    <div class="thumb-cursor"></div>\n  '}),Kp=Gp,Xp=(t,e)=>pt`
     ${sn("block")} :host{${zh}}.root{position:absolute;display:grid}:host(.horizontal){align-self:start;grid-row:2;margin-top:-4px}:host(.vertical){justify-self:start;grid-column:2;margin-left:2px}.container{display:grid;justify-self:center}:host(.horizontal) .container{grid-template-rows:auto auto;grid-template-columns:0}:host(.vertical) .container{grid-template-columns:auto auto;grid-template-rows:0;min-width:calc(var(--thumb-size) * 1px);height:calc(var(--thumb-size) * 1px)}.label{justify-self:center;align-self:center;white-space:nowrap;max-width:30px;margin:2px 0}.mark{width:calc(${ar} * 1px);height:calc(${sr} * 1px);background:${Vc};justify-self:center}:host(.vertical) .mark{transform:rotate(90deg);align-self:center}:host(.vertical) .label{margin-left:calc((${sr} / 2) * 2px);align-self:center}:host(.disabled){opacity:${tr}}`.withBehaviors(en(pt`
-        .mark{forced-color-adjust:none;background:${qe.FieldText}}:host(.disabled){forced-color-adjust:none;opacity:1}:host(.disabled) .label{color:${qe.GrayText}}:host(.disabled) .mark{background:${qe.GrayText}}`)),Xp=vs.compose({baseName:"slider-label",template:(t,e)=>q`<template aria-disabled="${t=>t.disabled}" class="${t=>t.sliderOrientation||Ve} ${t=>t.disabled?"disabled":""}"><div ${It("root")} part="root" class="root" style="${t=>t.positionStyle}"><div class="container">${Ft(t=>!t.hideMark,q`<div class="mark"></div>`)}<div class="label"><slot></slot></div></div></div></template>`,styles:Kp}),Yp=Kp,Qp=(t,e)=>pt`
+        .mark{forced-color-adjust:none;background:${qe.FieldText}}:host(.disabled){forced-color-adjust:none;opacity:1}:host(.disabled) .label{color:${qe.GrayText}}:host(.disabled) .mark{background:${qe.GrayText}}`)),Yp=vs.compose({baseName:"slider-label",template:(t,e)=>q`<template aria-disabled="${t=>t.disabled}" class="${t=>t.sliderOrientation||Ve} ${t=>t.disabled?"disabled":""}"><div ${It("root")} part="root" class="root" style="${t=>t.positionStyle}"><div class="container">${Ft(t=>!t.hideMark,q`<div class="mark"></div>`)}<div class="label"><slot></slot></div></div></div></template>`,styles:Xp}),Qp=Xp,Zp=(t,e)=>pt`
     :host([hidden]){display:none}${sn("inline-flex")} :host{align-items:center;outline:none;font-family:${cr};${""} user-select:none}:host(.disabled){opacity:${tr}}:host(.disabled) .label,:host(.readonly) .label,:host(.disabled) .switch,:host(.readonly) .switch,:host(.disabled) .status-message,:host(.readonly) .status-message{cursor:${"not-allowed"}}.switch{position:relative;box-sizing:border-box;width:calc(((${Kh} / 2) + ${sr}) * 2px);height:calc(((${Kh} / 2) + ${sr}) * 1px);background:${Vl};border-radius:calc(${Kh} * 1px);border:calc(${ar} * 1px) solid ${Vc};cursor:pointer}:host(:not(.disabled):hover) .switch{background:${Rl};border-color:${Rc}}:host(:not(.disabled):active) .switch{background:${Al};border-color:${Ac}}:host(:${nn}) .switch{${Wh}
       background:${Ll}}:host(.checked) .switch{background:${il};border-color:transparent}:host(.checked:not(.disabled):hover) .switch{background:${ol};border-color:transparent}:host(.checked:not(.disabled):active) .switch{background:${sl};border-color:transparent}slot[name='switch']{position:absolute;display:flex;border:1px solid transparent;fill:${sc};transition:all 0.2s ease-in-out}.status-message{color:${sc};cursor:pointer;${Ph}}.label__hidden{display:none;visibility:hidden}.label{color:${sc};${Ph}
       margin-inline-end:calc(${sr} * 2px + 2px);cursor:pointer}::slotted([slot="checked-message"]),::slotted([slot="unchecked-message"]){margin-inline-start:calc(${sr} * 2px + 2px)}:host(.checked) .switch{background:${il}}:host(.checked) .switch slot[name='switch']{fill:${al};filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.15))}:host(.checked:not(.disabled)) .switch:hover{background:${ol}}:host(.checked:not(.disabled)) .switch:hover slot[name='switch']{fill:${ll}}:host(.checked:not(.disabled)) .switch:active{background:${sl}}:host(.checked:not(.disabled)) .switch:active slot[name='switch']{fill:${cl}}.unchecked-message{display:block}.checked-message{display:none}:host(.checked) .unchecked-message{display:none}:host(.checked) .checked-message{display:block}`.withBehaviors(new sd(pt`
         slot[name='switch']{left:0}:host(.checked) slot[name='switch']{left:100%;transform:translateX(-100%)}`,pt`
         slot[name='switch']{right:0}:host(.checked) slot[name='switch']{right:100%;transform:translateX(100%)}`),en(pt`
-        :host(:not(.disabled)) .switch slot[name='switch']{forced-color-adjust:none;fill:${qe.FieldText}}.switch{background:${qe.Field};border-color:${qe.FieldText}}:host(.checked) .switch{background:${qe.Highlight};border-color:${qe.Highlight}}:host(:not(.disabled):hover) .switch,:host(:not(.disabled):active) .switch,:host(.checked:not(.disabled):hover) .switch{background:${qe.HighlightText};border-color:${qe.Highlight}}:host(.checked:not(.disabled)) .switch slot[name="switch"]{fill:${qe.HighlightText}}:host(.checked:not(.disabled):hover) .switch slot[name='switch']{fill:${qe.Highlight}}:host(:${nn}) .switch{forced-color-adjust:none;background:${qe.Field};border-color:${qe.Highlight};outline-color:${qe.FieldText}}:host(.disabled){opacity:1}:host(.disabled) slot[name='switch']{forced-color-adjust:none;fill:${qe.GrayText}}:host(.disabled) .switch{background:${qe.Field};border-color:${qe.GrayText}}.status-message,.label{color:${qe.FieldText}}`)),Zp=Cs.compose({baseName:"switch",template:(t,e)=>q`<template role="switch" aria-checked="${t=>t.checked}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.checked?"checked":""}"><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label><div part="switch" class="switch"><slot name="switch">${e.switch||""}</slot></div><span class="status-message" part="status-message"><span class="checked-message" part="checked-message"><slot name="checked-message"></slot></span><span class="unchecked-message" part="unchecked-message"><slot name="unchecked-message"></slot></span></span></template>`,styles:Qp,switch:'\n    <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n      <rect x="2" y="2" width="12" height="12" rx="6"/>\n    </svg>\n  '}),Jp=Qp,tg=(t,e)=>pt`
+        :host(:not(.disabled)) .switch slot[name='switch']{forced-color-adjust:none;fill:${qe.FieldText}}.switch{background:${qe.Field};border-color:${qe.FieldText}}:host(.checked) .switch{background:${qe.Highlight};border-color:${qe.Highlight}}:host(:not(.disabled):hover) .switch,:host(:not(.disabled):active) .switch,:host(.checked:not(.disabled):hover) .switch{background:${qe.HighlightText};border-color:${qe.Highlight}}:host(.checked:not(.disabled)) .switch slot[name="switch"]{fill:${qe.HighlightText}}:host(.checked:not(.disabled):hover) .switch slot[name='switch']{fill:${qe.Highlight}}:host(:${nn}) .switch{forced-color-adjust:none;background:${qe.Field};border-color:${qe.Highlight};outline-color:${qe.FieldText}}:host(.disabled){opacity:1}:host(.disabled) slot[name='switch']{forced-color-adjust:none;fill:${qe.GrayText}}:host(.disabled) .switch{background:${qe.Field};border-color:${qe.GrayText}}.status-message,.label{color:${qe.FieldText}}`)),Jp=Cs.compose({baseName:"switch",template:(t,e)=>q`<template role="switch" aria-checked="${t=>t.checked}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.checked?"checked":""}"><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label><div part="switch" class="switch"><slot name="switch">${e.switch||""}</slot></div><span class="status-message" part="status-message"><span class="checked-message" part="checked-message"><slot name="checked-message"></slot></span><span class="unchecked-message" part="unchecked-message"><slot name="unchecked-message"></slot></span></span></template>`,styles:Zp,switch:'\n    <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n      <rect x="2" y="2" width="12" height="12" rx="6"/>\n    </svg>\n  '}),tg=Zp,eg=(t,e)=>pt`
       ${sn("grid")} :host{box-sizing:border-box;${Ph}
         color:${sc};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}.tablist{display:grid;grid-template-rows:calc(${Kh} * 1px);auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end}.start,.end{align-self:center}.activeIndicator{grid-row:2;grid-column:1;width:20px;height:3px;border-radius:calc(${nr} * 1px);justify-self:center;background:${il}}.activeIndicatorTransition{transition:transform 0.2s ease-in-out}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host(.vertical){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host(.vertical) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host(.vertical) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host(.vertical) .end{grid-row:3}:host(.vertical) .activeIndicator{grid-column:1;grid-row:1;width:3px;height:20px;margin-inline-start:calc(${lr} * 1px);border-radius:calc(${nr} * 1px);align-self:center;background:${il}}:host(.vertical) .activeIndicatorTransition{transition:transform 0.2s linear}`.withBehaviors(en(pt`
-        .activeIndicator,:host(.vertical) .activeIndicator{background:${qe.Highlight}}`)),eg=(t,e)=>pt`
+        .activeIndicator,:host(.vertical) .activeIndicator{background:${qe.Highlight}}`)),ig=(t,e)=>pt`
       ${sn("inline-flex")} :host{box-sizing:border-box;${Ph}
         height:calc((${Kh} + (${sr} * 2)) * 1px);padding:0 calc((6 + (${sr} * 2 * ${or})) * 1px);color:${sc};border-radius:calc(${nr} * 1px);border:calc(${ar} * 1px) solid transparent;align-items:center;justify-content:center;grid-row:1 / 3;cursor:pointer}:host([aria-selected='true']){z-index:2}:host(:hover),:host(:active){color:${sc}}:host(:${nn}){${Gh}}:host(.vertical){justify-content:start;grid-column:1 / 3}:host(.vertical[aria-selected='true']){z-index:2}:host(.vertical:hover),:host(.vertical:active){color:${sc}}:host(.vertical:hover[aria-selected='true']){}`.withBehaviors(en(pt`
-          :host{forced-color-adjust:none;border-color:transparent;color:${qe.ButtonText};fill:currentcolor}:host(:hover),:host(.vertical:hover),:host([aria-selected='true']:hover){background:transparent;color:${qe.Highlight};fill:currentcolor}:host([aria-selected='true']){background:transparent;color:${qe.Highlight};fill:currentcolor}:host(:${nn}){background:transparent;outline-color:${qe.ButtonText}}`)),ig=Fs.compose({baseName:"tab",template:(t,e)=>q`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}"><slot></slot></template>`,styles:eg}),og=eg,sg=(t,e)=>pt`
+          :host{forced-color-adjust:none;border-color:transparent;color:${qe.ButtonText};fill:currentcolor}:host(:hover),:host(.vertical:hover),:host([aria-selected='true']:hover){background:transparent;color:${qe.Highlight};fill:currentcolor}:host([aria-selected='true']){background:transparent;color:${qe.Highlight};fill:currentcolor}:host(:${nn}){background:transparent;outline-color:${qe.ButtonText}}`)),og=Fs.compose({baseName:"tab",template:(t,e)=>q`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}"><slot></slot></template>`,styles:ig}),sg=ig,ng=(t,e)=>pt`
   ${sn("block")} :host{box-sizing:border-box;${Ph}
-    padding:0 calc((6 + (${sr} * 2 * ${or})) * 1px)}`,ng=Is.compose({baseName:"tab-panel",template:(t,e)=>q`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,styles:sg}),rg=sg,ag=Ts.compose({baseName:"tabs",template:(t,e)=>q`<template class="${t=>t.orientation}">${Nt(0,e)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${Pt("tabs")}></slot>${Ft(t=>t.showActiveIndicator,q`<div ${It("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${Bt(0,e)}<div class="tabpanel"><slot name="tabpanel" part="tabpanel" ${Pt("tabpanels")}></slot></div></template>`,styles:tg}),lg=tg,cg=(t,e)=>pt`
+    padding:0 calc((6 + (${sr} * 2 * ${or})) * 1px)}`,rg=Is.compose({baseName:"tab-panel",template:(t,e)=>q`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,styles:ng}),ag=ng,lg=Ts.compose({baseName:"tabs",template:(t,e)=>q`<template class="${t=>t.orientation}">${Nt(0,e)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${Pt("tabs")}></slot>${Ft(t=>t.showActiveIndicator,q`<div ${It("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${Bt(0,e)}<div class="tabpanel"><slot name="tabpanel" part="tabpanel" ${Pt("tabpanels")}></slot></div></template>`,styles:eg}),cg=eg,hg=(t,e)=>pt`
     ${sn("inline-flex")}
 
-    ${Ad(0,0,".control")}
+    ${Ld(0,0,".control")}
 
-    ${Ld()}
+    ${Pd()}
 
-    :host{flex-direction:column;vertical-align:bottom}.control{height:calc((${Kh} * 2) * 1px);padding:calc(${sr} * 1.5px) calc(${sr} * 2px + 1px)}:host .control{resize:none}:host(.resize-both) .control{resize:both}:host(.resize-horizontal) .control{resize:horizontal}:host(.resize-vertical) .control{resize:vertical}`.withBehaviors(Md("filled",pt`
-    ${Pd(0,0,".control")}
-  `.withBehaviors(en(pt`
-        ${Hd(0,0,".control")}
-      `))),en(pt`
-        ${zd(0,0,".control")}
-      `));class hg extends Vs{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}od([tt],hg.prototype,"appearance",void 0);const dg=hg.compose({baseName:"text-area",baseClass:Vs,template:(t,e)=>q`<template class=" ${t=>t.readOnly?"readonly":""} ${t=>t.resize!==Es?"resize-"+t.resize:""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label><textarea part="control" class="control" id="control" ?autofocus="${t=>t.autofocus}" cols="${t=>t.cols}" ?disabled="${t=>t.disabled}" form="${t=>t.form}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" name="${t=>t.name}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" rows="${t=>t.rows}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" @input="${(t,e)=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ${It("control")}></textarea></template>`,styles:cg,shadowOptions:{delegatesFocus:!0}}),ug=cg,pg=(t,e)=>pt`
+    :host{flex-direction:column;vertical-align:bottom}.control{height:calc((${Kh} * 2) * 1px);padding:calc(${sr} * 1.5px) calc(${sr} * 2px + 1px)}:host .control{resize:none}:host(.resize-both) .control{resize:both}:host(.resize-horizontal) .control{resize:horizontal}:host(.resize-vertical) .control{resize:vertical}`.withBehaviors(Bd("outline",zd(0,0,".control")),Bd("filled",Hd(0,0,".control")),en(Md(0,0,".control")));class dg extends Vs{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}od([tt],dg.prototype,"appearance",void 0);const ug=dg.compose({baseName:"text-area",baseClass:Vs,template:(t,e)=>q`<template class=" ${t=>t.readOnly?"readonly":""} ${t=>t.resize!==Es?"resize-"+t.resize:""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt("defaultSlottedNodes")}></slot></label><textarea part="control" class="control" id="control" ?autofocus="${t=>t.autofocus}" cols="${t=>t.cols}" ?disabled="${t=>t.disabled}" form="${t=>t.form}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" name="${t=>t.name}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" rows="${t=>t.rows}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" @input="${(t,e)=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ${It("control")}></textarea></template>`,styles:hg,shadowOptions:{delegatesFocus:!0}}),pg=hg,gg=(t,e)=>pt`
     ${sn("inline-block")}
 
-    ${Ad(0,0,".root")}
+    ${Ld(0,0,".root")}
 
-    ${Ld()}
+    ${Pd()}
 
-    .root{display:flex;flex-direction:row}.control{-webkit-appearance:none;color:inherit;background:transparent;border:0;height:calc(100% - 4px);margin-top:auto;margin-bottom:auto;padding:0 calc(${sr} * 2px + 1px);font-family:inherit;font-size:inherit;line-height:inherit}.start,.end{display:flex;margin:auto}.start{display:flex;margin-inline-start:11px}.end{display:flex;margin-inline-end:11px}`.withBehaviors(Md("filled",pt`
-    ${Pd(0,0,".root")}
-  `.withBehaviors(en(pt`
-        ${Hd(0,0,".root")}
-      `))),en(pt`
-        ${zd(0,0,".root")}
-      `));class gg extends Ko{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}od([tt],gg.prototype,"appearance",void 0);const fg=gg.compose({baseName:"text-field",baseClass:Ko,template:(t,e)=>q`<template class=" ${t=>t.readOnly?"readonly":""} "><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt({property:"defaultSlottedNodes",filter:ns})}></slot></label><div class="root" part="root">${Nt(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" type="${t=>t.type}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")} />${Bt(0,e)}</div></template>`,styles:pg,shadowOptions:{delegatesFocus:!0}}),mg=pg;class vg extends As{}const bg=vg.compose({baseName:"toolbar",baseClass:As,template:(t,e)=>q`<template aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-orientation="${t=>t.orientation}" orientation="${t=>t.orientation}" role="toolbar" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" ${Ht({property:"childItems",attributeFilter:["disabled","hidden"],filter:Rt(),subtree:!0})}><slot name="label"></slot><div class="positioning-region" part="positioning-region">${Nt(0,e)}<slot ${Pt({filter:Rt(),property:"slottedItems"})}></slot>${Bt(0,e)}</div></template>`,styles:(t,e)=>pt`
+    .root{display:flex;flex-direction:row}.control{-webkit-appearance:none;color:inherit;background:transparent;border:0;height:calc(100% - 4px);margin-top:auto;margin-bottom:auto;padding:0 calc(${sr} * 2px + 1px);font-family:inherit;font-size:inherit;line-height:inherit}.start,.end{display:flex;margin:auto}.start{display:flex;margin-inline-start:11px}.end{display:flex;margin-inline-end:11px}`.withBehaviors(Bd("outline",zd(0,0,".root")),Bd("filled",Hd(0,0,".root")),en(Md(0,0,".root")));class fg extends Ko{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}od([tt],fg.prototype,"appearance",void 0);const mg=fg.compose({baseName:"text-field",baseClass:Ko,template:(t,e)=>q`<template class=" ${t=>t.readOnly?"readonly":""} "><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Pt({property:"defaultSlottedNodes",filter:ns})}></slot></label><div class="root" part="root">${Nt(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" ?spellcheck="${t=>t.spellcheck}" :value="${t=>t.value}" type="${t=>t.type}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${It("control")} />${Bt(0,e)}</div></template>`,styles:gg,shadowOptions:{delegatesFocus:!0}}),vg=gg;class bg extends As{}const yg=bg.compose({baseName:"toolbar",baseClass:As,template:(t,e)=>q`<template aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-orientation="${t=>t.orientation}" orientation="${t=>t.orientation}" role="toolbar" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" ${Ht({property:"childItems",attributeFilter:["disabled","hidden"],filter:Rt(),subtree:!0})}><slot name="label"></slot><div class="positioning-region" part="positioning-region">${Nt(0,e)}<slot ${Pt({filter:Rt(),property:"slottedItems"})}></slot>${Bt(0,e)}</div></template>`,styles:(t,e)=>pt`
     ${sn("inline-flex")} :host{--toolbar-item-gap:calc(${sr} * 1px);background:${Ja};fill:currentcolor;padding:var(--toolbar-item-gap);box-sizing:border-box;align-items:center}:host(${nn}){${Gh}}.positioning-region{align-items:center;display:inline-flex;flex-flow:row wrap;justify-content:flex-start;flex-grow:1}:host([orientation='vertical']) .positioning-region{flex-direction:column;align-items:start}::slotted(:not([slot])){flex:0 0 auto;margin:0 var(--toolbar-item-gap)}:host([orientation='vertical']) ::slotted(:not([slot])){margin:var(--toolbar-item-gap) 0}:host([orientation='vertical']){display:inline-flex;flex-direction:column}.start,.end{display:flex;align-items:center}.end{margin-inline-start:auto}.start__hidden,.end__hidden{display:none}::slotted(svg){${""}
       width:16px;height:16px}`.withBehaviors(en(pt`
-        :host(:${nn}){outline-color:${qe.Highlight};color:${qe.ButtonText};forced-color-adjust:none}`))});class yg extends Ys{connectedCallback(){super.connectedCallback(),Ja.setValueFor(this,qa)}}const xg=yg.compose({baseName:"tooltip",baseClass:Ys,template:(t,e)=>q` ${Ft(t=>t.tooltipVisible,q`<${t.tagFor(Je)} fixed-placement="true" auto-update-mode="${t=>t.autoUpdateMode}" vertical-positioning-mode="${t=>t.verticalPositioningMode}" vertical-default-position="${t=>t.verticalDefaultPosition}" vertical-inset="${t=>t.verticalInset}" vertical-scaling="${t=>t.verticalScaling}" horizontal-positioning-mode="${t=>t.horizontalPositioningMode}" horizontal-default-position="${t=>t.horizontalDefaultPosition}" horizontal-scaling="${t=>t.horizontalScaling}" horizontal-inset="${t=>t.horizontalInset}" vertical-viewport-lock="${t=>t.horizontalViewportLock}" horizontal-viewport-lock="${t=>t.verticalViewportLock}" dir="${t=>t.currentDirection}" ${It("region")}><div class="tooltip" part="tooltip" role="tooltip"><slot></slot></div></${t.tagFor(Je)}>`)} `,styles:(t,e)=>pt`
+        :host(:${nn}){outline-color:${qe.Highlight};color:${qe.ButtonText};forced-color-adjust:none}`))});class xg extends Ys{connectedCallback(){super.connectedCallback(),Ja.setValueFor(this,qa)}}const $g=xg.compose({baseName:"tooltip",baseClass:Ys,template:(t,e)=>q` ${Ft(t=>t.tooltipVisible,q`<${t.tagFor(Je)} fixed-placement="true" auto-update-mode="${t=>t.autoUpdateMode}" vertical-positioning-mode="${t=>t.verticalPositioningMode}" vertical-default-position="${t=>t.verticalDefaultPosition}" vertical-inset="${t=>t.verticalInset}" vertical-scaling="${t=>t.verticalScaling}" horizontal-positioning-mode="${t=>t.horizontalPositioningMode}" horizontal-default-position="${t=>t.horizontalDefaultPosition}" horizontal-scaling="${t=>t.horizontalScaling}" horizontal-inset="${t=>t.horizontalInset}" vertical-viewport-lock="${t=>t.horizontalViewportLock}" horizontal-viewport-lock="${t=>t.verticalViewportLock}" dir="${t=>t.currentDirection}" ${It("region")}><div class="tooltip" part="tooltip" role="tooltip"><slot></slot></div></${t.tagFor(Je)}>`)} `,styles:(t,e)=>pt`
     :host{position:relative;contain:layout;overflow:visible;height:0;width:0;z-index:10000}.tooltip{box-sizing:border-box;border-radius:calc(${nr} * 1px);border:calc(${ar} * 1px) solid ${Tc};background:${Ja};color:${sc};padding:4px 12px;height:fit-content;width:fit-content;${Ph}
       white-space:nowrap;box-shadow:${yd}}fluent-anchored-region{display:flex;justify-content:center;align-items:center;overflow:visible;flex-direction:row}fluent-anchored-region.right,fluent-anchored-region.left{flex-direction:column}fluent-anchored-region.top .tooltip::after,fluent-anchored-region.bottom .tooltip::after,fluent-anchored-region.left .tooltip::after,fluent-anchored-region.right .tooltip::after{content:'';width:12px;height:12px;background:${Ja};border-top:calc(${ar} * 1px) solid ${Tc};border-left:calc(${ar} * 1px) solid ${Tc};position:absolute}fluent-anchored-region.top .tooltip::after{transform:translateX(-50%) rotate(225deg);bottom:5px;left:50%}fluent-anchored-region.top .tooltip{margin-bottom:12px}fluent-anchored-region.bottom .tooltip::after{transform:translateX(-50%) rotate(45deg);top:5px;left:50%}fluent-anchored-region.bottom .tooltip{margin-top:12px}fluent-anchored-region.left .tooltip::after{transform:translateY(-50%) rotate(135deg);top:50%;right:5px}fluent-anchored-region.left .tooltip{margin-right:12px}fluent-anchored-region.right .tooltip::after{transform:translateY(-50%) rotate(-45deg);top:50%;left:5px}fluent-anchored-region.right .tooltip{margin-left:12px}`.withBehaviors(en(pt`
-        :host([disabled]){opacity:1}fluent-anchored-region.top .tooltip::after,fluent-anchored-region.bottom .tooltip::after,fluent-anchored-region.left .tooltip::after,fluent-anchored-region.right .tooltip::after{content:'';width:unset;height:unset}`))}),$g=(t,e)=>pt`
-  :host([hidden]){display:none}${sn("flex")} :host{flex-direction:column;align-items:stretch;min-width:fit-content;font-size:0}`,wg=Js.compose({baseName:"tree-view",template:(t,e)=>q`<template role="tree" ${It("treeView")} @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @focusin="${(t,e)=>t.handleFocus(e.event)}" @focusout="${(t,e)=>t.handleBlur(e.event)}" @click="${(t,e)=>t.handleClick(e.event)}" @selected-change="${(t,e)=>t.handleSelectedChange(e.event)}"><slot ${Pt("slottedTreeItems")}></slot></template>`,styles:$g}),kg=$g,Cg=pt`
-  .expand-collapse-button svg{transform:rotate(0deg)}:host(.nested) .expand-collapse-button{left:var(--expand-collapse-button-nested-width,calc(${Kh} * -1px))}:host([selected])::after{left:calc(${lr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-button svg{transform:rotate(90deg)}`,Ig=pt`
-  .expand-collapse-button svg{transform:rotate(180deg)}:host(.nested) .expand-collapse-button{right:var(--expand-collapse-button-nested-width,calc(${Kh} * -1px))}:host([selected])::after{right:calc(${lr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-button svg{transform:rotate(90deg)}`,Fg=ft`((${er} / 2) * ${sr}) + ((${sr} * ${or}) / 2)`,Dg=po.create("tree-item-expand-collapse-hover").withDefault(t=>{const e=Wl.getValueFor(t);return e.evaluate(t,e.evaluate(t).hover).hover}),Tg=po.create("tree-item-expand-collapse-selected-hover").withDefault(t=>{const e=jl.getValueFor(t);return Wl.getValueFor(t).evaluate(t,e.evaluate(t).rest).hover}),Sg=(t,e)=>pt`
-    ${sn("block")} :host{contain:content;position:relative;outline:none;color:${sc};fill:currentcolor;cursor:pointer;font-family:${cr};--expand-collapse-button-size:calc(${Kh} * 1px);--tree-item-nested-width:0}.positioning-region{display:flex;position:relative;box-sizing:border-box;background:${Kl};border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);height:calc((${Kh} + 1) * 1px)}:host(:${nn}) .positioning-region{${Gh}}.positioning-region::before{content:'';display:block;width:var(--tree-item-nested-width);flex-shrink:0}:host(:not([disabled])) .positioning-region:hover{background:${Xl}}:host(:not([disabled])) .positioning-region:active{background:${Yl}}.content-region{display:inline-flex;align-items:center;white-space:nowrap;width:100%;height:calc(${Kh} * 1px);margin-inline-start:calc(${sr} * 2px + 8px);${Ph}}.items{display:none;${""} font-size:calc(1em + (${sr} + 16) * 1px)}.expand-collapse-button{background:none;border:none;border-radius:calc(${nr} * 1px);${""} width:calc((${Fg} + (${sr} * 2)) * 1px);height:calc((${Fg} + (${sr} * 2)) * 1px);padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 6px}.expand-collapse-button svg{transition:transform 0.1s linear;pointer-events:none}.start,.end{display:flex}.start{${""} margin-inline-end:calc(${sr} * 2px + 2px)}.end{${""} margin-inline-start:calc(${sr} * 2px + 2px)}:host(.expanded) > .items{display:block}:host([disabled]){opacity:${tr};cursor:${"not-allowed"}}:host(.nested) .content-region{position:relative;margin-inline-start:var(--expand-collapse-button-size)}:host(.nested) .expand-collapse-button{position:absolute}:host(.nested) .expand-collapse-button:hover{background:${Dg}}:host(:not([disabled])[selected]) .positioning-region{background:${Ul}}:host(:not([disabled])[selected]) .expand-collapse-button:hover{background:${Tg}}:host([selected])::after{content:'';display:block;position:absolute;top:calc((${Kh} / 4) * 1px);width:3px;height:calc((${Kh} / 2) * 1px);${""} background:${il};border-radius:calc(${nr} * 1px)}::slotted(fluent-tree-item){--tree-item-nested-width:1em;--expand-collapse-button-nested-width:calc(${Kh} * -1px)}`.withBehaviors(new sd(Cg,Ig),en(pt`
-        :host{color:${qe.ButtonText}}.positioning-region{border-color:${qe.ButtonFace};background:${qe.ButtonFace}}:host(:not([disabled])) .positioning-region:hover,:host(:not([disabled])) .positioning-region:active,:host(:not([disabled])[selected]) .positioning-region{background:${qe.Highlight}}:host .positioning-region:hover .content-region,:host([selected]) .positioning-region .content-region{forced-color-adjust:none;color:${qe.HighlightText}}:host([disabled][selected]) .positioning-region .content-region{color:${qe.GrayText}}:host([selected])::after{background:${qe.HighlightText}}:host(:${nn}) .positioning-region{forced-color-adjust:none;outline-color:${qe.ButtonFace}}:host([disabled]),:host([disabled]) .content-region,:host([disabled]) .positioning-region:hover .content-region{opacity:1;color:${qe.GrayText}}:host(.nested) .expand-collapse-button:hover,:host(:not([disabled])[selected]) .expand-collapse-button:hover{background:${qe.ButtonFace};fill:${qe.ButtonText}}`)),Og=Zs.compose({baseName:"tree-item",template:(t,e)=>q`<template role="treeitem" slot="${t=>t.isNestedItem()?"item":void 0}" tabindex="-1" class="${t=>t.expanded?"expanded":""} ${t=>t.selected?"selected":""} ${t=>t.nested?"nested":""} ${t=>t.disabled?"disabled":""}" aria-expanded="${t=>t.childItems&&t.childItemLength()>0?t.expanded:void 0}" aria-selected="${t=>t.selected}" aria-disabled="${t=>t.disabled}" @focusin="${(t,e)=>t.handleFocus(e.event)}" @focusout="${(t,e)=>t.handleBlur(e.event)}" ${Ht({property:"childItems",filter:Rt()})}><div class="positioning-region" part="positioning-region"><div class="content-region" part="content-region">${Ft(t=>t.childItems&&t.childItemLength()>0,q`<div aria-hidden="true" class="expand-collapse-button" part="expand-collapse-button" @click="${(t,e)=>t.handleExpandCollapseButtonClick(e.event)}" ${It("expandCollapseButton")}><slot name="expand-collapse-glyph">${e.expandCollapseGlyph||""}</slot></div>`)} ${Nt(0,e)}<slot></slot>${Bt(0,e)}</div></div>${Ft(t=>t.childItems&&t.childItemLength()>0&&(t.expanded||t.renderCollapsedChildren),q`<div role="group" class="items" part="items"><slot name="item" ${Pt("items")}></slot></div>`)}</template>`,styles:Sg,expandCollapseGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  '}),Eg=Sg,Vg={fluentAccordion:ed,fluentAccordionItem:Jh,fluentAnchor:Ud,fluentAnchoredRegion:_d,fluentBadge:Xd,fluentBreadcrumb:Zd,fluentBreadcrumbItem:eu,fluentButton:nu,fluentCalendar:hu,fluentCard:pu,fluentCheckbox:mu,fluentCombobox:wu,fluentDataGrid:Eu,fluentDataGridCell:Du,fluentDataGridRow:Su,fluentDesignSystemProvider:zu,fluentDialog:Mu,fluentDivider:ju,fluentFlipper:_u,fluentHorizontalScroll:Zu,fluentListbox:ip,fluentOption:np,fluentMenu:cp,fluentMenuItem:up,fluentNumberField:vp,fluentProgress:xp,fluentProgressRing:Cp,fluentRadio:Dp,fluentRadioGroup:Op,fluentSearch:zp,fluentSelect:Bp,fluentSkeleton:Up,fluentSlider:Gp,fluentSliderLabel:Xp,fluentSwitch:Zp,fluentTabs:ag,fluentTab:ig,fluentTabPanel:ng,fluentTextArea:dg,fluentTextField:fg,fluentToolbar:bg,fluentTooltip:xg,fluentTreeView:wg,fluentTreeItem:Og,register(t,...e){if(t)for(const i in this)"register"!==i&&this[i]().register(t,...e)}};function Rg(t){return yo.getOrCreate(t).withPrefix("fluent")}const Ag=Rg().register(Vg);export{Id as AccentButtonStyles,We as Accordion,Ee as AccordionItem,Nd as Anchor,Je as AnchoredRegion,Kd as Badge,ii as Breadcrumb,ei as BreadcrumbItem,su as Button,uu as Card,$u as Combobox,ki as DataGrid,Fi as DataGridCell,wi as DataGridRow,Pu as DesignSystemProvider,Vo as Dialog,sd as DirectionalStyleSheetBehavior,Ao as Divider,zo as Flipper,Ag as FluentDesignSystem,Qu as HorizontalScroll,Fd as HypertextStyles,Dd as LightweightButtonStyles,ep as Listbox,lp as Menu,Uo as MenuItem,fp as NumberField,rp as OptionStyles,Td as OutlineButtonStyles,Rn as PaletteRGB,yp as Progress,kp as ProgressRing,os as Radio,ts as RadioGroup,Tp as RadioStyles,Pp as Search,Mp as Select,gs as Skeleton,$s as Slider,vs as SliderLabel,Kn as StandardLuminance,Sd as StealthButtonStyles,Dn as SwatchRGB,Cs as Switch,Fs as Tab,Is as TabPanel,Ts as Tabs,hg as TextArea,gg as TextField,vg as Toolbar,yg as Tooltip,Zs as TreeItem,Js as TreeView,Ma as accentBaseColor,sl as accentFillActive,jr as accentFillActiveDelta,nl as accentFillFocus,Ur as accentFillFocusDelta,ol as accentFillHover,Nr as accentFillHoverDelta,el as accentFillRecipe,il as accentFillRest,Br as accentFillRestDelta,gl as accentForegroundActive,Gr as accentForegroundActiveDelta,bh as accentForegroundCut,yh as accentForegroundCutLarge,fl as accentForegroundFocus,Wr as accentForegroundFocusDelta,pl as accentForegroundHover,_r as accentForegroundHoverDelta,dl as accentForegroundRecipe,ul as accentForegroundRest,qr as accentForegroundRestDelta,Ba as accentPalette,yl as accentStrokeControlActive,xl as accentStrokeControlFocus,bl as accentStrokeControlHover,ml as accentStrokeControlRecipe,vl as accentStrokeControlRest,td as accordionItemStyles,id as accordionStyles,Vg as allComponents,rd as ambientShadow,jd as anchorStyles,Gd as anchoredRegionStyles,Yd as badgeStyles,Cd as baseButtonStyles,er as baseHeightMultiplier,ir as baseHorizontalSpacingMultiplier,Mr as baseLayerLuminance,cr as bodyFont,iu as breadcrumbItemStyles,Jd as breadcrumbStyles,ru as buttonStyles,gu as cardStyles,vu as checkboxStyles,ku as comboboxStyles,nr as controlCornerRadius,th as cornerRadius,Tu as dataGridCellStyles,Ou as dataGridRowStyles,Vu as dataGridStyles,or as density,sr as designUnit,Bu as dialogStyles,Jn as direction,ad as directionalShadow,tr as disabledOpacity,Uu as dividerStyles,eh as elevatedCornerRadius,ld as elevation,md as elevationShadowCardActive,ud as elevationShadowCardActiveSize,vd as elevationShadowCardFocus,pd as elevationShadowCardFocusSize,fd as elevationShadowCardHover,dd as elevationShadowCardHoverSize,gd as elevationShadowCardRest,hd as elevationShadowCardRestSize,kd as elevationShadowDialog,wd as elevationShadowDialogSize,$d as elevationShadowFlyout,xd as elevationShadowFlyoutSize,cd as elevationShadowRecipe,yd as elevationShadowTooltip,bd as elevationShadowTooltipSize,Ja as fillColor,Gu as flipperStyles,ed as fluentAccordion,Jh as fluentAccordionItem,Ud as fluentAnchor,_d as fluentAnchoredRegion,Xd as fluentBadge,Zd as fluentBreadcrumb,eu as fluentBreadcrumbItem,nu as fluentButton,hu as fluentCalendar,pu as fluentCard,mu as fluentCheckbox,wu as fluentCombobox,Eu as fluentDataGrid,Du as fluentDataGridCell,Su as fluentDataGridRow,zu as fluentDesignSystemProvider,Mu as fluentDialog,ju as fluentDivider,_u as fluentFlipper,Zu as fluentHorizontalScroll,ip as fluentListbox,cp as fluentMenu,up as fluentMenuItem,vp as fluentNumberField,np as fluentOption,xp as fluentProgress,Cp as fluentProgressRing,Dp as fluentRadio,Op as fluentRadioGroup,zp as fluentSearch,Bp as fluentSelect,Up as fluentSkeleton,Gp as fluentSlider,Xp as fluentSliderLabel,Zp as fluentSwitch,ig as fluentTab,ng as fluentTabPanel,ag as fluentTabs,dg as fluentTextArea,fg as fluentTextField,bg as fluentToolbar,xg as fluentTooltip,Og as fluentTreeItem,wg as fluentTreeView,oh as focusOutlineWidth,Mc as focusStrokeInner,Hc as focusStrokeInnerRecipe,zc as focusStrokeOuter,Pc as focusStrokeOuterRecipe,lr as focusStrokeWidth,Gh as focusTreatmentBase,Wh as focusTreatmentTight,hr as fontWeight,cl as foregroundOnAccentActive,Uc as foregroundOnAccentActiveLarge,hl as foregroundOnAccentFocus,qc as foregroundOnAccentFocusLarge,ll as foregroundOnAccentHover,jc as foregroundOnAccentHoverLarge,Bc as foregroundOnAccentLargeRecipe,rl as foregroundOnAccentRecipe,al as foregroundOnAccentRest,Nc as foregroundOnAccentRestLarge,Kh as heightNumber,Ju as horizontalScrollStyles,Hd as inputFilledForcedColorStyles,Pd as inputFilledStyles,zd as inputForcedColorStyles,Ld as inputStateStyles,Ad as inputStyles,On as isDark,rr as layerCornerRadius,op as listboxStyles,pp as menuItemStyles,hp as menuStyles,za as neutralBaseColor,Ch as neutralContrastFillActive,rh as neutralContrastFillActiveDelta,Ih as neutralContrastFillFocus,ah as neutralContrastFillFocusDelta,kh as neutralContrastFillHover,nh as neutralContrastFillHoverDelta,wh as neutralContrastFillRest,sh as neutralContrastFillRestDelta,xh as neutralDivider,ph as neutralDividerRestDelta,Cl as neutralFillActive,Yr as neutralFillActiveDelta,$h as neutralFillCard,lh as neutralFillCardDelta,Il as neutralFillFocus,Qr as neutralFillFocusDelta,kl as neutralFillHover,Xr as neutralFillHoverDelta,Sl as neutralFillInputActive,ta as neutralFillInputActiveDelta,Al as neutralFillInputAltActive,sa as neutralFillInputAltActiveDelta,Ll as neutralFillInputAltFocus,na as neutralFillInputAltFocusDelta,Rl as neutralFillInputAltHover,oa as neutralFillInputAltHoverDelta,El as neutralFillInputAltRecipe,Vl as neutralFillInputAltRest,ia as neutralFillInputAltRestDelta,Ol as neutralFillInputFocus,ea as neutralFillInputFocusDelta,Tl as neutralFillInputHover,Jr as neutralFillInputHoverDelta,Fl as neutralFillInputRecipe,Dl as neutralFillInputRest,Zr as neutralFillInputRestDelta,Zc as neutralFillInverseActive,Wc as neutralFillInverseActiveDelta,Jc as neutralFillInverseFocus,Kc as neutralFillInverseFocusDelta,Qc as neutralFillInverseHover,Gc as neutralFillInverseHoverDelta,Xc as neutralFillInverseRecipe,Yc as neutralFillInverseRest,_c as neutralFillInverseRestDelta,Ml as neutralFillLayerActive,la as neutralFillLayerActiveDelta,Bl as neutralFillLayerAltRecipe,Nl as neutralFillLayerAltRest,ca as neutralFillLayerAltRestDelta,Hl as neutralFillLayerHover,aa as neutralFillLayerHoverDelta,Pl as neutralFillLayerRecipe,zl as neutralFillLayerRest,ra as neutralFillLayerRestDelta,$l as neutralFillRecipe,wl as neutralFillRest,Kr as neutralFillRestDelta,_l as neutralFillSecondaryActive,ua as neutralFillSecondaryActiveDelta,Gl as neutralFillSecondaryFocus,pa as neutralFillSecondaryFocusDelta,ql as neutralFillSecondaryHover,da as neutralFillSecondaryHoverDelta,jl as neutralFillSecondaryRecipe,Ul as neutralFillSecondaryRest,ha as neutralFillSecondaryRestDelta,Yl as neutralFillStealthActive,ma as neutralFillStealthActiveDelta,Ql as neutralFillStealthFocus,va as neutralFillStealthFocusDelta,Xl as neutralFillStealthHover,fa as neutralFillStealthHoverDelta,Wl as neutralFillStealthRecipe,Kl as neutralFillStealthRest,ga as neutralFillStealthRestDelta,ec as neutralFillStrongActive,xa as neutralFillStrongActiveDelta,ic as neutralFillStrongFocus,$a as neutralFillStrongFocusDelta,tc as neutralFillStrongHover,ya as neutralFillStrongHoverDelta,Zl as neutralFillStrongRecipe,Jl as neutralFillStrongRest,ba as neutralFillStrongRestDelta,Th as neutralFillToggleActive,dh as neutralFillToggleActiveDelta,Sh as neutralFillToggleFocus,uh as neutralFillToggleFocusDelta,Dh as neutralFillToggleHover,hh as neutralFillToggleHoverDelta,Fh as neutralFillToggleRest,ch as neutralFillToggleRestDelta,Oh as neutralFocus,Eh as neutralFocusInnerAccent,rc as neutralForegroundActive,ac as neutralForegroundFocus,cc as neutralForegroundHint,lc as neutralForegroundHintRecipe,nc as neutralForegroundHover,oc as neutralForegroundRecipe,sc as neutralForegroundRest,Ga as neutralLayer1,_a as neutralLayer1Recipe,Ka as neutralLayer2,Wa as neutralLayer2Recipe,Ya as neutralLayer3,Xa as neutralLayer3Recipe,Za as neutralLayer4,Qa as neutralLayer4Recipe,ja as neutralLayerCardContainer,Na as neutralLayerCardContainerRecipe,qa as neutralLayerFloating,Ua as neutralLayerFloatingRecipe,gh as neutralLayerL1,fh as neutralLayerL2,mh as neutralLayerL3,vh as neutralLayerL4,Ah as neutralOutlineActive,Lh as neutralOutlineFocus,Rh as neutralOutlineHover,Vh as neutralOutlineRest,Ha as neutralPalette,pc as neutralStrokeActive,Ca as neutralStrokeActiveDelta,bc as neutralStrokeControlActive,Ta as neutralStrokeControlActiveDelta,yc as neutralStrokeControlFocus,Sa as neutralStrokeControlFocusDelta,vc as neutralStrokeControlHover,Da as neutralStrokeControlHoverDelta,fc as neutralStrokeControlRecipe,mc as neutralStrokeControlRest,Fa as neutralStrokeControlRestDelta,xc as neutralStrokeDividerRecipe,$c as neutralStrokeDividerRest,Oa as neutralStrokeDividerRestDelta,gc as neutralStrokeFocus,Ia as neutralStrokeFocusDelta,uc as neutralStrokeHover,ka as neutralStrokeHoverDelta,Ic as neutralStrokeInputActive,Fc as neutralStrokeInputFocus,Cc as neutralStrokeInputHover,wc as neutralStrokeInputRecipe,kc as neutralStrokeInputRest,Oc as neutralStrokeLayerActive,Ra as neutralStrokeLayerActiveDelta,Sc as neutralStrokeLayerHover,Va as neutralStrokeLayerHoverDelta,Dc as neutralStrokeLayerRecipe,Tc as neutralStrokeLayerRest,Ea as neutralStrokeLayerRestDelta,hc as neutralStrokeRecipe,dc as neutralStrokeRest,wa as neutralStrokeRestDelta,Ac as neutralStrokeStrongActive,La as neutralStrokeStrongActiveDelta,Lc as neutralStrokeStrongFocus,Pa as neutralStrokeStrongFocusDelta,Rc as neutralStrokeStrongHover,Aa as neutralStrokeStrongHoverDelta,Ec as neutralStrokeStrongRecipe,Vc as neutralStrokeStrongRest,mp as numberFieldStyles,ih as outlineWidth,Ip as progressRingStyles,$p as progressStyles,Rg as provideFluentDesignSystem,Ep as radioGroupStyles,Hp as searchStyles,Vp as searchTemplate,Np as selectStyles,qp as skeletonStyles,Yp as sliderLabelStyles,Wp as sliderStyles,ar as strokeWidth,Jp as switchStyles,rg as tabPanelStyles,og as tabStyles,lg as tabsStyles,ug as textAreaStyles,mg as textFieldStyles,Eg as treeItemStyles,kg as treeViewStyles,Ph as typeRampBase,ur as typeRampBaseFontSize,gr as typeRampBaseFontVariations,pr as typeRampBaseLineHeight,zh as typeRampMinus1,fr as typeRampMinus1FontSize,vr as typeRampMinus1FontVariations,mr as typeRampMinus1LineHeight,Hh as typeRampMinus2,br as typeRampMinus2FontSize,xr as typeRampMinus2FontVariations,yr as typeRampMinus2LineHeight,Mh as typeRampPlus1,$r as typeRampPlus1FontSize,kr as typeRampPlus1FontVariations,wr as typeRampPlus1LineHeight,Bh as typeRampPlus2,Cr as typeRampPlus2FontSize,Fr as typeRampPlus2FontVariations,Ir as typeRampPlus2LineHeight,Nh as typeRampPlus3,Dr as typeRampPlus3FontSize,Sr as typeRampPlus3FontVariations,Tr as typeRampPlus3LineHeight,jh as typeRampPlus4,Or as typeRampPlus4FontSize,Vr as typeRampPlus4FontVariations,Er as typeRampPlus4LineHeight,Uh as typeRampPlus5,Rr as typeRampPlus5FontSize,Lr as typeRampPlus5FontVariations,Ar as typeRampPlus5LineHeight,qh as typeRampPlus6,Pr as typeRampPlus6FontSize,Hr as typeRampPlus6FontVariations,zr as typeRampPlus6LineHeight};
+        :host([disabled]){opacity:1}fluent-anchored-region.top .tooltip::after,fluent-anchored-region.bottom .tooltip::after,fluent-anchored-region.left .tooltip::after,fluent-anchored-region.right .tooltip::after{content:'';width:unset;height:unset}`))}),wg=(t,e)=>pt`
+  :host([hidden]){display:none}${sn("flex")} :host{flex-direction:column;align-items:stretch;min-width:fit-content;font-size:0}`,kg=Js.compose({baseName:"tree-view",template:(t,e)=>q`<template role="tree" ${It("treeView")} @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @focusin="${(t,e)=>t.handleFocus(e.event)}" @focusout="${(t,e)=>t.handleBlur(e.event)}" @click="${(t,e)=>t.handleClick(e.event)}" @selected-change="${(t,e)=>t.handleSelectedChange(e.event)}"><slot ${Pt("slottedTreeItems")}></slot></template>`,styles:wg}),Cg=wg,Ig=pt`
+  .expand-collapse-button svg{transform:rotate(0deg)}:host(.nested) .expand-collapse-button{left:var(--expand-collapse-button-nested-width,calc(${Kh} * -1px))}:host([selected])::after{left:calc(${lr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-button svg{transform:rotate(90deg)}`,Fg=pt`
+  .expand-collapse-button svg{transform:rotate(180deg)}:host(.nested) .expand-collapse-button{right:var(--expand-collapse-button-nested-width,calc(${Kh} * -1px))}:host([selected])::after{right:calc(${lr} * 1px)}:host([expanded]) > .positioning-region .expand-collapse-button svg{transform:rotate(90deg)}`,Dg=ft`((${er} / 2) * ${sr}) + ((${sr} * ${or}) / 2)`,Tg=po.create("tree-item-expand-collapse-hover").withDefault(t=>{const e=Wl.getValueFor(t);return e.evaluate(t,e.evaluate(t).hover).hover}),Sg=po.create("tree-item-expand-collapse-selected-hover").withDefault(t=>{const e=jl.getValueFor(t);return Wl.getValueFor(t).evaluate(t,e.evaluate(t).rest).hover}),Og=(t,e)=>pt`
+    ${sn("block")} :host{contain:content;position:relative;outline:none;color:${sc};fill:currentcolor;cursor:pointer;font-family:${cr};--expand-collapse-button-size:calc(${Kh} * 1px);--tree-item-nested-width:0}.positioning-region{display:flex;position:relative;box-sizing:border-box;background:${Kl};border:calc(${ar} * 1px) solid transparent;border-radius:calc(${nr} * 1px);height:calc((${Kh} + 1) * 1px)}:host(:${nn}) .positioning-region{${Gh}}.positioning-region::before{content:'';display:block;width:var(--tree-item-nested-width);flex-shrink:0}:host(:not([disabled])) .positioning-region:hover{background:${Xl}}:host(:not([disabled])) .positioning-region:active{background:${Yl}}.content-region{display:inline-flex;align-items:center;white-space:nowrap;width:100%;height:calc(${Kh} * 1px);margin-inline-start:calc(${sr} * 2px + 8px);${Ph}}.items{display:none;${""} font-size:calc(1em + (${sr} + 16) * 1px)}.expand-collapse-button{background:none;border:none;border-radius:calc(${nr} * 1px);${""} width:calc((${Dg} + (${sr} * 2)) * 1px);height:calc((${Dg} + (${sr} * 2)) * 1px);padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 6px}.expand-collapse-button svg{transition:transform 0.1s linear;pointer-events:none}.start,.end{display:flex}.start{${""} margin-inline-end:calc(${sr} * 2px + 2px)}.end{${""} margin-inline-start:calc(${sr} * 2px + 2px)}:host(.expanded) > .items{display:block}:host([disabled]){opacity:${tr};cursor:${"not-allowed"}}:host(.nested) .content-region{position:relative;margin-inline-start:var(--expand-collapse-button-size)}:host(.nested) .expand-collapse-button{position:absolute}:host(.nested) .expand-collapse-button:hover{background:${Tg}}:host(:not([disabled])[selected]) .positioning-region{background:${Ul}}:host(:not([disabled])[selected]) .expand-collapse-button:hover{background:${Sg}}:host([selected])::after{content:'';display:block;position:absolute;top:calc((${Kh} / 4) * 1px);width:3px;height:calc((${Kh} / 2) * 1px);${""} background:${il};border-radius:calc(${nr} * 1px)}::slotted(fluent-tree-item){--tree-item-nested-width:1em;--expand-collapse-button-nested-width:calc(${Kh} * -1px)}`.withBehaviors(new sd(Ig,Fg),en(pt`
+        :host{color:${qe.ButtonText}}.positioning-region{border-color:${qe.ButtonFace};background:${qe.ButtonFace}}:host(:not([disabled])) .positioning-region:hover,:host(:not([disabled])) .positioning-region:active,:host(:not([disabled])[selected]) .positioning-region{background:${qe.Highlight}}:host .positioning-region:hover .content-region,:host([selected]) .positioning-region .content-region{forced-color-adjust:none;color:${qe.HighlightText}}:host([disabled][selected]) .positioning-region .content-region{color:${qe.GrayText}}:host([selected])::after{background:${qe.HighlightText}}:host(:${nn}) .positioning-region{forced-color-adjust:none;outline-color:${qe.ButtonFace}}:host([disabled]),:host([disabled]) .content-region,:host([disabled]) .positioning-region:hover .content-region{opacity:1;color:${qe.GrayText}}:host(.nested) .expand-collapse-button:hover,:host(:not([disabled])[selected]) .expand-collapse-button:hover{background:${qe.ButtonFace};fill:${qe.ButtonText}}`)),Eg=Zs.compose({baseName:"tree-item",template:(t,e)=>q`<template role="treeitem" slot="${t=>t.isNestedItem()?"item":void 0}" tabindex="-1" class="${t=>t.expanded?"expanded":""} ${t=>t.selected?"selected":""} ${t=>t.nested?"nested":""} ${t=>t.disabled?"disabled":""}" aria-expanded="${t=>t.childItems&&t.childItemLength()>0?t.expanded:void 0}" aria-selected="${t=>t.selected}" aria-disabled="${t=>t.disabled}" @focusin="${(t,e)=>t.handleFocus(e.event)}" @focusout="${(t,e)=>t.handleBlur(e.event)}" ${Ht({property:"childItems",filter:Rt()})}><div class="positioning-region" part="positioning-region"><div class="content-region" part="content-region">${Ft(t=>t.childItems&&t.childItemLength()>0,q`<div aria-hidden="true" class="expand-collapse-button" part="expand-collapse-button" @click="${(t,e)=>t.handleExpandCollapseButtonClick(e.event)}" ${It("expandCollapseButton")}><slot name="expand-collapse-glyph">${e.expandCollapseGlyph||""}</slot></div>`)} ${Nt(0,e)}<slot></slot>${Bt(0,e)}</div></div>${Ft(t=>t.childItems&&t.childItemLength()>0&&(t.expanded||t.renderCollapsedChildren),q`<div role="group" class="items" part="items"><slot name="item" ${Pt("items")}></slot></div>`)}</template>`,styles:Og,expandCollapseGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  '}),Vg=Og,Rg={fluentAccordion:ed,fluentAccordionItem:Jh,fluentAnchor:qd,fluentAnchoredRegion:Gd,fluentBadge:Yd,fluentBreadcrumb:Jd,fluentBreadcrumbItem:iu,fluentButton:ru,fluentCalendar:du,fluentCard:gu,fluentCheckbox:vu,fluentCombobox:ku,fluentDataGrid:Vu,fluentDataGridCell:Tu,fluentDataGridRow:Ou,fluentDesignSystemProvider:Hu,fluentDialog:Bu,fluentDivider:Uu,fluentFlipper:Gu,fluentHorizontalScroll:Ju,fluentListbox:op,fluentOption:rp,fluentMenu:hp,fluentMenuItem:pp,fluentNumberField:bp,fluentProgress:$p,fluentProgressRing:Ip,fluentRadio:Tp,fluentRadioGroup:Ep,fluentSearch:Hp,fluentSelect:Np,fluentSkeleton:qp,fluentSlider:Wp,fluentSliderLabel:Yp,fluentSwitch:Jp,fluentTabs:lg,fluentTab:og,fluentTabPanel:rg,fluentTextArea:ug,fluentTextField:mg,fluentToolbar:yg,fluentTooltip:$g,fluentTreeView:kg,fluentTreeItem:Eg,register(t,...e){if(t)for(const i in this)"register"!==i&&this[i]().register(t,...e)}};function Ag(t){return yo.getOrCreate(t).withPrefix("fluent")}const Lg=Ag().register(Rg);export{Fd as AccentButtonStyles,We as Accordion,Ee as AccordionItem,jd as Anchor,Je as AnchoredRegion,Xd as Badge,ii as Breadcrumb,ei as BreadcrumbItem,nu as Button,pu as Card,wu as Combobox,ki as DataGrid,Fi as DataGridCell,wi as DataGridRow,zu as DesignSystemProvider,Vo as Dialog,sd as DirectionalStyleSheetBehavior,Ao as Divider,zo as Flipper,Lg as FluentDesignSystem,Zu as HorizontalScroll,Dd as HypertextStyles,Td as LightweightButtonStyles,ip as Listbox,cp as Menu,Uo as MenuItem,Id as NeutralButtonStyles,mp as NumberField,ap as OptionStyles,Sd as OutlineButtonStyles,Rn as PaletteRGB,xp as Progress,Cp as ProgressRing,os as Radio,ts as RadioGroup,Sp as RadioStyles,zp as Search,Bp as Select,gs as Skeleton,$s as Slider,vs as SliderLabel,Kn as StandardLuminance,Od as StealthButtonStyles,Dn as SwatchRGB,Cs as Switch,Fs as Tab,Is as TabPanel,Ts as Tabs,dg as TextArea,fg as TextField,bg as Toolbar,xg as Tooltip,Zs as TreeItem,Js as TreeView,Ma as accentBaseColor,sl as accentFillActive,jr as accentFillActiveDelta,nl as accentFillFocus,Ur as accentFillFocusDelta,ol as accentFillHover,Nr as accentFillHoverDelta,el as accentFillRecipe,il as accentFillRest,Br as accentFillRestDelta,gl as accentForegroundActive,Gr as accentForegroundActiveDelta,bh as accentForegroundCut,yh as accentForegroundCutLarge,fl as accentForegroundFocus,Wr as accentForegroundFocusDelta,pl as accentForegroundHover,_r as accentForegroundHoverDelta,dl as accentForegroundRecipe,ul as accentForegroundRest,qr as accentForegroundRestDelta,Ba as accentPalette,yl as accentStrokeControlActive,xl as accentStrokeControlFocus,bl as accentStrokeControlHover,ml as accentStrokeControlRecipe,vl as accentStrokeControlRest,td as accordionItemStyles,id as accordionStyles,Rg as allComponents,rd as ambientShadow,Ud as anchorStyles,Wd as anchoredRegionStyles,Qd as badgeStyles,Cd as baseButtonStyles,er as baseHeightMultiplier,ir as baseHorizontalSpacingMultiplier,Ld as baseInputStyles,Mr as baseLayerLuminance,cr as bodyFont,ou as breadcrumbItemStyles,tu as breadcrumbStyles,au as buttonStyles,fu as cardStyles,bu as checkboxStyles,Cu as comboboxStyles,nr as controlCornerRadius,th as cornerRadius,Su as dataGridCellStyles,Eu as dataGridRowStyles,Ru as dataGridStyles,or as density,sr as designUnit,Nu as dialogStyles,Jn as direction,ad as directionalShadow,tr as disabledOpacity,qu as dividerStyles,eh as elevatedCornerRadius,ld as elevation,md as elevationShadowCardActive,ud as elevationShadowCardActiveSize,vd as elevationShadowCardFocus,pd as elevationShadowCardFocusSize,fd as elevationShadowCardHover,dd as elevationShadowCardHoverSize,gd as elevationShadowCardRest,hd as elevationShadowCardRestSize,kd as elevationShadowDialog,wd as elevationShadowDialogSize,$d as elevationShadowFlyout,xd as elevationShadowFlyoutSize,cd as elevationShadowRecipe,yd as elevationShadowTooltip,bd as elevationShadowTooltipSize,Ja as fillColor,Wu as flipperStyles,ed as fluentAccordion,Jh as fluentAccordionItem,qd as fluentAnchor,Gd as fluentAnchoredRegion,Yd as fluentBadge,Jd as fluentBreadcrumb,iu as fluentBreadcrumbItem,ru as fluentButton,du as fluentCalendar,gu as fluentCard,vu as fluentCheckbox,ku as fluentCombobox,Vu as fluentDataGrid,Tu as fluentDataGridCell,Ou as fluentDataGridRow,Hu as fluentDesignSystemProvider,Bu as fluentDialog,Uu as fluentDivider,Gu as fluentFlipper,Ju as fluentHorizontalScroll,op as fluentListbox,hp as fluentMenu,pp as fluentMenuItem,bp as fluentNumberField,rp as fluentOption,$p as fluentProgress,Ip as fluentProgressRing,Tp as fluentRadio,Ep as fluentRadioGroup,Hp as fluentSearch,Np as fluentSelect,qp as fluentSkeleton,Wp as fluentSlider,Yp as fluentSliderLabel,Jp as fluentSwitch,og as fluentTab,rg as fluentTabPanel,lg as fluentTabs,ug as fluentTextArea,mg as fluentTextField,yg as fluentToolbar,$g as fluentTooltip,Eg as fluentTreeItem,kg as fluentTreeView,oh as focusOutlineWidth,Mc as focusStrokeInner,Hc as focusStrokeInnerRecipe,zc as focusStrokeOuter,Pc as focusStrokeOuterRecipe,lr as focusStrokeWidth,Gh as focusTreatmentBase,Wh as focusTreatmentTight,hr as fontWeight,cl as foregroundOnAccentActive,Uc as foregroundOnAccentActiveLarge,hl as foregroundOnAccentFocus,qc as foregroundOnAccentFocusLarge,ll as foregroundOnAccentHover,jc as foregroundOnAccentHoverLarge,Bc as foregroundOnAccentLargeRecipe,rl as foregroundOnAccentRecipe,al as foregroundOnAccentRest,Nc as foregroundOnAccentRestLarge,Kh as heightNumber,tp as horizontalScrollStyles,Hd as inputFilledStyles,Md as inputForcedColorStyles,zd as inputOutlineStyles,Pd as inputStateStyles,On as isDark,rr as layerCornerRadius,sp as listboxStyles,gp as menuItemStyles,dp as menuStyles,za as neutralBaseColor,Ch as neutralContrastFillActive,rh as neutralContrastFillActiveDelta,Ih as neutralContrastFillFocus,ah as neutralContrastFillFocusDelta,kh as neutralContrastFillHover,nh as neutralContrastFillHoverDelta,wh as neutralContrastFillRest,sh as neutralContrastFillRestDelta,xh as neutralDivider,ph as neutralDividerRestDelta,Cl as neutralFillActive,Yr as neutralFillActiveDelta,$h as neutralFillCard,lh as neutralFillCardDelta,Il as neutralFillFocus,Qr as neutralFillFocusDelta,kl as neutralFillHover,Xr as neutralFillHoverDelta,Sl as neutralFillInputActive,ta as neutralFillInputActiveDelta,Al as neutralFillInputAltActive,sa as neutralFillInputAltActiveDelta,Ll as neutralFillInputAltFocus,na as neutralFillInputAltFocusDelta,Rl as neutralFillInputAltHover,oa as neutralFillInputAltHoverDelta,El as neutralFillInputAltRecipe,Vl as neutralFillInputAltRest,ia as neutralFillInputAltRestDelta,Ol as neutralFillInputFocus,ea as neutralFillInputFocusDelta,Tl as neutralFillInputHover,Jr as neutralFillInputHoverDelta,Fl as neutralFillInputRecipe,Dl as neutralFillInputRest,Zr as neutralFillInputRestDelta,Zc as neutralFillInverseActive,Wc as neutralFillInverseActiveDelta,Jc as neutralFillInverseFocus,Kc as neutralFillInverseFocusDelta,Qc as neutralFillInverseHover,Gc as neutralFillInverseHoverDelta,Xc as neutralFillInverseRecipe,Yc as neutralFillInverseRest,_c as neutralFillInverseRestDelta,Ml as neutralFillLayerActive,la as neutralFillLayerActiveDelta,Bl as neutralFillLayerAltRecipe,Nl as neutralFillLayerAltRest,ca as neutralFillLayerAltRestDelta,Hl as neutralFillLayerHover,aa as neutralFillLayerHoverDelta,Pl as neutralFillLayerRecipe,zl as neutralFillLayerRest,ra as neutralFillLayerRestDelta,$l as neutralFillRecipe,wl as neutralFillRest,Kr as neutralFillRestDelta,_l as neutralFillSecondaryActive,ua as neutralFillSecondaryActiveDelta,Gl as neutralFillSecondaryFocus,pa as neutralFillSecondaryFocusDelta,ql as neutralFillSecondaryHover,da as neutralFillSecondaryHoverDelta,jl as neutralFillSecondaryRecipe,Ul as neutralFillSecondaryRest,ha as neutralFillSecondaryRestDelta,Yl as neutralFillStealthActive,ma as neutralFillStealthActiveDelta,Ql as neutralFillStealthFocus,va as neutralFillStealthFocusDelta,Xl as neutralFillStealthHover,fa as neutralFillStealthHoverDelta,Wl as neutralFillStealthRecipe,Kl as neutralFillStealthRest,ga as neutralFillStealthRestDelta,ec as neutralFillStrongActive,xa as neutralFillStrongActiveDelta,ic as neutralFillStrongFocus,$a as neutralFillStrongFocusDelta,tc as neutralFillStrongHover,ya as neutralFillStrongHoverDelta,Zl as neutralFillStrongRecipe,Jl as neutralFillStrongRest,ba as neutralFillStrongRestDelta,Th as neutralFillToggleActive,dh as neutralFillToggleActiveDelta,Sh as neutralFillToggleFocus,uh as neutralFillToggleFocusDelta,Dh as neutralFillToggleHover,hh as neutralFillToggleHoverDelta,Fh as neutralFillToggleRest,ch as neutralFillToggleRestDelta,Oh as neutralFocus,Eh as neutralFocusInnerAccent,rc as neutralForegroundActive,ac as neutralForegroundFocus,cc as neutralForegroundHint,lc as neutralForegroundHintRecipe,nc as neutralForegroundHover,oc as neutralForegroundRecipe,sc as neutralForegroundRest,Ga as neutralLayer1,_a as neutralLayer1Recipe,Ka as neutralLayer2,Wa as neutralLayer2Recipe,Ya as neutralLayer3,Xa as neutralLayer3Recipe,Za as neutralLayer4,Qa as neutralLayer4Recipe,ja as neutralLayerCardContainer,Na as neutralLayerCardContainerRecipe,qa as neutralLayerFloating,Ua as neutralLayerFloatingRecipe,gh as neutralLayerL1,fh as neutralLayerL2,mh as neutralLayerL3,vh as neutralLayerL4,Ah as neutralOutlineActive,Lh as neutralOutlineFocus,Rh as neutralOutlineHover,Vh as neutralOutlineRest,Ha as neutralPalette,pc as neutralStrokeActive,Ca as neutralStrokeActiveDelta,bc as neutralStrokeControlActive,Ta as neutralStrokeControlActiveDelta,yc as neutralStrokeControlFocus,Sa as neutralStrokeControlFocusDelta,vc as neutralStrokeControlHover,Da as neutralStrokeControlHoverDelta,fc as neutralStrokeControlRecipe,mc as neutralStrokeControlRest,Fa as neutralStrokeControlRestDelta,xc as neutralStrokeDividerRecipe,$c as neutralStrokeDividerRest,Oa as neutralStrokeDividerRestDelta,gc as neutralStrokeFocus,Ia as neutralStrokeFocusDelta,uc as neutralStrokeHover,ka as neutralStrokeHoverDelta,Ic as neutralStrokeInputActive,Fc as neutralStrokeInputFocus,Cc as neutralStrokeInputHover,wc as neutralStrokeInputRecipe,kc as neutralStrokeInputRest,Oc as neutralStrokeLayerActive,Ra as neutralStrokeLayerActiveDelta,Sc as neutralStrokeLayerHover,Va as neutralStrokeLayerHoverDelta,Dc as neutralStrokeLayerRecipe,Tc as neutralStrokeLayerRest,Ea as neutralStrokeLayerRestDelta,hc as neutralStrokeRecipe,dc as neutralStrokeRest,wa as neutralStrokeRestDelta,Ac as neutralStrokeStrongActive,La as neutralStrokeStrongActiveDelta,Lc as neutralStrokeStrongFocus,Pa as neutralStrokeStrongFocusDelta,Rc as neutralStrokeStrongHover,Aa as neutralStrokeStrongHoverDelta,Ec as neutralStrokeStrongRecipe,Vc as neutralStrokeStrongRest,vp as numberFieldStyles,ih as outlineWidth,Fp as progressRingStyles,wp as progressStyles,Ag as provideFluentDesignSystem,Vp as radioGroupStyles,Mp as searchStyles,Rp as searchTemplate,jp as selectStyles,_p as skeletonStyles,Qp as sliderLabelStyles,Kp as sliderStyles,ar as strokeWidth,tg as switchStyles,ag as tabPanelStyles,sg as tabStyles,cg as tabsStyles,pg as textAreaStyles,vg as textFieldStyles,Vg as treeItemStyles,Cg as treeViewStyles,Ph as typeRampBase,ur as typeRampBaseFontSize,gr as typeRampBaseFontVariations,pr as typeRampBaseLineHeight,zh as typeRampMinus1,fr as typeRampMinus1FontSize,vr as typeRampMinus1FontVariations,mr as typeRampMinus1LineHeight,Hh as typeRampMinus2,br as typeRampMinus2FontSize,xr as typeRampMinus2FontVariations,yr as typeRampMinus2LineHeight,Mh as typeRampPlus1,$r as typeRampPlus1FontSize,kr as typeRampPlus1FontVariations,wr as typeRampPlus1LineHeight,Bh as typeRampPlus2,Cr as typeRampPlus2FontSize,Fr as typeRampPlus2FontVariations,Ir as typeRampPlus2LineHeight,Nh as typeRampPlus3,Dr as typeRampPlus3FontSize,Sr as typeRampPlus3FontVariations,Tr as typeRampPlus3LineHeight,jh as typeRampPlus4,Or as typeRampPlus4FontSize,Vr as typeRampPlus4FontVariations,Er as typeRampPlus4LineHeight,Uh as typeRampPlus5,Rr as typeRampPlus5FontSize,Lr as typeRampPlus5FontVariations,Ar as typeRampPlus5LineHeight,qh as typeRampPlus6,Pr as typeRampPlus6FontSize,Hr as typeRampPlus6FontVariations,zr as typeRampPlus6LineHeight};