@watermarkinsights/ripple 5.20.0-alpha.0 → 5.20.0-alpha.2

package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts

@@ -1,41 +1,31 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class TabList {
     el: any;
+    private tabContainerEl;
     customBackground?: "dark" | "";
     customPadding?: string;
     selectedTab?: string;
-    /**
-     * Set to true when the tab list exceeds the parent width. Component will render the menu layout.
-     */
-    private get menuLayout();
-    /**
-     * Emitted by wm-select options when tabs have the menu format
-     */
-    wmTabSelected: EventEmitter<{
-        tabId: string;
-    }>;
-    private selectLabel;
     private get tabItems();
     get selectedTabItem(): HTMLWmTabItemElement;
     private getLinkEl;
     private get panels();
     private getPanel;
-    private listWidth?;
-    private setListWidth;
     setSelected(id: string): void;
-    showItems(): void;
-    hideItems(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     tabItemLoaded(ev: CustomEvent): void;
+    wmTabFocused(ev: CustomEvent): void;
     setAriaOnPanelAndTab(tab: HTMLWmTabItemElement): void;
     setAttributesOnTab(tab: HTMLWmTabItemElement, panel: HTMLWmTabPanelElement): void;
     removeAttributesOnTab(tab: HTMLWmTabItemElement): void;
     setAttributesOnPanel(panel: HTMLWmTabPanelElement, tab: HTMLWmTabItemElement): void;
     handleKeydown(ev: CustomEvent): void;
     handleLeftRightArrow(index: number, key: string): void;
-    debouncedSetLayout: (this: any) => void;
-    renderMenuOrTabs(): any;
-    renderOptions(): any[];
+    handleTabFocused(tabItem: HTMLWmTabItemElement, alignment?: "left" | "right" | "auto"): void;
+    calculateScrollPositionForTab(tabItem: HTMLWmTabItemElement, alignment?: "left" | "right" | "auto"): number;
+    debouncedUpdateContainerState: (this: any) => void;
+    updateContainerState(): void;
+    updateArrowVisibility(): void;
+    handleLeftArrowClick(): void;
+    handleRightArrowClick(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -352,7 +352,6 @@ export namespace Components {
           * Indicates whether the tab is currently active
          */
         "selected": boolean;
-        "show": boolean;
         /**
           * The id of the tab, linked to a tab panel.
          */
@@ -562,10 +561,6 @@ export interface WmTabItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmTabItemElement;
 }
-export interface WmTabListCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLWmTabListElement;
-}
 export interface WmTabPanelCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmTabPanelElement;
@@ -1189,6 +1184,7 @@ declare global {
     };
     interface HTMLWmTabItemElementEventMap {
         "wmTabSelected": { tabId: string };
+        "wmIntTabFocused": { tabItem: HTMLWmTabItemElement };
         "keydownOnTabItem": {
     tabItem: HTMLWmTabItemElement;
     key: string;
@@ -1209,18 +1205,7 @@ declare global {
         prototype: HTMLWmTabItemElement;
         new (): HTMLWmTabItemElement;
     };
-    interface HTMLWmTabListElementEventMap {
-        "wmTabSelected": { tabId: string };
-    }
     interface HTMLWmTabListElement extends Components.WmTabList, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLWmTabListElementEventMap>(type: K, listener: (this: HTMLWmTabListElement, ev: WmTabListCustomEvent<HTMLWmTabListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLWmTabListElementEventMap>(type: K, listener: (this: HTMLWmTabListElement, ev: WmTabListCustomEvent<HTMLWmTabListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLWmTabListElement: {
         prototype: HTMLWmTabListElement;
@@ -1821,12 +1806,12 @@ declare namespace LocalJSX {
     key: string;
   }>) => void;
         "onTabItemLoaded"?: (event: WmTabItemCustomEvent<{ tab: HTMLWmTabItemElement }>) => void;
+        "onWmIntTabFocused"?: (event: WmTabItemCustomEvent<{ tabItem: HTMLWmTabItemElement }>) => void;
         "onWmTabSelected"?: (event: WmTabItemCustomEvent<{ tabId: string }>) => void;
         /**
           * Indicates whether the tab is currently active
          */
         "selected"?: boolean;
-        "show"?: boolean;
         /**
           * The id of the tab, linked to a tab panel.
          */
@@ -1835,10 +1820,6 @@ declare namespace LocalJSX {
     interface WmTabList {
         "customBackground"?: "dark" | "";
         "customPadding"?: string;
-        /**
-          * Emitted by wm-select options when tabs have the menu format
-         */
-        "onWmTabSelected"?: (event: WmTabListCustomEvent<{ tabId: string }>) => void;
         "selectedTab"?: string;
     }
     interface WmTabPanel {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.20.0-alpha.0",
+  "version": "5.20.0-alpha.2",
   "description": "Ripple Component Library",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",
@@ -36,5 +36,5 @@
     "@types/jest": "^29.5.12",
     "jest": "^29.7.0"
   },
-  "gitHead": "87b051f287888c1556669e2cc3d0e20fac2386b1"
+  "gitHead": "cf48f485176312746dd9d2a4575cf5d0e95df514"
 }