@watermarkinsights/ripple 5.22.0-alpha.1 → 5.22.0-alpha.3

package/dist/types/components/charts/chartFunctions.d.ts

@@ -23,10 +23,11 @@ export declare function polarToCartesian(half: number, radius: number, startAngl
     x2?: undefined;
     y2?: undefined;
 };
+export declare function getMaxTicks(width: number): number;
 export declare function getInterval(largest: number, maxticks: number): number;
 export declare function handleSliceClick(this: any, ev: MouseEvent, s: SliceDetails): void;
 export declare function handleChartKeydown(this: any, ev: KeyboardEvent): void;
-export declare function openPopover(popoverEl: HTMLPrivChartPopoverElement, s: SliceDetails): void;
+export declare function openPopover(popoverEl: HTMLPrivChartPopoverOldElement, s: SliceDetails): void;
 export declare function exitChart(this: any): void;
 export declare function getDetails(this: any, chartType: ChartType): Promise<void>;
 export declare function renderInstructionsText(): any;
@@ -39,3 +40,10 @@ export declare function renderLegend(this: any, chartType: ChartType): any;
 export declare function renderLegendItem(this: any, legendItem: LegendItem, printValue?: string, s?: SliceDetails | null): any;
 export declare function renderCompletionMessage(this: any): any;
 export declare function renderHiddenValuesMessage(): any;
+export declare function formatDisplayValue(amount: number, amountTotal: number, valueFormat: "amount" | "percentage" | "none"): string;
+export declare function isNiceInterval(interval: number, niceValues?: number[]): boolean;
+export declare function suffixNumber(value: number): string;
+export declare function findLargestNiceInterval(maxIntervals: number, total: number): {
+    numIntervals: number;
+    interval: number;
+};

package/dist/types/components/charts/priv-chart-popover/priv-chart-popover.d.ts

@@ -1,26 +1,35 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { SliceDetails } from "../../../global/interfaces";
+import { ChartData } from "../../../global/interfaces";
 export declare class ChartPopover {
     el: HTMLPrivChartPopoverElement;
-    private chartEl;
-    private liveRegion?;
-    wmChartPopoverButtonTriggered: EventEmitter<HTMLWmChartSliceElement>;
-    wmProgressIndicatorButtonTriggered: EventEmitter<HTMLWmProgressSliceElement>;
-    get eventToEmit(): EventEmitter<HTMLWmChartSliceElement>;
-    intChartPopoverOpenChanged: EventEmitter<boolean>;
+    private liveRegionEl;
+    private popoverEl;
+    chartData?: ChartData;
+    header: string;
+    text: string;
+    buttonText: string;
+    coords: {
+        x: number;
+        y: number;
+    };
     open: boolean;
-    sliceDetails?: SliceDetails;
+    announcement: string;
+    isTabbing: boolean;
+    toggleTabbingOn(): void;
+    toggleTabbingOff(): void;
+    wmPopoverButtonClick: EventEmitter<ChartData>;
+    intChartPopoverOpenChanged: EventEmitter<boolean>;
     private popoverWidth;
     private popoverClicked;
-    handleClickOnDocument(ev: MouseEvent): void;
+    handleClickOnDocument(_ev: MouseEvent): void;
     handleClick(ev: MouseEvent): void;
     componentDidLoad(): void;
     debouncedClosePopover: (this: any) => void;
     handleOpenChange(): void;
     handleDetailsChange(): void;
-    updateHighlightedInfo(): void;
     handleButtonClick(): void;
-    renderLiveRegion(): void;
+    announce(message: string): void;
+    announceContents(): Promise<void>;
     positionPopover(): void;
     render(): any;
 }

package/dist/types/components/charts/priv-chart-popover-old/priv-chart-popover-old.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { SliceDetails } from "../../../global/interfaces";
+export declare class ChartPopoverOld {
+    el: HTMLPrivChartPopoverOldElement;
+    private chartEl;
+    private liveRegion?;
+    wmChartPopoverButtonTriggered: EventEmitter<HTMLWmChartSliceElement>;
+    wmProgressIndicatorButtonTriggered: EventEmitter<HTMLWmProgressSliceElement>;
+    get eventToEmit(): EventEmitter<HTMLWmChartSliceElement>;
+    intChartPopoverOpenChanged: EventEmitter<boolean>;
+    open: boolean;
+    sliceDetails?: SliceDetails;
+    private popoverWidth;
+    private popoverClicked;
+    handleClickOnDocument(ev: MouseEvent): void;
+    handleClick(ev: MouseEvent): void;
+    componentDidLoad(): void;
+    debouncedClosePopover: (this: any) => void;
+    handleOpenChange(): void;
+    handleDetailsChange(): void;
+    updateHighlightedInfo(): void;
+    handleButtonClick(): void;
+    renderLiveRegion(): void;
+    positionPopover(): void;
+    render(): any;
+}

package/dist/types/components/charts/wm-chart/wm-chart.d.ts

@@ -20,7 +20,7 @@ export declare class Chart {
     private uid;
     private total;
     private slicesDetails;
-    get popoverEl(): HTMLPrivChartPopoverElement | null;
+    get popoverEl(): HTMLPrivChartPopoverOldElement | null;
     get sliceEls(): SliceElement[];
     get currentChartType(): ChartType;
     get chartDetails(): import("../../../global/interfaces").ChartDetails;

package/dist/types/components/charts/wm-chart-bar/wm-chart-bar.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ChartConfig, ChartData, ProcessedChartData } from "../../../global/interfaces";
+type GridInfo = {
+    numTicks: number;
+    interval: number;
+    backgroundSize: string;
+    tickLabels: string[];
+};
+export declare class ChartBar {
+    el: HTMLWmChartBarElement;
+    private barAreaEl;
+    private popoverEl;
+    private gridMax;
+    config?: ChartConfig;
+    data?: ChartData[];
+    printMode?: boolean;
+    subinfo?: string;
+    processedData: ProcessedChartData[];
+    gridInfo?: GridInfo;
+    wmChartDataUpdated: EventEmitter<ChartData[]>;
+    wmChartBarHighlighted: EventEmitter<{
+        idx: number;
+    }>;
+    get colorPalette(): string[];
+    get sort(): "ascending" | "descending" | "none";
+    get showLegend(): "left" | "right" | "top" | "bottom" | "none";
+    get subinfoText(): string;
+    componentDidLoad(): void;
+    processData(): void;
+    processItems(itemTotal: number): ProcessedChartData[];
+    propogateExternalLegendData(): void;
+    calculateGridInfo(): GridInfo;
+    handleChartKeyDown(ev: KeyboardEvent): void;
+    handleBarKeyDown(ev: KeyboardEvent, barIdx: number): void;
+    handleBarClick(ev: MouseEvent, idx: number): void;
+    handleExternalLegendItemClick(ev: CustomEvent<{
+        idx: number;
+    }>): void;
+    handleInternalLegendItemClick(ev: CustomEvent<{
+        idx: number;
+    }>): void;
+    handleDocumentClick(_ev: MouseEvent): void;
+    focusBar(barIdx: number): void;
+    handlePopoverOpenChanged(_ev: CustomEvent): void;
+    openPopover(clickedProcessedData: ProcessedChartData, coords: {
+        x: number;
+        y: number;
+    }): void;
+    clearHighlights(): void;
+    highlightBar(idx: number): void;
+    clearFocus(): void;
+    renderBarLegends(): any[];
+    renderBars(): any[];
+    renderXAxis(): any;
+    renderGrid(): any;
+    renderLegend(orientation: "horizontal" | "vertical"): any;
+    render(): any;
+}
+export {};

package/dist/types/components/charts/wm-chart-legend/wm-chart-legend.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { ProcessedChartData } from "../../../global/interfaces";
+export declare class ChartLegend {
+    el: HTMLWmChartLegendElement;
+    chartIds: string;
+    orientation: "horizontal" | "vertical";
+    processedData: ProcessedChartData[];
+    printMode: boolean;
+    wmLegendItemClick: EventEmitter<{
+        idx: number;
+    }>;
+    handleChartBarHighlighted(ev: CustomEvent<{
+        idx: number;
+    }>): void;
+    highlightLegendItem(highlightedIdx: number): void;
+    handleLegendItemClick(idx: number): void;
+    renderLegendItems(): any[];
+    render(): any;
+}

package/dist/types/components/charts/wm-progress-monitor/wm-progress-indicator.d.ts

@@ -15,7 +15,7 @@ export declare class ProgressIndicator {
     private uid;
     private total;
     private slicesDetails;
-    get popoverEl(): HTMLPrivChartPopoverElement | null;
+    get popoverEl(): HTMLPrivChartPopoverOldElement | null;
     get sliceEls(): (SVGElement | HTMLElement)[] | undefined;
     get chartDetails(): ChartDetails | undefined;
     get ariaLabelText(): string;

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

@@ -12,7 +12,6 @@ export declare class TabList {
     get selectedTabItem(): HTMLWmTabItemElement;
     private getLinkEl;
     private get panels();
-    private getPanel;
     setSelected(id: string): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -23,7 +22,6 @@ export declare class TabList {
     removeAttributesOnTab(tab: HTMLWmTabItemElement): void;
     setAttributesOnPanel(panel: HTMLWmTabPanelElement, tab: HTMLWmTabItemElement): void;
     handleKeydown(ev: CustomEvent): void;
-    handleLeftRightArrow(index: number, key: string): void;
     handleTabFocused(tabItem: HTMLWmTabItemElement, alignment?: "left" | "right" | "auto"): void;
     calculateScrollPositionForTab(tabItem: HTMLWmTabItemElement, alignment?: "left" | "right" | "auto"): number;
     debouncedUpdateContainerState: (this: any) => void;

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, ProcessedChartData, SliceDetails, TimeFormat12, TimeFormat24, TooltipPlacement, validButtonTypes } from "./global/interfaces";
+export { ChartConfig, ChartData, ChartType, ProcessedChartData, SliceDetails, 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,18 @@ export namespace Components {
         "subinfo"?: string;
         "valueFormat": "percentage" | "amount" | "none";
     }
+    interface WmChartBar {
+        "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;
@@ -452,6 +473,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;
@@ -468,6 +493,14 @@ export interface WmActionMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmActionMenuElement;
 }
+export interface WmChartBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmChartBarElement;
+}
+export interface WmChartLegendCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLWmChartLegendElement;
+}
 export interface WmChartSliceCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLWmChartSliceElement;
@@ -611,8 +644,7 @@ declare global {
         new (): HTMLPrivCalendarElement;
     };
     interface HTMLPrivChartPopoverElementEventMap {
-        "wmChartPopoverButtonTriggered": HTMLWmChartSliceElement;
-        "wmProgressIndicatorButtonTriggered": HTMLWmProgressSliceElement;
+        "wmPopoverButtonClick": ChartData;
         "intChartPopoverOpenChanged": boolean;
     }
     interface HTMLPrivChartPopoverElement extends Components.PrivChartPopover, HTMLStencilElement {
@@ -629,6 +661,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;
     }
@@ -718,6 +769,41 @@ declare global {
         prototype: HTMLWmChartElement;
         new (): HTMLWmChartElement;
     };
+    interface HTMLWmChartBarElementEventMap {
+        "wmChartDataUpdated": ChartData[];
+        "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 HTMLWmChartLegendElementEventMap {
+        "wmLegendItemClick": { 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;
     }
@@ -1342,12 +1428,15 @@ 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-legend": HTMLWmChartLegendElement;
         "wm-chart-slice": HTMLWmChartSliceElement;
         "wm-date-range": HTMLWmDateRangeElement;
         "wm-datepicker": HTMLWmDatepickerElement;
@@ -1404,9 +1493,19 @@ declare namespace LocalJSX {
         "view"?: string;
     }
     interface PrivChartPopover {
+        "buttonText"?: string;
+        "chartData"?: ChartData;
+        "coords"?: { x: number; y: number };
+        "header"?: string;
         "onIntChartPopoverOpenChanged"?: (event: PrivChartPopoverCustomEvent<boolean>) => void;
-        "onWmChartPopoverButtonTriggered"?: (event: PrivChartPopoverCustomEvent<HTMLWmChartSliceElement>) => void;
-        "onWmProgressIndicatorButtonTriggered"?: (event: PrivChartPopoverCustomEvent<HTMLWmProgressSliceElement>) => 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;
     }
@@ -1486,6 +1585,21 @@ declare namespace LocalJSX {
         "subinfo"?: string;
         "valueFormat"?: "percentage" | "amount" | "none";
     }
+    interface WmChartBar {
+        "config"?: ChartConfig;
+        "data"?: ChartData[];
+        "onWmChartBarHighlighted"?: (event: WmChartBarCustomEvent<{ idx: number }>) => void;
+        "onWmChartDataUpdated"?: (event: WmChartBarCustomEvent<ChartData[]>) => void;
+        "printMode"?: boolean;
+        "subinfo"?: string;
+    }
+    interface WmChartLegend {
+        "chartIds"?: string;
+        "onWmLegendItemClick"?: (event: WmChartLegendCustomEvent<{ idx: number }>) => void;
+        "orientation"?: "horizontal" | "vertical";
+        "printMode"?: boolean;
+        "processedData"?: ProcessedChartData[];
+    }
     interface WmChartSlice {
         "amount"?: string;
         "legend"?: string;
@@ -1912,12 +2026,15 @@ 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-legend": WmChartLegend;
         "wm-chart-slice": WmChartSlice;
         "wm-date-range": WmDateRange;
         "wm-datepicker": WmDatepicker;
@@ -1965,12 +2082,15 @@ 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-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/interfaces.d.ts

@@ -70,6 +70,47 @@ export type LegendItem = {
 export type LineChartData = {
     [lineLabel: string]: Line;
 };
+export declare const chartPaletteDiscrete: string[];
+export declare const chartPaletteSemantic: string[];
+export type ChartConfig = {
+    label: string;
+    labelPosition: "top" | "none";
+    labelWidth: string;
+    valueAxisLabel: string;
+    categoryAxisLabel: string;
+    printMode: boolean;
+    printModeFormat: "amount" | "percentage";
+    gridMax?: number | "auto";
+    sort?: "ascending" | "descending" | "none";
+    showLegend?: "left" | "right" | "top" | "bottom" | "none";
+    subinfo?: string;
+    completionMessage?: string;
+    valueFormat?: "amount" | "percentage" | "none";
+    colors?: "discrete" | "semantic";
+    popoverTitle?: string;
+    popoverText?: string;
+    popoverButtonText?: string;
+};
+export type ChartData = {
+    label: string;
+    amount: number;
+    color?: string;
+    popoverTitle?: string;
+    popoverText?: string;
+    popoverButtonText?: string;
+    [key: string]: any;
+};
+export type ProcessedChartData = {
+    label: string;
+    amount: number;
+    gridPercent: number;
+    displayValue: string;
+    printValue: string;
+    color?: string;
+    popoverTitle?: string;
+    popoverText?: string;
+    popoverButtonText?: string;
+};
 export type Line = {
     [xValue: string]: YValue;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.22.0-alpha.1",
+  "version": "5.22.0-alpha.3",
   "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": "aa1e765525d3d29d650a2841d7375918082afea2"
+  "gitHead": "d6464523512dcfc98d214f23054e6db4d3437486"
 }