@vonage/vivid 3.24.0 → 3.26.0

package/vivid.api.json

@@ -213,17 +213,8 @@
             },
             {
               "kind": "Reference",
-              "text": "Appearance.Filled",
-              "canonicalReference": "@vonage/vivid!Appearance.Filled:member"
-            },
-            {
-              "kind": "Content",
-              "text": " | "
-            },
-            {
-              "kind": "Reference",
-              "text": "Appearance.Outlined",
-              "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
+              "text": "Appearance.Fieldset",
+              "canonicalReference": "@vonage/vivid!Appearance.Fieldset:member"
             },
             {
               "kind": "Content",
@@ -248,7 +239,7 @@
           "name": "ActionGroupAppearance",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 11
+            "endIndex": 9
           }
         },
         {
@@ -695,6 +686,15 @@
               "text": "Appearance.Outlined",
               "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
             },
+            {
+              "kind": "Content",
+              "text": " | "
+            },
+            {
+              "kind": "Reference",
+              "text": "Appearance.Duotone",
+              "canonicalReference": "@vonage/vivid!Appearance.Duotone:member"
+            },
             {
               "kind": "Content",
               "text": ">"
@@ -709,7 +709,7 @@
           "name": "AvatarAppearance",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 9
+            "endIndex": 11
           }
         },
         {
@@ -3160,141 +3160,6 @@
             }
           ]
         },
-        {
-          "kind": "TypeAlias",
-          "canonicalReference": "@vonage/vivid!LisboxAppearance:type",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export declare type LisboxAppearance = "
-            },
-            {
-              "kind": "Reference",
-              "text": "Extract",
-              "canonicalReference": "!Extract:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "Appearance",
-              "canonicalReference": "@vonage/vivid!Appearance:enum"
-            },
-            {
-              "kind": "Content",
-              "text": ", "
-            },
-            {
-              "kind": "Reference",
-              "text": "Appearance.Outlined",
-              "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
-            },
-            {
-              "kind": "Content",
-              "text": " | "
-            },
-            {
-              "kind": "Reference",
-              "text": "Appearance.Ghost",
-              "canonicalReference": "@vonage/vivid!Appearance.Ghost:member"
-            },
-            {
-              "kind": "Content",
-              "text": ">"
-            },
-            {
-              "kind": "Content",
-              "text": ";"
-            }
-          ],
-          "fileUrlPath": "../../dist/libs/components/lib/listbox/listbox.d.ts",
-          "releaseTag": "Public",
-          "name": "LisboxAppearance",
-          "typeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 9
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@vonage/vivid!listboxDefinition:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "listboxDefinition: "
-            },
-            {
-              "kind": "Content",
-              "text": "(overrideDefinition?: import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "OverrideFoundationElementDefinition",
-              "canonicalReference": "@microsoft/fast-foundation!OverrideFoundationElementDefinition:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "FoundationElementDefinition",
-              "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
-            },
-            {
-              "kind": "Content",
-              "text": "> | undefined) => import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "FoundationElementRegistry",
-              "canonicalReference": "@microsoft/fast-foundation!FoundationElementRegistry:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "FoundationElementDefinition",
-              "canonicalReference": "@microsoft/fast-foundation!FoundationElementDefinition:interface"
-            },
-            {
-              "kind": "Content",
-              "text": ", import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "Constructable",
-              "canonicalReference": "@microsoft/fast-element!Constructable:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "FoundationElement",
-              "canonicalReference": "@microsoft/fast-foundation!FoundationElement:class"
-            },
-            {
-              "kind": "Content",
-              "text": ">>"
-            }
-          ],
-          "fileUrlPath": "../../dist/libs/components/lib/listbox/definition.d.ts",
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "listboxDefinition",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 14
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!listboxOptionDefinition:var",
@@ -3917,8 +3782,8 @@
             },
             {
               "kind": "Reference",
-              "text": "Appearance.Outlined",
-              "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
+              "text": "Appearance.Fieldset",
+              "canonicalReference": "@vonage/vivid!Appearance.Fieldset:member"
             },
             {
               "kind": "Content",
@@ -6000,34 +5865,6 @@
             "endIndex": 3
           }
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@vonage/vivid!registerElevation:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "registerElevation: "
-            },
-            {
-              "kind": "Content",
-              "text": "(prefix?: string) => import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "DesignSystem",
-              "canonicalReference": "@microsoft/fast-foundation!DesignSystem:interface"
-            }
-          ],
-          "fileUrlPath": "../../dist/libs/components/lib/elevation/definition.d.ts",
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "registerElevation",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!registerEmptyState:var",
@@ -6196,34 +6033,6 @@
             "endIndex": 3
           }
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@vonage/vivid!registerListbox:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "registerListbox: "
-            },
-            {
-              "kind": "Content",
-              "text": "(prefix?: string) => import(\"@microsoft/fast-foundation\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "DesignSystem",
-              "canonicalReference": "@microsoft/fast-foundation!DesignSystem:interface"
-            }
-          ],
-          "fileUrlPath": "../../dist/libs/components/lib/listbox/definition.d.ts",
-          "isReadonly": true,
-          "releaseTag": "Public",
-          "name": "registerListbox",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@vonage/vivid!registerMenu:var",
@@ -7191,8 +7000,8 @@
             },
             {
               "kind": "Reference",
-              "text": "Appearance.Outlined",
-              "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
+              "text": "Appearance.Fieldset",
+              "canonicalReference": "@vonage/vivid!Appearance.Fieldset:member"
             },
             {
               "kind": "Content",
@@ -8796,8 +8605,8 @@
             },
             {
               "kind": "Reference",
-              "text": "Appearance.Outlined",
-              "canonicalReference": "@vonage/vivid!Appearance.Outlined:member"
+              "text": "Appearance.Fieldset",
+              "canonicalReference": "@vonage/vivid!Appearance.Fieldset:member"
             },
             {
               "kind": "Content",

package/shared/definition55.js

@@ -1,305 +0,0 @@
-import { F as FoundationElement, Y as DOM, _ as __decorate, a as attr, o as observable, h as html, r as registerFactory } from './index.js';
-import { T as TreeItem, i as isTreeItemElement } from './tree-item.js';
-import { i as isHTMLElement, g as getDisplayedNodes } from './dom.js';
-import { d as keyEnter, c as keyArrowUp, b as keyArrowDown, h as keyArrowRight, i as keyArrowLeft, k as keyEnd, a as keyHome } from './key-codes.js';
-import { s as slotted } from './slotted.js';
-import { r as ref } from './ref.js';
-import { c as classNames } from './class-names.js';
-
-/**
- * A Tree view Custom HTML Element.
- * Implements the {@link https://w3c.github.io/aria-practices/#TreeView | ARIA TreeView }.
- *
- * @slot - The default slot for tree items
- *
- * @public
- */
-class TreeView$1 extends FoundationElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * The tree item that is designated to be in the tab queue.
-         *
-         * @internal
-         */
-        this.currentFocused = null;
-        /**
-         * Handle focus events
-         *
-         * @internal
-         */
-        this.handleFocus = (e) => {
-            if (this.slottedTreeItems.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) {
-                    TreeItem.focusItem(this.currentFocused);
-                }
-                return;
-            }
-            if (this.contains(e.target)) {
-                this.setAttribute("tabindex", "-1");
-                this.currentFocused = e.target;
-            }
-        };
-        /**
-         * Handle blur events
-         *
-         * @internal
-         */
-        this.handleBlur = (e) => {
-            if (e.target instanceof HTMLElement &&
-                (e.relatedTarget === null || !this.contains(e.relatedTarget))) {
-                this.setAttribute("tabindex", "0");
-            }
-        };
-        /**
-         * KeyDown handler
-         *
-         *  @internal
-         */
-        this.handleKeyDown = (e) => {
-            if (e.defaultPrevented) {
-                return;
-            }
-            if (this.slottedTreeItems.length < 1) {
-                return true;
-            }
-            const treeItems = this.getVisibleNodes();
-            switch (e.key) {
-                case keyHome:
-                    if (treeItems.length) {
-                        TreeItem.focusItem(treeItems[0]);
-                    }
-                    return;
-                case keyEnd:
-                    if (treeItems.length) {
-                        TreeItem.focusItem(treeItems[treeItems.length - 1]);
-                    }
-                    return;
-                case keyArrowLeft:
-                    if (e.target && this.isFocusableElement(e.target)) {
-                        const item = e.target;
-                        if (item instanceof TreeItem &&
-                            item.childItemLength() > 0 &&
-                            item.expanded) {
-                            item.expanded = false;
-                        }
-                        else if (item instanceof TreeItem &&
-                            item.parentElement instanceof TreeItem) {
-                            TreeItem.focusItem(item.parentElement);
-                        }
-                    }
-                    return false;
-                case keyArrowRight:
-                    if (e.target && this.isFocusableElement(e.target)) {
-                        const item = e.target;
-                        if (item instanceof TreeItem &&
-                            item.childItemLength() > 0 &&
-                            !item.expanded) {
-                            item.expanded = true;
-                        }
-                        else if (item instanceof TreeItem && item.childItemLength() > 0) {
-                            this.focusNextNode(1, e.target);
-                        }
-                    }
-                    return;
-                case keyArrowDown:
-                    if (e.target && this.isFocusableElement(e.target)) {
-                        this.focusNextNode(1, e.target);
-                    }
-                    return;
-                case keyArrowUp:
-                    if (e.target && this.isFocusableElement(e.target)) {
-                        this.focusNextNode(-1, e.target);
-                    }
-                    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.handleClick(e);
-                    return;
-            }
-            // don't prevent default if we took no action
-            return true;
-        };
-        /**
-         * Handles the selected-changed events bubbling up
-         * from child tree items
-         *
-         *  @internal
-         */
-        this.handleSelectedChange = (e) => {
-            if (e.defaultPrevented) {
-                return;
-            }
-            if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) {
-                return true;
-            }
-            const item = e.target;
-            if (item.selected) {
-                if (this.currentSelected && this.currentSelected !== item) {
-                    this.currentSelected.selected = false;
-                }
-                // new selected item
-                this.currentSelected = item;
-            }
-            else if (!item.selected && this.currentSelected === item) {
-                // selected item deselected
-                this.currentSelected = null;
-            }
-            return;
-        };
-        /**
-         * Updates the tree view when slottedTreeItems changes
-         */
-        this.setItems = () => {
-            // force single selection
-            // defaults to first one found
-            const selectedItem = this.treeView.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();
-            }
-            // toggle properties on child elements
-            this.nested = this.checkForNestedItems();
-            const treeItems = this.getVisibleNodes();
-            treeItems.forEach(node => {
-                if (isTreeItemElement(node)) {
-                    node.nested = this.nested;
-                }
-            });
-        };
-        /**
-         * check if the item is focusable
-         */
-        this.isFocusableElement = (el) => {
-            return isTreeItemElement(el);
-        };
-        this.isSelectedElement = (el) => {
-            return el.selected;
-        };
-    }
-    slottedTreeItemsChanged() {
-        if (this.$fastController.isConnected) {
-            // update for slotted children change
-            this.setItems();
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute("tabindex", "0");
-        DOM.queueUpdate(() => {
-            this.setItems();
-        });
-    }
-    /**
-     * Handles click events bubbling up
-     *
-     *  @internal
-     */
-    handleClick(e) {
-        if (e.defaultPrevented) {
-            // handled, do nothing
-            return;
-        }
-        if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) {
-            // not a tree item, ignore
-            return true;
-        }
-        const item = e.target;
-        if (!item.disabled) {
-            item.selected = !item.selected;
-        }
-        return;
-    }
-    /**
-     * Move focus to a tree item based on its offset from the provided item
-     */
-    focusNextNode(delta, item) {
-        const visibleNodes = this.getVisibleNodes();
-        if (!visibleNodes) {
-            return;
-        }
-        const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
-        if (isHTMLElement(focusItem)) {
-            TreeItem.focusItem(focusItem);
-        }
-    }
-    /**
-     * checks if there are any nested tree items
-     */
-    getValidFocusableItem() {
-        const treeItems = this.getVisibleNodes();
-        // default to selected element if there is one
-        let focusIndex = treeItems.findIndex(this.isSelectedElement);
-        if (focusIndex === -1) {
-            // otherwise first focusable tree item
-            focusIndex = treeItems.findIndex(this.isFocusableElement);
-        }
-        if (focusIndex !== -1) {
-            return treeItems[focusIndex];
-        }
-        return null;
-    }
-    /**
-     * checks if there are any nested tree items
-     */
-    checkForNestedItems() {
-        return this.slottedTreeItems.some((node) => {
-            return isTreeItemElement(node) && node.querySelector("[role='treeitem']");
-        });
-    }
-    getVisibleNodes() {
-        return getDisplayedNodes(this, "[role='treeitem']") || [];
-    }
-}
-__decorate([
-    attr({ attribute: "render-collapsed-nodes" })
-], TreeView$1.prototype, "renderCollapsedNodes", void 0);
-__decorate([
-    observable
-], TreeView$1.prototype, "currentSelected", void 0);
-__decorate([
-    observable
-], TreeView$1.prototype, "slottedTreeItems", void 0);
-
-var css_248z = ".control {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}";
-
-class TreeView extends TreeView$1 {}
-
-let _2 = t => t,
-  _t;
-const getClasses = _ => classNames('control');
-const TreeViewTemplate = () => {
-  return html(_t || (_t = _2`
-	<template
-		role="tree"
-		${0}
-		@keydown="${0}"
-		@focusin="${0}"
-		@focusout="${0}"
-		@click="${0}"
-		@selected-change="${0}"
-		>
-		<div class="${0}">
-			<slot ${0}></slot>
-		</div>
-	</template>`), ref('treeView'), (x, c) => x.handleKeyDown(c.event), (x, c) => x.handleFocus(c.event), (x, c) => x.handleBlur(c.event), (x, c) => x.handleClick(c.event), (x, c) => x.handleSelectedChange(c.event), getClasses, slotted('slottedTreeItems'));
-};
-
-const treeViewDefinition = TreeView.compose({
-  baseName: 'tree-view',
-  template: TreeViewTemplate,
-  styles: css_248z
-});
-const treeViewRegistries = [treeViewDefinition()];
-const registerTreeView = registerFactory(treeViewRegistries);
-
-export { treeViewRegistries as a, registerTreeView as r, treeViewDefinition as t };

package/shared/engine-is-node.js

@@ -1,8 +0,0 @@
-import { s as classofRaw, x as global$1 } from './index.js';
-
-var classof = classofRaw;
-var global = global$1;
-
-var engineIsNode = classof(global.process) == 'process';
-
-export { engineIsNode as e };