npm - @fluentui/web-components - Versions diffs - 3.0.0-beta.86 → 3.0.0-beta.88 - Mend

@fluentui/web-components 3.0.0-beta.86 → 3.0.0-beta.88

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/CHANGELOG.md +20 -2
package/dist/dts/dropdown/dropdown.base.d.ts +23 -0
package/dist/dts/dropdown/dropdown.d.ts +0 -32
package/dist/esm/dropdown/dropdown.base.js +50 -0
package/dist/esm/dropdown/dropdown.base.js.map +1 -1
package/dist/esm/dropdown/dropdown.js +12 -72
package/dist/esm/dropdown/dropdown.js.map +1 -1
package/dist/esm/tablist/tablist.base.js +3 -2
package/dist/esm/tablist/tablist.base.js.map +1 -1
package/dist/web-components.d.ts +23 -32
package/dist/web-components.js +84 -93
package/dist/web-components.min.js +3 -3
package/package.json +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
-This log was last generated on Fri, 14 Mar 2025 04:06:53 GMT and should not be manually modified.
+This log was last generated on Fri, 21 Mar 2025 04:07:25 GMT and should not be manually modified.
 <!-- Start content -->
+## [3.0.0-beta.88](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.88)
+Fri, 21 Mar 2025 04:07:25 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.87..@fluentui/web-components_v3.0.0-beta.88)
+### Changes
+- fix: emit change event on tablist only when active tab changed ([PR #34055](https://github.com/microsoft/fluentui/pull/34055) by machi@microsoft.com)
+## [3.0.0-beta.87](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.87)
+Thu, 20 Mar 2025 04:07:02 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.86..@fluentui/web-components_v3.0.0-beta.87)
+### Changes
+- [chore]: move core functionality to base dropdown ([PR #34033](https://github.com/microsoft/fluentui/pull/34033) by jes@microsoft.com)
 ## [3.0.0-beta.86](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.86)
-Fri, 14 Mar 2025 04:06:53 GMT
+Fri, 14 Mar 2025 04:07:05 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.85..@fluentui/web-components_v3.0.0-beta.86)
 ### Changes

package/dist/dts/dropdown/dropdown.base.d.ts CHANGED Viewed

@@ -18,6 +18,13 @@ import { DropdownType } from './dropdown.options.js';
  * @public
  */
 export declare class BaseDropdown extends FASTElement {
+    /**
+     * Static property for the anchor positioning fallback observer. The observer is used to flip the listbox when it is
+     * out of view.
+     * @remarks This is only used when the browser does not support CSS anchor positioning.
+     * @internal
+     */
+    private static AnchorPositionFallbackObserver;
     /**
      * The ID of the current active descendant.
      *
@@ -415,4 +422,20 @@ export declare class BaseDropdown extends FASTElement {
      * @internal
      */
     protected updateFreeformOption(value?: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Handles the connected event for the listbox.
+     *
+     * @param e - the event object
+     * @internal
+     */
+    private listboxConnectedHandler;
+    /**
+     * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
+     * viewport bounds. One static observer is used for all dropdowns.
+     *
+     * @internal
+     */
+    private anchorPositionFallback;
 }

package/dist/dts/dropdown/dropdown.d.ts CHANGED Viewed

@@ -10,13 +10,6 @@ import { DropdownAppearance, DropdownSize } from './dropdown.options.js';
  * @public
  */
 export declare class Dropdown extends BaseDropdown {
-    /**
-     * Static property for the anchor positioning fallback observer. The observer is used to flip the listbox when it is
-     * out of view.
-     * @remarks This is only used when the browser does not support CSS anchor positioning.
-     * @internal
-     */
-    private static AnchorPositionFallbackObserver;
     /**
      * The appearance of the dropdown.
      *
@@ -48,29 +41,4 @@ export declare class Dropdown extends BaseDropdown {
      * @internal
      */
     sizeChanged(prev: DropdownSize | undefined, next: DropdownSize | undefined): void;
-    connectedCallback(): void;
-    constructor();
-    disconnectedCallback(): void;
-    /**
-     * Handles the connected event for the listbox.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    private listboxConnectedHandler;
-    /**
-     * Adds or removes the window event listener based on the open state.
-     *
-     * @param prev - the previous open state
-     * @param next - the current open state
-     * @internal
-     */
-    openChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    /**
-     * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
-     * viewport bounds. One static observer is used for all dropdowns.
-     *
-     * @internal
-     */
-    private anchorPositionFallback;
 }

package/dist/esm/dropdown/dropdown.base.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { __decorate } from "tslib";
 import { attr, FASTElement, Observable, observable, Updates, volatile } from '@microsoft/fast-element';
+import { isListbox } from '../listbox/listbox.options.js';
 import { isDropdownOption } from '../option/option.options.js';
 import { toggleState } from '../utils/element-internals.js';
 import { getLanguage } from '../utils/language.js';
@@ -172,6 +173,11 @@ export class BaseDropdown extends FASTElement {
         toggleState(this.elementInternals, 'open', next);
         this.elementInternals.ariaExpanded = next ? 'true' : 'false';
         this.activeIndex = this.selectedIndex ?? -1;
+        if (next) {
+            BaseDropdown.AnchorPositionFallbackObserver?.observe(this.listbox);
+            return;
+        }
+        BaseDropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
     }
     /**
      * Changes the slotted control element based on the dropdown type.
@@ -398,6 +404,7 @@ export class BaseDropdown extends FASTElement {
          */
         this.elementInternals = this.attachInternals();
         this.elementInternals.role = 'presentation';
+        this.addEventListener('connected', this.listboxConnectedHandler);
         Updates.enqueue(() => {
             this.insertControl();
         });
@@ -616,6 +623,49 @@ export class BaseDropdown extends FASTElement {
         this.freeformOption.value = value;
         this.freeformOption.hidden = false;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.anchorPositionFallback();
+    }
+    disconnectedCallback() {
+        BaseDropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
+        super.disconnectedCallback();
+    }
+    /**
+     * Handles the connected event for the listbox.
+     *
+     * @param e - the event object
+     * @internal
+     */
+    listboxConnectedHandler(e) {
+        const target = e.target;
+        if (isListbox(target)) {
+            this.listbox = target;
+        }
+    }
+    /**
+     * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
+     * viewport bounds. One static observer is used for all dropdowns.
+     *
+     * @internal
+     */
+    anchorPositionFallback() {
+        BaseDropdown.AnchorPositionFallbackObserver =
+            BaseDropdown.AnchorPositionFallbackObserver ??
+                new IntersectionObserver((entries) => {
+                    entries.forEach(({ boundingClientRect, isIntersecting, target }) => {
+                        if (isListbox(target) && !isIntersecting) {
+                            if (boundingClientRect.bottom > window.innerHeight) {
+                                toggleState(target.dropdown.elementInternals, 'flip-block', true);
+                                return;
+                            }
+                            if (boundingClientRect.top < 0) {
+                                toggleState(target.dropdown.elementInternals, 'flip-block', false);
+                            }
+                        }
+                    });
+                }, { threshold: 1 });
+    }
 }
 __decorate([
     volatile

package/dist/esm/dropdown/dropdown.base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.base.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.base.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"dropdown.base.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.base.ts"],"names":[],"mappings":"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"}

package/dist/esm/dropdown/dropdown.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { __decorate } from "tslib";
 import { attr } from '@microsoft/fast-element';
-import { isListbox } from '../listbox/listbox.options.js';
-import { swapStates, toggleState } from '../utils/element-internals.js';
+import { swapStates } from '../utils/element-internals.js';
 import { BaseDropdown } from './dropdown.base.js';
 import { DropdownAppearance, DropdownSize } from './dropdown.options.js';
 /**
@@ -14,32 +13,8 @@ import { DropdownAppearance, DropdownSize } from './dropdown.options.js';
  * @public
  */
 export class Dropdown extends BaseDropdown {
-    /**
-     * Swaps appearance states when the appearance property changes.
-     *
-     * @param prev - the previous appearance state
-     * @param next - the current appearance state
-     * @internal
-     */
-    appearanceChanged(prev, next) {
-        swapStates(this.elementInternals, prev, next, DropdownAppearance);
-    }
-    /**
-     * Swaps size states when the size property changes.
-     *
-     * @param prev - the previous size state
-     * @param next - the current size state
-     * @internal
-     */
-    sizeChanged(prev, next) {
-        swapStates(this.elementInternals, prev, next, DropdownSize);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.anchorPositionFallback();
-    }
     constructor() {
-        super();
+        super(...arguments);
         /**
          * The appearance of the dropdown.
          *
@@ -48,61 +23,26 @@ export class Dropdown extends BaseDropdown {
          * HTML Attribute: `appearance`
          */
         this.appearance = DropdownAppearance.outline;
-        this.addEventListener('connected', this.listboxConnectedHandler);
-    }
-    disconnectedCallback() {
-        Dropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
-        super.disconnectedCallback();
     }
     /**
-     * Handles the connected event for the listbox.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    listboxConnectedHandler(e) {
-        const target = e.target;
-        if (isListbox(target)) {
-            this.listbox = target;
-        }
-    }
-    /**
-     * Adds or removes the window event listener based on the open state.
+     * Swaps appearance states when the appearance property changes.
      *
-     * @param prev - the previous open state
-     * @param next - the current open state
+     * @param prev - the previous appearance state
+     * @param next - the current appearance state
      * @internal
      */
-    openChanged(prev, next) {
-        super.openChanged(prev, next);
-        if (next) {
-            Dropdown.AnchorPositionFallbackObserver?.observe(this.listbox);
-            return;
-        }
-        Dropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
+    appearanceChanged(prev, next) {
+        swapStates(this.elementInternals, prev, next, DropdownAppearance);
     }
     /**
-     * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
-     * viewport bounds. One static observer is used for all dropdowns.
+     * Swaps size states when the size property changes.
      *
+     * @param prev - the previous size state
+     * @param next - the current size state
      * @internal
      */
-    anchorPositionFallback() {
-        Dropdown.AnchorPositionFallbackObserver =
-            Dropdown.AnchorPositionFallbackObserver ??
-                new IntersectionObserver((entries) => {
-                    entries.forEach(({ boundingClientRect, isIntersecting, target }) => {
-                        if (isListbox(target) && !isIntersecting) {
-                            if (boundingClientRect.bottom > window.innerHeight) {
-                                toggleState(target.dropdown.elementInternals, 'flip-block', true);
-                                return;
-                            }
-                            if (boundingClientRect.top < 0) {
-                                toggleState(target.dropdown.elementInternals, 'flip-block', false);
-                            }
-                        }
-                    });
-                }, { threshold: 1 });
+    sizeChanged(prev, next) {
+        swapStates(this.elementInternals, prev, next, DropdownSize);
     }
 }
 __decorate([

package/dist/esm/dropdown/dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,~~SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,~~UAAU,EAAE,~~WAAW,EAAE,~~MAAM,+BAA+B,CAAC;~~AACxE~~,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEzE;;;;;;;;GAQG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;~~IAmBxC~~;;;;;;~~OAMG~~;~~IACI~~,~~iBAAiB~~,~~CAAC~~,~~IAAoC~~,~~EAAE,IAAoC;QACjG,UAAU,~~CAAC,~~IAAI~~,CAAC~~,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC~~;~~IACpE~~,CAAC;~~IAWD~~;;;;;;OAMG;IACI,~~WAAW~~,CAAC,~~IAA8B~~,EAAE,~~IAA8B~~;~~QAC/E~~,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,~~YAAY,CAAC,CAAC;IAC9D,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA/CV;;;;;;WAMG;QAEI,eAAU,GAAuB,~~kBAAkB,CAAC,~~OAAO,~~CAAC;~~QAyCjE~~,~~IAAI,~~CAAC~~,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC~~;IACnE,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,8BAA8B,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjE,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED;;;;;OAKG;IACK,uBAAuB,CAAC,CAAQ;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QAEvC,IAAI,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACxB,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACI,WAAW,CAAC,~~IAAyB~~,EAAE,~~IAAyB~~;~~QACrE,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAE9B,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,8BAA8B,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC~~/D,~~OAAO;QACT~~,CAAC~~;QAED~~,~~QAAQ,CAAC,8BAA8B,EAAE,SAAS,CAAC,~~IAAI,CAAC,~~OAAO~~,~~CAAC,CAAC;IACnE,CAAC;IAED;;;;;OAKG;IACK,sBAAsB;QAC5B,QAAQ,CAAC,8BAA8B;YACrC,QAAQ,CAAC,8BAA8B;gBACvC,IAAI,oBAAoB,CACtB,CAAC,OAAoC,EAAQ,~~EAAE~~;oBAC7C~~,~~OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE;wBACjE,~~IAAI,~~SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,~~EAAE,~~CAAC;4BACzC,~~IAAI,~~kBAAkB,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,~~EAAE,~~CAAC;gCACnD,WAAW,CAAC,MAAM,CAAC,QAAS,CAAC,gBAAgB,EAAE,~~YAAY,~~EAAE,IAAI,~~CAAC,CAAC;~~gCACnE~~,~~OAAO;4BACT,~~CAAC;4BAED,IAAI,kBAAkB,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;gCAC/B,WAAW,CAAC,MAAM,CAAC,QAAS,CAAC,gBAAgB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;4BACtE,CAAC;wBACH,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC,EACD,EAAE,SAAS,EAAE,CAAC,EAAE,CACjB,CAAC;IACN,CAAC;CACF;~~AA7GQ~~;IADN,IAAI;4CAC8D;AAoB5D;IADN,IAAI;sCACsB"}
1	+ {"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEzE;;;;;;;;GAQG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;IAA1C;;QACE;;;;;;WAMG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,OAAO,CAAC;IAgCrE,CAAC;IA9BC;;;;;;OAMG;IACI,iBAAiB,CAAC,IAAoC,EAAE,IAAoC;QACjG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC;IACpE,CAAC;IAWD;;;;;;OAMG;IACI,WAAW,CAAC,IAA8B,EAAE,IAA8B;QAC/E,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;IAC9D,CAAC;CACF;AAhCQ;IADN,IAAI;4CAC8D;AAoB5D;IADN,IAAI;sCACsB"}

package/dist/esm/tablist/tablist.base.js CHANGED Viewed

@@ -128,6 +128,9 @@ export class BaseTablist extends FASTElement {
                     activePanel.hidden = false;
                 }
             }
+            if (oldValue !== newValue) {
+                this.change();
+            }
         }
     }
     /**
@@ -178,7 +181,6 @@ export class BaseTablist extends FASTElement {
                     this.activetab = tab;
                     this.activeid = tabId;
                 }
-                this.change();
             }
         });
     }
@@ -191,7 +193,6 @@ export class BaseTablist extends FASTElement {
         if (this.activeTabIndex !== this.prevActiveTabIndex) {
             this.activeid = this.tabIds[this.activeTabIndex];
             this.focusTab();
-            this.change();
         }
     }
     isHorizontal() {

package/dist/esm/tablist/tablist.base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tablist.base.js","sourceRoot":"","sources":["../../../src/tablist/tablist.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAW;IAA5C;;QACE;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QACnE;;;;;WAKG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAajC;;;;;WAKG;QAEI,gBAAW,GAAuB,kBAAkB,CAAC,UAAU,CAAC;~~QAgF~~/D,uBAAkB,GAAW,CAAC,CAAC;QAC/B,mBAAc,GAAW,CAAC,CAAC;QAG3B,gBAAW,GAAG,IAAI,OAAO,EAA4B,CAAC;QAEtD,WAAM,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC,CAAC;~~QAoDM~~,mBAAc,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACnD,MAAM,WAAW,GAAG,KAAK,CAAC,aAA4B,CAAC;YACvD,IAAI,WAAW,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAI,kBAAkB,CAAC,WAAW,CAAC,EAAE,CAAC;gBAClF,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC;gBAC9C,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC;QAMM,qBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;YACxD,MAAM,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YAC/B,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClB,KAAK,YAAY;oBACf,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;wBACzB,OAAO;oBACT,CAAC;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACpC,MAAM;gBACR,KAAK,aAAa;oBAChB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;wBACzB,OAAO;oBACT,CAAC;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACpC,MAAM;gBACR,KAAK,UAAU;oBACb,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;wBACxB,OAAO;oBACT,CAAC;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChB,MAAM;gBACR,KAAK,YAAY;oBACf,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;wBACxB,OAAO;oBACT,CAAC;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBACf,MAAM;gBACR,KAAK,OAAO;oBACV,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;oBAClC,MAAM;gBACR,KAAK,MAAM;oBACT,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;oBAC3F,MAAM;YACV,CAAC;QACH,CAAC,CAAC;IA4CJ,CAAC;~~IA/PC~~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~~gBACD~~,~~IAAI,~~CAAC~~,MAAM,EAAE,CAAC~~;~~YAChB,CAAC;~~QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAgB,EAAE,EAAE;YACxC,OAAO,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,OAAO,QAAQ,EAAE,EAAE,CAAC;QACvD,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACpD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAW,CAAC;YAC3D,IAAI,CAAC,QAAQ,EAAE,CAAC;~~YAChB~~,~~IAAI,~~CAAC~~,MAAM,EAAE,CAAC~~;~~QAChB,CAAC;~~IACH,CAAC;IAWO,YAAY;QAClB,OAAO,IAAI,CAAC,WAAW,KAAK,kBAAkB,CAAC,UAAU,CAAC;IAC5D,CAAC;IA4CD;;;;;OAKG;IACI,MAAM,CAAC,UAAkB;QAC9B,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;QACnE,MAAM,qBAAqB,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpE,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,qBAAqB,GAAG,UAAU,CAAC,CAAC;QAEnG,+EAA+E;QAC/E,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;QAEjE,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC;YACnB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,KAAoB,EAAE,KAAa;QAC5D,MAAM,GAAG,GAAgB,KAAK,CAAC,KAAK,CAAgB,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QACrB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC;QAC9C,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAC;IACzC,CAAC;IAED;;OAEG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IAC9C,CAAC;CACF;~~AAjQQ~~;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;6CACO;AAoB1B;IADN,IAAI;gDACkE;AAsBhE;IADN,IAAI;6CACoB;~~AA8BlB~~;IADN,UAAU;yCACiB"}
1	+ {"version":3,"file":"tablist.base.js","sourceRoot":"","sources":["../../../src/tablist/tablist.base.ts"],"names":[],"mappings":"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"}

package/dist/web-components.d.ts CHANGED Viewed

@@ -1648,6 +1648,13 @@ export declare class BaseDivider extends FASTElement {
  * @public
  */
 export declare class BaseDropdown extends FASTElement {
+    /**
+     * Static property for the anchor positioning fallback observer. The observer is used to flip the listbox when it is
+     * out of view.
+     * @remarks This is only used when the browser does not support CSS anchor positioning.
+     * @internal
+     */
+    private static AnchorPositionFallbackObserver;
     /**
      * The ID of the current active descendant.
      *
@@ -2045,6 +2052,22 @@ export declare class BaseDropdown extends FASTElement {
      * @internal
      */
     protected updateFreeformOption(value?: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Handles the connected event for the listbox.
+     *
+     * @param e - the event object
+     * @internal
+     */
+    private listboxConnectedHandler;
+    /**
+     * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
+     * viewport bounds. One static observer is used for all dropdowns.
+     *
+     * @internal
+     */
+    private anchorPositionFallback;
 }
 /**
@@ -6610,13 +6633,6 @@ export declare type DrawerType = ValuesOf<typeof DrawerType>;
  * @public
  */
 export declare class Dropdown extends BaseDropdown {
-    /**
-     * Static property for the anchor positioning fallback observer. The observer is used to flip the listbox when it is
-     * out of view.
-     * @remarks This is only used when the browser does not support CSS anchor positioning.
-     * @internal
-     */
-    private static AnchorPositionFallbackObserver;
     /**
      * The appearance of the dropdown.
      *
@@ -6648,31 +6664,6 @@ export declare class Dropdown extends BaseDropdown {
      * @internal
      */
     sizeChanged(prev: DropdownSize | undefined, next: DropdownSize | undefined): void;
-    connectedCallback(): void;
-    constructor();
-    disconnectedCallback(): void;
-    /**
-     * Handles the connected event for the listbox.
-     *
-     * @param e - the event object
-     * @internal
-     */
-    private listboxConnectedHandler;
-    /**
-     * Adds or removes the window event listener based on the open state.
-     *
-     * @param prev - the previous open state
-     * @param next - the current open state
-     * @internal
-     */
-    openChanged(prev: boolean | undefined, next: boolean | undefined): void;
-    /**
-     * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
-     * viewport bounds. One static observer is used for all dropdowns.
-     *
-     * @internal
-     */
-    private anchorPositionFallback;
 }
 /**

package/dist/web-components.js CHANGED Viewed

@@ -7463,7 +7463,7 @@ var __decorateClass$z = (decorators, target, key, kind) => {
   if (kind && result) __defProp$z(target, key, result);
   return result;
 };
-class BaseDropdown extends FASTElement {
+const _BaseDropdown = class _BaseDropdown extends FASTElement {
   constructor() {
     super();
     this.activeIndex = 0;
@@ -7478,6 +7478,7 @@ class BaseDropdown extends FASTElement {
      */
     this.elementInternals = this.attachInternals();
     this.elementInternals.role = "presentation";
+    this.addEventListener("connected", this.listboxConnectedHandler);
     Updates.enqueue(() => {
       this.insertControl();
     });
@@ -7619,6 +7620,11 @@ class BaseDropdown extends FASTElement {
     toggleState(this.elementInternals, "open", next);
     this.elementInternals.ariaExpanded = next ? "true" : "false";
     this.activeIndex = this.selectedIndex ?? -1;
+    if (next) {
+      _BaseDropdown.AnchorPositionFallbackObserver?.observe(this.listbox);
+      return;
+    }
+    _BaseDropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
   }
   /**
    * Changes the slotted control element based on the dropdown type.
@@ -8011,49 +8017,97 @@ class BaseDropdown extends FASTElement {
     this.freeformOption.value = value;
     this.freeformOption.hidden = false;
   }
-}
+  connectedCallback() {
+    super.connectedCallback();
+    this.anchorPositionFallback();
+  }
+  disconnectedCallback() {
+    _BaseDropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
+    super.disconnectedCallback();
+  }
+  /**
+   * Handles the connected event for the listbox.
+   *
+   * @param e - the event object
+   * @internal
+   */
+  listboxConnectedHandler(e) {
+    const target = e.target;
+    if (isListbox(target)) {
+      this.listbox = target;
+    }
+  }
+  /**
+   * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
+   * viewport bounds. One static observer is used for all dropdowns.
+   *
+   * @internal
+   */
+  anchorPositionFallback() {
+    _BaseDropdown.AnchorPositionFallbackObserver = _BaseDropdown.AnchorPositionFallbackObserver ?? new IntersectionObserver(entries => {
+      entries.forEach(({
+        boundingClientRect,
+        isIntersecting,
+        target
+      }) => {
+        if (isListbox(target) && !isIntersecting) {
+          if (boundingClientRect.bottom > window.innerHeight) {
+            toggleState(target.dropdown.elementInternals, "flip-block", true);
+            return;
+          }
+          if (boundingClientRect.top < 0) {
+            toggleState(target.dropdown.elementInternals, "flip-block", false);
+          }
+        }
+      });
+    }, {
+      threshold: 1
+    });
+  }
+};
 /**
  * The form-associated flag.
  * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
  *
  * @public
  */
-BaseDropdown.formAssociated = true;
-__decorateClass$z([volatile], BaseDropdown.prototype, "activeDescendant", 1);
-__decorateClass$z([observable], BaseDropdown.prototype, "activeIndex", 2);
+_BaseDropdown.formAssociated = true;
+__decorateClass$z([volatile], _BaseDropdown.prototype, "activeDescendant", 1);
+__decorateClass$z([observable], _BaseDropdown.prototype, "activeIndex", 2);
 __decorateClass$z([attr({
   attribute: "aria-labelledby",
   mode: "fromView"
-})], BaseDropdown.prototype, "ariaLabelledBy", 2);
-__decorateClass$z([observable], BaseDropdown.prototype, "control", 2);
+})], _BaseDropdown.prototype, "ariaLabelledBy", 2);
+__decorateClass$z([observable], _BaseDropdown.prototype, "control", 2);
 __decorateClass$z([attr({
   mode: "boolean"
-})], BaseDropdown.prototype, "disabled", 2);
-__decorateClass$z([volatile], BaseDropdown.prototype, "displayValue", 1);
+})], _BaseDropdown.prototype, "disabled", 2);
+__decorateClass$z([volatile], _BaseDropdown.prototype, "displayValue", 1);
 __decorateClass$z([attr({
   attribute: "id"
-})], BaseDropdown.prototype, "id", 2);
-__decorateClass$z([observable], BaseDropdown.prototype, "indicator", 2);
-__decorateClass$z([observable], BaseDropdown.prototype, "indicatorSlot", 2);
+})], _BaseDropdown.prototype, "id", 2);
+__decorateClass$z([observable], _BaseDropdown.prototype, "indicator", 2);
+__decorateClass$z([observable], _BaseDropdown.prototype, "indicatorSlot", 2);
 __decorateClass$z([attr({
   attribute: "value",
   mode: "fromView"
-})], BaseDropdown.prototype, "initialValue", 2);
-__decorateClass$z([observable], BaseDropdown.prototype, "listbox", 2);
-__decorateClass$z([observable], BaseDropdown.prototype, "listboxSlot", 2);
+})], _BaseDropdown.prototype, "initialValue", 2);
+__decorateClass$z([observable], _BaseDropdown.prototype, "listbox", 2);
+__decorateClass$z([observable], _BaseDropdown.prototype, "listboxSlot", 2);
 __decorateClass$z([attr({
   mode: "boolean"
-})], BaseDropdown.prototype, "multiple", 2);
-__decorateClass$z([attr], BaseDropdown.prototype, "name", 2);
-__decorateClass$z([observable], BaseDropdown.prototype, "open", 2);
-__decorateClass$z([attr], BaseDropdown.prototype, "placeholder", 2);
+})], _BaseDropdown.prototype, "multiple", 2);
+__decorateClass$z([attr], _BaseDropdown.prototype, "name", 2);
+__decorateClass$z([observable], _BaseDropdown.prototype, "open", 2);
+__decorateClass$z([attr], _BaseDropdown.prototype, "placeholder", 2);
 __decorateClass$z([attr({
   mode: "boolean"
-})], BaseDropdown.prototype, "required", 2);
-__decorateClass$z([attr], BaseDropdown.prototype, "type", 2);
+})], _BaseDropdown.prototype, "required", 2);
+__decorateClass$z([attr], _BaseDropdown.prototype, "type", 2);
 __decorateClass$z([attr({
   attribute: "value"
-})], BaseDropdown.prototype, "valueAttribute", 2);
+})], _BaseDropdown.prototype, "valueAttribute", 2);
+let BaseDropdown = _BaseDropdown;
 var __defProp$y = Object.defineProperty;
 var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
@@ -8063,11 +8117,10 @@ var __decorateClass$y = (decorators, target, key, kind) => {
   if (kind && result) __defProp$y(target, key, result);
   return result;
 };
-const _Dropdown = class _Dropdown extends BaseDropdown {
+class Dropdown extends BaseDropdown {
   constructor() {
-    super();
+    super(...arguments);
     this.appearance = DropdownAppearance.outline;
-    this.addEventListener("connected", this.listboxConnectedHandler);
   }
   /**
    * Swaps appearance states when the appearance property changes.
@@ -8089,72 +8142,9 @@ const _Dropdown = class _Dropdown extends BaseDropdown {
   sizeChanged(prev, next) {
     swapStates(this.elementInternals, prev, next, DropdownSize);
   }
-  connectedCallback() {
-    super.connectedCallback();
-    this.anchorPositionFallback();
-  }
-  disconnectedCallback() {
-    _Dropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
-    super.disconnectedCallback();
-  }
-  /**
-   * Handles the connected event for the listbox.
-   *
-   * @param e - the event object
-   * @internal
-   */
-  listboxConnectedHandler(e) {
-    const target = e.target;
-    if (isListbox(target)) {
-      this.listbox = target;
-    }
-  }
-  /**
-   * Adds or removes the window event listener based on the open state.
-   *
-   * @param prev - the previous open state
-   * @param next - the current open state
-   * @internal
-   */
-  openChanged(prev, next) {
-    super.openChanged(prev, next);
-    if (next) {
-      _Dropdown.AnchorPositionFallbackObserver?.observe(this.listbox);
-      return;
-    }
-    _Dropdown.AnchorPositionFallbackObserver?.unobserve(this.listbox);
-  }
-  /**
-   * When anchor positioning isn't supported, an intersection observer is used to flip the listbox when it hits the
-   * viewport bounds. One static observer is used for all dropdowns.
-   *
-   * @internal
-   */
-  anchorPositionFallback() {
-    _Dropdown.AnchorPositionFallbackObserver = _Dropdown.AnchorPositionFallbackObserver ?? new IntersectionObserver(entries => {
-      entries.forEach(({
-        boundingClientRect,
-        isIntersecting,
-        target
-      }) => {
-        if (isListbox(target) && !isIntersecting) {
-          if (boundingClientRect.bottom > window.innerHeight) {
-            toggleState(target.dropdown.elementInternals, "flip-block", true);
-            return;
-          }
-          if (boundingClientRect.top < 0) {
-            toggleState(target.dropdown.elementInternals, "flip-block", false);
-          }
-        }
-      });
-    }, {
-      threshold: 1
-    });
-  }
-};
-__decorateClass$y([attr], _Dropdown.prototype, "appearance", 2);
-__decorateClass$y([attr], _Dropdown.prototype, "size", 2);
-let Dropdown = _Dropdown;
+}
+__decorateClass$y([attr], Dropdown.prototype, "appearance", 2);
+__decorateClass$y([attr], Dropdown.prototype, "size", 2);
 const styles$s = css`
   ${display("inline-flex")}
@@ -12265,6 +12255,9 @@ class BaseTablist extends FASTElement {
           activePanel.hidden = false;
         }
       }
+      if (oldValue !== newValue) {
+        this.change();
+      }
     }
   }
   /**
@@ -12314,7 +12307,6 @@ class BaseTablist extends FASTElement {
           this.activetab = tab;
           this.activeid = tabId;
         }
-        this.change();
       }
     });
   }
@@ -12327,7 +12319,6 @@ class BaseTablist extends FASTElement {
     if (this.activeTabIndex !== this.prevActiveTabIndex) {
       this.activeid = this.tabIds[this.activeTabIndex];
       this.focusTab();
-      this.change();
     }
   }
   isHorizontal() {

package/dist/web-components.min.js CHANGED Viewed

@@ -430,10 +430,10 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
   :host{--dialog-backdrop:${Zr}}:host([type='non-modal']) dialog[open]::backdrop{display:none}:host([type='non-modal']) dialog{position:fixed;top:0;bottom:0}:host([type='inline']){height:100%;width:fit-content}:host([type='inline']) dialog[open]{box-shadow:none;position:relative}:host([size='small']) dialog{width:320px;max-width:320px}:host([size='large']) dialog{width:940px;max-width:940px}:host([size='full']) dialog{width:100%;max-width:100%}:host([position='end']) dialog{margin-inline-start:auto;margin-inline-end:0}dialog{box-sizing:border-box;z-index:var(--drawer-elevation,1000);font-size:${F};line-height:${H};font-family:${x};font-weight:${j};color:${_};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${ae};border-inline-start-color:var(--drawer-separator,${ae});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Fa};border:${N} solid ${ae};background:${A}}dialog::backdrop{background:var(--dialog-backdrop)}@layer animations{@media (prefers-reduced-motion:no-preference){dialog{transition:display allow-discrete,opacity,overlay allow-discrete,transform;transition-duration:${hs};transition-timing-function:${Rt}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${jt}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${jt}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${hs};transition-timing-function:${Rt};background:var(--dialog-backdrop,${Zr});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${ps}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function tg(){return g`<dialog class="dialog" part="dialog" role="${o=>o.type==="modal"?"dialog":o.role}" aria-modal="${o=>o.type==="modal"?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" size="${o=>o.size}" position="${o=>o.position}" type="${o=>o.type}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${(o,e)=>o.hide()}" ${X("dialog")}><slot></slot></dialog>`}const og=tg(),ig=Gt.compose({name:`${b.prefix}-drawer`,template:og,styles:eg});ig.define(b.registry);class rg extends k{}const sg=p`
   ${C("grid")}
-  :host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Ru};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Gp}}.footer{display:flex;justify-content:flex-start;gap:${ge}}`;function ng(){return g`<div class="header" part="header"><slot name="title"></slot><slot name="close"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const ag=ng(),lg=rg.compose({name:`${b.prefix}-drawer-body`,template:ag,styles:sg});lg.define(b.registry);function sl(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function nr(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function nl(o){return o.closest("[lang]")?.lang??"en"}let cg=0;function Yo(o="id-"){const e=`${o}${cg++}`;return document.getElementById(e)?Yo(o):e}const al={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},dg={small:"small",medium:"medium",large:"large"},ks={combobox:"combobox",dropdown:"dropdown",select:"select"},hg=g`<svg class="chevron-down-20-regular" role="button" slot="indicator" viewBox="0 0 20 20" ${X("indicator")}><path d="M15.85 7.65a.5.5 0 0 1 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16a.5.5 0 0 1 .7 0" fill="currentColor" /></svg>`,ug=g`<input @input="${(o,e)=>o.inputHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-labelledby="${o=>o.ariaLabelledBy}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" placeholder="${o=>o.placeholder}" role="combobox" ?disabled="${o=>o.disabled}" type="${o=>o.type}" value="${o=>o.valueAttribute}" ${X("control")} />`,pg=g`<button aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" role="combobox" ?disabled="${o=>o.disabled}" type="button" ${X("control")}>${o=>o.displayValue}</button>`;function bg(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @mousedown="${(e,t)=>e.mousedownHandler(t.event)}"><div class="control"><slot name="control" ${X("controlSlot")}></slot><slot name="indicator" ${X("indicatorSlot")}>${$e(o.indicator)}</slot></div><slot ${X("listboxSlot")}></slot></template>`}const gg=bg({indicator:hg});var fg=Object.defineProperty,mg=Object.getOwnPropertyDescriptor,J=(o,e,t,i)=>{for(var r=i>1?void 0:i?mg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&fg(e,t,r),r};class R extends k{constructor(){super(),this.activeIndex=0,this.id=Yo("dropdown-"),this.required=!1,this.type=ks.dropdown,this.valueAttribute="",this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",re.enqueue(()=>{this.insertControl()})}get activeDescendant(){if(this.open)return this.enabledOptions[this.activeIndex]?.id}activeIndexChanged(e,t){if(typeof t=="number"){const i=this.matches(":has(:focus-visible)")?t:-1;this.enabledOptions.forEach((r,s)=>{r.active=s===i}),this.open&&this.enabledOptions[i]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Yo("input-"),this.controlSlot?.assign(t))}disabledChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return $(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(nl(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return $(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&f.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",this.listboxSlot.assign(t);const i=f.getNotifier(this);i.subscribe(t);for(const r of["disabled","multiple"])i.notify(r);re.enqueue(()=>{this.enabledOptions.filter(r=>r.defaultSelected).forEach((r,s)=>{r.selected=this.multiple||s===0})})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){$(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1}typeChanged(e,t){this.$fastController.isConnected&&this.insertControl()}get enabledOptions(){return this.listbox?.enabledOptions??[]}formResetCallback(){this.enabledOptions.forEach((e,t)=>{if(this.multiple){e.selected=!!e.defaultSelected;return}if(!e.defaultSelected){e.selected=!1;return}this.selectOption(t)})}get freeformOption(){return this.enabledOptions.find(e=>e.freeform)}get isCombobox(){return this.type===ks.combobox}get options(){return this.listbox?.options??[]}get selectedIndex(){return this.enabledOptions.findIndex(e=>e.selected)??-1}get selectedOptions(){return this.listbox?.selectedOptions??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this.validationFallbackMessage){const e=document.createElement("input");e.type="radio",e.required=!0,e.checked=!1,this.validationFallbackMessage=e.validationMessage}return this.validationFallbackMessage}get value(){return f.notify(this,"value"),this.enabledOptions.find(e=>e.selected)?.value??null}set value(e){this.multiple||(this.selectOption(this.enabledOptions.findIndex(t=>t.value===e)),f.track(this,"value"))}changeHandler(e){if(this===e.target)return!0;const t=this.isCombobox?this.enabledOptions.findIndex(i=>i.text===this.control.value):this.enabledOptions.indexOf(e.target);return this.selectOption(t,!0),!0}clickHandler(e){if(this.disabled)return;const t=e.target;if(this.focus(),t===this.control&&!this.isCombobox)return this.listbox.togglePopover(),!0;if(!this.open)return this.listbox.showPopover(),!0;if(nr(t)){if(t.disabled)return;this.selectOption(this.enabledOptions.indexOf(t),!0),this.multiple||(this.isCombobox&&(this.control.value=t.text,this.updateFreeformOption()),this.listbox.hidePopover())}return!0}filterOptions(e,t=this.enabledOptions){return this.listCollator||(this.listCollator=new Intl.Collator(nl(this),{usage:"search",sensitivity:"base"})),t.filter(i=>this.listCollator.compare(i.text.substring(0,Math.min(i.text.length,e.length)),e)===0)}focus(e){this.disabled||this.control.focus(e)}focusoutHandler(e){const t=e.relatedTarget;return this.open&&!this.contains(t)&&this.listbox.togglePopover(),!0}getEnabledIndexInBounds(e,t=this.enabledOptions.length||0){return t===0?-1:(e+t)%t}inputHandler(e){this.open||this.listbox.showPopover(),this.updateFreeformOption();const t=this.control.value,i=this.enabledOptions.indexOf(this.filterOptions(t)[0]??null);return this.activeIndex=i,!0}insertControl(){if(this.controlSlot?.assignedNodes().forEach(e=>this.removeChild(e)),this.type===ks.combobox){ug.render(this,this);return}pg.render(this,this)}keydownHandler(e){let t=0;switch(e.key){case"ArrowUp":{e.preventDefault(),t=-1;break}case"ArrowDown":{e.preventDefault(),t=1;break}case" ":{if(this.isCombobox)break;e.preventDefault()}case"Enter":case"Tab":{if(this.open){if(this.selectOption(this.activeIndex,!0),this.multiple)break;return this.listbox.hidePopover(),e.key==="Tab"}this.listbox.showPopover();break}case"Escape":{this.activeIndex=this.multiple?0:this.selectedIndex,this.listbox.hidePopover();break}}if(!t)return!0;if(!this.open){this.listbox.showPopover();return}let i=this.activeIndex;i+=t;let r=this.getEnabledIndexInBounds(i);return r===0&&this.freeformOption?.hidden&&(r=this.getEnabledIndexInBounds(i+t)),this.activeIndex=r,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!nr(e.target)}selectOption(e=this.selectedIndex,t=!1){this.listbox.selectOption(e),this.control.value=this.displayValue,this.setValidity(),this.updateFreeformOption(),t&&this.$emit("change")}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}const r=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:r,...e},t??this.validationMessage,i??this.listbox.enabledOptions[0])}}updateFreeformOption(e=this.control.value){if(this.freeformOption){if(e===""||this.filterOptions(e,this.enabledOptions.filter(t=>!t.freeform)).length){this.freeformOption.value="",this.freeformOption.selected=!1,this.freeformOption.hidden=!0;return}this.freeformOption.value=e,this.freeformOption.hidden=!1}}}R.formAssociated=!0,J([Sr],R.prototype,"activeDescendant",1),J([m],R.prototype,"activeIndex",2),J([a({attribute:"aria-labelledby",mode:"fromView"})],R.prototype,"ariaLabelledBy",2),J([m],R.prototype,"control",2),J([a({mode:"boolean"})],R.prototype,"disabled",2),J([Sr],R.prototype,"displayValue",1),J([a({attribute:"id"})],R.prototype,"id",2),J([m],R.prototype,"indicator",2),J([m],R.prototype,"indicatorSlot",2),J([a({attribute:"value",mode:"fromView"})],R.prototype,"initialValue",2),J([m],R.prototype,"listbox",2),J([m],R.prototype,"listboxSlot",2),J([a({mode:"boolean"})],R.prototype,"multiple",2),J([a],R.prototype,"name",2),J([m],R.prototype,"open",2),J([a],R.prototype,"placeholder",2),J([a({mode:"boolean"})],R.prototype,"required",2),J([a],R.prototype,"type",2),J([a({attribute:"value"})],R.prototype,"valueAttribute",2);var vg=Object.defineProperty,$g=Object.getOwnPropertyDescriptor,ll=(o,e,t,i)=>{for(var r=i>1?void 0:i?$g(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&vg(e,t,r),r};const ws=class wo extends R{constructor(){super(),this.appearance=al.outline,this.addEventListener("connected",this.listboxConnectedHandler)}appearanceChanged(e,t){y(this.elementInternals,e,t,al)}sizeChanged(e,t){y(this.elementInternals,e,t,dg)}connectedCallback(){super.connectedCallback(),this.anchorPositionFallback()}disconnectedCallback(){wo.AnchorPositionFallbackObserver?.unobserve(this.listbox),super.disconnectedCallback()}listboxConnectedHandler(e){const t=e.target;sl(t)&&(this.listbox=t)}openChanged(e,t){if(super.openChanged(e,t),t){wo.AnchorPositionFallbackObserver?.observe(this.listbox);return}wo.AnchorPositionFallbackObserver?.unobserve(this.listbox)}anchorPositionFallback(){wo.AnchorPositionFallbackObserver=wo.AnchorPositionFallbackObserver??new IntersectionObserver(e=>{e.forEach(({boundingClientRect:t,isIntersecting:i,target:r})=>{if(sl(r)&&!i){if(t.bottom>window.innerHeight){$(r.dropdown.elementInternals,"flip-block",!0);return}t.top<0&&$(r.dropdown.elementInternals,"flip-block",!1)}})},{threshold:1})}};ll([a],ws.prototype,"appearance",2),ll([a],ws.prototype,"size",2);let yg=ws;const xg=p`
+  :host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Ru};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Gp}}.footer{display:flex;justify-content:flex-start;gap:${ge}}`;function ng(){return g`<div class="header" part="header"><slot name="title"></slot><slot name="close"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const ag=ng(),lg=rg.compose({name:`${b.prefix}-drawer-body`,template:ag,styles:sg});lg.define(b.registry);function sl(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function nr(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function nl(o){return o.closest("[lang]")?.lang??"en"}let cg=0;function Yo(o="id-"){const e=`${o}${cg++}`;return document.getElementById(e)?Yo(o):e}const al={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},dg={small:"small",medium:"medium",large:"large"},ks={combobox:"combobox",dropdown:"dropdown",select:"select"},hg=g`<svg class="chevron-down-20-regular" role="button" slot="indicator" viewBox="0 0 20 20" ${X("indicator")}><path d="M15.85 7.65a.5.5 0 0 1 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16a.5.5 0 0 1 .7 0" fill="currentColor" /></svg>`,ug=g`<input @input="${(o,e)=>o.inputHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-labelledby="${o=>o.ariaLabelledBy}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" placeholder="${o=>o.placeholder}" role="combobox" ?disabled="${o=>o.disabled}" type="${o=>o.type}" value="${o=>o.valueAttribute}" ${X("control")} />`,pg=g`<button aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" role="combobox" ?disabled="${o=>o.disabled}" type="button" ${X("control")}>${o=>o.displayValue}</button>`;function bg(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @mousedown="${(e,t)=>e.mousedownHandler(t.event)}"><div class="control"><slot name="control" ${X("controlSlot")}></slot><slot name="indicator" ${X("indicatorSlot")}>${$e(o.indicator)}</slot></div><slot ${X("listboxSlot")}></slot></template>`}const gg=bg({indicator:hg});var fg=Object.defineProperty,mg=Object.getOwnPropertyDescriptor,J=(o,e,t,i)=>{for(var r=i>1?void 0:i?mg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&fg(e,t,r),r};const R=class wo extends k{constructor(){super(),this.activeIndex=0,this.id=Yo("dropdown-"),this.required=!1,this.type=ks.dropdown,this.valueAttribute="",this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",this.addEventListener("connected",this.listboxConnectedHandler),re.enqueue(()=>{this.insertControl()})}get activeDescendant(){if(this.open)return this.enabledOptions[this.activeIndex]?.id}activeIndexChanged(e,t){if(typeof t=="number"){const i=this.matches(":has(:focus-visible)")?t:-1;this.enabledOptions.forEach((r,s)=>{r.active=s===i}),this.open&&this.enabledOptions[i]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Yo("input-"),this.controlSlot?.assign(t))}disabledChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return $(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(nl(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return $(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&f.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",this.listboxSlot.assign(t);const i=f.getNotifier(this);i.subscribe(t);for(const r of["disabled","multiple"])i.notify(r);re.enqueue(()=>{this.enabledOptions.filter(r=>r.defaultSelected).forEach((r,s)=>{r.selected=this.multiple||s===0})})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){if($(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1,t){wo.AnchorPositionFallbackObserver?.observe(this.listbox);return}wo.AnchorPositionFallbackObserver?.unobserve(this.listbox)}typeChanged(e,t){this.$fastController.isConnected&&this.insertControl()}get enabledOptions(){return this.listbox?.enabledOptions??[]}formResetCallback(){this.enabledOptions.forEach((e,t)=>{if(this.multiple){e.selected=!!e.defaultSelected;return}if(!e.defaultSelected){e.selected=!1;return}this.selectOption(t)})}get freeformOption(){return this.enabledOptions.find(e=>e.freeform)}get isCombobox(){return this.type===ks.combobox}get options(){return this.listbox?.options??[]}get selectedIndex(){return this.enabledOptions.findIndex(e=>e.selected)??-1}get selectedOptions(){return this.listbox?.selectedOptions??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this.validationFallbackMessage){const e=document.createElement("input");e.type="radio",e.required=!0,e.checked=!1,this.validationFallbackMessage=e.validationMessage}return this.validationFallbackMessage}get value(){return f.notify(this,"value"),this.enabledOptions.find(e=>e.selected)?.value??null}set value(e){this.multiple||(this.selectOption(this.enabledOptions.findIndex(t=>t.value===e)),f.track(this,"value"))}changeHandler(e){if(this===e.target)return!0;const t=this.isCombobox?this.enabledOptions.findIndex(i=>i.text===this.control.value):this.enabledOptions.indexOf(e.target);return this.selectOption(t,!0),!0}clickHandler(e){if(this.disabled)return;const t=e.target;if(this.focus(),t===this.control&&!this.isCombobox)return this.listbox.togglePopover(),!0;if(!this.open)return this.listbox.showPopover(),!0;if(nr(t)){if(t.disabled)return;this.selectOption(this.enabledOptions.indexOf(t),!0),this.multiple||(this.isCombobox&&(this.control.value=t.text,this.updateFreeformOption()),this.listbox.hidePopover())}return!0}filterOptions(e,t=this.enabledOptions){return this.listCollator||(this.listCollator=new Intl.Collator(nl(this),{usage:"search",sensitivity:"base"})),t.filter(i=>this.listCollator.compare(i.text.substring(0,Math.min(i.text.length,e.length)),e)===0)}focus(e){this.disabled||this.control.focus(e)}focusoutHandler(e){const t=e.relatedTarget;return this.open&&!this.contains(t)&&this.listbox.togglePopover(),!0}getEnabledIndexInBounds(e,t=this.enabledOptions.length||0){return t===0?-1:(e+t)%t}inputHandler(e){this.open||this.listbox.showPopover(),this.updateFreeformOption();const t=this.control.value,i=this.enabledOptions.indexOf(this.filterOptions(t)[0]??null);return this.activeIndex=i,!0}insertControl(){if(this.controlSlot?.assignedNodes().forEach(e=>this.removeChild(e)),this.type===ks.combobox){ug.render(this,this);return}pg.render(this,this)}keydownHandler(e){let t=0;switch(e.key){case"ArrowUp":{e.preventDefault(),t=-1;break}case"ArrowDown":{e.preventDefault(),t=1;break}case" ":{if(this.isCombobox)break;e.preventDefault()}case"Enter":case"Tab":{if(this.open){if(this.selectOption(this.activeIndex,!0),this.multiple)break;return this.listbox.hidePopover(),e.key==="Tab"}this.listbox.showPopover();break}case"Escape":{this.activeIndex=this.multiple?0:this.selectedIndex,this.listbox.hidePopover();break}}if(!t)return!0;if(!this.open){this.listbox.showPopover();return}let i=this.activeIndex;i+=t;let r=this.getEnabledIndexInBounds(i);return r===0&&this.freeformOption?.hidden&&(r=this.getEnabledIndexInBounds(i+t)),this.activeIndex=r,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!nr(e.target)}selectOption(e=this.selectedIndex,t=!1){this.listbox.selectOption(e),this.control.value=this.displayValue,this.setValidity(),this.updateFreeformOption(),t&&this.$emit("change")}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}const r=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:r,...e},t??this.validationMessage,i??this.listbox.enabledOptions[0])}}updateFreeformOption(e=this.control.value){if(this.freeformOption){if(e===""||this.filterOptions(e,this.enabledOptions.filter(t=>!t.freeform)).length){this.freeformOption.value="",this.freeformOption.selected=!1,this.freeformOption.hidden=!0;return}this.freeformOption.value=e,this.freeformOption.hidden=!1}}connectedCallback(){super.connectedCallback(),this.anchorPositionFallback()}disconnectedCallback(){wo.AnchorPositionFallbackObserver?.unobserve(this.listbox),super.disconnectedCallback()}listboxConnectedHandler(e){const t=e.target;sl(t)&&(this.listbox=t)}anchorPositionFallback(){wo.AnchorPositionFallbackObserver=wo.AnchorPositionFallbackObserver??new IntersectionObserver(e=>{e.forEach(({boundingClientRect:t,isIntersecting:i,target:r})=>{if(sl(r)&&!i){if(t.bottom>window.innerHeight){$(r.dropdown.elementInternals,"flip-block",!0);return}t.top<0&&$(r.dropdown.elementInternals,"flip-block",!1)}})},{threshold:1})}};R.formAssociated=!0,J([Sr],R.prototype,"activeDescendant",1),J([m],R.prototype,"activeIndex",2),J([a({attribute:"aria-labelledby",mode:"fromView"})],R.prototype,"ariaLabelledBy",2),J([m],R.prototype,"control",2),J([a({mode:"boolean"})],R.prototype,"disabled",2),J([Sr],R.prototype,"displayValue",1),J([a({attribute:"id"})],R.prototype,"id",2),J([m],R.prototype,"indicator",2),J([m],R.prototype,"indicatorSlot",2),J([a({attribute:"value",mode:"fromView"})],R.prototype,"initialValue",2),J([m],R.prototype,"listbox",2),J([m],R.prototype,"listboxSlot",2),J([a({mode:"boolean"})],R.prototype,"multiple",2),J([a],R.prototype,"name",2),J([m],R.prototype,"open",2),J([a],R.prototype,"placeholder",2),J([a({mode:"boolean"})],R.prototype,"required",2),J([a],R.prototype,"type",2),J([a({attribute:"value"})],R.prototype,"valueAttribute",2);let vg=R;var $g=Object.defineProperty,yg=Object.getOwnPropertyDescriptor,ll=(o,e,t,i)=>{for(var r=i>1?void 0:i?yg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$g(e,t,r),r};class ws extends vg{constructor(){super(...arguments),this.appearance=al.outline}appearanceChanged(e,t){y(this.elementInternals,e,t,al)}sizeChanged(e,t){y(this.elementInternals,e,t,dg)}}ll([a],ws.prototype,"appearance",2),ll([a],ws.prototype,"size",2);const xg=p`
   ${C("inline-flex")}
-  :host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${_};cursor:pointer}:host(${fd}){color:${Yr}}.control{appearance:none;background-color:${A};border-radius:${z};border:none;box-shadow:inset 0 0 0 ${N} var(--control-border-color);box-sizing:border-box;color:inherit;column-gap:${Q};display:inline-flex;justify-content:space-between;min-width:160px;overflow:hidden;padding:${Ze} ${be};position:relative;text-align:start;width:100%;z-index:1;${Ja}}:host(${T}) .control{column-gap:${Q};padding:${ho} ${le};${el}}:host(${S}) .control{column-gap:${Qe};padding:${Z} ${ge};${qp}}::slotted(:is(input,button)){all:unset;flex:1 1 auto}::slotted(button){cursor:pointer}::slotted(input){cursor:text}:where(slot[name='indicator'] > *,::slotted([slot='indicator'])){all:unset;align-items:center;appearance:none;aspect-ratio:1;color:${ue};display:inline-flex;justify-content:center;width:20px}:host(${T}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:16px}:host(${S}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:24px}.control::after,.control::before{content:'' / '';inset:auto 0 0;pointer-events:none;position:absolute}.control::before{height:${N}}.control::after{background-color:${Lt};height:${Pe};scale:0 1;transition:scale ${ds} ${Rt}}:host(:where(${ud},:focus-within)) .control::after{scale:1 1;transition-duration:${Ui};transition-timing-function:${jt}}:host(:where(${E},${V})) .control::before{background-color:${Ke}}:host(${V}) .control{--control-border-color:${ts};background-color:${Ce};border-radius:${Li}}:host(${E}) .control{--control-border-color:${Ye}}:host(${E}) .control:hover{--control-border-color:${ao}}:host(:where(${E},${V})) .control:hover::before{background-color:${Dt}}:host(${E}) .control:hover::after{background-color:${so}}:host(${E}) .control:active{--control-border-color:${qo}}:host(:where(${E},${V})) .control:active::before{background-color:${Ht}}:host(:where(${E},${V})) .control:active::after{background-color:${no}}:host(${ft}) .control{background-color:${jo}}:host(:where(${Bt},${ft})) .control{--control-border-color:${ae}}:host(:disabled),:host(:disabled) ::slotted(:where(button,input)){cursor:not-allowed}:host(:disabled) .control::before,:host(:disabled) .control::after{content:none}:host(:disabled) .control:is(*,:active,:hover),:host(:disabled) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){--control-border-color:${Ae};background-color:${vt};color:${O}}::slotted([popover]){inset:unset;position:absolute;position-anchor:--dropdown-trigger;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline,flip-block,block-start;max-height:var(--listbox-max-height,calc(50vh - anchor-size(self-block)));min-width:anchor-size(width);overflow:auto}::slotted([popover]:not(:popover-open)){display:none}@supports not (anchor-name:--anchor){::slotted([popover]){margin-block-start:calc(${H} + (${Ze} * 2) + ${N});max-height:50vh}:host(${T}) ::slotted([popover]){margin-block-start:calc(${te} + (${ho} * 2) + ${N})}:host(${S}) ::slotted([popover]){margin-block-start:calc(${Ie} + (${Z} * 2) + ${N})}:host(${Wc}) ::slotted([popover]){margin-block-start:revert;transform:translate(0,-100%)}}`,kg=yg.compose({name:`${b.prefix}-dropdown`,template:gg,styles:xg,shadowOptions:{slotAssignment:"manual"}});kg.define(b.registry);const wg={above:"above",after:"after",before:"before"},Fe={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"};var Cg=Object.defineProperty,Sg=Object.getOwnPropertyDescriptor,ar=(o,e,t,i)=>{for(var r=i>1?void 0:i?Sg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Cg(e,t,r),r};class Qo extends k{constructor(){super(),this.labelSlot=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}labelSlotChanged(e,t){t&&this.input&&(this.setLabelProperties(),this.setStates())}messageSlotChanged(e,t){if($(this.elementInternals,"has-message",!!t.length),!t.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(e,t){t?.length&&(this.input=t?.[0],this.setStates())}inputChanged(e,t){t&&(this.setStates(),this.setLabelProperties())}changeHandler(e){return this.setStates(),this.setValidationStates(),!0}clickHandler(e){return this===e.target&&this.input.click(),!0}focusinHandler(e){return this.matches(":focus-within:has(> :focus-visible)")&&$(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(e){return $(this.elementInternals,"focus-visible",!1),!0}invalidHandler(e){this.messageSlot.length&&e.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||eo("input"),this.labelSlot?.forEach(e=>{e instanceof HTMLLabelElement&&(e.htmlFor=e.htmlFor||this.input.id,e.id=e.id||`${this.input.id}--label`,e.setAttribute("aria-hidden","true"),this.input.setAttribute("aria-labelledby",e.id))}))}setStates(){this.elementInternals&&this.input&&($(this.elementInternals,"disabled",!!this.input.disabled),$(this.elementInternals,"readonly",!!this.input.readOnly),$(this.elementInternals,"required",!!this.input.required),$(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[e,t]of Object.entries(Fe))$(this.elementInternals,t,this.input.validity[e])}}ar([m],Qo.prototype,"labelSlot",2),ar([m],Qo.prototype,"messageSlot",2),ar([m],Qo.prototype,"slottedInputs",2),ar([m],Qo.prototype,"input",2);var Ig=Object.defineProperty,Pg=Object.getOwnPropertyDescriptor,zg=(o,e,t,i)=>{for(var r=i>1?void 0:i?Pg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Ig(e,t,r),r};class cl extends Qo{constructor(){super(...arguments),this.labelPosition=wg.above}}zg([a({attribute:"label-position"})],cl.prototype,"labelPosition",2);const Tg=p`
+  :host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${_};cursor:pointer}:host(${fd}){color:${Yr}}.control{appearance:none;background-color:${A};border-radius:${z};border:none;box-shadow:inset 0 0 0 ${N} var(--control-border-color);box-sizing:border-box;color:inherit;column-gap:${Q};display:inline-flex;justify-content:space-between;min-width:160px;overflow:hidden;padding:${Ze} ${be};position:relative;text-align:start;width:100%;z-index:1;${Ja}}:host(${T}) .control{column-gap:${Q};padding:${ho} ${le};${el}}:host(${S}) .control{column-gap:${Qe};padding:${Z} ${ge};${qp}}::slotted(:is(input,button)){all:unset;flex:1 1 auto}::slotted(button){cursor:pointer}::slotted(input){cursor:text}:where(slot[name='indicator'] > *,::slotted([slot='indicator'])){all:unset;align-items:center;appearance:none;aspect-ratio:1;color:${ue};display:inline-flex;justify-content:center;width:20px}:host(${T}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:16px}:host(${S}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:24px}.control::after,.control::before{content:'' / '';inset:auto 0 0;pointer-events:none;position:absolute}.control::before{height:${N}}.control::after{background-color:${Lt};height:${Pe};scale:0 1;transition:scale ${ds} ${Rt}}:host(:where(${ud},:focus-within)) .control::after{scale:1 1;transition-duration:${Ui};transition-timing-function:${jt}}:host(:where(${E},${V})) .control::before{background-color:${Ke}}:host(${V}) .control{--control-border-color:${ts};background-color:${Ce};border-radius:${Li}}:host(${E}) .control{--control-border-color:${Ye}}:host(${E}) .control:hover{--control-border-color:${ao}}:host(:where(${E},${V})) .control:hover::before{background-color:${Dt}}:host(${E}) .control:hover::after{background-color:${so}}:host(${E}) .control:active{--control-border-color:${qo}}:host(:where(${E},${V})) .control:active::before{background-color:${Ht}}:host(:where(${E},${V})) .control:active::after{background-color:${no}}:host(${ft}) .control{background-color:${jo}}:host(:where(${Bt},${ft})) .control{--control-border-color:${ae}}:host(:disabled),:host(:disabled) ::slotted(:where(button,input)){cursor:not-allowed}:host(:disabled) .control::before,:host(:disabled) .control::after{content:none}:host(:disabled) .control:is(*,:active,:hover),:host(:disabled) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){--control-border-color:${Ae};background-color:${vt};color:${O}}::slotted([popover]){inset:unset;position:absolute;position-anchor:--dropdown-trigger;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline,flip-block,block-start;max-height:var(--listbox-max-height,calc(50vh - anchor-size(self-block)));min-width:anchor-size(width);overflow:auto}::slotted([popover]:not(:popover-open)){display:none}@supports not (anchor-name:--anchor){::slotted([popover]){margin-block-start:calc(${H} + (${Ze} * 2) + ${N});max-height:50vh}:host(${T}) ::slotted([popover]){margin-block-start:calc(${te} + (${ho} * 2) + ${N})}:host(${S}) ::slotted([popover]){margin-block-start:calc(${Ie} + (${Z} * 2) + ${N})}:host(${Wc}) ::slotted([popover]){margin-block-start:revert;transform:translate(0,-100%)}}`,kg=ws.compose({name:`${b.prefix}-dropdown`,template:gg,styles:xg,shadowOptions:{slotAssignment:"manual"}});kg.define(b.registry);const wg={above:"above",after:"after",before:"before"},Fe={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"};var Cg=Object.defineProperty,Sg=Object.getOwnPropertyDescriptor,ar=(o,e,t,i)=>{for(var r=i>1?void 0:i?Sg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Cg(e,t,r),r};class Qo extends k{constructor(){super(),this.labelSlot=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}labelSlotChanged(e,t){t&&this.input&&(this.setLabelProperties(),this.setStates())}messageSlotChanged(e,t){if($(this.elementInternals,"has-message",!!t.length),!t.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(e,t){t?.length&&(this.input=t?.[0],this.setStates())}inputChanged(e,t){t&&(this.setStates(),this.setLabelProperties())}changeHandler(e){return this.setStates(),this.setValidationStates(),!0}clickHandler(e){return this===e.target&&this.input.click(),!0}focusinHandler(e){return this.matches(":focus-within:has(> :focus-visible)")&&$(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(e){return $(this.elementInternals,"focus-visible",!1),!0}invalidHandler(e){this.messageSlot.length&&e.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||eo("input"),this.labelSlot?.forEach(e=>{e instanceof HTMLLabelElement&&(e.htmlFor=e.htmlFor||this.input.id,e.id=e.id||`${this.input.id}--label`,e.setAttribute("aria-hidden","true"),this.input.setAttribute("aria-labelledby",e.id))}))}setStates(){this.elementInternals&&this.input&&($(this.elementInternals,"disabled",!!this.input.disabled),$(this.elementInternals,"readonly",!!this.input.readOnly),$(this.elementInternals,"required",!!this.input.required),$(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[e,t]of Object.entries(Fe))$(this.elementInternals,t,this.input.validity[e])}}ar([m],Qo.prototype,"labelSlot",2),ar([m],Qo.prototype,"messageSlot",2),ar([m],Qo.prototype,"slottedInputs",2),ar([m],Qo.prototype,"input",2);var Ig=Object.defineProperty,Pg=Object.getOwnPropertyDescriptor,zg=(o,e,t,i)=>{for(var r=i>1?void 0:i?Pg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Ig(e,t,r),r};class cl extends Qo{constructor(){super(...arguments),this.labelPosition=wg.above}}zg([a({attribute:"label-position"})],cl.prototype,"labelPosition",2);const Tg=p`
   ${C("inline-grid")}
   :host{color:${_};align-items:center;gap:0 ${ge};justify-items:start;position:relative}:has([slot='message']){color:${_};row-gap:${Z}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${ge}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${co}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${qu}}:host([label-position='below']:not(${Qc})){grid-template-areas:'input' 'label'}::slotted([slot='label'])::after{content:'';display:block;position:absolute;inset:0}::slotted([slot='input']){grid-area:input;position:relative;z-index:1}::slotted([slot='message']){margin-block-start:${co};grid-area:message}:host(${Xc}:focus-within){border-radius:${z};outline:${Pe} solid ${_e}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${x};font-size:${F};font-weight:${j};grid-area:label;line-height:${H};user-select:none}:host([size='small']) ::slotted(label){font-size:${G};line-height:${te}}:host([size='large']) ::slotted(label){font-size:${xe};line-height:${Ie}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${W}}:host(${M}){cursor:default}::slotted([flag]){display:none}:host(${Pc}) ::slotted([flag='${Fe.badInput}']),:host(${Mc}) ::slotted([flag='${Fe.customError}']),:host(${pd}) ::slotted([flag='${Fe.patternMismatch}']),:host(${xd}) ::slotted([flag='${Fe.rangeOverflow}']),:host(${kd}) ::slotted([flag='${Fe.rangeUnderflow}']),:host(${Ld}) ::slotted([flag='${Fe.stepMismatch}']),:host(${jd}) ::slotted([flag='${Fe.tooLong}']),:host(${Rd}) ::slotted([flag='${Fe.tooShort}']),:host(${qd}) ::slotted([flag='${Fe.typeMismatch}']),:host(${Xd}) ::slotted([flag='${Fe.valueMissing}']),:host(${Wd}) ::slotted([flag='${Fe.valid}']){display:block}`,Bg=g`<template @click="${(o,e)=>o.clickHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" @focusin="${(o,e)=>o.focusinHandler(e.event)}" @focusout="${(o,e)=>o.focusoutHandler(e.event)}" ${Mr({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:zt()})}><slot name="label" part="label" ${U("labelSlot")}></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${U({property:"messageSlot",filter:zt("[flag]")})}></slot></template>`,Og=cl.compose({name:`${b.prefix}-field`,template:Bg,styles:Tg,shadowOptions:{delegatesFocus:!0}});Og.define(b.registry);const Ag={none:"none",center:"center",contain:"contain",cover:"cover"},_g={circular:"circular",rounded:"rounded",square:"square"};var Eg=Object.defineProperty,Ng=Object.getOwnPropertyDescriptor,Zo=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ng(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Eg(e,t,r),r};class fo extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}blockChanged(e,t){$(this.elementInternals,"block",t)}borderedChanged(e,t){$(this.elementInternals,"bordered",t)}shadowChanged(e,t){$(this.elementInternals,"shadow",t)}fitChanged(e,t){y(this.elementInternals,e,t,Ag,"fit-")}shapeChanged(e,t){y(this.elementInternals,e,t,_g)}}Zo([a({mode:"boolean"})],fo.prototype,"block",2),Zo([a({mode:"boolean"})],fo.prototype,"bordered",2),Zo([a({mode:"boolean"})],fo.prototype,"shadow",2),Zo([a],fo.prototype,"fit",2),Zo([a],fo.prototype,"shape",2);const Fg=g`<slot></slot>`,Mg=p`
@@ -528,7 +528,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
       :host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}Os([a],ii.prototype,"appearance",2),Os([a({mode:"boolean"})],ii.prototype,"disabled",2),Os([a],ii.prototype,"size",2),st(ii,rt);function uv(o={}){return g` ${Xe(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${U("tabs")}></slot></div>${gt(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${U("tabpanels")}></slot></div>`}const pv=uv({}),bv=p`
   ${C("grid")}
-  :host{box-sizing:border-box;font-family:${x};font-size:${F};line-height:${H};color:${Ee};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${O}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${O}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${z}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${O}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='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([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Ft};fill:${Ft};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${F};line-height:${H};padding:${Ze} ${le}}:host([size='large']) ::slotted(fluent-tab){font-size:${xe};line-height:${Ie};padding:${Wi} ${be}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted(fluent-tab)::after{height:${pe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${pe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${pe};border-radius:${Se};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${pe};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${pe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${co};padding-bottom:${co}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${Z};padding-bottom:${Z}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${le};left:${le}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Z};bottom:${Z}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${uo};bottom:${uo}}`,gv=ii.compose({name:`${b.prefix}-tabs`,template:pv,styles:bv});gv.define(b.registry);const fv=o=>o.getAttribute("aria-disabled")==="true",mv=o=>o.hasAttribute("hidden"),pr=o=>!fv(o)&&!mv(o),ml={subtle:"subtle",transparent:"transparent"},vv={small:"small",medium:"medium",large:"large"},xo=Oe;var $v=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,br=(o,e,t,i)=>{for(var r=i>1?void 0:i?yv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$v(e,t,r),r};class ri extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=xo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&pr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=Vr(this);switch(e.key){case zo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case To:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case Bo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case Po:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case _o:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo:e.preventDefault(),this.adjust(this.tabs.filter(i=>pr(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??xo.horizontal,y(this.elementInternals,e,t,xo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs(),e){const i=this.tabs[this.prevActiveTabIndex],r=this.tabPanelMap.get(i);r&&(r.hidden=!0)}if(t&&this.activetab){const i=this.tabPanelMap.get(this.activetab);i&&(i.hidden=!1)}}}tabsChanged(){if(this.$fastController.isConnected&&this.tabs.length>0){this.tabIds=this.getTabIds(),this.setTabs();for(const e of this.tabs){const t=e.getAttribute("aria-controls")??"",r=this.getRootNode().getElementById(t);t&&r&&(r.role??(r.role="tabpanel"),r.hidden=this.activeid!==e.id,this.tabPanelMap.set(e,r))}}}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((e,t)=>{if(e.slot==="tab"){const i=this.activeTabIndex===t&&pr(e),r=this.tabIds[t];e.setAttribute("id",r),e.setAttribute("aria-selected",i?"true":"false"),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=e,this.activeid=r),this.change()}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${eo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===xo.horizontal}adjust(e){const t=this.tabs.filter(n=>pr(n)),i=t.indexOf(this.activetab),r=bc(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.activateTabByIndex(this.tabs,s)}activateTabByIndex(e,t){const i=e[t];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.activeTabIndex=this.getActiveIndex()}}br([a({mode:"boolean"})],ri.prototype,"disabled",2),br([a],ri.prototype,"orientation",2),br([a],ri.prototype,"activeid",2),br([m],ri.prototype,"tabs",2);var xv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,vl=(o,e,t,i)=>{for(var r=i>1?void 0:i?kv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xv(e,t,r),r};class As extends ri{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=ml.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,ml)}sizeChanged(e,t){y(this.elementInternals,e,t,vv)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===xo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===xo.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setAnimationVars()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const e=this.tabs,i=(this.activetab||e[0])?.getBoundingClientRect(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setAnimationVars(){this.style.setProperty("--tabIndicatorOffset",`${this.activeTabOffset}px`),this.style.setProperty("--tabIndicatorScale",`${this.activeTabScale}`)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}vl([a],As.prototype,"appearance",2),vl([a],As.prototype,"size",2);const wv=g`<template role="tablist"><slot name="tab" ${U("tabs")}></slot></template>`,Cv=p`
+  :host{box-sizing:border-box;font-family:${x};font-size:${F};line-height:${H};color:${Ee};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${O}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${O}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${z}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${O}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='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([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Ft};fill:${Ft};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${F};line-height:${H};padding:${Ze} ${le}}:host([size='large']) ::slotted(fluent-tab){font-size:${xe};line-height:${Ie};padding:${Wi} ${be}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted(fluent-tab)::after{height:${pe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${pe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${pe};border-radius:${Se};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${pe};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${pe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${co};padding-bottom:${co}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${Z};padding-bottom:${Z}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${le};left:${le}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Z};bottom:${Z}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${uo};bottom:${uo}}`,gv=ii.compose({name:`${b.prefix}-tabs`,template:pv,styles:bv});gv.define(b.registry);const fv=o=>o.getAttribute("aria-disabled")==="true",mv=o=>o.hasAttribute("hidden"),pr=o=>!fv(o)&&!mv(o),ml={subtle:"subtle",transparent:"transparent"},vv={small:"small",medium:"medium",large:"large"},xo=Oe;var $v=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,br=(o,e,t,i)=>{for(var r=i>1?void 0:i?yv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$v(e,t,r),r};class ri extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=xo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&pr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=Vr(this);switch(e.key){case zo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case To:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case Bo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case Po:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case _o:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo:e.preventDefault(),this.adjust(this.tabs.filter(i=>pr(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??xo.horizontal,y(this.elementInternals,e,t,xo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs(),e){const i=this.tabs[this.prevActiveTabIndex],r=this.tabPanelMap.get(i);r&&(r.hidden=!0)}if(t&&this.activetab){const i=this.tabPanelMap.get(this.activetab);i&&(i.hidden=!1)}e!==t&&this.change()}}tabsChanged(){if(this.$fastController.isConnected&&this.tabs.length>0){this.tabIds=this.getTabIds(),this.setTabs();for(const e of this.tabs){const t=e.getAttribute("aria-controls")??"",r=this.getRootNode().getElementById(t);t&&r&&(r.role??(r.role="tabpanel"),r.hidden=this.activeid!==e.id,this.tabPanelMap.set(e,r))}}}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((e,t)=>{if(e.slot==="tab"){const i=this.activeTabIndex===t&&pr(e),r=this.tabIds[t];e.setAttribute("id",r),e.setAttribute("aria-selected",i?"true":"false"),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=e,this.activeid=r)}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${eo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab())}isHorizontal(){return this.orientation===xo.horizontal}adjust(e){const t=this.tabs.filter(n=>pr(n)),i=t.indexOf(this.activetab),r=bc(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.activateTabByIndex(this.tabs,s)}activateTabByIndex(e,t){const i=e[t];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.activeTabIndex=this.getActiveIndex()}}br([a({mode:"boolean"})],ri.prototype,"disabled",2),br([a],ri.prototype,"orientation",2),br([a],ri.prototype,"activeid",2),br([m],ri.prototype,"tabs",2);var xv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,vl=(o,e,t,i)=>{for(var r=i>1?void 0:i?kv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xv(e,t,r),r};class As extends ri{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=ml.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,ml)}sizeChanged(e,t){y(this.elementInternals,e,t,vv)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===xo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===xo.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setAnimationVars()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const e=this.tabs,i=(this.activetab||e[0])?.getBoundingClientRect(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setAnimationVars(){this.style.setProperty("--tabIndicatorOffset",`${this.activeTabOffset}px`),this.style.setProperty("--tabIndicatorScale",`${this.activeTabScale}`)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}vl([a],As.prototype,"appearance",2),vl([a],As.prototype,"size",2);const wv=g`<template role="tablist"><slot name="tab" ${U("tabs")}></slot></template>`,Cv=p`
   ${C("flex")}
   :host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Ee};flex-direction:row}:host(${P}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted([slot='tab'])::after{height:${pe};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${P}) ::slotted([slot='tab'])::after{width:${pe};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${pe};border-radius:${Se};content:'';inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock);position:absolute;margin-top:auto}:host ::slotted([slot='tab'])::before{inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock)}:host ::slotted([slot='tab'][aria-selected='true'])::before{background-color:${O}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${pe};margin-block-start:auto;transform-origin:left}:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host(:where(${T},${S})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${T}) ::slotted([slot='tab']){--tabPaddingBlock:${Ze};--tabPaddingInline:${le};font-size:${F};line-height:${H}}:host(${S}) ::slotted([slot='tab']){--tabPaddingBlock:${Wi};--tabPaddingInline:${be};font-size:${xe};line-height:${Ie}}:host ::slotted([slot='tab'])::after,:host ::slotted([slot='tab'])::before,:host ::slotted([slot='tab']:hover)::after{inset-inline:var(--tabIndicatorInsetInline)}:host ::slotted([slot='tab']){--tabIndicatorInsetInline:${be}}:host(${T}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${le}}:host(${S}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${be}}:host(${P}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${P}) ::slotted([slot='tab']){--tabPaddingBlock:${Z}}:host(${P}${T}) ::slotted([slot='tab']){--tabPaddingBlock:${co}}:host(${P}${S}) ::slotted([slot='tab']){--tabPaddingBlock:${Z}}:host(${P}) ::slotted([slot='tab'])::after,:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${P}){--tabIndicatorInsetBlock:${Z}}:host(${P}${T}){--tabIndicatorInsetBlock:${Ze}}:host(${P}${S}){--tabIndicatorInsetBlock:${uo}}:host(${M}){cursor:not-allowed;color:${O}}:host(${M}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${O}}:host(${M}) ::slotted([slot='tab']:after){background-color:${O}}:host(${M}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${O}}:host(${M}) ::slotted([slot='tab']:hover):before{content:unset}:host(${B}) ::slotted([slot='tab']:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host(${B}) ::slotted([slot='tab']:active){background-color:${Ft};fill:${Ft};color:${_}}`,Sv=As.compose({name:`${b.prefix}-tablist`,template:wv,styles:Cv});Sv.define(b.registry);const Iv={small:"small",medium:"medium",large:"large"},si={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Pv=[si.filledLighter,si.filledDarker],gr={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var zv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,ve=(o,e,t,i)=>{for(var r=i>1?void 0:i?Tv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&zv(e,t,r),r};class oe extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.userInteracted=!1,this.preConnectControlEl=document.createElement("textarea"),this.autoResize=!1,this.disabled=!1,this.displayShadow=!1,this.readOnly=!1,this.required=!1,this.resize=gr.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.labelEl&&(this.labelEl.hidden=!this.labelSlottedNodes.length),this.labelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),$(this.elementInternals,"auto-resize",this.autoResize)}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get form(){return this.elementInternals.form}get labels(){return this.elementInternals.labels}readOnlyChanged(){this.elementInternals.ariaReadOnly=`${!!this.readOnly}`}requiredChanged(){this.elementInternals.ariaRequired=`${!!this.required}`,this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(e=>e.required=this.required)}resizeChanged(e,t){y(this.elementInternals,e,t,gr,"resize-"),$(this.elementInternals,"resize",qr(gr,t)&&t!==gr.none)}get textLength(){return this.controlEl.textLength}get type(){return"textarea"}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.controlEl.validationMessage}get willValidate(){return this.elementInternals.willValidate}get defaultValue(){return this.controlEl?.defaultValue??this.preConnectControlEl.defaultValue}set defaultValue(e){const t=this.controlEl??this.preConnectControlEl;t.defaultValue=e,this.controlEl&&!this.userInteracted&&(this.controlEl.value=e)}get value(){return this.controlEl?.value??this.preConnectControlEl.value}set value(e){const t=this.controlEl??this.preConnectControlEl;t.value=e,this.setFormValue(e),this.setValidity()}connectedCallback(){super.connectedCallback(),this.setDefaultValue(),this.maybeCreateAutoSizerEl(),this.bindEvents(),this.observeControlElAttrs()}disconnectedCallback(){super.disconnectedCallback(),this.autoSizerObserver?.disconnect(),this.controlElAttrObserver?.disconnect()}formResetCallback(){this.value=this.defaultValue}formDisabledCallback(e){this.setDisabledSideEffect(e),this.setValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(e){this.elementInternals.setValidity({customError:!!e},e?e.toString():void 0),this.reportValidity()}setValidity(e,t,i){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(e??this.controlEl.validity,t??this.controlEl.validationMessage,i??this.controlEl),this.userInteracted&&this.toggleUserValidityState())}select(){this.controlEl.select()}setDefaultValue(){this.defaultValue=this.innerHTML.trim()||this.preConnectControlEl.defaultValue||"",this.value=this.preConnectControlEl.value||this.defaultValue,this.setFormValue(this.value),this.setValidity(),this.preConnectControlEl=null}bindEvents(){this.controlEl.addEventListener("input",()=>this.userInteracted=!0,{once:!0})}getContent(){return this.defaultSlottedNodes.map(e=>{switch(e.nodeType){case Node.ELEMENT_NODE:return e.outerHTML;case Node.TEXT_NODE:return e.textContent.trim();default:return""}}).join("")||""}observeControlElAttrs(){this.controlElAttrObserver=new MutationObserver(()=>{this.setValidity()}),this.controlElAttrObserver.observe(this.controlEl,{attributes:!0,attributeFilter:["disabled","required","readonly","maxlength","minlength"]})}setDisabledSideEffect(e){this.elementInternals.ariaDisabled=`${e}`,this.controlEl&&(this.controlEl.disabled=e),this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){$(this.elementInternals,"user-invalid",!this.validity.valid),$(this.elementInternals,"user-valid",this.validity.valid)}maybeCreateAutoSizerEl(){if(!CSS.supports("field-sizing: content")){if(!this.autoResize){this.autoSizerEl?.remove(),this.autoSizerObserver?.disconnect();return}this.autoSizerEl||(this.autoSizerEl=document.createElement("div"),this.autoSizerEl.classList.add("auto-sizer"),this.autoSizerEl.ariaHidden="true"),this.shadowRoot.prepend(this.autoSizerEl),this.autoSizerObserver||(this.autoSizerObserver=new ResizeObserver((e,t)=>{const i=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(i)!==""&&(this.autoSizerEl?.remove(),t.disconnect())})),this.autoSizerObserver.observe(this)}}handleControlInput(){this.autoResize&&this.autoSizerEl&&(this.autoSizerEl.textContent=this.value+" "),this.setFormValue(this.value),this.setValidity()}handleControlChange(){this.toggleUserValidityState(),this.$emit("change")}handleControlSelect(){this.$emit("select")}}oe.formAssociated=!0,ve([m],oe.prototype,"defaultSlottedNodes",2),ve([m],oe.prototype,"labelSlottedNodes",2),ve([a],oe.prototype,"autocomplete",2),ve([a({attribute:"auto-resize",mode:"boolean"})],oe.prototype,"autoResize",2),ve([a({attribute:"dirname"})],oe.prototype,"dirName",2),ve([a({mode:"boolean"})],oe.prototype,"disabled",2),ve([a({attribute:"display-shadow",mode:"boolean"})],oe.prototype,"displayShadow",2),ve([a({attribute:"form"})],oe.prototype,"initialForm",2),ve([a({attribute:"maxlength",converter:se})],oe.prototype,"maxLength",2),ve([a({attribute:"minlength",converter:se})],oe.prototype,"minLength",2),ve([a],oe.prototype,"name",2),ve([a],oe.prototype,"placeholder",2),ve([a({attribute:"readonly",mode:"boolean"})],oe.prototype,"readOnly",2),ve([a({mode:"boolean"})],oe.prototype,"required",2),ve([a({mode:"fromView"})],oe.prototype,"resize",2),ve([a({mode:"boolean"})],oe.prototype,"spellcheck",2);var Bv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,_s=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ov(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Bv(e,t,r),r};class fr extends oe{constructor(){super(...arguments),this.appearance=si.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}appearanceChanged(e,t){$(this.elementInternals,e,!1),qr(si,t)?$(this.elementInternals,t,!0):this.appearance=si.outline}blockChanged(){$(this.elementInternals,"block",this.block)}sizeChanged(e,t){y(this.elementInternals,e,t,Iv)}handleChange(e,t){switch(t){case"size":this.labelSlottedNodes.forEach(i=>{i.size=this.size});break;case"appearance":case"displayShadow":this.maybeDisplayShadow();break}}connectedCallback(){super.connectedCallback(),this.maybeDisplayShadow(),f.getNotifier(this).subscribe(this,"appearance"),f.getNotifier(this).subscribe(this,"displayShadow"),f.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this,"appearance"),f.getNotifier(this).unsubscribe(this,"displayShadow"),f.getNotifier(this).unsubscribe(this,"size")}maybeDisplayShadow(){$(this.elementInternals,"display-shadow",this.displayShadow&&Pv.includes(this.appearance))}}_s([a({mode:"fromView"})],fr.prototype,"appearance",2),_s([a({mode:"boolean"})],fr.prototype,"block",2),_s([a],fr.prototype,"size",2);const Av=p`

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-beta.86",
+  "version": "3.0.0-beta.88",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"