@watermarkinsights/ripple 0.0.1 → 0.1.0-alpha.0

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

@@ -1,41 +1,34 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class TabList {
     el: any;
+    private tabContainerEl;
+    private liveRegionEl;
     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;
+    announcement: string;
+    containerFadeLeft: boolean;
+    containerFadeRight: boolean;
+    scrollArrowsVisible: boolean;
     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;
+    updateContainerFade(): void;
+    updateArrowVisibility(): void;
+    handleLeftArrowClick(ev: MouseEvent): void;
+    handleRightArrowClick(ev: MouseEvent): void;
+    announce(message: string): void;
     render(): any;
 }

package/dist/types/components/wm-tag-input/wm-tag-input.d.ts

@@ -30,7 +30,6 @@ export declare class TagInput {
     addNewTagMessage(newTagName: string): string;
     wmTagInputTagAdded: EventEmitter;
     private openUp;
-    private inModal;
     isKeying: boolean;
     isExpanded: boolean;
     liveRegionMessage: string;
@@ -87,7 +86,10 @@ export declare class TagInput {
     handleInputBackspace(): void;
     handleTagAreaKeyDown(ev: KeyboardEvent): void;
     handleBlur(ev: FocusEvent): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
     handleTagAreaFocus(ev: FocusEvent): void;
+    handleTableFocus(): void;
+    handleTableWrapperKeyDown(ev: KeyboardEvent): void;
     focusPrevCell(): void;
     focusNextCell(): void;
     focusOption(optionToFocus: HTMLLIElement | HTMLTableRowElement): void;
@@ -103,6 +105,8 @@ export declare class TagInput {
     generateCharacterLimitWarning(charCount: number, charLimit: number): string;
     positionInput(): void;
     handleTagMouseEnter(ev: MouseEvent): void;
+    renderDropdownInput(): any;
+    renderTableInput(): any;
     renderDropdown(): any;
     renderHelpText(): string;
     renderAddNewButton(): any;

package/dist/types/components/wm-textarea/wm-textarea.d.ts

@@ -25,6 +25,7 @@ export declare class Textarea {
     announceError(): void;
     handleInput(ev: Event): void;
     handleBlur(): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
     announce(message: string): void;
     render(): any;
 }

package/dist/types/components/wm-timepicker/wm-timepicker.d.ts

@@ -39,6 +39,7 @@ export declare class Timepicker {
     componentDidLoad(): void;
     handleOptionClick(time: TimeFormat24): void;
     handleInputBlur(): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
     generateTimeIntervals(): TimeFormat24[];
     splitTime(time: TimeFormat12 | TimeFormat24): [number, string, string?];
     open(itemToSelect?: "next" | "previous"): void;

package/dist/types/components/wm-toggletip/wm-toggletip.d.ts

@@ -5,13 +5,22 @@ export declare class Toggletip {
     tooltip: string;
     tooltipPosition: TooltipPlacement;
     targetSize: "small" | "large";
+    toggletipType: "info" | "ai";
     isHidden: boolean;
     private toggletipEl;
+    private buttonEl;
     private liveRegionEl;
-    private scrollableParent?;
-    private tooltipMessage;
+    private scrollableParents;
+    private tooltipInfoMessage;
+    private tooltipAITooltip;
     get isOpen(): boolean;
+    get tooltipMessage(): string;
     get toggletipPosition(): TooltipPlacement;
+    /**
+     * Register CSS custom properties for AI gradient animations
+     * These need to be registered in JS since @property doesn't work in shadow DOM
+     */
+    private registerCSSProperties;
     componentWillLoad(): void;
     componentDidLoad(): void;
     debouncedReveal: (this: any) => void;
@@ -19,8 +28,11 @@ export declare class Toggletip {
     handleResize(): void;
     handleKeydown(ev: KeyboardEvent): void;
     handleClick(ev: MouseEvent): void;
+    handleScroll(): void;
+    handlePopoverToggle(ev: ToggleEvent): void;
     open(): void;
     handleBlur(): void;
     announceToggletip(): void;
+    renderIcon(): any;
     render(): any;
 }

package/dist/types/components/wm-uploader/wm-uploader.d.ts

@@ -23,7 +23,8 @@ export declare class Uploader {
     private srProgress?;
     private batchCount;
     private prevUploadCount;
-    private fileIdToDelete;
+    private deletedEl?;
+    private elToFocusOnDelete?;
     wmUploaderFilesSelected: EventEmitter<File[]>;
     get isDisabled(): boolean;
     get fileEls(): HTMLWmFileElement[];
@@ -34,7 +35,7 @@ export declare class Uploader {
     toggleTabbingOn(): void;
     toggleTabbingOff(): void;
     handleFileErrorCleared(): void;
-    storeDeletedId(ev: CustomEvent): void;
+    handleFileDelete(ev: CustomEvent): void;
     announceError(): void;
     handleDocumentDragEnter(): void;
     handleDocumentMouseOut(): void;
@@ -49,9 +50,9 @@ export declare class Uploader {
     componentDidLoad(): void;
     handleChildMutation(mutationRecord: MutationRecord): void;
     handleProgressUpdate(mutationRecord: MutationRecord): void;
-    focusAfterFileRemoval(mutationRecord: MutationRecord): void;
     handleUploadButtonClick(ev: Event): void;
     handleUploadButtonChange(): void;
+    handleLabelMouseEnter(ev: MouseEvent): void;
     announce(message: string, liveRegionEl: HTMLElement): void;
     renderIcon(): any;
     renderUploadButton(): any;

package/dist/types/components.d.ts

@@ -5,8 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ChartType, SliceDetails, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
-export { ChartType, SliceDetails, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
+import { ChartConfig, ChartData, ChartType, LineChartData, ProcessedChartData, SliceDetails, SpotlightData, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
+export { ChartConfig, ChartData, ChartType, LineChartData, ProcessedChartData, SliceDetails, SpotlightData, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
 export namespace Components {
     interface PrivCalendar {
         "disabled": boolean;
@@ -20,6 +20,15 @@ export namespace Components {
         "view": string;
     }
     interface PrivChartPopover {
+        "announceContents": () => Promise<void>;
+        "buttonText": string;
+        "chartData"?: ChartData;
+        "coords": { x: number; y: number };
+        "header": string;
+        "open": boolean;
+        "text": string;
+    }
+    interface PrivChartPopoverOld {
         "open": boolean;
         "sliceDetails"?: SliceDetails;
     }
@@ -92,6 +101,24 @@ export namespace Components {
         "subinfo"?: string;
         "valueFormat": "percentage" | "amount" | "none";
     }
+    interface WmChartBar {
+        "config"?: ChartConfig;
+        "data"?: ChartData[];
+        "printMode"?: boolean;
+        "subinfo"?: string;
+    }
+    interface WmChartColumn {
+        "config"?: ChartConfig;
+        "data"?: ChartData[];
+        "printMode"?: boolean;
+        "subinfo"?: string;
+    }
+    interface WmChartLegend {
+        "chartIds": string;
+        "orientation": "horizontal" | "vertical";
+        "printMode": boolean;
+        "processedData": ProcessedChartData[];
+    }
     interface WmChartSlice {
         "amount"?: string;
         "legend"?: string;
@@ -174,14 +201,17 @@ export namespace Components {
         "value": string;
     }
     interface WmLineChart {
+        "decimalPlaces"?: number;
         "description": string;
         "highlightEnd"?: string;
         "highlightQualifier": string;
         "highlightStart"?: string;
         "label": string;
         "labelWidth": string;
-        "lineData": string;
+        "lineData": string | LineChartData;
         "showDeltas": boolean;
+        "showGrid": boolean;
+        "spotlightData"?: SpotlightData;
         "units": string;
         "visibilityToggles": boolean;
         "xAxisLabel": string;
@@ -287,6 +317,7 @@ export namespace Components {
         "currentPage": number;
         "isLargeSize": boolean;
         "itemsPerPage"?: number;
+        "label": string;
         "totalItems"?: number;
         "value": number;
     }
@@ -334,6 +365,7 @@ export namespace Components {
         "allSelectedMessage": string;
         "disabled": boolean;
         "errorMessage"?: string;
+        "info"?: string;
         "label"?: string;
         "labelPosition": "top" | "left" | "none";
         "maxHeight": string;
@@ -352,7 +384,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.
          */
@@ -360,7 +391,6 @@ export namespace Components {
     }
     interface WmTabList {
         "customBackground"?: "dark" | "";
-        "customPadding"?: string;
         "selectedTab"?: string;
     }
     interface WmTabPanel {
@@ -426,6 +456,7 @@ export namespace Components {
     interface WmToggletip {
         "label"?: string;
         "targetSize": "small" | "large";
+        "toggletipType": "info" | "ai";
         "tooltip": string;
         "tooltipPosition": TooltipPlacement;
     }
@@ -453,6 +484,10 @@ export interface PrivChartPopoverCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPrivChartPopoverElement;
 }
+export interface PrivChartPopoverOldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPrivChartPopoverOldElement;
+}
 export interface PrivNavigatorButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPrivNavigatorButtonElement;
@@ -469,6 +504,18 @@ export interface WmActionMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmActionMenuElement;
 }
+export interface WmChartBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmChartBarElement;
+}
+export interface WmChartColumnCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmChartColumnElement;
+}
+export interface WmChartLegendCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmChartLegendElement;
+}
 export interface WmChartSliceCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmChartSliceElement;
@@ -561,10 +608,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;
@@ -616,9 +659,8 @@ declare global {
         new (): HTMLPrivCalendarElement;
     };
     interface HTMLPrivChartPopoverElementEventMap {
-        "wmChartPopoverButtonTriggered": HTMLWmChartSliceElement;
-        "wmProgressIndicatorButtonTriggered": HTMLWmProgressSliceElement;
-        "intChartPopoverOpenChanged": boolean;
+        "wmPopoverButtonClick": ChartData;
+        "intChartPopoverToggled": boolean;
     }
     interface HTMLPrivChartPopoverElement extends Components.PrivChartPopover, HTMLStencilElement {
         addEventListener<K extends keyof HTMLPrivChartPopoverElementEventMap>(type: K, listener: (this: HTMLPrivChartPopoverElement, ev: PrivChartPopoverCustomEvent<HTMLPrivChartPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -634,6 +676,25 @@ declare global {
         prototype: HTMLPrivChartPopoverElement;
         new (): HTMLPrivChartPopoverElement;
     };
+    interface HTMLPrivChartPopoverOldElementEventMap {
+        "wmChartPopoverButtonTriggered": HTMLWmChartSliceElement;
+        "wmProgressIndicatorButtonTriggered": HTMLWmProgressSliceElement;
+        "intChartPopoverOpenChanged": boolean;
+    }
+    interface HTMLPrivChartPopoverOldElement extends Components.PrivChartPopoverOld, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPrivChartPopoverOldElementEventMap>(type: K, listener: (this: HTMLPrivChartPopoverOldElement, ev: PrivChartPopoverOldCustomEvent<HTMLPrivChartPopoverOldElementEventMap[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 HTMLPrivChartPopoverOldElementEventMap>(type: K, listener: (this: HTMLPrivChartPopoverOldElement, ev: PrivChartPopoverOldCustomEvent<HTMLPrivChartPopoverOldElementEventMap[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 HTMLPrivChartPopoverOldElement: {
+        prototype: HTMLPrivChartPopoverOldElement;
+        new (): HTMLPrivChartPopoverOldElement;
+    };
     interface HTMLPrivNavigatorButtonElementEventMap {
         "buttonActivated": any;
     }
@@ -723,6 +784,58 @@ declare global {
         prototype: HTMLWmChartElement;
         new (): HTMLWmChartElement;
     };
+    interface HTMLWmChartBarElementEventMap {
+        "wmChartBarHighlighted": { idx: number };
+    }
+    interface HTMLWmChartBarElement extends Components.WmChartBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmChartBarElementEventMap>(type: K, listener: (this: HTMLWmChartBarElement, ev: WmChartBarCustomEvent<HTMLWmChartBarElementEventMap[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 HTMLWmChartBarElementEventMap>(type: K, listener: (this: HTMLWmChartBarElement, ev: WmChartBarCustomEvent<HTMLWmChartBarElementEventMap[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 HTMLWmChartBarElement: {
+        prototype: HTMLWmChartBarElement;
+        new (): HTMLWmChartBarElement;
+    };
+    interface HTMLWmChartColumnElementEventMap {
+        "wmChartBarHighlighted": { idx: number };
+    }
+    interface HTMLWmChartColumnElement extends Components.WmChartColumn, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmChartColumnElementEventMap>(type: K, listener: (this: HTMLWmChartColumnElement, ev: WmChartColumnCustomEvent<HTMLWmChartColumnElementEventMap[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 HTMLWmChartColumnElementEventMap>(type: K, listener: (this: HTMLWmChartColumnElement, ev: WmChartColumnCustomEvent<HTMLWmChartColumnElementEventMap[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 HTMLWmChartColumnElement: {
+        prototype: HTMLWmChartColumnElement;
+        new (): HTMLWmChartColumnElement;
+    };
+    interface HTMLWmChartLegendElementEventMap {
+        "wmLegendItemClick": { idx: number };
+        "wmLegendItemHover": { idx: number };
+    }
+    interface HTMLWmChartLegendElement extends Components.WmChartLegend, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLWmChartLegendElementEventMap>(type: K, listener: (this: HTMLWmChartLegendElement, ev: WmChartLegendCustomEvent<HTMLWmChartLegendElementEventMap[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 HTMLWmChartLegendElementEventMap>(type: K, listener: (this: HTMLWmChartLegendElement, ev: WmChartLegendCustomEvent<HTMLWmChartLegendElementEventMap[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 HTMLWmChartLegendElement: {
+        prototype: HTMLWmChartLegendElement;
+        new (): HTMLWmChartLegendElement;
+    };
     interface HTMLWmChartSliceElementEventMap {
         "wmChartSliceUpdated": void;
     }
@@ -1188,6 +1301,7 @@ declare global {
     };
     interface HTMLWmTabItemElementEventMap {
         "wmTabSelected": { tabId: string };
+        "wmIntTabFocused": { tabItem: HTMLWmTabItemElement };
         "keydownOnTabItem": {
     tabItem: HTMLWmTabItemElement;
     key: string;
@@ -1208,18 +1322,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;
@@ -1357,12 +1460,16 @@ declare global {
     interface HTMLElementTagNameMap {
         "priv-calendar": HTMLPrivCalendarElement;
         "priv-chart-popover": HTMLPrivChartPopoverElement;
+        "priv-chart-popover-old": HTMLPrivChartPopoverOldElement;
         "priv-navigator-button": HTMLPrivNavigatorButtonElement;
         "priv-navigator-item": HTMLPrivNavigatorItemElement;
         "priv-option-list": HTMLPrivOptionListElement;
         "wm-action-menu": HTMLWmActionMenuElement;
         "wm-button": HTMLWmButtonElement;
         "wm-chart": HTMLWmChartElement;
+        "wm-chart-bar": HTMLWmChartBarElement;
+        "wm-chart-column": HTMLWmChartColumnElement;
+        "wm-chart-legend": HTMLWmChartLegendElement;
         "wm-chart-slice": HTMLWmChartSliceElement;
         "wm-date-range": HTMLWmDateRangeElement;
         "wm-datepicker": HTMLWmDatepickerElement;
@@ -1419,9 +1526,19 @@ declare namespace LocalJSX {
         "view"?: string;
     }
     interface PrivChartPopover {
-        "onIntChartPopoverOpenChanged"?: (event: PrivChartPopoverCustomEvent<boolean>) => void;
-        "onWmChartPopoverButtonTriggered"?: (event: PrivChartPopoverCustomEvent<HTMLWmChartSliceElement>) => void;
-        "onWmProgressIndicatorButtonTriggered"?: (event: PrivChartPopoverCustomEvent<HTMLWmProgressSliceElement>) => void;
+        "buttonText"?: string;
+        "chartData"?: ChartData;
+        "coords"?: { x: number; y: number };
+        "header"?: string;
+        "onIntChartPopoverToggled"?: (event: PrivChartPopoverCustomEvent<boolean>) => void;
+        "onWmPopoverButtonClick"?: (event: PrivChartPopoverCustomEvent<ChartData>) => void;
+        "open"?: boolean;
+        "text"?: string;
+    }
+    interface PrivChartPopoverOld {
+        "onIntChartPopoverOpenChanged"?: (event: PrivChartPopoverOldCustomEvent<boolean>) => void;
+        "onWmChartPopoverButtonTriggered"?: (event: PrivChartPopoverOldCustomEvent<HTMLWmChartSliceElement>) => void;
+        "onWmProgressIndicatorButtonTriggered"?: (event: PrivChartPopoverOldCustomEvent<HTMLWmProgressSliceElement>) => void;
         "open"?: boolean;
         "sliceDetails"?: SliceDetails;
     }
@@ -1501,6 +1618,28 @@ declare namespace LocalJSX {
         "subinfo"?: string;
         "valueFormat"?: "percentage" | "amount" | "none";
     }
+    interface WmChartBar {
+        "config"?: ChartConfig;
+        "data"?: ChartData[];
+        "onWmChartBarHighlighted"?: (event: WmChartBarCustomEvent<{ idx: number }>) => void;
+        "printMode"?: boolean;
+        "subinfo"?: string;
+    }
+    interface WmChartColumn {
+        "config"?: ChartConfig;
+        "data"?: ChartData[];
+        "onWmChartBarHighlighted"?: (event: WmChartColumnCustomEvent<{ idx: number }>) => void;
+        "printMode"?: boolean;
+        "subinfo"?: string;
+    }
+    interface WmChartLegend {
+        "chartIds"?: string;
+        "onWmLegendItemClick"?: (event: WmChartLegendCustomEvent<{ idx: number }>) => void;
+        "onWmLegendItemHover"?: (event: WmChartLegendCustomEvent<{ idx: number }>) => void;
+        "orientation"?: "horizontal" | "vertical";
+        "printMode"?: boolean;
+        "processedData"?: ProcessedChartData[];
+    }
     interface WmChartSlice {
         "amount"?: string;
         "legend"?: string;
@@ -1593,14 +1732,17 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface WmLineChart {
+        "decimalPlaces"?: number;
         "description"?: string;
         "highlightEnd"?: string;
         "highlightQualifier"?: string;
         "highlightStart"?: string;
         "label": string;
         "labelWidth"?: string;
-        "lineData": string;
+        "lineData": string | LineChartData;
         "showDeltas"?: boolean;
+        "showGrid"?: boolean;
+        "spotlightData"?: SpotlightData;
         "units"?: string;
         "visibilityToggles"?: boolean;
         "xAxisLabel": string;
@@ -1740,6 +1882,7 @@ declare namespace LocalJSX {
         "currentPage"?: number;
         "isLargeSize"?: boolean;
         "itemsPerPage"?: number;
+        "label"?: string;
         "onFocusCurrentPage"?: (event: WmPaginationCustomEvent<any>) => void;
         "onWmPaginationPageClicked"?: (event: WmPaginationCustomEvent<string>) => void;
         "totalItems"?: number;
@@ -1795,6 +1938,7 @@ declare namespace LocalJSX {
         "allSelectedMessage"?: string;
         "disabled"?: boolean;
         "errorMessage"?: string;
+        "info"?: string;
         "label"?: string;
         "labelPosition"?: "top" | "left" | "none";
         "maxHeight"?: string;
@@ -1820,12 +1964,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.
          */
@@ -1833,11 +1977,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 {
@@ -1908,6 +2047,7 @@ declare namespace LocalJSX {
     interface WmToggletip {
         "label"?: string;
         "targetSize"?: "small" | "large";
+        "toggletipType"?: "info" | "ai";
         "tooltip": string;
         "tooltipPosition"?: TooltipPlacement;
     }
@@ -1931,12 +2071,16 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "priv-calendar": PrivCalendar;
         "priv-chart-popover": PrivChartPopover;
+        "priv-chart-popover-old": PrivChartPopoverOld;
         "priv-navigator-button": PrivNavigatorButton;
         "priv-navigator-item": PrivNavigatorItem;
         "priv-option-list": PrivOptionList;
         "wm-action-menu": WmActionMenu;
         "wm-button": WmButton;
         "wm-chart": WmChart;
+        "wm-chart-bar": WmChartBar;
+        "wm-chart-column": WmChartColumn;
+        "wm-chart-legend": WmChartLegend;
         "wm-chart-slice": WmChartSlice;
         "wm-date-range": WmDateRange;
         "wm-datepicker": WmDatepicker;
@@ -1984,12 +2128,16 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "priv-calendar": LocalJSX.PrivCalendar & JSXBase.HTMLAttributes<HTMLPrivCalendarElement>;
             "priv-chart-popover": LocalJSX.PrivChartPopover & JSXBase.HTMLAttributes<HTMLPrivChartPopoverElement>;
+            "priv-chart-popover-old": LocalJSX.PrivChartPopoverOld & JSXBase.HTMLAttributes<HTMLPrivChartPopoverOldElement>;
             "priv-navigator-button": LocalJSX.PrivNavigatorButton & JSXBase.HTMLAttributes<HTMLPrivNavigatorButtonElement>;
             "priv-navigator-item": LocalJSX.PrivNavigatorItem & JSXBase.HTMLAttributes<HTMLPrivNavigatorItemElement>;
             "priv-option-list": LocalJSX.PrivOptionList & JSXBase.HTMLAttributes<HTMLPrivOptionListElement>;
             "wm-action-menu": LocalJSX.WmActionMenu & JSXBase.HTMLAttributes<HTMLWmActionMenuElement>;
             "wm-button": LocalJSX.WmButton & JSXBase.HTMLAttributes<HTMLWmButtonElement>;
             "wm-chart": LocalJSX.WmChart & JSXBase.HTMLAttributes<HTMLWmChartElement>;
+            "wm-chart-bar": LocalJSX.WmChartBar & JSXBase.HTMLAttributes<HTMLWmChartBarElement>;
+            "wm-chart-column": LocalJSX.WmChartColumn & JSXBase.HTMLAttributes<HTMLWmChartColumnElement>;
+            "wm-chart-legend": LocalJSX.WmChartLegend & JSXBase.HTMLAttributes<HTMLWmChartLegendElement>;
             "wm-chart-slice": LocalJSX.WmChartSlice & JSXBase.HTMLAttributes<HTMLWmChartSliceElement>;
             "wm-date-range": LocalJSX.WmDateRange & JSXBase.HTMLAttributes<HTMLWmDateRangeElement>;
             "wm-datepicker": LocalJSX.WmDatepicker & JSXBase.HTMLAttributes<HTMLWmDatepickerElement>;

package/dist/types/global/functions.d.ts

@@ -8,7 +8,11 @@ export declare function getPosition(el: HTMLElement): {
     x: number;
     y: number;
 };
-export declare function findScrollableParent(el: HTMLElement): HTMLElement | undefined;
+export declare function findAllScrollableParents(el: HTMLElement): HTMLElement[];
+export declare function getCumulativeScrollOffset(el: HTMLElement): {
+    x: number;
+    y: number;
+};
 export declare function findParentWithHiddenOverflow(el: HTMLElement): HTMLElement | undefined;
 export declare function isElOrChild(componentEl: HTMLElement, el: HTMLElement): boolean | undefined;
 export declare function getContextMeasurements(el: HTMLElement): {
@@ -30,7 +34,6 @@ export declare function shouldShiftLeft(fixedEl: HTMLElement, closableElWidth: n
 export declare function adjustTooltipPlacement(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipHeight: number, tooltipWidth: number): TooltipPlacement;
 export declare function showTooltip(placement: TooltipPlacement, anchorEl: HTMLElement, tooltipText: string): void;
 export declare function hideTooltip(): void;
-export declare function hasRoomRight(x: any, spaceNeeded: number): boolean;
 export declare function checkForActiveElInShadow(element: HTMLElement): HTMLElement;
 export declare function checkForFocusableElInShadow(element: HTMLElement): HTMLElement;
 export declare function isFocusable(element: any): boolean;
@@ -59,6 +62,7 @@ export declare function findNext(list: any[], item: any, loop?: boolean): any;
 export declare function safeMultiplyFloat(factor1: number, factor2: number): number;
 export declare function getMonthLength(month: number, year: number): 29 | 28 | 30 | 31;
 export declare function dateToISO(date: Date): string;
+export declare function clampDate(isoDate: string): string;
 export declare function makeISO(y: number, m: number, d: number): string;
 export declare const dateFind: {
     year: {