@fluentui/web-components 3.0.0-rc.2 → 3.0.0-rc.20

package/dist/esm/tree-item/tree-item.base.d.ts

@@ -8,11 +8,21 @@ export declare class BaseTreeItem extends FASTElement {
     elementInternals: ElementInternals;
     /** @internal */
     itemSlot: HTMLSlotElement;
+    /**
+     * Calls the slot change handler when the `itemSlot` reference is updated
+     * by the template binding.
+     *
+     * @internal
+     */
+    itemSlotChanged(): void;
     constructor();
     /**
      * When true, the control will be appear expanded by user interaction.
-     * @public
+     * When true, the control will be appear expanded by user interaction.
+     *
      * HTML Attribute: `expanded`
+     *
+     * @public
      */
     expanded: boolean;
     /**
@@ -40,8 +50,11 @@ export declare class BaseTreeItem extends FASTElement {
     protected selectedChanged(prev: boolean, next: boolean): void;
     /**
      * When true, the control has no child tree items
-     * @public
+     * When true, the control has no child tree items
+     *
      * HTML Attribute: empty
+     *
+     * @public
      */
     empty: boolean;
     private styles;
@@ -60,7 +73,6 @@ export declare class BaseTreeItem extends FASTElement {
      * @public
      */
     childTreeItemsChanged(): void;
-    connectedCallback(): void;
     /**
      * Updates the childrens indent
      *
@@ -78,11 +90,15 @@ export declare class BaseTreeItem extends FASTElement {
      */
     toggleExpansion(): void;
     /**
-     * Whether the tree is nested
+     * Whether the tree item is nested
      * @internal
      */
     get isNestedItem(): boolean;
-    protected updateTabindexBySelected(): void;
+    /**
+     * Whether the tree item is nested in a collapsed tree item.
+     * @internal
+     */
+    get isHidden(): boolean;
     /** @internal */
     handleItemSlotChange(): void;
 }

package/dist/esm/tree-item/tree-item.base.js

@@ -3,6 +3,15 @@ import { attr, css, FASTElement, observable } from '@microsoft/fast-element';
 import { toggleState } from '../utils/element-internals.js';
 import { isTreeItem } from './tree-item.options.js';
 export class BaseTreeItem extends FASTElement {
+    /**
+     * Calls the slot change handler when the `itemSlot` reference is updated
+     * by the template binding.
+     *
+     * @internal
+     */
+    itemSlotChanged() {
+        this.handleItemSlotChange();
+    }
     constructor() {
         super();
         /**
@@ -13,21 +22,20 @@ export class BaseTreeItem extends FASTElement {
         this.elementInternals = this.attachInternals();
         /**
          * When true, the control will be appear expanded by user interaction.
-         * @public
+         * When true, the control will be appear expanded by user interaction.
+         *
          * HTML Attribute: `expanded`
-         */
-        this.expanded = false;
-        /**
-         * When true, the control will appear selected by user interaction.
+         *
          * @public
-         * @remarks
-         * HTML Attribute: selected
          */
-        this.selected = false;
+        this.expanded = false;
         /**
          * When true, the control has no child tree items
-         * @public
+         * When true, the control has no child tree items
+         *
          * HTML Attribute: empty
+         *
+         * @public
          */
         this.empty = false;
         /** @internal */
@@ -49,6 +57,22 @@ export class BaseTreeItem extends FASTElement {
         toggleState(this.elementInternals, 'expanded', next);
         if (this.childTreeItems && this.childTreeItems.length > 0) {
             this.elementInternals.ariaExpanded = next ? 'true' : 'false';
+            // Update focusgroup attributes after subtree show/hide rendering is done.
+            requestAnimationFrame(() => {
+                const walker = document.createTreeWalker(this, NodeFilter.SHOW_ELEMENT, node => isTreeItem(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
+                while (walker.nextNode()) {
+                    const item = walker.currentNode;
+                    if (next) {
+                        item.removeAttribute('focusgroup');
+                    }
+                    else {
+                        if (item.selected) {
+                            item.selected = false;
+                        }
+                        item.setAttribute('focusgroup', 'none');
+                    }
+                }
+            });
         }
     }
     /**
@@ -59,7 +83,6 @@ export class BaseTreeItem extends FASTElement {
      * @internal
      */
     selectedChanged(prev, next) {
-        this.updateTabindexBySelected();
         this.$emit('change');
         toggleState(this.elementInternals, 'selected', next);
         this.elementInternals.ariaSelected = next ? 'true' : 'false';
@@ -84,10 +107,6 @@ export class BaseTreeItem extends FASTElement {
         this.empty = this.childTreeItems?.length === 0;
         this.updateChildTreeItems();
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.updateTabindexBySelected();
-    }
     /**
      * Updates the childrens indent
      *
@@ -123,16 +142,25 @@ export class BaseTreeItem extends FASTElement {
         }
     }
     /**
-     * Whether the tree is nested
+     * Whether the tree item is nested
      * @internal
      */
     get isNestedItem() {
         return isTreeItem(this.parentElement);
     }
-    updateTabindexBySelected() {
-        if (this.$fastController.isConnected) {
-            this.tabIndex = this.selected ? 0 : -1;
+    /**
+     * Whether the tree item is nested in a collapsed tree item.
+     * @internal
+     */
+    get isHidden() {
+        let parent = this.parentElement;
+        while (isTreeItem(parent)) {
+            if (!parent.expanded) {
+                return true;
+            }
+            parent = parent.parentElement;
         }
+        return false;
     }
     /** @internal */
     handleItemSlotChange() {

package/dist/esm/tree-item/tree-item.base.js.map

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

package/dist/esm/tree-item/tree-item.definition.js

@@ -1,4 +1,4 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
+import { tagName } from './tree-item.options.js';
 import { TreeItem } from './tree-item.js';
 import { styles as treeItemStyle } from './tree-item.styles.js';
 import { template as treeItemTemplate } from './tree-item.template.js';
@@ -9,7 +9,7 @@ import { template as treeItemTemplate } from './tree-item.template.js';
  * HTML Element: \<fluent-tree-item\>
  */
 export const definition = TreeItem.compose({
-    name: `${FluentDesignSystem.prefix}-tree-item`,
+    name: tagName,
     template: treeItemTemplate,
     styles: treeItemStyle,
 });

package/dist/esm/tree-item/tree-item.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.definition.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,aAAa;CACtB,CAAC,CAAC"}
+{"version":3,"file":"tree-item.definition.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,aAAa;CACtB,CAAC,CAAC"}

package/dist/esm/tree-item/tree-item.options.d.ts

@@ -20,3 +20,9 @@ export type TreeItemSize = ValuesOf<typeof TreeItemSize>;
  * @public
  */
 export declare function isTreeItem(element?: Node | null, tagName?: string): element is BaseTreeItem;
+/**
+ * The tag name for the tree item element.
+ *
+ * @public
+ */
+export declare const tagName: "fluent-tree-item";

package/dist/esm/tree-item/tree-item.options.js

@@ -1,3 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
 export const TreeItemAppearance = {
     subtle: 'subtle',
     subtleAlpha: 'subtle-alpha',
@@ -21,4 +22,10 @@ export function isTreeItem(element, tagName = '-tree-item') {
     }
     return element.tagName.toLowerCase().endsWith(tagName);
 }
+/**
+ * The tag name for the tree item element.
+ *
+ * @public
+ */
+export const tagName = `${FluentDesignSystem.prefix}-tree-item`;
 //# sourceMappingURL=tree-item.options.js.map

package/dist/esm/tree-item/tree-item.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.options.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.options.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,aAAa;CAClB,CAAC;AAIX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,OAAqB,EAAE,UAAkB,YAAY;IAC9E,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC"}
+{"version":3,"file":"tree-item.options.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIhE,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,aAAa;CAClB,CAAC;AAIX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,OAAqB,EAAE,UAAkB,YAAY;IAC9E,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,YAAqB,CAAC"}

package/dist/esm/tree-item/tree-item.template.js

@@ -7,7 +7,7 @@ const chevronIcon = html `
   </svg>
 `;
 export const template = html `
-  <template slot="${x => (x.isNestedItem ? 'item' : void 0)}">
+  <template slot="${x => (x.isNestedItem ? 'item' : void 0)}" tabindex="0" ?focusgroupstart="${x => x.selected}">
     <div class="positioning-region" part="positioning-region">
       <div class="content" part="content">
         <span class="chevron" part="chevron" aria-hidden="true">

package/dist/esm/tree-item/tree-item.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;;;;iCAI1B,WAAW;;;;;;;;;;;0BAWlB,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE;;;CAGtF,CAAC"}
+{"version":3,"file":"tree-item.template.js","sourceRoot":"","sources":["../../../src/tree-item/tree-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,GAAG,IAAI,CAAA;;;;;;CAMvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;oBAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,oCAAoC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;iCAI7E,WAAW;;;;;;;;;;;0BAWlB,GAAG,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE;;;CAGtF,CAAC"}

package/dist/esm/utils/direction.d.ts

@@ -1,4 +1,16 @@
-import { Direction } from '@microsoft/fast-web-utilities';
+/**
+ * Expose ltr and rtl strings
+ * @public
+ */
+export declare const Direction: {
+    readonly ltr: "ltr";
+    readonly rtl: "rtl";
+};
+/**
+ * The direction type
+ * @public
+ */
+export type Direction = (typeof Direction)[keyof typeof Direction];
 /**
  * Determines the current localization direction of an element.
  *

package/dist/esm/utils/direction.js

@@ -1,5 +1,12 @@
 //Copied from @microsoft/fast-foundation
-import { Direction } from '@microsoft/fast-web-utilities';
+/**
+ * Expose ltr and rtl strings
+ * @public
+ */
+export const Direction = {
+    ltr: 'ltr',
+    rtl: 'rtl',
+};
 /**
  * Determines the current localization direction of an element.
  *

package/dist/esm/utils/direction.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../src/utils/direction.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAa,EAAE;IAC/D,OAAO,QAAQ,CAAC,OAAO,CAAc,OAAO,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;AAC/F,CAAC,CAAC"}
+{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../../src/utils/direction.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACF,CAAC;AAQX;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAqB,EAAa,EAAE;IAC/D,OAAO,QAAQ,CAAC,OAAO,CAAc,OAAO,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;AAC/F,CAAC,CAAC"}

package/dist/esm/utils/focusable-element.js

@@ -1,5 +1,6 @@
 export const isARIADisabledElement = (el) => {
-    return el.getAttribute('aria-disabled') === 'true';
+    return (el.getAttribute('aria-disabled') === 'true' ||
+        el.elementInternals?.ariaDisabled === 'true');
 };
 export const isHiddenElement = (el) => {
     return el.hasAttribute('hidden');

package/dist/esm/utils/focusable-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusable-element.js","sourceRoot":"","sources":["../../../src/utils/focusable-element.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAW,EAAW,EAAE;IAC5D,OAAO,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAW,EAAW,EAAE;IACtD,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAW,EAAW,EAAE;IACzD,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC"}
+{"version":3,"file":"focusable-element.js","sourceRoot":"","sources":["../../../src/utils/focusable-element.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAW,EAAW,EAAE;IAC5D,OAAO,CACL,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;QACzC,EAAU,CAAC,gBAAiD,EAAE,YAAY,KAAK,MAAM,CACxF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAW,EAAW,EAAE;IACtD,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAW,EAAW,EAAE;IACzD,OAAO,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC"}

package/dist/esm/utils/focusgroup.d.ts

@@ -0,0 +1,22 @@
+import type { FocusGroupItemCollection } from '@microsoft/focusgroup-polyfill/shadowless';
+/**
+ * A {@link FocusGroupItemCollection} backed by a host-supplied array of items in DOM order.
+ *
+ * Stateless: every call reads from `getItems()` so the host is the single source of truth.
+ * Suitable for components whose items are flat slotted children (tablist, radio-group, menu-list)
+ * or any component that maintains its own ordered list of focusable descendants.
+ */
+export declare class ArrayItemCollection<T extends HTMLElement> implements FocusGroupItemCollection {
+    private getItems;
+    private getStart?;
+    constructor(getItems: () => readonly T[], getStart?: (() => T | null) | undefined);
+    get start(): HTMLElement | null;
+    first(): HTMLElement | null;
+    last(): HTMLElement | null;
+    next(current: HTMLElement): HTMLElement | null;
+    previous(current: HTMLElement): HTMLElement | null;
+    items(): Iterable<{
+        element: HTMLElement;
+    }>;
+    contains(element: Element): boolean;
+}

package/dist/esm/utils/focusgroup.js

@@ -0,0 +1,42 @@
+/**
+ * A {@link FocusGroupItemCollection} backed by a host-supplied array of items in DOM order.
+ *
+ * Stateless: every call reads from `getItems()` so the host is the single source of truth.
+ * Suitable for components whose items are flat slotted children (tablist, radio-group, menu-list)
+ * or any component that maintains its own ordered list of focusable descendants.
+ */
+export class ArrayItemCollection {
+    constructor(getItems, getStart) {
+        this.getItems = getItems;
+        this.getStart = getStart;
+    }
+    get start() {
+        return this.getStart?.() ?? null;
+    }
+    first() {
+        return this.getItems()[0] ?? null;
+    }
+    last() {
+        const items = this.getItems();
+        return items[items.length - 1] ?? null;
+    }
+    next(current) {
+        const items = this.getItems();
+        const i = items.indexOf(current);
+        return i === -1 ? null : items[i + 1] ?? null;
+    }
+    previous(current) {
+        const items = this.getItems();
+        const i = items.indexOf(current);
+        return i <= 0 ? null : items[i - 1] ?? null;
+    }
+    *items() {
+        for (const element of this.getItems()) {
+            yield { element };
+        }
+    }
+    contains(element) {
+        return this.getItems().includes(element);
+    }
+}
+//# sourceMappingURL=focusgroup.js.map

package/dist/esm/utils/focusgroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusgroup.js","sourceRoot":"","sources":["../../../src/utils/focusgroup.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,OAAO,mBAAmB;IAC9B,YAAoB,QAA4B,EAAU,QAAyB;QAA/D,aAAQ,GAAR,QAAQ,CAAoB;QAAU,aAAQ,GAAR,QAAQ,CAAiB;IAAG,CAAC;IAEvF,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,IAAI;QACF,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IACzC,CAAC;IAED,IAAI,CAAC,OAAoB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,OAAY,CAAC,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IAChD,CAAC;IAED,QAAQ,CAAC,OAAoB;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,OAAY,CAAC,CAAC;QACtC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;IAC9C,CAAC;IAED,CAAC,KAAK;QACJ,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACtC,MAAM,EAAE,OAAO,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,OAAgB;QACvB,OAAQ,IAAI,CAAC,QAAQ,EAAyB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnE,CAAC;CACF"}

package/dist/esm/utils/index.d.ts

@@ -1,8 +1,9 @@
 export * from './converters.js';
 export * from './direction.js';
+export * from './numbers.js';
+export * from './orientation.js';
 export * from './typings.js';
 export * from './template-helpers.js';
 export * from './whitespace-filter.js';
 export * from './display.js';
-export * from './behaviors/match-media-stylesheet-behavior.js';
 export * from './support.js';

package/dist/esm/utils/index.js

@@ -1,9 +1,10 @@
 export * from './converters.js';
 export * from './direction.js';
+export * from './numbers.js';
+export * from './orientation.js';
 export * from './typings.js';
 export * from './template-helpers.js';
 export * from './whitespace-filter.js';
 export * from './display.js';
-export * from './behaviors/match-media-stylesheet-behavior.js';
 export * from './support.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,gDAAgD,CAAC;AAC/D,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/esm/utils/numbers.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Ensures that a value is between a min and max value. If value is lower than min, min will be returned.
+ * If value is greater than max, max will be returned.
+ */
+export declare function limit(min: number, max: number, value: number): number;

package/dist/esm/utils/numbers.js

@@ -0,0 +1,9 @@
+// Copied from @microsoft/fast-web-utilities
+/**
+ * Ensures that a value is between a min and max value. If value is lower than min, min will be returned.
+ * If value is greater than max, max will be returned.
+ */
+export function limit(min, max, value) {
+    return Math.min(Math.max(value, min), max);
+}
+//# sourceMappingURL=numbers.js.map

package/dist/esm/utils/numbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers.js","sourceRoot":"","sources":["../../../src/utils/numbers.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC3D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC"}

package/dist/esm/utils/orientation.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Standard orientation values
+ * @public
+ */
+export declare const Orientation: {
+    readonly horizontal: "horizontal";
+    readonly vertical: "vertical";
+};
+/**
+ * The orientation type
+ * @public
+ */
+export type Orientation = (typeof Orientation)[keyof typeof Orientation];

package/dist/esm/utils/orientation.js

@@ -0,0 +1,10 @@
+// Copied from @microsoft/fast-web-utilities
+/**
+ * Standard orientation values
+ * @public
+ */
+export const Orientation = {
+    horizontal: 'horizontal',
+    vertical: 'vertical',
+};
+//# sourceMappingURL=orientation.js.map

package/dist/esm/utils/orientation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orientation.js","sourceRoot":"","sources":["../../../src/utils/orientation.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;CACZ,CAAC"}

package/dist/esm/utils/request-idle-callback.d.ts

@@ -36,6 +36,21 @@ export declare function cancelIdleCallback(id: ReturnType<typeof globalThis.requ
  * @public
  */
 export declare function waitForConnectedDescendants(target: HTMLElement, callback: () => void, options?: {
+    /**
+     * Whether to only check direct children of the target element, rather than all descendants.
+     * @defaultValue `false`
+     */
     shallow?: boolean;
+    /**
+     * The maximum time to wait for each idle callback before rechecking for connected descendants, in milliseconds.
+     * @defaultValue `50`
+     */
     timeout?: number;
+    /**
+     * Whether to call the callback on the next idle period after descendants are connected, rather than immediately.
+     * This can be used to defer work until after the browser has had a chance to perform any necessary updates
+     * following the connection of the descendants.
+     * @defaultValue `false`
+     */
+    idleCallback?: boolean;
 }): void;

package/dist/esm/utils/request-idle-callback.js

@@ -17,7 +17,7 @@ export function requestIdleCallback(callback, options) {
             didTimeout: options?.timeout ? Date.now() - start >= options.timeout : false,
             timeRemaining: () => 0,
         });
-    }, 1);
+    }, options?.timeout ?? 1);
 }
 /**
  * A ponyfill for cancelIdleCallback that falls back to clearTimeout.
@@ -52,20 +52,21 @@ export function cancelIdleCallback(id) {
  * @public
  */
 export function waitForConnectedDescendants(target, callback, options) {
-    let idleCallbackId;
     const shallow = options?.shallow ?? false;
-    const query = `${shallow ? ':scope > ' : ''}:not(:defined)`;
     const timeout = options?.timeout ?? 50;
+    const useIdleCallback = options?.idleCallback ?? false;
+    const selector = `${shallow ? ':scope > ' : ''}:not(:defined)`;
     const scheduleCheck = (deadline) => {
-        if (idleCallbackId) {
-            cancelIdleCallback(idleCallbackId);
-            idleCallbackId = undefined;
-        }
-        if (!target.querySelector(query) || (deadline && deadline.timeRemaining() <= 0)) {
-            callback();
+        if (target.querySelector(selector) === null || (deadline && deadline.timeRemaining() <= 0)) {
+            if (useIdleCallback) {
+                requestIdleCallback(callback, { timeout });
+            }
+            else {
+                callback();
+            }
             return;
         }
-        idleCallbackId = requestIdleCallback(scheduleCheck, { timeout });
+        requestIdleCallback(scheduleCheck, { timeout });
     };
     scheduleCheck();
 }

package/dist/esm/utils/request-idle-callback.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-idle-callback.js","sourceRoot":"","sources":["../../../src/utils/request-idle-callback.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA0C,EAC1C,OAA6B;IAE7B,IAAI,qBAAqB,IAAI,UAAU,EAAE,CAAC;QACxC,OAAO,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACzB,OAAO,UAAU,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC;YACP,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;YAC5E,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,CAAC,CAAC;AACR,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAyE;IAC1G,IAAI,oBAAoB,IAAI,UAAU,EAAE,CAAC;QACtC,UAAgC,CAAC,kBAAkB,CAAC,EAAY,CAAC,CAAC;IACrE,CAAC;SAAM,CAAC;QACN,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,2BAA2B,CACzC,MAAmB,EACnB,QAAoB,EACpB,OAAiD;IAEjD,IAAI,cAAkE,CAAC;IACvE,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC;IAC1C,MAAM,KAAK,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC;IAC5D,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IAEvC,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,EAAE;QAChD,IAAI,cAAc,EAAE,CAAC;YACnB,kBAAkB,CAAC,cAAc,CAAC,CAAC;YACnC,cAAc,GAAG,SAAS,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;YAChF,QAAQ,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,cAAc,GAAG,mBAAmB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,aAAa,EAAE,CAAC;AAClB,CAAC"}
+{"version":3,"file":"request-idle-callback.js","sourceRoot":"","sources":["../../../src/utils/request-idle-callback.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA0C,EAC1C,OAA6B;IAE7B,IAAI,qBAAqB,IAAI,UAAU,EAAE,CAAC;QACxC,OAAO,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACzB,OAAO,UAAU,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC;YACP,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;YAC5E,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAyE;IAC1G,IAAI,oBAAoB,IAAI,UAAU,EAAE,CAAC;QACtC,UAAgC,CAAC,kBAAkB,CAAC,EAAY,CAAC,CAAC;IACrE,CAAC;SAAM,CAAC;QACN,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,2BAA2B,CACzC,MAAmB,EACnB,QAAoB,EACpB,OAkBC;IAED,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC;IAC1C,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IACvC,MAAM,eAAe,GAAG,OAAO,EAAE,YAAY,IAAI,KAAK,CAAC;IACvD,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC;IAE/D,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,EAAE;QAChD,IAAI,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;YAC3F,IAAI,eAAe,EAAE,CAAC;gBACpB,mBAAmB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,QAAQ,EAAE,CAAC;YACb,CAAC;YACD,OAAO;QACT,CAAC;QAED,mBAAmB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,aAAa,EAAE,CAAC;AAClB,CAAC"}

package/dist/esm/utils/typings.d.ts

@@ -4,3 +4,15 @@
  * @public
  */
 export type ValuesOf<T> = T[keyof T];
+/**
+ * Creates a type guard that checks if a node is a custom element whose tag name ends with the given suffix.
+ *
+ * @param tagSuffix - The tag name suffix to match (e.g., '-dropdown', '-option').
+ * @returns A predicate function that narrows the node to the specified element type.
+ * @public
+ */
+export declare function isCustomElement<T extends HTMLElement>(tagSuffix: string): (element?: Node | null) => element is T;
+/**
+ * A test that ensures that all arguments are HTML Elements
+ */
+export declare function isHTMLElement(...args: any[]): boolean;

package/dist/esm/utils/typings.js

@@ -1,3 +1,23 @@
 //Copied from @microsoft/fast-foundation
-export {};
+/**
+ * Creates a type guard that checks if a node is a custom element whose tag name ends with the given suffix.
+ *
+ * @param tagSuffix - The tag name suffix to match (e.g., '-dropdown', '-option').
+ * @returns A predicate function that narrows the node to the specified element type.
+ * @public
+ */
+export function isCustomElement(tagSuffix) {
+    return (element) => {
+        if (element?.nodeType !== Node.ELEMENT_NODE) {
+            return false;
+        }
+        return element.tagName.toLowerCase().endsWith(tagSuffix);
+    };
+}
+/**
+ * A test that ensures that all arguments are HTML Elements
+ */
+export function isHTMLElement(...args) {
+    return args.every((arg) => arg instanceof HTMLElement);
+}
 //# sourceMappingURL=typings.js.map

package/dist/esm/utils/typings.js.map

@@ -1 +1 @@
-{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../src/utils/typings.ts"],"names":[],"mappings":"AAAA,wCAAwC"}
+{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../src/utils/typings.ts"],"names":[],"mappings":"AAAA,wCAAwC;AASxC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAwB,SAAiB;IACtE,OAAO,CAAC,OAAqB,EAAgB,EAAE;QAC7C,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxE,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,GAAG,IAAW;IAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,YAAY,WAAW,CAAC,CAAC;AAC9D,CAAC"}