@momentum-ui/web-components 2.25.5 → 2.26.0

package/dist/index.js

@@ -1 +1 @@
-require("./2237"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./8004"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./2019"),require("./1625"),require("./6067"),require("./3625"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./6953"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./4400"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./7997"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7833"),require("./7875"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
+require("./2237"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./8004"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./2019"),require("./1625"),require("./6067"),require("./3625"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./6953"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./4400"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./7997"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7833"),require("./7875"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");

package/dist/types/components/grabber/Grabber.d.ts

@@ -83,7 +83,7 @@ export declare namespace Grabber {
         };
         private get grabberContainerClassMap();
         private get isRtl();
-        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-right-bold" | "arrow-left-bold";
         get iconSize(): "10" | "12";
         render(): import("lit-element").TemplateResult;
     }

package/dist/types/components/list-v2/list-item-v2.d.ts

@@ -0,0 +1,62 @@
+import "@/components/button/Button";
+import "@/components/icon/Icon";
+import { LitElement } from "lit-element";
+export declare namespace ListItemV2 {
+    type Variant = "full-width" | "inset-pill" | "inset-rectangle";
+    class ELEMENT extends LitElement {
+        /**
+         * The primary label of the list item.
+         * This appears on the leading side of the list item.
+         */
+        label?: string;
+        /**
+         * Secondary label of the list item.
+         * This appears on the trailing side of the list item, under the primary label
+         */
+        secondaryLabel?: string;
+        /**
+         * Tertiary label of the list item.
+         * This appears on the leading side of the list item, under the secondary label.
+         */
+        tertiaryLabel?: string;
+        /**
+         * Make the list item expandable.
+         * This will allow the content inside the "panel" slot to be collapsible.
+         * It will render an expand button before the leading controls
+         */
+        expandable: boolean;
+        /**
+         * Whether the list item is expanded.
+         * @default false
+         */
+        expanded: boolean;
+        disabled: boolean;
+        /**
+         * The visual style variant of the list item. This can be a pill, rectangle or a full-width
+         */
+        variant: Variant;
+        /**
+         * The ARIA label for the expand button. Only use if `expandable` is true.
+         */
+        expandLabel: string;
+        render(): import("lit-element").TemplateResult;
+        private renderExpandButton;
+        private renderLeadingControls;
+        private renderTrailingControls;
+        private stopArrowKeyEventPropagation;
+        private isExpandCollapseKey;
+        protected stopEventPropagation(event: Event): void;
+        private setExpanded;
+        private _handleExpand;
+        private _handleListItemClick;
+        private _handleArrowKeyExpand;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        static get styles(): import("lit-element").CSSResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-list-item-v2": ListItemV2.ELEMENT;
+    }
+}

package/dist/types/components/list-v2/list-v2.d.ts

@@ -0,0 +1,56 @@
+import { LitElement } from "lit-element";
+export declare namespace ListV2 {
+    type Gap = "none" | "sm" | "md" | "lg";
+    type Orientation = "vertical" | "horizontal";
+    class ELEMENT extends LitElement {
+        /**
+         * The gap between list items.
+         */
+        gap: Gap;
+        orientation: Orientation;
+        assignedNodes: NodeList;
+        connectedCallback(): void;
+        render(): import("lit-element").TemplateResult;
+        private get listItems();
+        private handleMouseClick;
+        /**
+         * Calculates a new index based on the pressed keyboard key.
+         * Supports navigation keys for moving focus within a list.
+         * @param key - The key that was pressed.
+         * @param currentIndex - The current index of the focused list item.
+         * @param wrappedDivsCount - The total number of list items.
+         * @returns The new index to focus on, or undefined if the key is not supported.
+         */
+        private getNewIndexBasedOnKey;
+        /**
+         * Handles the keydown event on the list element.
+         * If the key is 'ArrowUp' or 'ArrowDown', it focuses to the previous or next list item
+         * and sets the active tabindex of the list item.
+         * Prevents the default event behavior.
+         * @param event - The keyboard event.
+         */
+        private handleKeyDown;
+        /**
+         * Returns the index of the given target in the listItems array.
+         * If the target is not a list item, but a child element of a list item,
+         * it returns the index of the parent list item.
+         * @param target - The target element to find the index of.
+         * @returns The index of the target element in the listItems array.
+         */
+        private getCurrentIndex;
+        /**
+         * Resets all list items tabindex to -1 and sets the tabindex of the
+         * element at the given index to 0, effectively setting the active
+         * element. This is used when navigating the list via keyboard.
+         *
+         * @param newIndex - The index of the new active element in the list.
+         */
+        private resetTabIndexAndSetActiveTabIndex;
+        static get styles(): import("lit-element").CSSResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-list-v2": ListV2.ELEMENT;
+    }
+}

package/dist/types/index.d.ts

@@ -56,6 +56,8 @@ export { InputFile } from "./components/input-file/InputFile";
 export { Input } from "./components/input/Input";
 export { Label } from "./components/label/Label";
 export { Link } from "./components/link/Link";
+export { ListItemV2 } from "./components/list-v2/list-item-v2";
+export { ListV2 } from "./components/list-v2/list-v2";
 export { List } from "./components/list/List";
 export { ListItem } from "./components/list/ListItem";
 export { Loading } from "./components/loading/Loading";

package/dist/types/utils/keyboard.d.ts

@@ -1 +1,2 @@
 export declare function isActionKey(keyCode: string): boolean;
+export declare function isNavigationKey(keyCode: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.25.5",
+  "version": "2.26.0",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",