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

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # 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 Thu, 20 Mar 2025 04:06:52 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.87](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.87)
+
+Thu, 20 Mar 2025 04:06:52 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

@@ -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

@@ -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

@@ -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

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

@@ -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

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

@@ -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

@@ -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")}

package/dist/web-components.min.js

@@ -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`

package/package.json

@@ -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.87",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"