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

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/esm/tree/index.js

@@ -1,3 +1,4 @@
+export { BaseTree } from './tree.base.js';
 export { Tree } from './tree.js';
 export { template as TreeTemplate } from './tree.template.js';
 export { styles as TreeStyles } from './tree.styles.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,232 @@
+import { __decorate } from "tslib";
+import { FASTElement, observable } from '@microsoft/fast-element';
+import { isHTMLElement, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyEnter, keyHome, keySpace, } from '@microsoft/fast-web-utilities';
+import { isTreeItem } from '../tree-item/tree-item.options';
+export class BaseTree extends FASTElement {
+    constructor() {
+        super();
+        /**
+         * The currently selected tree item
+         * @public
+         */
+        this.currentSelected = null;
+        /**
+         * The tree item that is designated to be in the tab queue.
+         *
+         * @internal
+         */
+        this.currentFocused = null;
+        /**
+         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+         *
+         * @internal
+         */
+        this.elementInternals = this.attachInternals();
+        this.childTreeItems = [];
+        this.elementInternals.role = 'tree';
+    }
+    childTreeItemsChanged() {
+        this.updateCurrentSelected();
+    }
+    /**
+     * Updates current selected when slottedTreeItems changes
+     */
+    updateCurrentSelected() {
+        // force single selection
+        // defaults to first one found
+        const selectedItem = this.querySelector(`[aria-selected='true']`);
+        this.currentSelected = selectedItem;
+        // invalidate the current focused item if it is no longer valid
+        if (this.currentFocused === null || !this.contains(this.currentFocused)) {
+            this.currentFocused = this.getValidFocusableItem();
+        }
+    }
+    /**
+     * KeyDown handler
+     *
+     *  @internal
+     */
+    keydownHandler(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        const item = e.target;
+        if (!isTreeItem(item) || this.childTreeItems.length < 1) {
+            return true;
+        }
+        const elements = this.getVisibleNodes();
+        switch (e.key) {
+            case keyHome: {
+                if (elements.length) {
+                    elements[0].focus();
+                }
+                return;
+            }
+            case keyEnd: {
+                if (elements.length) {
+                    elements[elements.length - 1].focus();
+                }
+                return;
+            }
+            case keyArrowLeft: {
+                if (item?.childTreeItems?.length && item.expanded) {
+                    item.expanded = false;
+                }
+                else if (isTreeItem(item.parentElement)) {
+                    item.parentElement.focus();
+                }
+                return;
+            }
+            case keyArrowRight: {
+                if (item?.childTreeItems?.length) {
+                    if (!item.expanded) {
+                        item.expanded = true;
+                    }
+                    else {
+                        this.focusNextNode(1, item);
+                    }
+                }
+                return;
+            }
+            case keyArrowDown: {
+                this.focusNextNode(1, item);
+                return;
+            }
+            case keyArrowUp: {
+                this.focusNextNode(-1, item);
+                return;
+            }
+            case keyEnter: {
+                // In single-select trees where selection does not follow focus (see note below),
+                // the default action is typically to select the focused node.
+                this.clickHandler(e);
+                return;
+            }
+            case keySpace: {
+                item.toggleSelection();
+                return;
+            }
+        }
+        // don't prevent default if we took no action
+        return true;
+    }
+    /**
+     * Handle focus events
+     *
+     * @internal
+     */
+    focusHandler(e) {
+        if (this.childTreeItems.length < 1) {
+            // no child items, nothing to do
+            return;
+        }
+        if (e.target === this) {
+            if (this.currentFocused === null) {
+                this.currentFocused = this.getValidFocusableItem();
+            }
+            if (this.currentFocused !== null) {
+                this.currentFocused.focus();
+            }
+            return;
+        }
+        if (this.contains(e.target)) {
+            this.setAttribute('tabindex', '-1');
+            this.currentFocused = e.target;
+        }
+    }
+    /**
+     * Handle blur events
+     *
+     * @internal
+     */
+    blurHandler(e) {
+        if (e.target instanceof HTMLElement && (e.relatedTarget === null || !this.contains(e.relatedTarget))) {
+            this.setAttribute('tabindex', '0');
+        }
+    }
+    /**
+     * Handles click events bubbling up
+     *
+     *  @internal
+     */
+    clickHandler(e) {
+        if (e.defaultPrevented) {
+            // handled, do nothing
+            return;
+        }
+        if (!isTreeItem(e.target)) {
+            // not a tree item, ignore
+            // return true, do not prevent default
+            return true;
+        }
+        const item = e.target;
+        item.toggleExpansion();
+        item.toggleSelection();
+    }
+    /**
+     * Handles the selected-changed events bubbling up
+     * from child tree items
+     *
+     *  @internal
+     */
+    changeHandler(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        if (!isTreeItem(e.target)) {
+            return true;
+        }
+        const item = e.target;
+        if (item.selected) {
+            // Deselect the prevously selected item
+            if (this.currentSelected && this.currentSelected !== item && isTreeItem(this.currentSelected)) {
+                this.currentSelected.selected = false;
+            }
+            // New selected item
+            this.currentSelected = item;
+        }
+        else if (!item.selected && this.currentSelected === item) {
+            // Selected item deselected
+            this.currentSelected = null;
+        }
+    }
+    /**
+     * checks if there are any nested tree items
+     */
+    getValidFocusableItem() {
+        const elements = this.getVisibleNodes();
+        // default to selected element if there is one
+        let focusIndex = elements.findIndex(el => el.selected);
+        if (focusIndex === -1) {
+            // otherwise first focusable tree item
+            focusIndex = elements.findIndex(el => isTreeItem(el));
+        }
+        if (focusIndex !== -1) {
+            return elements[focusIndex];
+        }
+        return null;
+    }
+    getVisibleNodes() {
+        return Array.from(this.querySelectorAll('*')).filter(node => isTreeItem(node) && node.offsetParent !== null);
+    }
+    /**
+     * Move focus to a tree item based on its offset from the provided item
+     */
+    focusNextNode(delta, item) {
+        const visibleNodes = this.getVisibleNodes();
+        if (!visibleNodes.length) {
+            return;
+        }
+        const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
+        if (isHTMLElement(focusItem)) {
+            focusItem.focus();
+        }
+    }
+}
+__decorate([
+    observable
+], BaseTree.prototype, "currentSelected", void 0);
+__decorate([
+    observable
+], BaseTree.prototype, "childTreeItems", void 0);
+//# sourceMappingURL=tree.base.js.map

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

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

package/dist/esm/tree/tree.js

@@ -1,28 +1,10 @@
 import { __decorate } from "tslib";
-import { attr, FASTElement, observable } from '@microsoft/fast-element';
-import { isHTMLElement, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyEnter, keyHome, keySpace, } from '@microsoft/fast-web-utilities';
-import { TreeItem } from '../tree-item/index.js';
-import { isTreeItem, TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options';
-export class Tree extends FASTElement {
+import { attr } from '@microsoft/fast-element';
+import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options';
+import { BaseTree } from './tree.base';
+export class Tree extends BaseTree {
     constructor() {
-        super();
-        /**
-         * The currently selected tree item
-         * @public
-         */
-        this.currentSelected = null;
-        /**
-         * The tree item that is designated to be in the tab queue.
-         *
-         * @internal
-         */
-        this.currentFocused = null;
-        /**
-         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-         *
-         * @internal
-         */
-        this.elementInternals = this.attachInternals();
+        super(...arguments);
         /**
          * The size of the tree item element
          * @public
@@ -35,8 +17,6 @@ export class Tree extends FASTElement {
          * HTML Attribute: appearance
          */
         this.appearance = TreeItemAppearance.subtle;
-        this.childTreeItems = [];
-        this.elementInternals.role = 'tree';
     }
     sizeChanged() {
         this.updateSizeAndAppearance();
@@ -44,9 +24,13 @@ export class Tree extends FASTElement {
     appearanceChanged() {
         this.updateSizeAndAppearance();
     }
+    /**
+     * child tree items supered change event
+     * @internal
+     */
     childTreeItemsChanged() {
+        super.childTreeItemsChanged();
         this.updateSizeAndAppearance();
-        this.updateCurrentSelected();
     }
     /**
      * 1. Update the child items' size based on the tree's size
@@ -57,218 +41,15 @@ export class Tree extends FASTElement {
             return;
         }
         this.childTreeItems.forEach(item => {
-            if (!isTreeItem(item)) {
-                return;
-            }
             item.size = this.size;
             item.appearance = this.appearance;
         });
     }
-    /**
-     * Updates current selected when slottedTreeItems changes
-     */
-    updateCurrentSelected() {
-        // force single selection
-        // defaults to first one found
-        const selectedItem = this.querySelector(`[aria-selected='true']`);
-        this.currentSelected = selectedItem;
-        // invalidate the current focused item if it is no longer valid
-        if (this.currentFocused === null || !this.contains(this.currentFocused)) {
-            this.currentFocused = this.getValidFocusableItem();
-        }
-    }
-    /**
-     * KeyDown handler
-     *
-     *  @internal
-     */
-    keydownHandler(e) {
-        if (e.defaultPrevented) {
-            return;
-        }
-        const item = e.target;
-        if (!isTreeItem(item) || this.childTreeItems.length < 1) {
-            return true;
-        }
-        const elements = this.getVisibleNodes();
-        switch (e.key) {
-            case keyHome: {
-                if (elements.length) {
-                    elements[0].focus();
-                }
-                return;
-            }
-            case keyEnd: {
-                if (elements.length) {
-                    elements[elements.length - 1].focus();
-                }
-                return;
-            }
-            case keyArrowLeft: {
-                if (item?.childTreeItems?.length && item.expanded) {
-                    item.expanded = false;
-                }
-                else if (isTreeItem(item.parentElement)) {
-                    item.parentElement.focus();
-                }
-                return;
-            }
-            case keyArrowRight: {
-                if (item?.childTreeItems?.length) {
-                    if (!item.expanded) {
-                        item.expanded = true;
-                    }
-                    else {
-                        this.focusNextNode(1, item);
-                    }
-                }
-                return;
-            }
-            case keyArrowDown: {
-                this.focusNextNode(1, item);
-                return;
-            }
-            case keyArrowUp: {
-                this.focusNextNode(-1, item);
-                return;
-            }
-            case keyEnter: {
-                // In single-select trees where selection does not follow focus (see note below),
-                // the default action is typically to select the focused node.
-                this.clickHandler(e);
-                return;
-            }
-            case keySpace: {
-                item.toggleSelection();
-                return;
-            }
-        }
-        // don't prevent default if we took no action
-        return true;
-    }
-    /**
-     * Handle focus events
-     *
-     * @internal
-     */
-    focusHandler(e) {
-        if (this.childTreeItems.length < 1) {
-            // no child items, nothing to do
-            return;
-        }
-        if (e.target === this) {
-            if (this.currentFocused === null) {
-                this.currentFocused = this.getValidFocusableItem();
-            }
-            if (this.currentFocused !== null) {
-                this.currentFocused.focus();
-            }
-            return;
-        }
-        if (this.contains(e.target)) {
-            this.setAttribute('tabindex', '-1');
-            this.currentFocused = e.target;
-        }
-    }
-    /**
-     * Handle blur events
-     *
-     * @internal
-     */
-    blurHandler(e) {
-        if (e.target instanceof HTMLElement && (e.relatedTarget === null || !this.contains(e.relatedTarget))) {
-            this.setAttribute('tabindex', '0');
-        }
-    }
-    /**
-     * Handles click events bubbling up
-     *
-     *  @internal
-     */
-    clickHandler(e) {
-        if (e.defaultPrevented) {
-            // handled, do nothing
-            return;
-        }
-        if (!isTreeItem(e.target)) {
-            // not a tree item, ignore
-            // return true, do not prevent default
-            return true;
-        }
-        const item = e.target;
-        item.toggleExpansion();
-        item.toggleSelection();
-    }
-    /**
-     * Handles the selected-changed events bubbling up
-     * from child tree items
-     *
-     *  @internal
-     */
-    changeHandler(e) {
-        if (e.defaultPrevented) {
-            return;
-        }
-        if (!isTreeItem(e.target)) {
-            return true;
-        }
-        const item = e.target;
-        if (item.selected) {
-            // Deselect the prevously selected item
-            if (this.currentSelected && this.currentSelected !== item && this.currentSelected instanceof TreeItem) {
-                this.currentSelected.selected = false;
-            }
-            // New selected item
-            this.currentSelected = item;
-        }
-        else if (!item.selected && this.currentSelected === item) {
-            // Selected item deselected
-            this.currentSelected = null;
-        }
-    }
-    /**
-     * checks if there are any nested tree items
-     */
-    getValidFocusableItem() {
-        const elements = this.getVisibleNodes();
-        // default to selected element if there is one
-        let focusIndex = elements.findIndex(el => el.selected);
-        if (focusIndex === -1) {
-            // otherwise first focusable tree item
-            focusIndex = elements.findIndex(el => el instanceof TreeItem);
-        }
-        if (focusIndex !== -1) {
-            return elements[focusIndex];
-        }
-        return null;
-    }
-    getVisibleNodes() {
-        return Array.from(this.querySelectorAll('*')).filter(node => isTreeItem(node) && node.offsetParent !== null);
-    }
-    /**
-     * Move focus to a tree item based on its offset from the provided item
-     */
-    focusNextNode(delta, item) {
-        const visibleNodes = this.getVisibleNodes();
-        if (!visibleNodes.length) {
-            return;
-        }
-        const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
-        if (isHTMLElement(focusItem)) {
-            focusItem.focus();
-        }
-    }
 }
-__decorate([
-    observable
-], Tree.prototype, "currentSelected", void 0);
 __decorate([
     attr
 ], Tree.prototype, "size", void 0);
 __decorate([
     attr
 ], Tree.prototype, "appearance", void 0);
-__decorate([
-    observable
-], Tree.prototype, "childTreeItems", void 0);
 //# sourceMappingURL=tree.js.map

package/dist/esm/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/tree/tree.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/tree/tree.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAAlC;;QACE;;;;WAIG;QAEI,SAAI,GAAiB,YAAY,CAAC,KAAK,CAAC;QAK/C;;;;WAIG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,MAAM,CAAC;IA4BpE,CAAC;IAtCS,WAAW;QACjB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IASO,iBAAiB;QACvB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,qBAAqB;QAC1B,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,uBAAuB;QAC5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAChC,IAAiB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACnC,IAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAvCQ;IADN,IAAI;kCAC0C;AAWxC;IADN,IAAI;wCAC6D"}