@momentum-ui/web-components 2.20.0 → 2.21.0-dev

package/dist/index.js

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

package/dist/types/components/combobox/ComboBox.d.ts

@@ -204,7 +204,7 @@ export declare namespace ComboBox {
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
-        getCustomContent(option: string | OptionMember): TemplateResult | DocumentFragment;
+        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult;
         renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
         renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
         highlightingSearchedText(option: OptionMember | string): TemplateResult[];

package/dist/types/components/icon/Icon.d.ts

@@ -159,6 +159,7 @@ export declare namespace Icon {
         isSvgAlreadyLoaded(iconName: string): boolean | undefined;
         loadSvgIcon(iconName: string): Promise<void>;
         setSvgIconAttributes(): void;
+        private getBrandVisualIcon;
         private get svgIconName();
         updated(changedProperties: PropertyValues): void;
         _ariaLabel: string;

package/dist/types/components/menu-overlay/MenuOverlay.d.ts

@@ -50,6 +50,7 @@ export declare namespace MenuOverlay {
         connectedCallback(): void;
         disconnectedCallback(): void;
         checkIsInputField(element: HTMLElement): boolean;
+        private updateTriggerElementAriaExpanded;
         protected firstUpdated(changedProperties: PropertyValues): Promise<void>;
         protected update(changedProperties: PropertyValues): void;
         protected updated(changedProperties: PropertyValues): void;

package/dist/types/components/tabs/Tab.d.ts

@@ -31,7 +31,7 @@ export declare namespace Tab {
         closable: "auto" | "custom" | "";
         name: string;
         isCrossVisible: boolean;
-        ariaRole: string;
+        role: string;
         type: Tabs.TabsType;
         newMomentum: boolean;
         onlyIcon: boolean;
@@ -39,19 +39,23 @@ export declare namespace Tab {
         private _disabled;
         get disabled(): boolean;
         set disabled(value: boolean);
+        private tabDisabled;
+        private tabEnabled;
         private _selected;
         get selected(): boolean;
         set selected(value: boolean);
         vertical: boolean;
         viewportHidden: boolean;
         static get styles(): import("lit-element").CSSResult[];
-        handleClick(event: MouseEvent): void;
+        handleClick(event: MouseEvent | KeyboardEvent): void;
+        handleKeydown(event: KeyboardEvent): void;
         handleCrossKeydown(event: KeyboardEvent): void;
         handleCrossClick(event: MouseEvent | KeyboardEvent): void;
         private handleCrossEventDispatch;
         private notifySelectedTab;
         protected update(changedProperties: PropertyValues): void;
         connectedCallback(): void;
+        disconnectedCallback(): void;
         protected firstUpdated(changedProperties: PropertyValues): void;
         renderCrossButton(): import("lit-element").TemplateResult;
         render(): import("lit-element").TemplateResult;

package/dist/types/components/tabs/TabPanel.d.ts

@@ -13,6 +13,7 @@ export declare namespace TabPanel {
         name: string;
         focusablePanel: string;
         static get styles(): import("lit-element").CSSResult[];
+        connectedCallback(): void;
         protected firstUpdated(changedProperties: PropertyValues): void;
         render(): import("lit-element").TemplateResult;
     }

package/dist/types/components/tabs/Tabs.d.ts

@@ -92,7 +92,7 @@ export declare namespace Tabs {
         private linkPanelsAndTabs;
         get slotItem(): HTMLSlotElement;
         protected filterSlotted(): HTMLElement[];
-        protected handleResize(contentRect: DOMRect): Promise<void>;
+        protected handleResize(contentRect: DOMRect): void;
         private getDragDirection;
         handleOnDragEnd: (event: Sortable.SortableEvent) => Promise<void>;
         private makeTabCopyFocus;
@@ -102,7 +102,8 @@ export declare namespace Tabs {
         handleTabCloseClick(event: CustomEvent<TabCloseClickEvent>): void;
         handleTabCloseEvent(id: string): void;
         handleUpdatedSeletedTabAfterCross(crossTabIndex: number): void;
-        private toggleSelectedAttribute;
+        private setSelectedAttribute;
+        private isTabInMoreMenu;
         private updateSelectedTab;
         private dispatchSelectedChangedEvent;
         private changeSelectedTabIdx;
@@ -126,7 +127,11 @@ export declare namespace Tabs {
         protected firstUpdated(changedProperties: PropertyValues): void;
         private onDirectionChanged;
         protected updated(changedProperties: PropertyValues): void;
+        private get moreMenuButtonTemplate();
+        private get moreMenuListTemplate();
         private get moreMenuTemplate();
+        private get renderTabSlot();
+        private get renderTabsWithMoreMenu();
         render(): import("lit-element").TemplateResult;
     }
     export {};

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

@@ -15,3 +15,4 @@ export declare const findHighlight: (text: string, query: string) => {
 export declare function debounce<T>(func: Function, wait: number, immediate?: boolean): (this: T, ...args: any[]) => void;
 export declare const throttle: (fn: (...args: any[]) => unknown, delay?: number) => (...args: any[]) => void;
 export declare function closestElement(selector: string, base: HTMLElement): HTMLElement | null;
+export declare function getElementSafe<T>(elements: T[], index: number): T | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.20.0",
+  "version": "2.21.0-dev",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -15,7 +15,6 @@
     "@interactjs/utils": "1.10.3",
     "@momentum-design/brand-visuals": "0.5.1",
     "@momentum-design/icons": "0.13.0",
-    "@momentum-design/tokens": "0.5.1",
     "@popperjs/core": "^2.11.8",
     "country-codes-list": "1.6.8",
     "country-flags-svg": "1.1.4",
@@ -24,8 +23,7 @@
     "json": "^11.0.0",
     "libphonenumber-js": "^1.7.57",
     "lit-virtualizer": "0.4.2",
-    "luxon": "^3.5.0",
-    "mobx": "^5.15.4",
+    "luxon": "^3.6.1",
     "papaparse": "^5.5.2",
     "sortablejs": "^1.15.6"
   },
@@ -35,7 +33,8 @@
     "@momentum-ui/tokens": "1.7.1",
     "@momentum-ui/utils": "6.2.15",
     "lit-element": "2.3.1",
-    "lit-html": "^1.2.1"
+    "lit-html": "^1.2.1",
+    "mobx": "^5.0.0 || ^6.0.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"